﻿@charset "utf-8";
html, body {margin: 0px;padding:0px;}
body {font-size:14px; font-family:"Microsoft Yahei","微软雅黑";-webkit-text-size-adjust:100%;color: #666; background-color:#FFFFFF; text-align:left;
    min-width: 1200px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');
    _width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');
}
input, select, textarea{font-family:"Microsoft Yahei","微软雅黑"; outline:none;}
img, a img, p{ padding:0px; margin:0px; border:none; outline:none;}
a{ text-decoration:none; color: #666;outline:none; }
ul, ul li, dl, dt, dd{ padding:0px; margin:0px; list-style:none;}
h2,h3,h4,h5,h6{margin:0;padding:0;}
.ft12{font-size:12px;}
p{font-size:14px;color:#666;}
.cl{clear:both;height:1px;overflow:hidden;}
.clearfix:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.h1{height:10px;}
.h15{height:15px;}
.h2{height:20px;}
.h3{height:30px;}
.h4{height:40px;}
.h5{height:50px;}
.h6{height:60px;}
.h7{height:70px;}
.h8{height:80px;}
.h9{height:90px;}
.h10{height:100px;}
.h12{height:120px;}
.h140{height:140px;}

.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w55{width:55%;}
.w70{width:70%;}
.w80{width:80%;}

.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}
.mtb40{margin:40px 0;}
.mtb50{margin:50px 0;}
.mtb60{margin:60px 0;}
.mtb70{margin:70px 0;}
.mtb80{margin:80px 0;}


.ml0{margin-left:0px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}


.mt0{margin-top:0px !important;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.yd_kinde{width:200px;border: 1px solid #e0e0e0;height: 40px;line-height: 40px;padding-left: 10px;margin-top: 20px;}
.pr50{padding-right:50px;}
.ft16{font-size:16px;}
.ovh {overflow: hidden;}
.por {position: relative;}
.poa {position: absolute;}
.fl{float:left;display:inline;}
.fr{float:right !important;display:inline;}
.hr{border:1px solid #e6e6e6;}
.two{margin-left:70px;}
.m0{margin-left:0px !important;}
.m10{margin-left:10px;}
.mtb30{margin:30px 0;}
.mtb20{margin:20px 0;}
.w10{width:100px;}
.w2{width:20px;}
.w1{width:10px;}
.block{display:block !important;}
.no-block{display:inline-block;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.wp250{width:250px;}
.wp590{width:590px;}
.red{color:#f02b2e;}
img.scale{transition: transform 2s;}
a.imgshow:hover img.scale,
a:hover img.scale,
img.scale.hover{transform: scale(1.1);}
.no-bold{font-weight:400;}
.theme-color{color:#225f96;}
.clearfix:after{clear:both;content: " ";display: table;}
img.trans-img{border: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;transition: transform 1s;}

.trans-r{transform: rotate(360deg);}
.box-center{width:1200px;margin:auto;}

.top-login{color:#999;}
.top-login:hover{color:#666;}
.loginpage{position:fixed;width:100%;height:100%;z-index:998;display:none;top:0px;left: 0;}
.login-alpha{background-color:rgba(0,0,0,0.5);z-index:998;position:fixed;width:100%;height:100%;z-index:999;top:0px;left: 0;}
.login-title span{float:left;display:block;width:200px;height:46px;line-height:46px;background:#e0e0e0;text-align:center;font-size:16px;color:#666;cursor:pointer;}
.login-title span.lg1{border-top-left-radius:15px;}
.login-title span.cur{background:#055fa3;color:#fff;}
.login-title span.lg2{border-top-right-radius:15px;}
.login-b1{display:none;border-top-left-radius:15px;border-top-right-radius:15px;background:#f5f5f5;width:400px;min-height:300px;margin:auto;position:relative;top:50%;margin-top:-250px;z-index:9999;}
.login-form{margin:0;padding:0 20px 30px 18px;}
.login-close{width: 24px; height: 24px; background: #faf6f6; position: relative; left: 376px; top:0;z-index: 999; font-size: 24px; line-height: 24px; color: #fe6479; text-align: center}
.loginpage table{padding:0;margin:0;}
.loginpage table .tr{height:45px;}
.input-1{width:345px;border:1px solid #e0e0e0;height:40px;line-height:40px;padding-left:10px;margin-top:20px;}
.input-1:focus,.input-2:focus{border:1px solid #008dd5;}
.input-2{width:210px;border:1px solid #e0e0e0;height:40px;padding:0;padding-left:10px;margin-top:20px;}
.code-mess{padding-top:20px;float:right;margin-right:8px;}
.submit{padding:0;width:360px;heighe:40px;line-height:40px;text-align:center;background:#008dd5;border:0;font-size:18px;color:#fff;cursor:pointer;}
#forget,.rmbox{height:42px;line-height:42px;}
.forgetp{height:42px;line-height:42px;}
.cate-hover{padding-left:30px;}


.header-warp{width:100%;height:36px;line-height:36px;background:#f0f0f0;}
.input-div{width:160px;border:1px solid #c8c8c8;border-radius:12px;height:24px;line-height:24px;margin-top:4px;}
.h-search{width:120px;border-radius:12px;background-color: transparent;color:#333;height:24px;line-height:24px;padding-left:10px;border:none;}
.imgbtn { float: right; margin-right: 8px;margin-top:2px;cursor:pointer;}
.lang{width:24px;height:24px;border:1px solid #ccc;line-height:24px;border-radius:50%;text-align:center;margin-top:5px;}
.lang.current{background:#225f96;border:1px solid #225f96;}
.lang.current a{color:#fff;}
.header{width:100%;height:95px;}
.header-logo a{display:block;}
.header-logo img{width:200px;margin-top:20px;}
.header-nav{padding-left:60px;}
.header-nav > ul > li{float:left;width:146px;text-align:center;font-size:15px;border-right:1px solid #f0f0f0;position:relative;}
.header-nav > ul > li:first-child{border-left:1px solid #f0f0f0;}
.header-nav > ul > li > a{padding-top:65px;padding-bottom:10px;height:20px;}
.header-nav > ul > li.li-home > a{display:block;background:url(../images/icon_home.png) no-repeat center 15px;}
.header-nav > ul > li.li-about > a{display:block;background:url(../images/icon_about.png) no-repeat center 15px;}
.header-nav > ul > li.li-news > a{display:block;background:url(../images/icon_news.png) no-repeat center 15px;}
.header-nav > ul > li.li-pro > a{display:block;background:url(../images/icon_pro.png) no-repeat center 15px;}
.header-nav > ul > li.li-case > a{display:block;background:url(../images/icon_case.png) no-repeat center 15px;}
.header-nav > ul > li.li-cus > a{display:block;background:url(../images/icon_cus.png) no-repeat center 15px;}
.header-nav > ul > li:hover{background:#005ca1;}
.header-nav > ul > li:hover > a{color:#fff;}


.header-nav > ul > li.li-home:hover > a{background:url(../images/icon_home_h.png) no-repeat center 15px;}
.header-nav > ul > li.li-about:hover > a{background:url(../images/icon_about_h.png) no-repeat center 15px;}
.header-nav > ul > li.li-news:hover > a{background:url(../images/icon_news_h.png) no-repeat center 15px;}
.header-nav > ul > li.li-pro:hover > a{background:url(../images/icon_pro_h.png) no-repeat center 15px;}
.header-nav > ul > li.li-case:hover > a{background:url(../images/icon_case_h.png) no-repeat center 15px;}
.header-nav > ul > li.li-cus:hover > a{background:url(../images/icon_cus_h.png) no-repeat center 15px;}
.nav-second{position:absolute;z-index:999;top:95px; width:600px;height:66px;line-height:66px;left: 50%;margin-left: -300px;}
.aplha-span{background:#000;position:absolute;top:95px;left:0;width:600px;height:66px;z-index:999;left: 50%;margin-left: -300px;
filter:alpha(opacity=40);  
-moz-opacity:0.4;  
-khtml-opacity: 0.4;  
opacity: 0.4;  
color:#fff;}
.nav-second.h_p{width:1050px;left: 50%;margin-left: -700px;}
.aplha-span.h_p{width:1050px;left: 50%;margin-left: -700px;}
.nav-second.h_c{width:800px;left: 50%;margin-left: -600px;}
.aplha-span.h_c{width:800px;left: 50%;margin-left: -600px;}
.nav-second.h_k {width: 600px; left: 50%; margin-left: -527px;}
.aplha-span.h_k {width: 600px; left: 50%; margin-left: -527px;}
.nav-second a{position:relative;z-index:999;line-height: 68px;margin: 0px 20px;color: #fff;font-size: 14px;}
.nav-second a:hover{color:#225f96;}




.ifirst-box{padding-top:30px;background: url(../images/indexPart1Bg.jpg) no-repeat top center;}
.ifirst-left{ width:465px; position:relative; height:490px;}
.inews-title{height:52px; line-height:52px; color:#666; font-size:24px;}
.inews-title span{font-size:16px; color:#999; margin-left:10px;}
.ifirst-left li{ width:465px; height:440px; background:#f5f5f5;}
.ifirst-left li .imgDiv{ width:465px; height:310px;}
.ifirst-left li .imgDiv img{width:465px;height:310px;display:block;}
.ifirst-left li .inews-js{padding:10px; overflow:hidden;}
.ifirst-left li .inews-time{width:94px;height:110px;background:#225f96;color:#fff;margin-right:20px;text-align:center;}
.ifirst-left li .inews-time h3{font-size:44px;font-weight:400;margin:10px 0 6px;}
.ifirst-left li .inews-time p{font-size:14px;color:#fff;}
.ifirst-left li .inews-ms{width:310px;}
.ifirst-left li .inews-ms h3{font-size:16px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ifirst-left li .inews-ms h3 a{color:#383838;}
.ifirst-left li .inews-ms h3 a:hover{color:#225f96;}
.ifirst-left li .inews-ms p{height:48px;line-height:24px;color:#999;overflow:hidden;margin:8px 0;}
.ifirst-left li .inews-ms .inews-more{width:80px;height:22px;line-height:22px;background:#225f96;text-align:center;}
.ifirst-left li .inews-ms .inews-more i{padding:11px;background:url(../images/icon_jt.png) no-repeat left center;}
.ifirst-left li .inews-ms .more-a{color:#fff;padding-left:5px;}
.ifirst-left .leftBtn{ position:absolute; right:40px; bottom:10px; width:25px; height:25px; z-index:22; background:url(../images/nimg25_left.png) no-repeat;}
.ifirst-left .rightBtn{ position:absolute; right:10px; bottom:10px; width:25px; height:25px; z-index:22; background:url(../images/nimg25_right.png) no-repeat;}
.ifirst-left .leftBtn:hover{ background:url(../images/nimg25_leftOn.png) no-repeat;}
.ifirst-left .rightBtn:hover{ background:url(../images/nimg25_rightOn.png) no-repeat;}

.ifirst-right{width:695px;margin-left:40px;}
.isolution{width:100%;height:420px;background:url(../images/isolu_bg.jpg) no-repeat;position:relative;}
.isolution a{display:block;width:108px;height:108px;position:absolute;text-align:center;padding-top:70px;}
.isolution a:hover{color:#fff;}
.isolution-a1{background:url(../images/icon_s1.png) no-repeat;left:296px;top:12px;}
.isolution-a1:hover{background:url(../images/icon_s1_h.png) no-repeat;}
.isolution-a2{background:url(../images/icon_s2.png) no-repeat;left:450px;top:120px;}
.isolution-a2:hover{background:url(../images/icon_s2_h.png) no-repeat;}
.isolution-a3{background:url(../images/icon_s3.png) no-repeat;left:385px;top:300px;}
.isolution-a3:hover{background:url(../images/icon_s3_h.png) no-repeat;}
.isolution-a4{background:url(../images/icon_s4.png) no-repeat;left:195px;top:300px;}
.isolution-a4:hover{background:url(../images/icon_s4_h.png) no-repeat;}
.isolution-a5{background:url(../images/icon_s5.png) no-repeat;left:140px;top:120px;}
.isolution-a5:hover{background:url(../images/icon_s5_h.png) no-repeat;}



.indexPart2{ height:279px; background:#e0e2e4;margin:50px 0 30px;}
.indexPart2_l{ width:1148px; height:279px;}
#slider {position: absolute; width:1148px; height:279px; overflow: hidden;}
#slider .slide{position: absolute;top: 0px;height:279px;width:394px;background: #000;overflow: hidden;cursor: default;}
#slider .title{color: #F80; font-weight: bold; font-size: 1.2em; margin-right: 1.5em; text-decoration: none;}
#slider .backgroundText{position: absolute; width: 100%; height: 40px; top: 100%; background: #000; filter: alpha(opacity=40); opacity: 0.4;}
#slider .text {position: absolute; top: 1%;top: 100%;color: #FFF; font-size: 16px;font-weight:600; text-align: justify; width: 360px; left: 10px;}
#slider .textdiv{line-height:20px; margin-top:10px;}
#slider .diapo {position: absolute; filter: alpha(opacity=100); opacity: 1; visibility: hidden;}

.indexPart2More{ width:52px; height:279px; background:#00936b;}
.indexPart2More a{ display:block; text-align:center; color:#fff; font-size:14px; background:url(../images/nimg13_1.png) no-repeat center 55px; padding-top:95px;}

.ivideo{position:relative;z-index:10;}
.ivideo img{display:block;}
.ivideo-alpha{width:100%;height:200px;background:url(../images/ivideo_bg.png) no-repeat center center;position:absolute;z-index:9;left:0;top:0;cursor:pointer;}
.ivideo-alpha em{line-height:200px;position:absolute;left:40%;font-family:Arial;color:#fff;font-size:20px;}
.ivideo-alpha span{line-height:200px;display:block;position:absolute;left:55%;color:#fff;font-size:20px;}



.footer{padding:20px 0;}
.foot-left a{padding:0 10px;}
.foot-left .foot-a{margin-bottom:10px;}
.foot-left .foot-a a:first-child{padding-left:0;}
.foot-share a{cursor:pointer;padding:0 2px;}
.foot-share .bdsharebuttonbox{ height:45px}
 .bdsharebuttonbox a{ width:45px; height:45px;}
 .bdsharebuttonbox a.bds_tsina{ background-image:none; background:url(../images/icon_sina.png) center no-repeat}
 .bdsharebuttonbox a.bds_sqq{ background-image:none; background:url(../images/icon_qq.png) center no-repeat}
 .bdsharebuttonbox a.bds_weixin{ background-image:none; background:url(../images/icon_wechat.png) center no-repeat}
 .bdsharebuttonbox a.bds_qzone{ background-image:none; background:url(../images/icon_qzone.png) center no-repeat}

 
.foot-share .bdshare-button-style0-32 a{ width:45px; height:45px;}
 
.footer a:hover{color:#225f96;}
.foot-share a:hover{
filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8;  }



.banner{width:100%;position:relative;z-index:1;}
.banner img{width:100%;display:block;}
.current-bg{position:absolute;bottom:-56px;left:0;height:56px;width:100%;background:#f0f0f0;}

.container{position:relative;}
.container .box-center{min-height:800px;border-bottom:1px solid #e2e2e2;position:relative;z-index:10;}

.container-left{width:260px;margin-right:40px;position:relative;}
.cleft-title{width:230px;height:120px;left:0px;top:-120px;padding-left:30px;color:#fff;z-index:19;}
.cleft-title i{padding:22px;position:absolute;right:40px;top:40px;z-index:9;}
.cleft-title i.bg-about{background:url(../images/bg_lm.png) no-repeat 80% center;}
.cleft-title i.bg-case{background:url(../images/bg_case.png) no-repeat 80% center;}
.cleft-title i.bg-custom{background:url(../images/bg_cus.png) no-repeat 80% center;}
.cleft-title i.bg-news{background:url(../images/bg_news.png) no-repeat 80% center;}
.cleft-title i.bg-product{background:url(../images/bg_pro.png) no-repeat 80% center;}
.cleft-title h2{font-size:30px;margin-top:30px;position:relative;z-index:10;}
.cleft-title p{font-size:16px;position:relative;z-index:10;color:#fff;}
.cleft-aplha{background:#225f96;dispaly:block;width:100%;height:120px;position:absolute;top:0px;left:0;
filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8;}
.container-left li{height:56px;line-height:56px;padding-left:30px;background:#f5f5f5;border-bottom:4px solid #fff;font-size:16px;}
.container-left .product-cate > li{height:auto;padding-left:0;}
.container-left .product-cate > li >a {padding-left:30px;}
.container-left .product-cate .left-menu > li{height:38px;line-height:38px;border:none;}
.container-left .product-cate .left-menu > li.current{}
.container-left .product-cate .left-menu > li.current a{color:#fff;}
.container-left li a{color:#666;}
.container-left .product-cate .left-menu li a{color:#666;display:block;padding-left:15px;}
.container-left li.current,.container-left .product-cate .left-menu > li:hover{background:#225f96;}
.container-left li.current a,.container-left .product-cate .left-menu > li:hover a{color:#fff;}
.cleft-contact{margin-top:20px;}
.container-right{width:900px;}
.hover-show .cate-hover, .cate-hover:hover{background:#ccc;}


.indexPart1_r .list{ width:695px; height:420px; background:url(../images/isolu_bg1.jpg) no-repeat; position:relative;margin-top: 10px;}
.indexPart1_r .list li{ position:absolute; list-style:none}
.indexPart1_r .list li .name{ font-size:14px; padding-top:5px; text-align:center;}
.indexPart1_r .list li .imgDiv img{max-width:100%;}
.indexPart1_r .list li a{ color:#9a9a9a;}
.indexPart1_r .list .li_01{ top:12px; left:139px; width:81px;}
.indexPart1_r .list .li_02{ right:50px; top:13px; width:110px;}
.indexPart1_r .list .li_02 .name{ font-size:18px;}
.indexPart1_r .list .li_03{ left:37px; top:133px; width:109px;}
.indexPart1_r .list .li_03 .name{ font-size:18px;}
.indexPart1_r .list .li_04{ left:160px; top:249px; width:81px;}
.indexPart1_r .list .li_04 .name{ font-size:15px;}
.indexPart1_r .list .li_05{ left:359px; top:290px; width:81px;}
.indexPart1_r .list .li_05 .name{ font-size:14px;}
.indexPart1_r .list .li_06{ right:103px; top:195px; width:120px;}
.indexPart1_r .list .li_06 .name{ font-size:20px;}
.indexPart1_r .list .li_07{ left:280px; top:0px; width:203px;}
.indexPart1_r .list li .img1{ display:none;}

.indexPart1_r .list .li_01 .content{ background:url(../images/limg603_1.png) no-repeat; width:603px; height:232px; left:-550px; top:-185px;}
.indexPart1_r .list .li_01 .content .title{ padding:15px 0 0 106px; font-size:24px; color:#fff;}
.indexPart1_r .list .li_01 .content .msg{ color:#fff; padding-left:106px; width:255px;}
.indexPart1_r .list .li_01:hover .img1{ display:block;}
.indexPart1_r .list .li_01:hover img{ display:none;}

.indexPart1_r .list .li_02 .content{ background:url(../images/limg599_1.png) no-repeat; width:599px; height:232px; left:-540px; top:-160px;}
.indexPart1_r .list .li_02 .content .title{ padding:25px 0 0 96px; font-size:24px; color:#fff;}
.indexPart1_r .list .li_02 .content .msg{ color:#fff; padding-left:96px; width:255px;}
.indexPart1_r .list .li_02:hover .img1{ display:block;}
.indexPart1_r .list .li_02:hover img{ display:none;}

.indexPart1_r .list .li_03:hover .img1{ display:block;}
.indexPart1_r .list .li_03:hover img{ display:none;}
.indexPart1_r .list .content{position:absolute; z-index:110; display:none;}
.indexPart1_r .list .li_03 .content{ background:url(../images/nimg599_1.png) no-repeat; width:599px; height:232px; left:80px; top:-132px;}
.indexPart1_r .list .li_03 .content .title{ padding:25px 0 0 253px; font-size:24px; color:#fff;}
.indexPart1_r .list .li_03 .content .msg{ color:#fff; padding-left:253px; width:255px;}

.indexPart1_r .list .li_04 .content{ background:url(../images/limg602_1.png) no-repeat; width:602px; height:232px; left:-550px; top:-170px;}
.indexPart1_r .list .li_04 .content .title{ padding:25px 0 0 106px; font-size:24px; color:#fff;}
.indexPart1_r .list .li_04 .content .msg{ color:#fff; padding-left:106px; width:255px;}
.indexPart1_r .list .li_04:hover .img1{ display:block;}
.indexPart1_r .list .li_04:hover img{ display:none;}

.indexPart1_r .list .li_05 .content{ background:url(../images/limg611_1.png) no-repeat; width:611px; height:232px; left:-560px; top:-180px;}
.indexPart1_r .list .li_05 .content .title{ padding:25px 0 0 106px; font-size:24px; color:#fff;}
.indexPart1_r .list .li_05 .content .msg{ color:#fff; padding-left:106px; width:255px;}
.indexPart1_r .list .li_05:hover .img1{ display:block;}
.indexPart1_r .list .li_05:hover img{ display:none;}

.indexPart1_r .list .li_06 .content{ background:url(../images/limg599_2.png) no-repeat; width:599px; height:232px; left:-550px; top:-170px;}
.indexPart1_r .list .li_06 .content .title{ padding:25px 0 0 106px; font-size:24px; color:#fff;}
.indexPart1_r .list .li_06 .content .msg{ color:#fff; padding-left:106px; width:255px;}
.indexPart1_r .list .li_06:hover .img1{ display:block;}
.indexPart1_r .list .li_06:hover img{ display:none;}

.indexPart1_r .list .li_07 .content{ background:url(../images/limg606_1.png) no-repeat; width:606px; height:232px; left:-540px; top:-160px;}
.indexPart1_r .list .li_07 .content .title{ padding:25px 0 0 106px; font-size:24px; color:#fff;}
.indexPart1_r .list .li_07 .content .msg{ color:#fff; padding-left:106px; width:255px;}



.cleft-edit{padding:20px;background:#f5f5f5;line-height:28px;}
.crumbs-title{height:56px; line-height:56px; color:#666; font-size:20px;font-weight:600;}
.crumbs-title span{font-size:14px; color:#999; margin-left:10px;}

.crumbs{width:100%;height:56px;line-height:56px;font-size:16px;color:#666;}
.crumbs a:hover{color:#225f96;}
.crumbs-span{background:url(../images/icon_c1.png) no-repeat left center;padding-left:20px;}


.about-loop li{width:32%;float:left;margin-right:2%;margin-top:20px;}
.about-loop li img{width:100%;display:block;height:200px;}
.about-loop li p{font-size:16px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:32px;line-height:32px;}

.content-js{line-height:28px;color:#666;font-size:14px;padding: 20px 0;}
.content-js img{max-width:100%;padding:10px 0;}
.content-js table tr,.content-js table td{border:1px solid #ccc}



.download-a{width:120px;height:40px;line-height:42px;background:#ccc;text-align:center;border-radius:5px;position:absolute;bottom:0;}
.download-a:hover{background:#225f96;}
.download-a a{display:block;color:#fff;font-size:16px;cursor:pointer;}
/*case css*/

.case-loop li{width:435px;float:left;margin-right:30px;margin-top:30px;}
.case-img{position:relative;}
.case-img img{display:block;width:100%;height:290px;}
.case-img p{font-size:18px;font-weight:600;color:#fff;position:absolute;bottom:0;z-index:10;line-height:52px;padding-left:20px;}
.case-aplha{position:absolute;bottom:0;background:#225f96;i-index:9;height:52px;display:block;width:100%;filter:alpha(opacity=60);  
-moz-opacity:0.6;  
-khtml-opacity: 0.6;  
opacity: 0.6;}

.case-title-box{padding:10px 20px;background:#225f96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case-title-box a{color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;}
.case-ms{padding:15px 20px;background:#f5f5f5;border-bottom:2px solid #225f96;}
.case-ms p{line-height:30px;font-size:16px;overflow:hidden;}
a.detail-a{width:100px;height:32px;line-height:32px;display:block;text-align:center;color:#fff;background:#949494;}
a.detail-a:hover{background:#225f96;}

.contact-map{background:#e2e2e2;padding:10px;height:400px;}


#vlightbox{width:900px;height:auto;margin:0 auto;padding:20px 0;}
#vlightbox span{display:block;}
#vlightbox a{display:block;float:left;width:205px;height:150px;margin:30px 10px; background-color:#f4f5f5;opacity:0.87;}
#vlightbox a img{display:block;border:none;margin:0px;}
#vlightbox a:hover{opacity:1;}
#vlightbox a.vlightbox_hidden{display:none;}
#vlightbox a img{border:medium none;width:203px;height:148px;border:1px solid #ccc;}
#vlightbox a span{display:none; text-decoration:none;}
#vlightbox a:hover span{display:block; width:205px; height:150px; position:absolute; color:#ffffff; margin-top:-150px; z-index:10; background-color:#225f96; line-height:30px; filter:alpha(opacity=60);-moz-opacity:0.8;opacity: 0.8; font-size:14px;}



.case-img-box{margin-top:30px;}
#imgshow_mask{width:100%; position:absolute; z-index:1; background:url(../images/imgshow_mask.png) repeat-x 0 0; height:27px;}
.bannerbg {height:610px; overflow:hidden;}
#lanrenzhijia{ clear:both;border-bottom:1px solid #fff;position:relative;}
#lanrenzhijia .imagebg{height:610px; overflow:hidden; position:relative;}
#lanrenzhijia .imagebg li { height: 610px; overflow: hidden; position:absolute; top:0; left:0; width:100%; display:block; filter:alpha(opacity=0); opacity: 0;}

.bannerbg_1{width:50%; position:absolute; top:0; left:0; height:610px;}
.bannerbg_2{width:50%; position:absolute; top:0; right:0; height:610px;}
.bannerbg_main{background-position:center; background-repeat:no-repeat; width:100%; position:absolute; top:0; right:0; height:610px;text-align:center;}
.bannerbg_main img{}
.banner_s {margin:0 auto;width:960px;height:480px;position:relative;overflow:hidden;}
.btn_home_down {width:195px;height:62px;position:absolute;top:296px;left:36px;cursor:pointer;background:url(../images/home/btn_home_down.png);}
.btn_home_android {width:195px;height:62px;position:absolute;top:296px;left:240px;cursor:pointer;background:url(../images/home/btn_home_android.png);} 



.scrollbg {height:90px;position:absolute;bottom:0px;left:0px;width:100%;Alpha(opacity=20);background:rgba(0,0,0,0.2);}
.scroll {margin:0 auto;width:900px;height:90px;position:relative;}
.s_pre, .s_next {display:block;width:30px;height:90px;position:absolute;}
.s_pre{left:60px;top:0;}
.s_pre img, .s_next img{margin:11px 0;}
.s_next{right:60px;top:0;}
/*a.s_pre {background:url(../images/home/arrow_l.png);top:4px;left:0;}
a.s_pre:hover {background:url(../images/home/arrow_l_on.png);}
a.s_next {background:url(../images/home/arrow_r.png);top:4px;right:0;}
a.s_next:hover {background:url(../images/home/arrow_r_on.png);}*/
.outScroll_pic{height: 90px;margin-left: 10px;overflow: hidden;position:relative;width:590px; top:0px;margin:auto;margin-left: 155px;}
.outScroll_pic .scroll_pic{position:absolute;}
.scroll_pic {margin:0 auto;width:40000px;height:90px; }
.scroll_pic li {float:left;float: left; height: 65px;text-align:center; margin: 10px 9px; _margin:12px 14px 12px 4px;cursor:pointer;  background:#e2e2e2;width:96px;padding:2px;}
.scroll_pic li img {filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;width:auto;max-width:100%;height:100%;}
.scroll_pic li:hover img,.scroll_pic li:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.scroll_pic li:hover img{height:100%;}
#lanrenzhijia .current {width:96px;height:65px;z-index:10;position:absolute;top:10px;left:0;border: 2px #225f96 solid;}
#lanrenzhijia .currently img {filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;height:100%;}
.case-item-title{margin-bottom:20px;padding-left:20px;width:100%;float:left;position:relative;z-index:99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case-item-title h1{font-size:20px;color:#555;margin:0px 0px 10px;position:relative;z-index:99;}
.case-item-title p{color:#666;position:relative;z-index:99;}


.case-detail{margin-top:30px;}
.case-detail-title{border-bottom:1px solid #e2e2e2;height:38px;line-height:38px;}
.case-detail-title span{padding:10px 32px;background:#225f96;color:#fff;font-size:14px;}
.detail-bottom{margin:10px 0 30px;line-height:28px;}

/*xuanfu*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;z-index:999;right:50px;bottom:50px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}




/*download*/
.down-loop{margin-top:30px;}
.down-loop li{width:100%;height:44px;line-height:44px;border:1px solid #e2e2e2;background:#f5f5f5;margin-bottom:20px;}
.down-loop li span.fl{padding-left:20px;}
.down-loop li span.fr{padding:12px;border-left:1px solid #e2e2e2;vertical-align:middle;display:table-cell; }
.down-loop li span.fr img{display:block;}
.down-loop table{border:1px solid #e2e2e2;border-collapse:collapse;background:#f5f5f5;}
.down-loop tr{border:1px solid #e2e2e2;height:44px;}
.down-loop td{border:1px solid #e2e2e2;}

.news-loop{ padding:30px 0; overflow:hidden}
.news-loop li{padding:30px 0;border-bottom:1px solid #e2e2e2;}
.news-loop-img{width:240px;margin-right:30px;}
.news-loop-img img{width:100%;display:block;height:160px;}
.news-loop-js{width:630px;}
.news-loop-js h3{font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-loop-js h3 a:hover{color:#225f96; text-decoration:underline;}
.news-loop-js p{line-height:26px;margin:15px 0;height:52px;overflow:hidden;}




.news-detail{padding:30px 0;}
.news-detail-top{padding-bottom:20px;border-bottom:1px dashed #e2e2e2;text-align:center;}
.news-detail-top h1{font-size:24px;font-weight:400;margin:0 0 15px;}
.news-time{background:url(../images/icon_date.png) no-repeat left center;padding-left:20px;padding-right:20px;}
.news-spot{background:url(../images/icon_spot.png) no-repeat left center;padding-left:20px;}
.news-detail-edit{padding:20px 70px;line-height:28px;font-size:14px;color:#666;}
.news-detail-edit img{max-width:100%;padding:10px 0;}


.recruit-loop li{padding:30px 0;border-bottom:1px solid #e2e2e2;}
.recruit-top{height:42px;line-height:42px;}
.recruit-title{font-size:24px;color:#333;margin-right:40px;}
.recruit-title a:hover{text-decoration:underline;}
.recruit-coor{background:url(../images/icon_coor.png) no-repeat left center;padding-left:20px;}
.recruit-time{float:right;background:url(../images/icon_time.png) no-repeat left center;padding-left:20px;}
.recruit-ask{margin:15px 0;}
.recruit-ask span{padding:6px 12px;background:#f0f0f0;border-radius:5px;color:#999;margin-right:15px;}
.recruit-ms{line-height:30px;}
.recruit-js{line-height:30px;font-size:14px;color:#666;}
.recruit-js img{max-width:100%;}


.product-show-ul{width: 100%;}
.product-show-ul li{float: left;width:278px;margin-right:30px;height: 320px;margin-top:30px;border: 1px solid #717071;cursor:pointer;overflow:hidden; 	text-align: center;position: relative;}
.product-show-ul li a{text-align: center;margin: 0 auto;position: relative;min-height: 100%;max-height: 100%;	display: block;}
.product-show-ul li img{position: relative;margin: 0 auto;max-width: 100%;max-height: 100%;padding:0;text-align: center;overflow: hidden;display:inline-block;}
.product-show-ul li  a > span{height: 320px;display: inline-block;vertical-align: middle;}
.product-show-ul li .intro{width:228px;font-size: 16px;position:absolute; left:0; z-index:10; background:url(../images/white-80.png);background:rgba(255,255,255,.8); padding:0 24px;margin:0 1px;height: 100%;cursor:pointer;overflow:hidden; top: 260px;font-size:13px; line-height:30px; text-align: left;}
.product-show-ul li .intro i{background: #717071;width: 13px;height: 13px;display: inline-block;position: relative;	margin-right: 10px;opacity: .8;}
.product-show-ul li:hover .intro i{background: #4e5c68;}
.product-show-ul li .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; line-height:40px; margin: 10px 0px;text-align: center;}
.product-show-ul li:hover .intro{top:0px;color: #717071;}
.product-show-ul li:hover .intro, .product-show-ul li .intro ,.product-show-ul li:hover .intro i ,.product-show-ul li .intro i{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.product-show-ul li:hover .intro h5{padding:0; font-size:16px; font-weight:bold; line-height:40px; margin: 20px 15px 0px 0;text-align: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.solution-ul li{border:none;height:241px;overflow:hidden;}
.solution-ul li h4{color:#666;line-height:22px;margin-top:5px;}
.solution-ul li img{width:100%;height:188px;}

/*放大效果*/
.imgbox{position:relative;}
.probox{width:400px; height:400px;border:1px solid #000;}
.probox img{width:400px; height:400px;vertical-align:top;}
.showbox{z-index: 999999;display:none;position:absolute;left:480px;top:0;width:400px;height:400px;overflow:hidden;border:1px solid #ccc;background:#ffffff;}
.showbox img{position:absolute;height:1200px;width:1200px;}
.hoverbox{display:none;position:absolute;top:0;background:#09f;border:1px solid #09f;height:120px;width:120px;cursor:move;z-index:10;}




/*pager*/
.pager{ text-align:center; margin:20px 0;  height:30px;}
.pager li{ display:inline-block; margin:0 3px; list-style:none}
.pager a{ margin:0px 4px; padding:6px 10px; width:34px;height:34px;font-weight:bold; background-color:#fff;font-size:14px; color:#777;border:1px solid #c2c2c2;}
.pager a:hover, .pager a.current{background-color:#225f96; border:1px solid #225f96;color:#ffffff; text-decoration:none;}

.pager li.thisclass a{background-color:#225f96; border:1px solid #225f96;color:#ffffff; text-decoration:none;}


.fengye a{ margin:0px 5px; padding:6px 10px; font-weight:bold;background-color:#f2f2f2; font-size:14px; border:1px solid #c2c2c2;border-radius:5px; color:#777;}
.fengye a:hover, .pager a.current{background-color:#225f96; border:1px solid #225f96;color:#ffffff; text-decoration:none;}

/*.pager span:first-child,.pager span:last-child{display:none;}
*/

/*banner*/
/* .pro-switch {
	overflow: hidden;
	position: relative;
	width:100%;
}

.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display:none;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}
.flexslider .slides .img{
}
.flexslider .slides img {
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 770px;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width:100%;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	text-align: center;
	margin:0px;padding:0;
	left:0px; bottom:8px;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background-color: #edf1f3;
	display:block;
	height: 6px;
	overflow: hidden;
	text-indent:-99em;
	width: 50px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-color: #fcac39;
}
 */




/*product detail*/

/*product slide*/
.slideTxtBox{width:100%;text-align:left;}
.slideTxtBox .hd{ height:46px;line-height:46px;background:#f5f5f5;padding:0 10px 0 0px;position:relative; }
.slideTxtBox .hd ul{float:left; position:absolute;left:0px; top:-1px; height:46px;}
.slideTxtBox .hd ul li{float:left; padding:0 42px;cursor:pointer;background:#e0e0e0;margin-right:2px;}
.slideTxtBox .hd ul li.on{height:46px;background:#225f96;color:#fff;}
.slideTxtBox .bd ul{padding:15px; zoom:1; margin-top:10px; }
.slideTxtBox .bd li{line-height:28px;}
.slideTxtBox .bd li .date{float:right;color:#999;}

.pro-det-show {
	margin: 30px 0px;
	position: relative;
}
.pro-img-box {
	width: 70px;
	margin-right: 10px;
}
#pro_img_list ul li,
#pro_img_list ul li img
 {	
 	display: block;
	width: 68px;
	height: 68px;
	overflow: hidden;
}
#pro_img_list ul li {
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
#pro_img_list ul li.on {
	border-color: #c40000;
}
#pro_img_list {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 370px;
	overflow: hidden;
}
.pro-img-box #prev{
	height: 8px;
	border: 1px solid #ccc;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	cursor: pointer;
	background:url(../images/icon_up.jpg) no-repeat;
}
.pro-img-box #next{
	height: 8px;
	border: 1px solid #ccc;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	background:url(../images/icon_down.jpg) no-repeat;
	cursor: pointer;
}
.pro-img-box #prev:hover ,
.pro-img-box #next:hover 
{
	color: #225f96;
	border-color: #225f96;
}
#pro_pic_list {
	width: 400px;
	height: 400px;
	overflow: hidden;
	position:relative;
}
#pro_pic_list ul li {
	width: 400px;
	height: 400px;
	overflow: hidden;
}
#pro_pic_list ul li img {
	display: block;
	width: 398px;
	height: 398px;
	border:1px solid #ccc;
}
.goods-info {
	position:relative;
	width: 390px;
	height:400px;
}
.goods-info .tag {
	color: #808080;
}
.goods-info > h2 {
	font-size: 22px;
	color: #333;
	font-weight: 400;
	line-height: 1;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom:15px;
}
