@charset "utf-8";
/*
	About:tisxc.com
	Date:2017/05/12
	Author:Steven
*/
/* CSS Document */
@import url(reset.css);
@font-face {
   /*font-family: 'gravitybook';
    src: url('../font/gravity/gravity-book-webfont.eot');
    src: url('../font/gravity/gravity-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gravity/gravity-book-webfont.woff') format('woff'),
         url('../font/gravity/gravity-book-webfont.ttf') format('truetype'),
         url('../font/gravity/gravity-book-webfont.svg#gravitybook') format('svg');   */
    font-weight: normal;
    font-style: normal;
	
	font-family: 'gravitybook';
    src: url('../font/fontawesome-webfont.eot');
    src: url('../font/fontawesome-webfont.woff') format('woff'),
         url('../font/fontawesome-webfont.ttf') format('truetype');
         
}
[data-role="transition"] { 
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
[data-role="transition1"] {
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}
body{ color:#666666; min-width:1000px;font-family:'微软雅黑';}
.in-wrap{ position:relative; margin:0 auto; width:1200px; height:100%; z-index:10000;}
.vbd{ z-index:9999}
.comm-jpg{ background:url(../images/comm.png) no-repeat;}
.font-gothic{  font-family: '-webkit-pictograph';'gravitybook';}
.bg-edeff4{ background:#edeff4;}
.bg-edeff4 .interphone-pic img{ margin-bottom:0;}
.bg-red{ background:#d21f1f;}
.section-comm .font30 em{ font-size:30px;}
ul li{ list-style:none;}

/** header **/
.header{ position:fixed; width:100%; height:110px; background:#fff; background:rgba(255,255,255,.6); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); z-index:11000;}
.header-scroll{ height:70px; background:rgba(255,255,255,.8);}
.header a.header-logo{ margin-top:28px;  width:500px; height:54px; text-indent:-9999px;}
.header-scroll a.header-logo{ margin-top:12px;  background-size:100% 100% !important; width:445px; height:45px;}
.header ul li{ float:left; margin:10px 0 0 50px;}
.header ul li a{ display:block; padding:10px 6px; font-size:14px; color:#5b5b5b; -moz-transition:all 0.5s ease;
	-webkit-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
	-ms-transition:transform 0.5s ease;
	transition:transform 0.5s ease;}
.header ul li a:hover,.header ul li a.current{ background:url(../images/comm.png) no-repeat 0 -317px; color:#009900; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.header-scroll ul li{ margin-top:13px;}

.curr a{ /*background:url(../images/comm.png) no-repeat 0 -317px*/; color:#009900 !important; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.header-scroll p{ display:none;}
.header p{ margin-top:19px; text-align:right;}
.header p a{ display:inline-block; margin:0 5px; height:14px; line-height:14px; font-size:12px; color:#949b99; zoom:1;}
.header p a:hover{ color:#009900;}
.header p a.header-login{ padding-left:10px; margin:0 6px 0 0;}
.header p span { color: #009900; width: 1px; height: 14px; line-height: 14px; }
.header p a.lan-cn { margin-left: 30px; color: #009900; }
.header p a.lan-en { margin-left: 2px; color: #009900; }

/** banner **/
.banner { position:relative; min-height:470px; height:600px; overflow:hidden;}
.banner ul{ position:absolute; top:0; left:0;}
.banner ul li{ /*position:relative; float:left;*/ position:absolute; top:0; left:0; display:none; z-index:0; width:100%; background:url(../images/loadinfo.gif) no-repeat center center; /*min-height:470px;*/ overflow:hidden;}
.banner ul li a{ position:relative; z-index:100;}
.banner ul li img{ z-index:100;}
.banner .banner-pic1{ float:left; margin:0 100px 0 105px; display:none; opacity:0; filter:alpha(opacity=0);}
.banner-info{ position:absolute; top:50%; left:0;  margin-top:-230px; width:100%; height:460px;}
.banner-info div{ float:right; width:390px; display:none; opacity:0; filter:alpha(opacity=0);}
.banner-info h2 img{ margin-top:90px;}
.banner-info p{ margin:30px 0; font-size:16px; color:#fff;}
.banner-info a{ display:inline-block; background-position:-378px -200px; width:122px; height:35px; line-height:35px; text-align:center; font-size:12px; color:#fff;}
.banner-info a:hover{ background:#fff; color:#000;}
a.banner-big-comm{ top:50%; margin-top:-90px; display:block; width:38px; height:38px; background:url(../images/comm.png) no-repeat; z-index:100;}
a.banner-big-prev{ left:40px; background-position:-118px -128px;}
a.banner-big-next{ right:40px; background-position:-176px -128px;} 
 
.banner-small,.banner-mouse{ position:absolute; left:0px; width:100%; text-align:center; z-index:120;}
.banner-small{ bottom:35px;}
.banner-small a{ display:inline-block; margin:0 10px; background:url(../images/comm.png) no-repeat 0 -168px; width:11px; height:11px;}
.banner-small a.current{ background-position:-30px -168px;}
.banner-mouse{ bottom:35px;}
.banner-mouse a{ display:inline-block; width:60px; height:60px;}

.banner-icon{ position:absolute; left:0; bottom:28px; width:100%; z-index:110; text-align:right;}
.banner-icon a{ display:inline-block; width:70px; height:96px; margin:0 0 0 15px; filter:gray; filter:none\9; -webkit-filter:grayscale(100%);}
.banner-icon a:hover{ filter:none; -webkit-filter:grayscale(0);}

/** solution **/
.solution-comm{ display:none;}
.related-down{ padding-top:0; margin-top:-90px;}
.section-comm{ padding:40px 0 80px;}
.section-comm h4{ font-size:24px; color:#000; text-align:center;}
.section-comm h4 em{ display:inline-block; margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#009900; vertical-align:top;}
.section-comm h4 i{ display:inline-block; line-height:55px; font-size:24px; color:#000;}
.section-comm h4 i span { font-size: 25px; }
.section-comm h5{ margin-top:10px; font-size:15px; color:#999999; text-align:center;}
.solution ul{ margin:20px auto 0; width:1125px;}
.solution ul li{ float:left; margin:0 0 0 30px; width:355px; height:438px; *zoom:1;}
.solution ul li:first-child{ margin-left:0;}
.solution ul li:hover{ background:#edeff4;}
.solution ul li p.solution-title{ font-size:20px; color:#000; text-align:center;}
.solution ul li p.solution-intro{ margin:25px auto 0; width:70%; height:90px; overflow:hidden; text-align:center;}
.solution ul li a{ display:block; margin-top:7px; padding-top:10px; width:100%; height:104px; color:#000; }
.solution ul li a p{ text-align:center; font-size:14px; }
.solution ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:0 -128px;}
.solution ul li:hover a{ background:#009900;}
.solution ul li:hover a p{ color:#fff;}
.solution ul li:hover a em{ background-position:-56px -128px;}
.solution ul li a div.solution-line{ margin:0 auto 23px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;}
.solution ul li em.solution-case-icon{ margin:30px auto 35px; display:block; width:246px; height:150px; text-indent:-9999px;}
.solution ul li.solution-li1 em.solution-case-icon{background-position:0 0;}
.solution ul li.solution-li2 em.solution-case-icon{background-position:-160px 0;}
.solution ul li.solution-li3 em.solution-case-icon{background-position:-336px 0;}
.index .solution ul li.solution-li2 em.solution-case-icon,.index .solution ul li.solution-li3 em.solution-case-icon,.index .solution ul li.solution-li4 em.solution-case-icon{
	background: url(../images/commm_io.png) no-repeat;
}
.solution-title a{ width:auto !important; height:auto !important; font-size:20px; color:#000; text-align:center; }
.solution ul li:hover .solution-title a{ background:none !important; }
.solution-title a:hover{ background:none !important; }
.solution ul li:hover em a{ background:none !important} 

.index .solution ul li.solution-li2 em.solution-case-icon{ background-position: 0 0; }
.index .solution ul li.solution-li3 em.solution-case-icon{ background-position: -160px 0; }
.index .solution ul li.solution-li4 em.solution-case-icon{ background-position: -335px 0; }

.main-list{ padding:55px 0; margin-bottom:100px; background:#edeff4;}
.main-list ul li{ position:relative; float:left; margin:10px 0 0 76px; width:500px; height:126px; background:#fff;}
.main-list ul li.main-list-even{ margin-left:56px;}
.main-list ul li p.main-list-title{ text-align:center; font-size:18px; color:#000; line-height:126px;}
.main-list ul li .main-list-cont{ position:absolute; top:0; left:0; padding:0 25px; width:450px; height:0; overflow:hidden; background:#009900; font-size:14px; color:#fff;}
.main-list ul li .main-list-cont p:first-child{ margin-top:35px;}
.main-list ul li .main-list-cont p{ line-height:1.7;}

/** product **/
.product{ background:#edeff4;}
.product img.product-line{ position:absolute; top:-40px; left:0;}
.product-btn{ margin:45px 0 55px; text-align:center;}
.product-btn a{ display:inline-block; margin:0 20px; width:124px; height:120px; font-size:14px; line-height:120px; color:#666666; text-align:center; background:#fff; border-radius:50%; background:url(../images/white_bg.png) no-repeat\9;}
.product-btn a:hover,.product-btn a.product-a-hover{ background:#009900; background:url(../images/red_bg.png) no-repeat\9; color:#fff; }
.product-cont{ position:relative; height:280px;}
.product-cont .product-style{ position:absolute; top:0; left:0; width:100%; display:none;}
.product-cont .product-style img{  animation:img_change .5s ease forwards;  /*animation-fill-mode:;*/}
@keyframes img_change{
	0%{transform:scale(0); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}
.product-picshow{ position:relative; width:575px; height:208px; background:url(../images/loadinfo.gif) no-repeat center center;}
.product-picshow img{ position:absolute; display:none;}
.product-icon { position:absolute;}
.product-icon a{ display:inline-block; width:10px; height:10px; background:#000;}

.product-info{ width:470px; color:#000000; display:none; /*opacity:0; filter:alpha(opacity=0);*/}
.product-info h6{ font-size:25px;}
.product-info h6 a{ font-size:25px;}
.product-info .product-title{ margin:15px 0 5px; font-size:20px;}
.product-info ul li{ font-size:12px; line-height:22px;}
.product-info .product-function{ margin:25px 0; font-size:12px; color:#999999;}
.product-info a{ font-size:14px; color:#000;}
.product-info a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:0 -128px;}
.product-info a:hover em{ background-position:-204px -365px;}

/** video **/
.video{ height:444px;  background:url(../images/video_bg.jpg) no-repeat center top;}
.video-cont{ position:absolute; width:50% !important; height:444px; top:0; left:0; /*background:url(../images/index_video1.jpg) no-repeat center top; */text-align:center;}
.video-cont h4{ margin-top:-170px; text-align:center;}
.video-cont h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#009900; vertical-align:top;}
.video-cont h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#000;}
.video-cont h5{ margin-top:-80px; font-size:12px; color:#cccccc;}
.video-cont h5 em{ font-size:18px; color:#000;}
.video-cont a{ margin-top:30px; font-size:14px; color:#000;}
.video-cont a em{ display:inline-block; width:59px; height:59px; background-position:0 -365px;}
.video-cont a p{ margin-top:10px; font-size:14px;}
.video-cont a:hover em{ background:url(../images/video_icon_hover.png) no-repeat 0 0;}
.video-cont a:hover p{ color:#fff;}
.video-cont .abs{ top:50%; left:0; right:0;}

.video-news { right:0; top:0; width:50% !important; height:444px; background:url(../images/video_news_bg.png) no-repeat center top;}
.video-news h4{ margin-top:50px; text-align:center;}
.video-news h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#009900; vertical-align:top;}
.video-news h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#000;}
.video-news ul{ margin-left:100px; width:600px;margin-bottom: 50px;}   /*  margin:0 auto; width:910px; */
.video-news ul li{ float:left; margin:20px 20px 0; width:515px; height:130px;}
.video-news ul li a.video-news-link{ float:left; margin-right:13px; color:#fff; width:171px; height:112px;}
.video-news ul li a.video-news-link img{ width:100%;}
.video-news .video-news-cont{ float:left; position:relative; padding-left:90px; width:233px;  color:#fff;}
.video-news .video-news-year{ position:absolute; top:-3px; left:0; font-size:32px; height:32px; line-height:32px; }
.video-news .video-news-month{ margin-bottom:5px; font-size:18px; height:18px; line-height:18px;} 
.video-news .video-news-wz{ font-size:14px; width:100%; height:55px; overflow:hidden}
.video-news .video-news-cont a{ margin-top:10px; display:block; /*height:31px; line-height:31px;*/ font-size:14px; color:#fff; /*color:#333231;*/}
.video-news .video-news-cont a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:-210px -202px; /*background-position:-172px -202px;*/}
.video-news .video-news-cont a:hover{ color:#e7e5e4;}
.video-news .video-news-cont a:hover em{ background-position:-204px -365px; /*background-position:-210px -202px;*/}

/** ---------ZiXun Bengin------------------ **/
.contact2 ul{ margin:0 auto; width:910px;}
.contact2 ul li{ float:left; margin:0px 0px 0; width:500px; height:100px;}
.contact2 ul li a.video-news-link{ float:left; margin-right:13px; color:#fff; width:171px; height:112px;}
.contact2 ul li a.video-news-link img{ width:100%;}
.contact2 h5{ margin-top: -50px; font-size: 15px; color: #999999;  text-align: center;}
.contact2 h5 em{ font-size:18px; color:#000;}
.contact2 .video-news-cont{ float:left; position:relative; padding-left:10px; width:310px;  color:#8c8c8c;}
.contact2 .video-news-wz{ font-size:14px; width:100%; height:30px; overflow:hidden}
.contact2 .video-news-cont a{ margin-top:5px; display:block; /*height:31px; line-height:31px;*/ font-size:14px; color:#000; /*color:#333231;*/}
.contact2 .video-news-cont a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:-210px -202px; /*background-position:-172px -202px;*/}
.contact2 .video-news-cont a:hover{ color:#009900;}
.contact2 .video-news-cont a:hover em{ background-position:-204px -365px; /*background-position:-210px -202px;*/}
.contact2 ul li a.news-link{ float:left; margin-right: 10px; color: #fff; width: 170px; height: 100px;}
.contact2 ul li a.news-link img{ width:170px; height:100px;}
.contact2 .news-month{margin-bottom: 5px; font-size: 14px;height: 18px;line-height: 18px;} 
.contact2 img.contact2-line{ position:absolute; top:-19px; left:0;}
/** --------ZiXun End---------------------- **/


/** ---------Nano ZhuanTi Bengin------------------ **/
.contact3 ul{ margin:0 auto; width:396px;}
.contact3 ul li{ float:left; margin:5px 0px 0; width:390px; height:135px; border: 1px dashed #d2d6d2;}
.contact3 ul li a.video-news-link{ float:left; margin-right:13px; color:#fff; width:171px; height:112px;}
.contact3 ul li a.video-news-link img{ width:100%;}
.contact3 h5{ margin-top: -50px; font-size: 15px; color: #999999;  text-align: center;}
.contact3 h5 em{ font-size:18px; color:#000;}
.contact3 .video-news-cont{ float:left; position:relative; padding-left:10px; width:370px;  color:#8c8c8c;}
.contact3 .video-news-wz{ font-size:14px; width:100%; height:30px; overflow:hidden}
.contact3 .video-news-cont a{ margin-top:5px; display:block; /*height:31px; line-height:31px;*/ font-size:16px; color:#000; /*color:#333231;*/}
.contact3 .video-news-cont a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:-210px -202px; /*background-position:-172px -202px;*/}
.contact3 .video-news-cont a:hover{ color:#009900;}
.contact3 .video-news-cont a:hover em{ background-position:-204px -365px; /*background-position:-210px -202px;*/}
.contact3 ul li a.news-link{ float:left; margin-right: 10px; color: #fff; width: 170px; height: 100px;}
.contact3 ul li a.news-link img{ width:170px; height:100px;}
.contact3 .news-month{margin-bottom: 5px; font-size: 14px;height: 18px;line-height: 18px;} 
.contact3 img.contact3-line{ position:absolute; top:-10px; left:0;}
.contact3{ position:relative; background:#ffffff;padding: 10px 0px 25px 0px;}
.contact3 h4{ margin-bottom:55px; text-align:center;}
.contact3 h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#009900; vertical-align:top;}
.contact3 h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#000;}
.contact3 h6{ margin-bottom:40px; font-size:18px;}
.contact-info3{ margin-right:15px; width:390px;}
.contact-quick3{ width:390px;}
.contact-info3.fl { margin-right: 15px; width: 390px;}
/** --------Nano ZhuanTi End---------------------- **/


/** contact **/
.contact{ position:relative; background:#007000; padding:20px 0 20px; color:#fff; /*z-index:1;*/}
.contact h4{ margin-bottom:55px; text-align:center;}
.contact h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#fff; vertical-align:top;}
.contact h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#fff;}
.contact h6{ margin-bottom:40px; font-size:18px;}
.contact-info{ margin-right:90px; width:200px;}
p.contact-address{ margin-bottom:20px; font-size:14px;}
p.contact-tel{ margin-top:40px; padding-left:30px;  background-position:0 -246px; font-size:18px; color:#fff;}
p.contact-email{ margin-top:8px; padding-left:30px;  background-position:0 -278px; font-size:14px; color:#fff;}
p.contact-share{ margin-top:50px; font-size:18px;}

.contact-where{ width:395px;}
.contact-where div{ width:395px; height:258px; overflow:hidden;}
.contact-where a{ display:block; width:395px; height:258px;}
.contact-where a:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);}
.contact-quick{ width:415px;}
.contact-quick input{ float:left; margin-bottom:10px; padding:10px 0; text-indent:10px; width:100%; height:15px; border:none; background:#fff; font-size:14px; color:#666;}
.contact-quick textarea{ padding:10px; width:395px; height:148px; border:none; background:#fff; font-size:14px; color:#666;}
.contact-quick a{ float:right; display:block; margin-top:5px; width:160px; height:48px; line-height:48px; text-align:center; background:#fff; font-size:14px; color:#000;}
/** --------New Add ZiXun----------- **/
.contact2{ position:relative; background:#fff;padding: 20px 0px;}
.contact2 h4{ margin-bottom:55px; text-align:center;}
.contact2 h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#009900; vertical-align:top;}
.contact2 h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#000;}
.contact2 h6{ margin-bottom:40px; font-size:18px;}
.contact-info2{ margin-right:90px; width:500px;}
.contact-quick2{ width:500px;}
.contact-info2.fl { margin-right: 10px; width: 500px;}
/** --------ZiXun End----------- **/


/** product list **/
.inner-banner{ height:584px; background:url(../images/loadinfo.gif) no-repeat center center;}
.inner-banner h4{ position:absolute; top:230px; right:0; width:370px; font-size:52px; line-height:60px; color:#fff;}
.inner-banner p{ /*position:absolute; top:360px; right:0;*/ margin-top:20px; width:370px; font-size:22px; color:#fff;} 

.inner-btn{ padding:85px 0 60px; background:#fff; text-align:center;}
.inner-btn-pad{ padding:50px 0;}
.inner-btn a{ display:inline-block; margin:0 30px 100px; width:120px; height:120px; line-height:120px; background:#f2f2f2; background:url(../images/gray_bg.png) no-repeat\9; font-size:18px; color:#000; border-radius:50%;}
.inner-btn-pad a{ margin-bottom:0px;}
.inner-btn a:hover{ background:#009900; background:url(../images/red_bg.png) no-repeat\9; color:#fff;}
.inner-line{ margin:0 auto; width:57px; height:1px; background:#676767; overflow:hidden;} 
.inner-btn-div { position: relative; /*height: 174px;*/ overflow: hidden;}
#btn-child { margin: 0 auto; height: 174px;}
#btn-child a { float: left; display: none; }
.inner-btn-cont { position: absolute; top: 0; left:0; }

.inner-product{ background:#edeff4;}
.inner-product .product-cont1{ position:relative; margin-top:50px;}
.inner-product .product-cont1 .product-div{ position:relative; margin-left:31px; width:1130px; overflow:hidden;}
.inner-product .product-cont1 .product-div ul { position:relative;}
.inner-product .product-cont1 ul li{ float:left; width:359px; margin-left:15px;}
.inner-product .product-cont1 ul li div.product-pic{ min-height:342px; background:#fff url(../images/loadinfo.gif) no-repeat center center;}
.inner-product .product-cont1 ul li img{ width:100%;}
.inner-product .product-cont1 ul li a{ padding-top:15px; width:100%; height:104px; background:#009900; display:block;}
.inner-product .product-cont1 ul li a:hover{ background:#d3d6dd;}
.inner-product .product-cont1 ul li a div.solution-line{ margin:0 auto 20px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;}
.inner-product .product-cont1 ul li a:hover div.solution-line{ background:#fff;}
.inner-product .product-cont1 ul li a p{ font-size:14px; color:#f2f2f2; text-align:center;}
.inner-product .product-cont1 ul li a em{ display:block; margin:10px auto 0; background-position:-56px -128px; display:block; width:31px; height:31px;}

.inner-product .product-cont1 a.comm-jpg1,.productPic a.comm-jpg1,.glory a.comm-jpg1{ position:absolute; top:50%; margin-top:-19px; display:block; width:38px; height:38px;}
.inner-product .product-cont1 a.inner-prev,.productPic a.inner-prev1,.glory a.inner-prev{ background:url(../images/comm.png) no-repeat -94px -365px; left:0;}
.inner-product .product-cont1 a.inner-next,.productPic a.inner-next1,.glory a.inner-next{ background:url(../images/comm.png) no-repeat -148px -365px; right:0;}
.inner-product .product-cont1 a:hover.inner-prev,.productPic a:hover.inner-prev1,.glory a:hover.inner-prev{ background-position:-382px -365px;}
.inner-product .product-cont1 a:hover.inner-next,.productPic a:hover.inner-next1,.glory a:hover.inner-next{ background-position:-426px -365px;}

.inner-solution-odd { background: #edeff4; }
.inner-solution ul li{ float:left; margin:40px 0 0 76px; width:562px;}
.inner-solution ul li:first-child{ margin-left:0;}
.inner-solution ul li p{ margin:20px 0 0 0; font-size:14px; line-height:1.5;}
.inner-solution-odd ul li { float: right; }
.inner-solution-odd ul li:first-child { margin-left: 76px; }
.inner-solution-odd ul li:last-child { margin-left: 0; }

.inner-case{ margin-top:80px; background:#edeff4; opacity:0;}
.case-cont{ margin-top:40px; width:420px; color:#000;}
.case-cont h5,.solution-cont h5 { margin-top:0; font-size:30px; line-height:35px; color:#000; text-align:left;}
.case-cont h6,.solution-cont h6 { font-size:19px;}
.case-cont .case-line,.solution-cont .solution-line{ margin:15px 0 8px; width:57px; height:1px; background:#676767; overflow:hidden; }
.case-cont a,.solution-cont a{ font-size:14px; color:#000;}
.case-cont a em,.solution-cont a em{ display:inline-block; margin:0px 0 -6px 10px; background-position:-204px -365px; width:31px; height:31px;}
.inner-case img{ margin-top:40px;}
.case-cha{ margin:35px 0 25px; color:#858689;}
.solution-cha { margin:20px 0 30px; color:#858689;}
.case-cha p,.solution-cont p{ font-size:14px;} 

/** product center **/
.inner-btn1{ text-align:center; font-size:0;}
.inner-btn1 a{ position:relative; display:inline-block; padding-top:20px; margin:0 80px 20px; text-align:center; font-size:14px; color:#000;}
.inner-btn1 a p{ position:absolute; left:18px; width:84px; font-size:14px; line-height:18px;}
.inner-btn1 a:hover,.inner-btn1 a.current{ color:#009900;}
.inner-btn-application a { margin: 0 50px 20px; }
.inner-btn2 a,.inner-btn3 a,.inner-btn4 a,.inner-btn5 a{ /*margin:75px 23px 90px;*/  border-radius:50%; background:#f2f2f2; background:url(../images/gray_bg.png) no-repeat\9; font-size:14px; color:#000; line-height:17px; vertical-align:middle;}
.inner-btn2 a,.inner-btn3 a{ margin:17px 23px 35px;}
.inner-btn4 a{ margin:50px 23px;}
.inner-btn5 a{ margin:75px 23px 90px;}
.inner-btn2 a{padding:40px 18px 0; width:84px; height:80px;}
.inner-btn3 a{padding:50px 18px 0; width:84px; height:70px;}
.inner-btn2 a:hover,.inner-btn3 a:hover,.inner-btn2 a.current,.inner-btn3 a.current{ background:#009900; background:url(../images/red_bg.png) no-repeat\9; color:#fff;}
.btn-child a{ background:none; width:86px; height:82px;}
#btn-child a{ background:url(../images/btn_circle_normal.png) no-repeat;}
.btn-child a:hover,.btn-child a.current,#btn-child a:hover,#btn-child a.current{ background:url(../images/btn_circle.jpg) no-repeat; color:#000; }
#btn-child div{ display:none;}
#btn-child div.inner-btn-cont { display: block; }
.industry-icon{ text-align:center;}
.industry-icon a{ display:inline-block; margin:0 25px 90px; filter:gray; -webkit-filter:grayscale(100%);}
.industry-icon a:hover,.industry a.current{ filter:none; -webkit-filter:grayscale(0);}

/** product detail **/
.productInfo{ position:relative; color:#000; text-align:center;}
.productInfo h4,.btn-child h4{ margin:15px 0 5px; font-size:18px; color:#000;}
.productInfo h5,.btn-child h5{ font-size:30px; color:#000;}
.productBig{ min-height:526px; overflow:hidden;}
.glory { position:relative; text-align:center;}
.gloryBig { min-height:600px; overflow:hidden;}
.productBig ul,.gloryBig ul { position:absolute; top:0; left:0; width:4000px; }
.productBig ul li,.gloryBig ul li{ float:left;}
.productBig ul li div.productBigImg,.gloryBig ul li a.gloryBigImg{ width:100%; background:url(../images/loadinfo.gif) no-repeat center center; min-height:280px;}
.productDes{ margin:-170px auto 0; width:415px;}
.productDes h6{ font-size:30px;}
.productDes p{ margin-bottom:25px; text-align:left; color:#666; font-size:14px;}
.productDes p.productBigStyle{ font-size:20px; text-align:center; color:#000;}

.feature-line{ margin:30px auto 60px; width:57px; height:1px; border:0; background:#676767; }
.productFeature ul li.feature-intro,.interphone-pic img{ float:left; width:562px; margin-left:76px;}
.productFeature ul li.feature-intro:first-child,.interphone-pic img:first-child{ margin-left:0;}
.productFeature ul li img{ width:100%; margin:0 0 65px;}
.interphone-pic img{ margin-top:50px; margin-bottom:50px;}
.productFeature ul li p{ padding-left:30px; margin-bottom:3px; background:url(../images/comm_icon.png) no-repeat 0 -478px; font-size:12px; color:#000;}

.learn{ background:#edeff4;}
.learn ul{ margin:30px 0 0 -15px;}
.learn ul li{ float:left; position:relative; margin:30px 0 0 15px; width:390px; height:230px; background:#fff; text-align:center;}
.learn ul li a{ position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.learn ul li em{ background:url(../images/comm_icon.png) no-repeat; display:block; margin:55px auto 20px; width:61px; height:61px; }
.learn ul li em.comm-icon1{ background-position:0 0;}
.learn ul li em.comm-icon2{ background-position:-70px 0;}
.learn ul li em.comm-icon3{ background-position:-141px 0;}
.learn ul li em.comm-icon4{ background-position:-213px 0;}
.learn ul li:hover{ background:#009900;}
.learn ul li:hover em.comm-icon1{ background-position:0 -69px;}
.learn ul li:hover em.comm-icon2{ background-position:-70px -69px;}
.learn ul li:hover em.comm-icon3{ background-position:-141px -69px;}
.learn ul li:hover em.comm-icon4{ background-position:-213px -69px;}
.learn ul li:hover p{ color:#fff;}
.learn ul li p{ color:#000;}
.learn ul li p.learn-eng{ font-size:20px;}
.learn ul li p.learn-cn{ font-size:18px;}

/** honor **/
.honor-top{ padding-top:0;}
.honor h5{ padding-top:50px;}
.honor h5 em{ display:inline-block; font-size:36px; line-height:50px; color:#009900; vertical-align:top;}
.honor h5 i{ display:inline-block; font-size:24px; line-height:50px; color:#000;}
.honor img{ margin:0 auto; display:block;}
.honor-line{ margin:35px auto; background:#676767; width:27px; height:1px; overflow:hidden;}
.honor .line-white{ background:#fff;}
.bg-red h5 em,.bg-red h5 i{ color:#fff;}
.honor-property{ text-align:center;}
.honor-property ul li{ margin:0 35px; display:inline-block; font-size:14px; color:#000;}
.honor-property ul li em{ margin-left:5px; font-size:18px;}

.honor-bg{ background:url(../images/honor_style.jpg) no-repeat center top; width:100%; height:621px; }
.honor-left,.honor-right{ position:relative; width:50%; height:100%;}
.honor a.inner-prev,.honor a.inner-next{ position:absolute; left:50%; margin-left:-19px; margin:0 auto; display:inline-block; background:url(../images/comm_icon.png) no-repeat; width:38px; height:38px;}
.honor a.inner-prev{ top:55px; background-position:-329px -419px;}
.honor a.inner-next{ bottom:55px; background-position:-374px -419px;}
.honor a:hover.inner-prev{ background-position:-419px -419px;}
.honor a:hover.inner-next{ background-position:-462px -419px;}
.honor-style{ position:relative; margin-top:145px; height:330px; overflow:hidden; text-align:center;}
.honor-style ul{ position:relative;}
.honor-style ul li img{ margin:0 10px; display:inline-block;}

/** interphone solution  **/
.inner-service{ padding-top:0;}
.interphone-intro div,.service-intro div { float:left; margin:0px 0 0 76px; width:562px; }

.interphone-intro div:first-child,.service-intro div:first-child{ margin-left:0;}
.interphone-intro div:nth-child(2n+1) { margin-left: 0; }
.service-intro div h5{ margin-bottom:15px; text-align:left; font-size:18px; color:#000;}
.service-intro div p{ color:#848383;}
.interphone-intro div p{ padding-bottom:5px; font-size:14px;}
.introduction-intro div p{ padding-bottom:20px;}
.interphone ul li p{ padding-bottom:20px;}

.application-btn{ margin-bottom:80px;}
.application-btn ul li{ float:left; *display:inline; padding:0 29px;  width:auto; text-align:center; border-left:solid 1px #d9d9d9;}
.application-btn ul li:first-child{ padding:0 36px 0 0; border-left:none;}
.application-btn ul li:last-child{ padding:0 0 0 36px;}
.application-btn ul li em{ background:url(../images/solution_icon.jpg) no-repeat; display:block; margin:0 auto; *margin:0; height:62px;}
.application-btn ul li em.application-em1{ background-position:-16px 0; width:60px;}
.application-btn ul li em.application-em2{ background-position:-160px 0; width:52px;}
.application-btn ul li em.application-em3{ background-position:-301px 0; width:50px;}
.application-btn ul li em.application-em4{ background-position:-450px 0; width:33px;}
.application-btn ul li em.application-em5{ background-position:-580px 0; width:55px;}
.application-btn ul li em.application-em6{ background-position:-726px 0; width:46px;}
.application-btn ul li em.application-em7{ background-position:-865px 0; width:50px;}
.application-btn ul li em.application-em8{ background-position:-1010px 0;width:50px;}
.application-btn ul li em.application-em9{ background-position:-1148px 0;width:49px;}
.application-btn ul li p{ display:inline; font-size:18px; color:#000;}

.application-info a{ float:left; margin:0px 0 20px 76px; width:562px; height:321px; background:#f2f2f2;}
.application-info a:first-child{ margin-left:0;}
.application-info a p{ padding:55px 0 35px; font-size:14px; color:#000; text-align:center;}
.application-info a p em{ font-size:24px; color:#009900;}
.application-info a em.application-info-em1,.application-info a em.application-info-em2{ margin:0 auto; background:url(../images/comm_icon.png) no-repeat; display:block; width:146px; height:146px;}
.application-info a em.application-info-em1{ background-position:0 -144px;}
.application-info a em.application-info-em2{ background-position:-166px -144px;}
.application-info a:hover em.application-info-em1{ background-position:0 -304px;}
.application-info a:hover em.application-info-em2{ background-position:-166px -304px;}

/** system **/
.system img{ margin:0 auto; display:block;}

.interphone1{ padding-bottom:0;}
.solution-feature{ background:#eff1f5;}
.solution-feature ul li{ float:left; width:25%; height:440px; text-align:center; background:#eff1f5;}
.solution-feature ul li:hover{ background:#d01d1e;}
.solution-feature ul li em{ margin:80px auto 20px; display:block; width:66px; height:66px; background:url(../images/comm_icon.png) no-repeat;}
.solution-feature ul li em.solution-feature-em1{ background-position:-289px 0;}
.solution-feature ul li em.solution-feature-em2{ background-position:-361px 0;}
.solution-feature ul li em.solution-feature-em3{ background-position:-433px 0;}
.solution-feature ul li em.solution-feature-em4{ background-position:-329px -144px;}
.solution-feature ul li:hover em.solution-feature-em1{ background-position:-289px -69px;}
.solution-feature ul li:hover em.solution-feature-em2{ background-position:-361px -69px;}
.solution-feature ul li:hover em.solution-feature-em3{ background-position:-433px -69px;}
.solution-feature ul li:hover em.solution-feature-em4{ background-position:-329px -213px;}
.solution-feature ul li p{ margin:15px auto 0; width:165px; font-size:14px; color:#77787a;}
.solution-feature ul li h6{ font-size:14px; color:#000;}
.solution-feature ul li:hover p,.solution-feature ul li:hover h6{ color:#fff;}
.business-fun div{ width:300px; padding-right:49px;}
.business-fun div h5{ margin-bottom:15px; font-size:14px; color:#000; text-align:left;}

/** service **/
.service-cont,.faq-cont{ padding:90px 0; background:#edeff4;}
.service-cont ul li{ position:relative; float:left; margin:0 0 25px 180px; width:280px; height:300px; overflow:hidden; background:#fff;}
.service-cont ul li em{ margin:80px auto 15px; display:block; width:75px; height:75px; background:url(../images/icon_faq.png) no-repeat;}
.service-cont ul li em.service-cont-em1{ background-position:-270px -92px;}
.service-cont ul li em.service-cont-em2{ background-position:0 0;}
.service-cont ul li em.service-cont-em3{ background-position:-90px 0;}
.service-cont ul li em.service-cont-em4{ background-position:-180px 0;}
.service-cont ul li em.service-cont-em5{ background-position:-270px 0;}
.service-cont ul li em.service-cont-em6{ background-position:-360px 0;}
.service-cont ul li em.service-cont-em7{ background-position:0 -92px;}
.service-cont ul li em.service-cont-em8{ background-position:-90px -92px;}
.service-cont ul li em.service-cont-em9{ background-position:-180px -92px;}
.service-cont ul li p.service-title{ margin:0 auto; width:130px; text-align:center; font-size:18px; color:#000;}
.service-cont ul li .service-info{ position:absolute; top:0px; left:0; padding:0 25px; width:230px; height:12px; color:#fff; background:#009900; overflow:hidden;}
.service-cont ul li .service-info h6{ padding:25px 0 15px; font-size:14px;}

/** faq **/
.inner-faq{ padding-bottom:0;}
.faq-info{ margin:0 auto; width:1020px;}

.faq-info .faq-odd,.faq-info .faq-even{ float:left; margin:0 0 30px 60px; width:450px; cursor:pointer;}
.faq-info li{ margin-bottom:30px; float:left;  /*margin:0 0 30px 60px;*/ width:450px; background:#fff;}
.faq-info div.faq-question{ position:relative; padding:50px 40px; width:370px;}
.faq-info div.faq-question p{ position:relative; font-size:18px; color:#000; z-index:20;}
.faq-info div.faq-question em{ position:absolute; top:0; left:0; display:block; width:100%; height:12px; background:#009900; z-index:10;}
.faq-info div.faq-answer{ padding:35px 40px 60px; display:none; width:370px; color:#000; background:#fff;}
.faq-info div.faq-answer p{ line-height:24px;}

/** news **/
.news{ padding-top:150px; background:#f3f3f3;}
.news-cont{ width:900px; margin:0 auto;}
.inner-btn-news{ text-align:center;}
.inner-btn-news a{ margin:75px 23px 90px; display:inline-block;  border-radius:50%; width:120px; height:120px; background:#fff; background:url(../images/white_bg.png) no-repeat\9; font-size:14px; color:#000; line-height:120px;}
.inner-btn-news a:hover,.inner-btn-news a.current{ background:#009900; background:url(../images/red_bg.png) no-repeat\9; color:#fff;}
.news-box{ position:relative; float:left; margin-bottom:30px; width:275px; overflow:hidden;}
.news-info{ padding:20px 10px; width:255px; background:#fff; text-align:center; transition:background .5s ease;}
.news-info em{ margin-bottom:15px; display:inline-block; width:31px; height:1px; overflow:hidden; background:#d4d4d4;}
.news-info p{ color:#000; transition:color .5s ease; text-align:left; font-size:14px;}
.news-info p.news-wz { height: 63px; }
.news-info time{ margin-right:5px; display:none;}
.news-box-hover .news-info{ background:#009900;}
.news-title{ position:relative; padding-left:55px;}
.news-title p.news-year{ position:absolute; top: -5px; left:0; font-size:20px; color: #999; }
.news-title p.news-month{ margin-bottom:5px; font-size:18px; height:18px; line-height:18px;}
.news-box-hover p,.news-box-hover .news-title p.news-year { color:#fff; }

.news-box a .news-photo { display: block; width: 275px; height: 152px; overflow: hidden; }
.news-box .news-bg{ position:absolute; top:0; left:0; width:100%; display:block; opacity:0; filter:alpha(opacity=0); transition:opacity .5s ease;}
.news-box-hover .news-bg{ display:block; opacity:1; filter:alpha(opacity=100);}
.news-bg p{ height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.news-bg em{ position:absolute; top:50%; left:50%; display:none; margin:-31px 0 0 -31px; width:62px; height:62px; background:url(../images/comm.png) no-repeat -310px -365px;}
.news-box-hover .news-bg em{ display:inline-block;}

/** contact **/


.contact-left{ padding:35px 15px 0 20px; width:210px; height:272px; color:#fff; background:#009900;}
.contact-left h6{ font-size:14px;}
.contact-left h6 em{ margin-right:10px; display:inline-block; font-size:24px;}
.contact-add{ margin:30px 0 30px;}
.contact-info1 p em{ display:inline-block; margin-right:10px; width:17px; height:17px;}
.contact-info1 p em.contact-em1{ background-position:0 -250px;}
.contact-info1 p em.contact-em2{ background-position:0 -279px;}
.contact-info1 p.contact-tel1{ font-size:18px;}

.contact-right{ padding:40px 18px 0 16px; width:298px;} 
.contact-right input{ float:left; margin-bottom:10px; padding:10px 0; background:#fff; border:none; width:298px; height:15px; text-indent:10px; color:#666;}
.contact-right textarea{ padding:10px; width:278px; height:80px; background:#fff; border:none; color:#666;}
.contact-right input.contact-submit{ float:right; margin-top:10px;; display:inline-block; width:116px; height:35px; line-height:35px; background:#fff; color:#000; text-align:center; cursor:pointer;}

/** news **/
.news-pic img{ margin-top:60px; width:100%;}
.news-cont h5{ font-size:18px; color:#000;}
.news-cont time{ margin:15px 0 70px; display:block; font-size:14px; color:#818181; text-align:center;}
.news-item div{ width:580px;}
.news-item div p{ margin-bottom:20px; line-height:18px; color:#5b5b5b;}
.news-item p{ font-size:14px;}
.news-page1{ margin:60px 0;}
.news-page1 a{ display:inline-block; background:url(../images/news_icon.png) no-repeat; height:31px; line-height:31px; color:#5b5b5b; font-size:14px;}
.news-page1 a.prev{ padding-left:45px;}
.news-page1 a.next{ padding-right:45px; background-position:right -40px;}
.news-page1 a:hover.prev{ background-position:0 -80px; color:#b9111a;}
.news-page1 a:hover.next{ background-position:right -120px; color:#b9111a;}

.news-recent h6{ margin-bottom:15px; font-size:14px; font-weight:bold; color:#000;}
.news-recent ul li{ margin-bottom:5px;}
.news-recent ul li a { color:#818181;}
.news-recent ul li a p{ display:inline; padding-bottom:3px; font-size:14px;}
.news-recent ul li a em{ font-size:14px;}
.news-recent ul li a:hover{ text-decoration:underline; color:#000;}

/** successful case **/
.case-success{ margin:0px auto 0; width:1125px;} 
.case-success ul li{ position:relative; float:left; margin-bottom:70px; padding-top:60px; width:355px; height:380px; background:#edeff4; text-align:center;}
.case-success ul li.case-two{ margin:0 30px;}
.case-success ul li img{ display:block; margin:0 auto;}
.case-success ul li h5{ margin-top:30px; padding:0 60px; color:#000; font-size:24px; line-height:35px;}
.case-success ul li h6{ padding:0 20px; margin-top:45px; font-size:18px; line-height:20px;}
.case-success ul li .feature-line1{ margin:20px auto 17px; width:57px; height:1px; background:#848383; overflow:hidden;}
.case-success ul li p.case-title{ color:#a6a6a8;} 
.case-success ul li a{ position:absolute; bottom:0; left:0; width:100%; height:12px; background:#009900; overflow:hidden;}
.case-success ul li a .case-line1{ margin:13px auto 22px; width:30px; height:1px; background:#d4d4d4; overflow:hidden;}
.case-success ul li a p{ padding-bottom:0; color:#edeff4;} 
.case-success ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:-56px -128px;}

.case-page{ margin-top:60px; text-align:center;}
.case-page a{ margin:0 6px; display:inline-block; width:10px; height:31px; line-height:31px; vertical-align:top; color:#666; text-indent:-9999px; background:url(../images/page_icon.png) no-repeat -22px 0;}
.case-page a.current,.case-page a:hover{ background-position:0 0;}
.case-page a.prev,.case-page a.next{ display:inline-block; padding:0; margin:0 8px; width:31px; height:31px; background:url(../images/comm_icon.png) no-repeat;}
.case-page a.prev{ background-position:-329px -384px;}
.case-page a.next{ background-position:-372px -384px;}
.case-page a:hover.prev{ background-position:-415px -384px;}
.case-page a:hover.next{ background-position:-460px -384px;}

/** case detail **/
.case-app ul li{ float:left; margin-left:76px; width:562px; }
.case-app ul li:first-child{ margin-left:0;}
.case-app ul li p{ padding-left:25px; margin-bottom:20px; background:url(../images/comm_icon.png) no-repeat 0 -475px; font-size:14px; color:#000;}
.case-jd{ width:500px;}
.case-jd h5{ font-size:19px; color:#000; text-align:left;}
.case-jd .case-line{ margin:15px 0 30px; width:57px; height:1px; background:#676767; overflow:hidden; }
.case-jd h6{ font-size:14px; color:#000;}
.case-jd .case-question{ margin-top:15px;}
.case-jd .case-question p{ color:#757575; line-height:26px;}
#product_content_full_cn tr td p{ font-size:14px !important; /*background:url(../images/comm_icon.png) no-repeat 0 -478px !important;*/}

/** aside icon **/
.aside-right{ position:fixed; bottom:50px; right:50px; width:54px; height:81px;  background:url(../images/aside_icon.png) no-repeat; z-index:1000;}
.aside-right ul li { display:block; width:54px; height: 27px; }
.aside-right ul li.aside-right-bd { height: 54px; }
.aside-right ul li a.aside-btn{ display:block; width:54px; height:54px; }
.aside-ask{ position:absolute; right:54px; bottom:40px; display:none; padding:8px 16px 20px; width:112px; background:#edeff4; }
.aside-ask a{ margin-top:8px; display:block; width:112px; height:26px; line-height:26px; background:#fff; font-size:12px; color:#787878; text-align:center; }
.aside-ask a:hover{ background:#009900; color:#fff;}
.aside-right ul li .jiathis_style_24x24{ position:fixed; margin-top:10px; right:144px; width:0px; height:29px; overflow:hidden;}
.aside-right ul li .jiathis_style_24x24 .jtico{ background:url(../images/comm_icon.png) !important;  width:29px !important; height:29px !important; padding:0 !important;} 
.aside-right ul li .jiathis_style_24x24 .jtico{ margin-left:15px;}
.aside-right ul li .jiathis_style_24x24 .jtico_tsina{ background-position:-329px -304px !important;}
.aside-right ul li .jiathis_style_24x24 .jtico_tqq{ background-position:-372px -304px !important;}
.aside-right ul li .jiathis_style_24x24 .jtico_weixin{ background-position:-416px -304px !important;}

/** player **/
.pop-aph,.pop-aph1 { display:none; position:fixed; top:0; left:0; z-index:19997; width:100%; height:100%; background:url(../images/bg_aph.png); }
.pop { display:none; position:fixed; top:50%; left:50%; z-index:9998; width:1000px; height:600px; margin:-300px 0 0 -500px; background:#000;  }
.pop-close { position:absolute; top:-14px; right:-12px; width:28px; height:28px; background:url(../images/player_close.png) no-repeat;}
a:hover.pop-close,a:hover.pop-close1{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.pop-content,.pop-content a { display:block; width:1000px; height:600px; }
.pop1 { display:none; padding:130px 0 60px; position:absolute; top:2700px; left:0; z-index:9998; width:100%;/* height:420px;*/  background:#fff; }
.pop-close1{ position:absolute; top:-100px; right:0px; width:57px; height:57px; background:url(../images/technical_close1.jpg) no-repeat;}
.pop-content1 table{ width:100%; border-top:solid 1px #000;}
.pop-content1 table tr td{ padding:15px 0; border-bottom:solid 1px #000; color:#030303;}


/** footer **/
.map-div{ position:absolute; top:0; left:0; width:100%; height:622px; display:none; z-index:100;}
.close-map{ position:absolute; top:0; right:0; display:block; width:28px; height:28px; background:#009900; z-index:110;}
#map{ position:relative; height:622px; z-index:100;}
#map h5{ margin:55px 0 0 50px; font-size:18px; color:#fff;}
#map p{ margin:18px 0 0 50px; font-size:12px; color:#fff;}
.footer{ padding:20px 0; background:#edeff4;}
.footer-link{ position:relative; z-index:10;}
.footer-link dl{ position:relative; float:left; margin-left:30px; width:70px; line-height:22px;}
.footer-link dl:first-child{ margin-left:0;}
.footer-link dl a{ font-size:12px; color:#000;}
.footer-link dt{ margin-bottom:0px;}
.footer-link dt em{ position:absolute; top:6px; right:10px; display:inline-block; background:url(../images/comm.png) no-repeat -256px -368px; width:7px; height:13px;}
.footer-link dd { position:absolute; bottom:27px; left:-10px; display:none; padding:10px 0 5px 10px; width:90px; background:#eeeff4; /*height:0; overflow:hidden;*/}
.footer-link dd a{ display:inline-block; color:#666666;line-height:22px; }

.footer-bottom{ margin:20px auto 0; width:1199px;}
.footer-bottom p.footer-logo{  width:85px; height:20px;}
.footer-bottom p.footer-num,.footer-bottom p.footer-copyright{  height:14px; line-height:14px; color:#000;}
.footer-bottom p.footer-num{ margin:3px 10px 0 0px;}
.footer-bottom p.footer-num a{ padding-right:18px; display:block; color:#5c5c5c;  border-right:solid 1px #5c5c5c; height:14px; line-height:14px;}
.footer-bottom p.footer-copyright{ padding-right:18px; margin:3px 10px 0 10px;  border-right:solid 1px #000;}
.footer-bottom p.footer-note,.footer-bottom p.footer-law,.footer-bottom a.footer-sitemap{  padding-right:15px; color:#5c5c5c; height:14px; line-height:14px; /*border-right:solid 1px #5c5c5c;*/}
.footer-bottom p.footer-note,.footer-bottom p.footer-law{ margin:3px 10px 0 0;}
.footer-bottom a.footer-sitemap{ margin-top:3px;}
.footer-bottom p.footer-tel{ margin-top:-12px; font-size:12px; color:#009900;}
.footer-bottom p.footer-tel em{ font-size:24px;}

.jiathis_style_24x24,.share-link{ margin-top:15px;}
.share-link ul li { float: left; position: relative; width: 39px; }
.contact-info .jiathis_style_24x24 .jtico,.share-link ul li a{ display: block; background:url(../images/comm.png) !important; margin-right:10px;  width:29px !important; height:29px !important; padding:0 !important;} 
.share-link ul li .share-wechat { position: absolute; top: 40px; left: 30px; display: none; opacity: 0; filter:alpha(opacity=0); }
.share-link ul li .share-wechat p { font-size: 14px; text-align: center; }

.contact-info .jiathis_style_24x24 .jtico_tsina,.share-link ul li a.share-tsina{ background-position:0 -202px !important;}
.contact-info .jiathis_style_24x24 .jtico_tqq,.share-link ul li a.share-tqq{ background-position:-44px -202px !important;}
.contact-info .jiathis_style_24x24 .jtico_weixin,.share-link ul li a.share-weixin{ background-position:-88px -202px !important;}
.contact-info .jiathis_style_24x24 .jtico_baidu,.share-link ul li a.share-baidu{ background-position:-132px -202px !important;}

/** ie6  **/
.browser { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#fff; }
.ie6 { display:block; }
.browser-wrap { position:absolute; top:50%; left:0; width:100%; height:200px; margin-top:-100px; text-align:center; color:#666666; }
.browser h1 { margin-bottom:15px; font-size:25px; letter-spacing:2px; color:#333; }
.browser p { line-height:1.8; font-size:13px; }
.browser ul { width:600px; margin:25px auto 0; }
.browser ul li { float:left; width:120px; text-align:center; }
.browser ul li em { display:block; height:25px; line-height:25px; color:#666; }
.browser ul li a:hover em { color:#009900; }
	

/* zbxiang.css */
.solution ul.solution-ul{ width: 1200px; }
.solution ul.solution-ul li{ width: 277px; }

.solution-new .in-wrap-txt{ width: 486px; padding-top: 190px; }
.solution-new .in-wrap-txt h3{ font-size: 30px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 20px; }
.solution-new .inner-banner h4{ position: static; width: 100%; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 5px; line-height: 17px; margin-top: 17px; }
.solution-new .inner-banner p{ margin-top: 0px; width: 100%; }
.solution-new .inner-banner dt p{ font-size: 18px; color: #fff; }
.solution-new .inner-banner dl{ margin-top: 41px; }
.solution-new .inner-banner dd{ margin-top: 17px; }
.solution-new .inner-banner dd p{ font-size: 14px; color: #fff; line-height: 24px; }

.solution-new .solution-pg-comm{ width: 100%; height: 700px; }

.solution-pg-comm .in-wrap-txt{  width: 486px; padding-top: 245px; }
.solution-pg-comm .in-wrap-txt h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; }
.solution-pg-comm .in-wrap-txt h4{  font-size: 14px; text-transform: uppercase; margin-top: 17px; letter-spacing: 5px; }
.solution-pg-comm .in-wrap-txt dl{ margin-top: 35px; }
.solution-pg-comm .in-wrap-txt dt p{ color: #000; font-size: 18px; text-transform: uppercase; }
.solution-pg-comm .in-wrap-txt dd{ margin-top: 7px; }
.solution-pg-comm .in-wrap-txt dd p{ color: #333; font-size: 13px; text-transform: uppercase; line-height: 26px; }

.solution-pg-r .in-wrap-txt{ float: right; text-align: right; }
.solution-pg-l .in-wrap-txt{ float: left; text-align: left; }

.solution-pg-r .in-wrap-txt h3{ color: #c82126; }
.solution-pg-r .in-wrap-txt h4{ color: #000; }
.solution-pg-r .in-wrap-txt dt p { color: #000; }
.solution-pg-r .in-wrap-txt dd p { color: #333; }

.solution-pg-l .in-wrap-txt h3{ color: #fff; }
.solution-pg-l .in-wrap-txt h4{ color: #fff; }
.solution-pg-l .in-wrap-txt dt p { color: #fff; }
.solution-pg-l .in-wrap-txt dd p { color: #fff; }

	
.transition {
    opacity: 0;
    -webkit-transform: translate3d(0,60px,0);
    transform: translate3d(0,60px,0);
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
.css3 {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mr-0{ margin-right: 0px !important;  }
.content-small-box{margin-top: 41px;}
.content-small-box p{font-size: 14px; line-height: 24px;}

.link_big{  background:#EDEFF4}
.link_lj{ width:1200px; height:auto; margin:auto; padding:20px 0;}
.link_lj ul li{ float:left; margin-right:15px; font-size:12px; color:#000000; list-style:none; background:url(../images/sx.jpg) no-repeat right center;  padding-right:10px; }
.link_lj ul li a{ color:#000000; font-size:12px; }
.yqlj{ background:none !important; padding-right:0px !important;}

/*qq*/
.rides-cs {  font-size: 12px; background:#009900; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 10000; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 71px;height: 281px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.wx_im{ height:120px !important;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

/**/
.x_nav{ width:auto; height:22px; line-height:22px; }
.x_nav li a{ color:#000; text-decoration:none; display:block; float:left; height:22px; line-height:22px;  font-size:12px;}
.x_nav li a:hover{ }
.x_nav li{float:left;position:relative; height:22px; line-height:22px; width:160px; margin-right:30px;}
.x_nav li .second{position:absolute;left:-10px;display:none; background:#F5F5F5; padding:10px;}
.x_nav li .second a{ color:#666; width:100%}
.x_nav li .second a:hover{ color:#000}
.x_nav li em{ position:absolute; top:5px; right:100px; display:inline-block; background:url(../images/comm.png) no-repeat -256px -368px; width:7px; height:13px;}

.xgwz_big{ padding-bottom:20px; border:1px solid #EEEEE4; margin-bottom:20px;   }
.xgwz_bt{ font-size: 14px;font-weight: bold;  padding: 10px 0 10px 20px; border-bottom:1px solid #EEEEE4;  }
.xgwz_b{ width:100%; padding:10px 0;}
.xgwz_b ul li{ height:25px; line-height:25px; width:95%; overflow:hidden;  border-bottom: 1px double #f4f4f4; margin:auto;}
.xgwz_b ul li a:hover{ color:#009900}

.qp{}
.xx{  right:10px !important; top:10px !important;}

.link_lj ul li:last-child{ background:none}

.x{ margin-top:25px;}
.xgwz_left{ float:left}
.xgwz_right{ float:right}