@charset "utf-8";
/*网站公共样式*/

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/AlibabaSans-Regular.otf'); 
}
i,em{ font-style:normal;}
body {  font-family:"AlibabaLight",'Poppins', 'Hiragino Sans GB', 'Segoe UI', "思源"; width:100%; font-size:14px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#74797e; line-height:24px; width:100%; overflow-x:hidden;  }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
/*ul,li,i { list-style:none;}*/
h1,h2,h3,h4,h5,h6 { padding:0; margin:0;font-weight: normal; }
strong { padding:0; margin:0;}
a{ text-decoration:none; color:#000; }
a:hover{ color:#354C6E;}
img{border: none;
    vertical-align: middle;
    max-width: 100%;
	}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ box-sizing:border-box;  margin:auto;     width: 1430px; }
.document_width1{  box-sizing:border-box;  margin:auto; width: 1430px;   }



.u11a li.l1 a.a,.u9 li a.a,ul.prou7 li a.a,.u12 li.l1 a.a,.u16 li.l1 a.a{ color:#999 !important;}

.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}
.posdw{ position:relative;}
input[type="radio"]:after {  width: 15px;  height: 15px;border-radius: 50%; top: -2px;left: -1px;position: relative;background-color:white;display: inline-block; visibility: visible;border: 1px solid #000;}
input[type="radio"]:checked:after {border: 4.5px solid #000; }
#scrollbar::-webkit-scrollbar {width:12px;}

#scrollbar::-webkit-scrollbar-track { border-radius: 8px;background-color: #e7e7e7;border: 1px solid #cacaca; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);}
#scrollbar::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #363636;}


.left{ float:left;}
.right{ float:right;}
s{ text-decoration:none;}
/*
::-webkit-scrollbar { height: 4px; width:0px;}
::-webkit-scrollbar-button { height:0;width:0;}*/
.sosoh2 { width:100%; height:auto; float:left; padding:10px 0; font-size:16px;}
.sosoh2 span {  margin:0 8px; font-weight:bold;   }
.prott { width:100%; height:auto; float:left; font-size:22px; line-height:40px; border-bottom:1px solid #ededed; margin:10px 0;  color:#000;}
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.4); display:none;}

.searchinfo{ width:100%; height:auto; float:left; padding:30px 0;}
.search_tt{ width:100%; height:auto; float:left; font-size:18px; line-height:32px; color:#555; }
.search_tt span{ color:#000;font-weight:600;}

 
.menutb{ width:30px; height:33px;float:right; margin:20px 0 0 20px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#354C6E; transition:all 0.5s ease;float:left; display:inline-block;}
.menutb.close span{ opacity:0;transition:all 0.5s ease; position:absolute; left:0; top:10px;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:10px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:10px; opacity:1;}
.sjmenu{ display:none;}

/****分页****/
.fenye{ margin:40px 0 20px 0;}
.fenye ul{  text-align:center; white-space:nowrap;list-style:none;}
.fenye ul li{display:inline;  margin:0; padding:0;list-style:none;  }
.fenye ul li a{ display:table-cell; display:inline-block; width:32px; border-radius:6px; font-size:16px; height:32px; margin:0 1px; line-height:30px;text-align:center; background:#fff; border:1px solid #ededed;  }
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; border:1px solid #354C6E; background:#354C6E;}
 

#alertdiv{ position: fixed;margin: auto;width: 100%;top: 40%;display: none; z-index:2147483647; }
#alertdiv div{ background-color: #000;color: #FFF;padding: 20px 20px 20px 20px;min-width: 100px; width:600px;  min-height: 25px;text-align: center;color: rgb(255, 255, 255);border-width: 1px;  border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;line-height: 150%; margin: auto;z-index: 2147483647;}

/**********404*******/
.div_cu { width:100%; height:auto;  float:left; padding:50px 0;  }
.div_cu p { width:100%; height:auto; float:left; text-align:center; font-size:14px; font-weight:550; line-height:26px;}
.div_cu p img { width:350px; height:auto;  margin:30px auto; }
.div_cu p a { color:#354C6E; }

/*******右侧浮动*****/ 
.fd_right{ width:120px; height:auto; float:left; position:fixed; right:0; transition:all 0.5s ease; bottom:300px; z-index:9999; background:#354C6E; border-radius:6px;}
.fd_right ul{ width:100%; height:auto; float:left; list-style:none;}
.fd_right ul li{ width:100%; height:auto; float:left; padding:12px 0; font-size:18px; line-height:24px; color:#fff; text-align:center;}
.fd_right ul li.l1{ padding:0;}
.fd_right ul li.l1 a{ width:100%; height:auto; float:left; font-size:13px; line-height:18px; color:#fff; padding:42px 0 12px 0; background-size:28px auto !important; border-top:1px solid rgba(255,255,255,0.1); }
.fd_right ul li.l1 a:hover{ opacity:0.8;}
.flan{ width:36px; height:55px; cursor:pointer; position:absolute; left:-36px; top:40%; background:url(/images/float_tb.png) center center no-repeat #fff; border-radius:6px 0 0 6px;}
.flan.close{  background:url(/images/float_tbh.png) center center no-repeat #fff;}
.floathaid{ right:-120px; transition:all 0.5s ease;}

.backtop{ width:55px; height:55px; float:right; display:none; position:fixed; z-index:9999; right:20px; bottom:150px; background:url(/images/back_top.png) center center no-repeat; background-size:100% auto; cursor:pointer;}
.backtop:hover{ opacity:0.8;} 
 
/*******头部/底部*******/ 
.header{ width:100%; height:90px; float:left; position:fixed; z-index:999; left:0; top:0;}
.header .logo{ width:auto; height:80px; float:left; margin-top:5px;}
.header .logo img{ width:auto; height:80px; display:block;} 
.header .logo .img{ display:none; }
dl.yyqh{ width:55px; height:90px; float:right;position:relative; text-align:center;}
dl.yyqh dt a{ width:100%; height:90px; color:#fff; line-height:90px; float:left; font-size:14px; background:url(/images/languangtbb.png) right center no-repeat; padding-right:8px; box-sizing:border-box;}
dl.yyqh dd{ width:100%; height:auto; float:left; display:none; background:#fff; position:absolute; left:0; top:90px; box-shadow:0 2px 6px #ccc;}
dl.yyqh dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:30px; border-bottom:1px solid #ededed;}
dl.yyqh:hover dd{ display:block;}
.soso{ width:160px; height:34px; float:right; margin:28px 10px 0 10px; padding:0 10px 0 15px; box-sizing:border-box; background:#f5f5f5; border-radius:20px;}
.soso .input{ width:110px; height:34px; float:left; background:none; outline:none; border:none;} 
.soso .button{ width:25px; height:34px; float:left; cursor:pointer; border:none; outline:none; background:url(/images/sosotb.png) center center no-repeat;} 
ul.menu{ width:auto; height:90px; float:right; list-style:none;}
ul.menu>li{ width:auto; height:90px; float:left;}
ul.menu>li>a{ width:auto; height:90px; line-height:90px; float:left;  padding:0 22px; font-size:16px; color:#fff; background-size:0 3px; transition:all 0.5s ease;}
ul.menu>li>a:hover,ul.menu>li>a.CurrentLi{ color:#354C6E !important; transition:all 0.5s ease;}
ul.menu>li>a:hover>i{
    display: block;
    width: 20px;
	margin:auto;
    height: 4px;
    top: 90px;
	margin:auto;
	color:#00458D;
    background: #00458D;
    z-index: 999999;}

.xlmenudiv{ width:100%; height:auto; float:left; background:#fff; display: none; border-top:1px solid #ededed; border-radius:0 0 6px 6px; position:absolute; left:0; top:90px; padding:50px; min-height:150px; z-index:999; box-sizing:border-box; box-shadow:0 12px 12px -12px #f1f1f1;}
.xlmenudiv dl{ width:100%; height:auto; float:left;}
.xlmenudiv dl dd{ width:100%; height:auto; margin:auto; box-sizing:border-box;}
.xlmenudiv dl dd a.a{ width:48%; height:auto; float:left; margin:0 1% 1% 1%; border-radius:3px; padding:20px; box-sizing:border-box; background:#f9f9f9;}
.xlmenudiv dl dd a.a strong{ width:100%; height:28px; float:left; font-size:19px; line-height:28px; color:#000; overflow:hidden; margin-bottom:3px;    font-weight: normal; }
.xlmenudiv dl dd a.a p{ width:100%; height:22px; float:left; font-size:14px; line-height:22px; color:#666; overflow:hidden;}
.xlmenudiv dl dd a.a:hover{ background:#ededed; }
.xlmenudiv dl dd a.a:hover strong{ color:#354C6E;}
.xlmenudiv dl dt{ width:30%; height:auto; float:left;}
.xlmenudiv dl dt img{ width:100%; height:auto; display:block;}
ul.menu>li:hover .xlmenudiv{ display:block;}

.divp{ width:15%; height:auto; float:left; margin:0 0.8% 0.8% 0.8%; border-radius:3px; text-align:center; padding:20px; box-sizing:border-box; background:#f9f9f9;}
.divp a strong{width:100%; height:28px; float:left; font-size:19px; line-height:28px; color:#000; overflow:hidden; margin-bottom:3px;    font-weight: normal; }
.divp p{ width:100%; height:auto; min-height:88px; float:left;}
.divp p a{ width:100%; height:22px; float:left; font-size:14px; line-height:22px; color:#666; overflow:hidden;}
.divp p a:hover{ color:#354C6E; }
.divp a:hover strong{ color:#354C6E; }

.header:hover,.headerbai,.headerdw{ background:#fff; border-bottom:1px solid #ededed; }
.header:hover .logo .img1,.headerbai .logo .img1,.headerdw .logo .img1{ display:none;}
.header:hover .logo .img,.headerbai .logo .img,.headerdw .logo .img{ display:block;}
.header:hover dl.yyqh dt a,.headerbai dl.yyqh dt a,.headerdw dl.yyqh dt a{background:url(/images/languangtb.png) right center no-repeat; color:#333;}
.header:hover ul.menu>li>a,.headerbai ul.menu>li>a,.headerdw ul.menu>li>a{ color:#000;}


.soi{ width:850px; height:auto; overflow:hidden; background:#fff; margin:20px auto 0; box-sizing:border-box;    }
.soi .input{ width:820px; height:110px; text-align:center; line-height:100px; font-size:16px; margin:auto; background:none; outline:none; border:none;border: 1px solid #e6e6e6; padding:0 10px 0 15px; } 
.soi .button{ width:830px; height:110px; margin:0 auto 80px; cursor:pointer; border:none; outline:none; background:url(/images/ss.png) center center no-repeat;} 

.bottomdiv{ width:100%; height:auto; float:left; background:#333; padding:30px 0;/* text-transform:capitalize;*/}
.bottomdiv dl.d1{ width:35%; float:left; margin:auto; height:auto; padding-right:5%; box-sizing:border-box;}
.bottomdiv dl.d1 dt,.bottomdiv dl.d2 dt{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; font-weight:bold; color:#fff; margin-bottom:11px;}
.bottomdiv dl.d1 dd,.bottomdiv dl.d2 dd{ width:100%; height:auto; float:left;}
.bottomdiv dl.d1 dd h3,.bottomdiv dl.d2 h3{ font-size:20px; color:#fff; line-height:28px; border-bottom:1px dashed #fff; padding-bottom:10px; margin-bottom:15px;}
.bottomdiv dl.d1 dd{ width:100%; height:auto; float:left; font-size:14px; line-height:30px; color:#999; }
.bottomdiv dl.d1 dd strong{ font-size:28px; font-weight:bold;opacity:0.8;}
.bottomdiv dl.d1 dd p{ opacity:0.8; line-height:28px; font-size:14px;}
.bottomdiv dl.d1 dd p.p{ width:100%; height:auto; float:left; margin-top:15px; opacity:1;}
.bottomdiv dl.d1 dd p.p a{ width:31px; height:31px; display:block; float:left; margin-right:10px; background-size:31px auto !important; position:relative;}
.bottomdiv dl.d1 dd p.p a img{ width:120px; height:120px; position:absolute; left:0px; top:-130px; display:none; border:5px solid #fff; box-sizing:border-box;}
.bottomdiv dl.d1 dd p.p a:hover img{ display:block;}

.bottomdiv dl.d3{ width:45%; float:left; margin:auto; height:auto; padding-right:12%; box-sizing:border-box;}
.bottomdiv dl.d3 dd h3{ font-size:20px; color:#fff; line-height:28px; border-bottom:1px dashed #fff; padding-bottom:10px; margin-bottom:15px;}
.bottomdiv dl.d3 ul{ width:100%; margin:auto; overflow:hidden;}
.bottomdiv dl.d3 ul li{ width:33.333%; float:left; line-height:30px; color:#999;font-size:15px; text-align:left;}
.bottomdiv dl.d3 ul li a{ color:#999;font-size:14px; text-align:left; line-height:30px;}
.bottomdiv dl.d3 .lo{ margin-top:25px; overflow:hidden; color:#fff;}
.bottomdiv dl.d3 .lo img{ float:left; width:90px; margin-right:10px;}
.bottomdiv dl.d3 .lo h2{ font-size:20px; font-weight:bold;}
.bottomdiv dl.d3 .lo p{ font-size:14px;}

.bottomdiv dl.d2{ width:12%; height:auto; float:right; text-align:center;}
.bottomdiv dl.d2 dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; padding:5px 0;  color:#fff; opacity:0.8;}
.bottomdiv dl.d2 dd a:hover{ opacity:1;}
.bottomdiv dl.d2 img{ width:70%; margin:auto;}
 
.bqxxdiv{ width:100%; height:auto; float:left; padding:20px 0; font-size:14px; line-height:18px; color:rgba(255,255,255,0.8);  background:#222;/* text-align:center;*/ }
.bqxxdiv a{ color:rgba(255,255,255,0.8); margin:0 5px;color:#fff;}
.bqxxdiv a:hover{ color:#fff;}





/******首页*****/

.banner{ width:100%; overflow:hidden; height:39.5vw !important;min-height:400px !important;  float:left; position:relative; touch-action: pan-y;}
.banner ul {  overflow:hidden; height:39.5vw !important; min-height:400px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:400px; float:left; overflow:hidden;list-style:none; }
.banner ul li img,.banner ul li video{ width:100%; height:39.5vw !important;object-fit: cover;min-height:400px !important;  float:left; transition:0.5s linear ; transform:scale(1.03);   }
.banner ul li.cur  img{transform:scale(1); }
.banner ul li.cur{ opacity:1; z-index:112;}
/*.banner_span{margin:0px;padding:0px; width:100%;  position:absolute; bottom:20px;text-align:center; z-index:886;}
.banner_span span{display:inline-block; width:60px;height:40px; padding-bottom:5px; cursor:pointer; border-bottom:1px solid rgba(255,255,255,0.2);}
.banner_span span s{ width:20px; float:left; margin:0 20px; height:34px; color:rgba(255,255,255,0.4); line-height:34px; float:left; text-align:center; text-decoration:none;  font-size:14px;}
.banner_span span.cur s{  color:#fff; font-size:16px; font-weight:600; background-size:10px 1px; }
*/
.banner_span{margin:0px;padding:0px;width:100%;position:absolute; bottom:25px;text-align:center; z-index:886;}
.banner_span span{display:inline-block;margin-left:5px;width:50px;height:8px; border-radius:3px; background:#ccc; cursor:pointer;}
.banner_span span.cur,.banner_span span:hover{background:#354C6E;width:50px;height:8px; border-radius:3px;}


.banner .document_width1{ position:relative;}
.banwenzi{ position:absolute; top:16vw; width:100%; left:0;  opacity:0; color:#fff;   z-index:99;box-sizing:border-box; }
.banwenzi h2{ width:100%; height:auto; float:left; font-size:48px; margin-left:50px;  line-height:60px; color:#fff;  font-weight:bold;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:24px;margin-left:50px;  line-height:26px;  margin:10px 0 25px 0 ; color:#fff; }
.banwenzi a.a{ width:auto; height:46px; line-height:46px; float:left; border-radius:10px; font-size:20px; padding:0 35px; display:block; color:#fff; border:2px solid #fff;}
.banwenzi a.a:Hover{ background:#fff; color:#000;}
.addCur{transform:scale(1) !important; } 
.wzaddCur{ margin-top:0px;}
.banner ul li.cur .banwenzi{ opacity:1;}
.banner ul li.cur .banwenzi .f1{animation:donghuawz 1s infinite; animation-iteration-count:1;animation-fill-mode: forwards;}
.banner ul li.cur .banwenzi .f2{animation:donghuawz1 1.3s infinite; animation-iteration-count:1;animation-fill-mode: forwards;}
.banner ul li.cur .banwenzi .f3{animation:donghuawz2 1.6s infinite; animation-iteration-count:1;animation-fill-mode: forwards;}
@-webkit-keyframes donghuawz{
	0%{ opacity:0;margin-left:50px;}
	30%{opacity:0; margin-left:50px;}
	100%{ width:100%; margin-left:0px}	
 }
 @-webkit-keyframes donghuawz1{
	0%{ opacity:0;margin-left:50px;}
	30%{opacity:0; margin-left:50px;}
	100%{ width:100%; margin-left:0px}	
 }
 @-webkit-keyframes donghuawz2{
	0%{ opacity:0;margin-left:50px;}
	30%{opacity:0; margin-left:50px;}
	100%{ width:100%; margin-left:0px}	
 }
 

.indexpro{ width:100%; height:auto; float:left; padding:25px 0; overflow:hidden;}
.indexproz{ width:100%; height:auto; float:left; overflow:hidden;}
.indexpro dl{ width:286px; height:auto; float:left; text-align:center;}
.indexpro dl dt{ width:100%; height:auto; float:left; overflow:hidden;} 
.indexpro dl dt img{ width:110px; height:auto; display:block; margin:0 auto;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.indexpro dl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.indexpro dl dd h2 a{ width:100%; height:auto; float:left; text-align:center; font-size:18px; line-height:26px; color:#333;}
.indexpro dl:hover dd h2 a{ color:#354C6E;}
.indexprolist{ width:20000px; height:150px !important; overflow:hidden; float:left; position:relative}
.projtleft{ width:46px; height:46px; border-radius:46px; border:1px solid #ccc; background:url(/images/jtl.png) center center no-repeat #fff; position:absolute; left:-60px; top:52px; cursor:pointer;}
.projtleft:hover{ border:1px solid #354C6E;background:url(/images/jtlh.png) center center no-repeat #354C6E; }
.projtright{ width:46px; height:46px; border-radius:46px; border:1px solid #ccc; background:url(/images/jtr.png) center center no-repeat #fff; position:absolute; right:-60px; top:52px; cursor:pointer;}
.projtright:hover{ border:1px solid #354C6E;background:url(/images/jtrh.png) center center no-repeat #354C6E; }

.indexyy{ width:100%; height:auto; float:left; padding:60px 0;/* background:#f5f6fa; */overflow:hidden;}
.indextt{ width:100%; height:auto; float:left; position:relative; margin-bottom:40px;}
.indextt strong{ width:100%; height:auto; float:left; font-size:38px; line-height:46px; color:#354C6E; margin-bottom:8px; font-weight:bold; text-transform:uppercase;}
.indextt p{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#333;}
.indextt a.a{ width:auto; height:auto; position:absolute; right:0; top:30px; font-size:16px; padding-right:20px; color:#354C6E; opacity:0.8; text-transform:capitalize;}
.indextt a.a:hover{ opacity:1;}


.indexsl{ width:100%; height:auto; float:left; padding:50px 0;}
.indexslleft{ width:43%; height:auto; float:left;}
.indexslleft ul{ width:100%; height:auto; float:left;list-style:none;}
.indexslleft ul li{ width:100%; height:auto; float:left;  border-bottom:1px solid #ededed; padding-bottom:14px; margin-bottom:14px;}
.indexslleft ul li strong{ width:auto; height:50px; line-height:50px; float:left; font-size:16px; color:#354C6E;}
.indexslleft ul li strong em{ font-size:40px; font-weight:bold; margin-right:5px;}
.indexslleft ul li span{ width:auto; height:auto; line-height:28px; float:right; font-size:14px; color:#999; margin-top:25px;}

.indexslright{ width:55%; height:350px; float:right; margin-top:-120px; position:relative; background:url(/images/index_sl.png) right center no-repeat; background-size:100% auto;}
.indexslright .dian {width:100px; height:60px;cursor:pointer;position:absolute;  background:url(/images/index_sltb1.png) center center no-repeat; background-size:15px 15px; left:-50px;}
.indexslright .dian .circle {position:absolute;width:auto;height:20px; font-size:14px; line-height:20px; border-radius:50%;color:#333;top:45px;left:-60px;z-index:12;margin-bottom: 0px;}
.indexslright .dian.cur .ripple{ display:block;}
.indexslright .dian.cur .circle{ color:#354C6E; top:45px;}
.indexslright .dian .ripple { display:none; border-radius: 50%;  background-clip: padding-box;background: transparent;width:50px;height:50px;border-radius: 50%;position: absolute;left:-60px;top:5px;z-index: 9;margin-bottom: 0px;}
.indexslright .dian .p1:after,.dian .p2:after,.dian .p3:after {content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #193483;opacity: 0; background-color: rgba(25, 52, 131, .5);}
.indexslright .dian .p1:after{ -webkit-animation: ripple 2.5s ease-out 225ms infinite;animation: ripple 2.5s ease-out 225ms infinite;}
.indexslright .dian .p2:after{ -webkit-animation: ripple 2.5s ease-out .9s infinite; animation: ripple 2.5s ease-out .9s infinite;}
.indexslright .dian .p3:after{ -webkit-animation: ripple 2.5s ease-out 1.8s infinite; animation: ripple 2.5s ease-out 3.8s infinite;}
@-webkit-keyframes ripple {0% {opacity: 0;-webkit-transform: scale(.1)}5% {opacity: 1}to {opacity: 0;-webkit-transform: scale(1)}}
@keyframes ripple {0% { opacity: 0;-webkit-transform: scale(.1);transform: scale(.1)}5% {opacity: 1}to {opacity: 0;-webkit-transform: scale(1);transform: scale(1)}}
.indexslright .dian.dian1{left:300px; top:165px; background-size:26px 26px;}
.indexslright .dian.dian1 .ripple{ display:block;} 
.indexslright .dian.dian2{left:20px; top:110px;background-size:15px 15px;}
.indexslright .dian.dian3{left:265px; top:150px;background-size:15px 15px;}
.indexslright .dian.dian4{left:260px; top:180px;background-size:15px 15px;}
.indexslright .dian.dian5{left:245px; top:209px;background-size:15px 15px;}
.indexslright .dian.dian6{left:245px; top:240px;background-size:15px 15px;}
.indexslright .dian.dian7{left:520px; top:135px;background-size:15px 15px;}

.indexcx{ width:100%; height:auto; float:left; padding-bottom:60px; /*background:#f5f6fa;*/}
.indexcxz{ width:100%; height:auto; float:left; position:relative;}
.indexcxdiv1{ width:64%; height:430px; float:left; padding:50px 140px 0 60px; box-sizing:border-box; background:url(/images/index_cxtp1.png) center no-repeat; background-size:cover;  -webkit-clip-path:polygon(0 0, 100% 0, 88% 100%, 0% 100%); clip-path:  polygon(0 0, 100% 0, 88% 100%, 0% 100%);}
.indexcxdiv2{ width:42.5%; height:430px;float:left;padding:50px 50px 0 140px; box-sizing:border-box; background:url(/images/index_cxtp2.png) left center no-repeat; background-size:cover;-webkit-clip-path:  polygon(18% 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(18% 0, 100% 0, 100% 100%, 0% 100%); position:absolute; right:0; top:0; }
.cxtt{ width:100%; height:auto; float:left;}
.cxtt .img{ width:45px; height:auto; display:block;}
.cxtt h3 a{ width:100%; height:auto; float:left; margin:15px 0; padding-bottom:18px; background:url(/images/baibj.jpg) left bottom no-repeat; background-size:70px 3px;  font-size:32px; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.1); color:#fff;}
.cxtt p{ width:38%; display:block; height:auto;/* float:left;*/ font-size:16px; line-height:30px; color:#fff; max-height:90px; overflow:hidden;} 
.cxtt a.a{ width:auto; height:46px; line-height:46px; float:left; padding:0 25px 0 30px; border:1px solid #fff; color:#fff; margin-top:20px; border-radius:40px; }
.cxtt a.a s{ width:35px; height:46px; float:right;background:url(/images/index_cxtb3.png) center center no-repeat;transition:all 0.5s ease;}
.cxtt a.a:hover s{ background-position:right center ; transition:all 0.5s ease;} 
.cxtt a.a:hover{ background:rgba(0,0,0,0.2);} 
 
/******关于我们******/
.nybanner{ width:100%; height:auto; float:left; position:relative; margin-top:90px;}
.nybanner img{ width:100%; height:400px; display:block;}
.nybannerwz{ position:absolute; left:0; top:150px; width:100%; height:auto; float:left;}
.nybannerwz p{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#fff; font-weight:550; margin-bottom:4px; }
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:46px; line-height:50px; color:#fff; }

.nydiv{ width:100%; height:auto; float:left; padding:75px 0; background:#fff; overflow-x:hidden;}
dl.abdl{ width:32%; height:auto; float:left; margin:0.65%; position:relative;}
dl.abdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.abdl dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.abdl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.abdl dd{ width:100%; height:auto; float:left; padding:25px 30px; box-sizing:border-box; position:absolute; left:0; bottom:0;}
dl.abdl dd h2 a{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; color:#fff;}


/*****关于我们-公司简介*****/      
.nymenu{ width:100%; height:auto; float:left; background:#f5f7fa;}
.nymenu ul{ width:100%; height:auto; list-style:none;}
.nymenu ul li a{ width:auto; height:70px; line-height:70px; float:left; padding:0 25px; font-size:16px; }
.nymenu ul li a:hover,.nymenu ul li a.cur{ background:#354C6E; color:#fff;}	  

.gsjjdiv{ width:100%; height:auto; float:left; position:relative; min-height:580px; margin-bottom:50px;}	  
.gsjjdivleft{ width:60%; height:auto; float:left; padding:60px 60px 0 0; box-sizing:border-box; background:url(/images/gsjj_tb.png) 0px 20px no-repeat;}
.gsjjdivleft .h1{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; color:#354C6E; margin-bottom:10px;}
.gsjjdivleft p.p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#555; margin-bottom:15px;}
.gsjjdivleft ul{ width:100%; height:auto; float:left; margin-top:25px; list-style:none;}
.gsjjdivleft ul li{ width:20%; height:auto; float:left;}
.gsjjdivleft ul li strong{ width:100%; height:50px; float:left; font-size:16px; line-height:50px; color:#354C6E; margin-bottom:3px;}
.gsjjdivleft ul li strong em{ font-size:42px; font-weight:bold; margin-right:4px; }
.gsjjdivleft ul li p{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; color:#888; }
.gsjjdivleft ul li p span{ font-size:12px; width:100%; height:auto; float:left;}
.gsjjdivright{ width:40%; height:auto; float:left; position:absolute; left:60%; top:0;}	  
.gsjjdivright img{ width:auto; height:580px;  display:block;}	  

.gsjjdiv1{ width:100%; height:auto; float:left;}
.gsjjdiv1 ul.u1{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; list-style:none;}
.gsjjdiv1 ul.u1 li{ width:auto; height:50px; line-height:50px; float:left; padding:0 25px; font-size:16px; color:#333; cursor:pointer;}
.gsjjdiv1 ul.u1 li.cur,.gsjjdiv1 ul.u1 li:hover{ background:#354C6E; color:#fff; border-radius:8px 8px 0 0;}	  
.gsjjdiv1c{ width:100%; height:auto; float:left; padding:25px 10px; font-size:16px; line-height:30px; color:#333; display:none; box-sizing:border-box; } 
.gsjjdiv1c img{ width:auto; height:auto !important; max-width:100% !important; display:block;}	  
	  
	  
	  
/*****关于我们-董事长致辞*****/	  
.gywm_dszdiv{ width:100%; height:auto; float:left; padding:70px 0 0 0;}
.gywm_dszdiv dl{ width:100%; height:auto; float:left;}
.gywm_dszdiv dl dt{ width:30%; height:auto; float:right;}
.gywm_dszdiv dl dt img{ width:100%; height:auto; display:block; max-width:380px; float:right;}
.gywm_dszdiv dl dd{ width:70%; height:auto; float:left; padding-right:60px; padding-top:50px; box-sizing:border-box;}
.gywm_dszdiv dl dd h2{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; color:#354C6E;}
.gywm_dszdiv dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:32px; color:#666; margin:25px 0;}
.gywm_dszdiv dl dd span{ text-align:right; font-size:14px; line-height:22px; color:#888; width:100%; height:auto; float:left;}	  
	  
.gywm_dszdiv1{ width:100%; height:auto; float:left; padding:60px 0; background:#f5f7fa;}	  
.gywm_dszdiv1 dl{ width:100%; height:auto; float:left; background:#fff; margin-bottom:30px;}
.gywm_dszdiv1 dl dt{ width:49%; height:auto; float:left;}
.gywm_dszdiv1 dl dt img{ width:100%; height:auto; display:block;}
.gywm_dszdiv1 dl dd { width:51%; height:auto; float:left; padding:100px 60px 0 60px; box-sizing:border-box;}
.gywm_dszdiv1 dl dd strong{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#333; margin-bottom:15px;}
.gywm_dszdiv1 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#808080; margin-bottom:10px;}  
.gywm_dszdiv1 dl.d1{ margin-bottom:0;}
.gywm_dszdiv1 dl.d1 dt{ float:right;}	


/*****关于我们-公司历史****/  
.gywm_gslsdiv{ width:100%; height:auto; float:left; padding:70px 0 0 0; background:url(/images/gywm_gslcbj.png) center bottom no-repeat; background-size:1920px auto;}
.nytt{ width:100%; height:auto; float:left; margin-bottom:40px;}
.nytt strong{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; color:#000;}
.nytt p{ width:100%; height:auto; float:left; font-size:14px; line-height:26px; color:#666; text-align:center; margin:5px 0 10px 0;}
.gslsdivz{ width:100%; height:430px; float:left; position:relative; overflow:hidden;}
.gslsdivlist{ width:20000px; height:430px !important; overflow:hidden; float:left; position:relative}
.gslcjtl{ width:46px; height:46px; border-radius:46px; border:1px solid #ccc; background:url(/images/jtlh.png) center center no-repeat #666; position:absolute; left:-60px; top:240px; cursor:pointer;}
.gslcjtl:hover{ border:1px solid #354C6E;background:url(/images/jtlh.png) center center no-repeat #354C6E; }
.gslcjtr{ width:46px; height:46px; border-radius:46px; border:1px solid #ccc; background:url(/images/jtrh.png) center center no-repeat #666; position:absolute; right:-60px; top:240px; cursor:pointer;}
.gslcjtr:hover{ border:1px solid #354C6E;background:url(/images/jtrh.png) center center no-repeat #354C6E; }
.gslsdivz dl{ width:286px; height:auto; float:left; padding:0 20px; position:absolute; bottom:0; cursor:pointer;  box-sizing:border-box; transition:all 0.5s ease;padding-bottom:170px; background:url(/images/gywm_gslctb.png) 38px bottom no-repeat; background-size:3px 150px;}
.gslsdivz dl dt{ width:100%; height:auto; float:left; font-size:40px; line-height:50px; color:#354C6E; font-weight:bold;}
.gslsdivz dl dt span{ font-size:20px; font-weight:normal;}
.gslsdivz dl dd{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#404040;}
.gslsdivz dl dd p{ width:100%; height:auto; float:left; margin-bottom:8px;}
.gslsdivz dl:hover{  background-size:3px 180px; padding-bottom:200px; transition:all 0.5s ease;}


/*****关于我们-公司资质*****/
dl.gszzdl{ width:40%; height:auto; float:left; padding-right:30px; box-sizing:border-box;}
dl.gszzdl dt{ width:100%; height:auto; float:left; padding-left:30px; box-sizing:border-box; font-size:22px; background-size:auto 25px !important; background:url(/images/gywm_gszztb1.png) left center no-repeat; line-height:40px; color:#354C6E;}
dl.gszzdl dd{ width:100%; height:auto; float:left; margin-top:10px;}
dl.gszzdl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:38px; color:#666;}
dl.gszzdl.d{ width:30%;}
.huibj{ background:#f5f7fa !important;}
.cen{ text-align:center;}
dl.ryzsdl{ width:24%; height:auto; float:left; background:#fff; margin:0.5%; padding:25px; box-sizing:border-box;}
dl.ryzsdl dt{ width:100%; height:auto; float:left; overflow:hidden; cursor:pointer;}
dl.ryzsdl dt img{ width:100%; height:auto; display:block; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.ryzsdl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.ryzsdl dd{ width:100%; height:32px; float:left; margin-top:10px; text-align:center; font-size:18px; line-height:32px; color:#333; overflow:hidden;}

/******关于我们-全球团队****/
.tdh2{ width:100%; height:auto; float:left; font-size:28px; line-height:32px; color:#333; margin-top:40px;}
.gywm_qqtddiv{ width:100%; height:auto; float:left; padding:30px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.gywm_qqtddiv dl{ width:100%; height:auto; min-height:200px; float:left; position:relative;}
.gywm_qqtddiv dl dt{ width:240px; height:auto; float:left; position:absolute; left:0; top:0;}
.gywm_qqtddiv dl dt img{ width:200px; height:auto; display:block; border-radius:200px;}
.gywm_qqtddiv dl dd{ width:100%; height:auto; float:left; padding-left:240px; box-sizing:border-box;}
.gywm_qqtddiv dl dd h3{ width:100%; height:auto; float:left; font-size:24px; line-height:28px; color:#333; margin-top:30px;}
.gywm_qqtddiv dl dd h4{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#555; margin:8px 0;}
.gywm_qqtddiv dl dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#888;}


/******关于我们-质量方针****/
.tdh2b{ margin-bottom:25px;}
dl.hjfzdl{ width:48%; height:auto; min-height:170px; float:left; padding:30px; margin:40px 2% 0 0; border-radius:4px; background:#f5f7fa; border-radius:5px; position:relative; box-sizing:border-box;}
 
dl.hjfzdl dt{ width:150px; height:auto; float:left; position:absolute; left:30px; top:30px;}
dl.hjfzdl dt img{ width:95px; height:auto; display:block;}
dl.hjfzdl dd{ width:100%; height:auto; float:left; padding-left:120px; box-sizing:border-box;}
dl.hjfzdl dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; color:#354C6E; margin-bottom:8px; padding-bottom:5px; background:url(/images/logobj.png) left bottom no-repeat; background-size:40px 2px;}
dl.hjfzdl dd h2{ font-size:16px; line-height:24px; font-weight:600; color:#333; margin:10px 0;}

dl.hjfzdl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#666;}	  
dl.hjfzdl.last{ margin-right:0;}	
dl.hjfzdl:hover{ box-shadow:0 2px 8px #ededed;}  
.hjfzdiv{ width:100%; height:auto; float:left; margin-top:30px;}
.hjfzdiv h4{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; margin:-10px 0 20px 0;}
.hjfzdiv p.ps{ width:100%; height:auto; float:left; line-height:34px; margin:6px 0; font-size:16px; color:#595959; position:relative; padding-left:42px; box-sizing:border-box;}
.hjfzdiv p.ps span{ width:34px; height:34px; float:left; position:absolute; left:0; top:0px; border-radius:34px; text-align:center; background:#354C6E; color:#fff;}


/******联系我们-全球网络******/
.lxwm_qqwldiv{ width:100%; height:auto; float:left; padding:35px 0; background:#f2f4f7;}
.qqwldivleft{ width:32%; height:500px; overflow-y:auto; float:left; background:#fff; padding:45px; box-shadow:0 5px 10px #ededed; box-sizing:border-box;  overflow-x:hidden; position:relative; }
.qqwldivleftqh{ width:100%; height:auto; float:left; transition:all 0.5s ease; position:absolute; left:500px; top:45px;  overflow:hidden; }
.qqwldivleftqh.cur{   transition:all 0.5s ease; left:0; padding:0 45px; box-sizing:border-box; }


.qqwldivleft h2{ width:100%; height:auto; float:left; font-size:20px; line-height:28px; color:#333; margin-top:10px;}
.qqwldivleft strong{ width:100%; height:auto; float:left; font-size:15px; line-height:20px; color:#354C6E; margin-top:5px; font-weight:600;}
.qqwldivleft p{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; color:#666;}


.qqwldivright{ width:820px; height:530px; float:right; position:relative; background:url(/images/lxwm_qqwltp.png) right center no-repeat; background-size:100% auto;}
.qqwldivright .diana {width:100px; height:60px;cursor:pointer; position:absolute;  background:url(/images/index_sltb1.png) center center no-repeat; background-size:15px 15px;}
.qqwldivright .diana .circle {width:100%; position:absolute; text-align:center; float:left; height:16px; line-height:16px; font-size:12px; border-radius:50%;color:#333;top:40px;left:0%;z-index:12;margin-bottom: 0px;}
.qqwldivright .diana.cur .circle{ color:#354C6E; top:45px;}
.qqwldivright .diana .ripple { display:none; border-radius: 50%;  background-clip: padding-box;background: transparent;width:50px;height:50px;border-radius: 50%;position: absolute;left:25px;top:5px;z-index: 9;margin-bottom: 0px;}
.qqwldivright .diana .p1:after,.qqwldivright .dian .p2:after,.qqwldivright .dian .p3:after {content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 2px solid #193483;opacity: 0; background-color: rgba(25, 52, 131, .5);}
.qqwldivright .diana .p1:after{ -webkit-animation: ripple 2.5s ease-out 225ms infinite;animation: ripple 2.5s ease-out 225ms infinite;}
.qqwldivright .diana .p2:after{ -webkit-animation: ripple 2.5s ease-out .9s infinite; animation: ripple 2.5s ease-out .9s infinite;}
.qqwldivright .diana .p3:after{ -webkit-animation: ripple 2.5s ease-out 1.8s infinite; animation: ripple 2.5s ease-out 3.8s infinite;}
.qqwldivright .diana1{left:330px; top:135px; }
.qqwldivright .diana.cur{background-size:26px 26px;}
.qqwldivright .diana.cur .ripple{ display:block;} 
.qqwldivright .diana2{left:30px; top:120px;background-size:15px 15px;}
.qqwldivright .diana3{left:275px; top:170px;background-size:15px 15px;}
.qqwldivright .diana3 .circle,.diana4 .circle{ }
.qqwldivright .diana5 .circle{}
.qqwldivright .diana4{left:260px; top:190px;background-size:15px 15px;}
.qqwldivright .diana5{left:245px; top:230px;background-size:15px 15px;}
.qqwldivright .diana6{left:235px; top:270px;background-size:15px 15px;}
.qqwldivright .diana7{left:550px; top:135px;background-size:15px 15px;}



.lxfstt{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding:20px 10px; box-sizing:border-box;}
.lxfstt strong{ width:100%; height:32px; float:left; padding-right:40px; font-size:21px; line-height:32px; box-sizing:border-box; color:#000; cursor:pointer; background:url(/images/lxwm_qqwltb.png) right center no-repeat;}
.lxfsdiv{ width:100%; height:auto; float:left; padding:0px 10px 20px 10px; display:none; box-sizing:border-box;}
.lxfsdiv dl{ width:32.3333%; height:auto; float:left; margin:0 1% 2% 0;}
.lxfsdiv dl dt{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#000; margin-bottom:8px;}
.lxfsdiv dl dd{ width:100%; height:auto; float:left; font-size:15px; line-height:24px; color:#969696;}
.lxfsdiv a.a{ width:auto; height:42px; float:left; line-height:42px; padding:0 35px; margin-right:20px; border:1px solid #354C6E; border-radius:40px; font-size:16px; color:#354C6E;}
.lxfsdiv a.a1{ width:auto; height:42px; float:left; line-height:42px; padding:0 35px; border:1px solid #354C6E; border-radius:40px; font-size:16px; color:#fff; background:#354C6E;}
.lxfsdiv a.a:hover,.lxfsdiv a.a1:hover{ opacity:0.8;}
.lxfstt strong.cur,.lxfstt strong:hover{ color:#354C6E; background:url(/images/lxwm_qqwltb1.png) right center no-repeat;}
 
/**联系我们 -本地支持***/	  
.lxwmbdzc{ width:100%; height:auto; float:left; background:#f7f8fa; margin-bottom:50px;}
.lxwmbdzc .img{ width:42%; height:520px; display:block; float:left;}
.lxwmbdzcwz{ width:58%; height:auto; float:left; padding:50px 50px 0 50px; box-sizing:border-box;}
.lxwmbdzcwz .h2{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#000; margin-bottom:10px;}
.lxwmbdzcwz .h5{ width:100%; height:auto; float:left; font-size:15px; line-height:22px; color:#999; margin-bottom:20px;}
.lxwmbdzcwz dl.d1{ width:48%; height:auto; float:left; position:relative; margin:1%;}
.lxwmbdzcwz dl.d1 dt{ width:85px; height:48px; line-height:48px; float:left; position:absolute; left:0; top:0;; font-size:16px; color:#000;}
.lxwmbdzcwz dl.d1 dd{ width:100%; height:auto; float:left; padding-left:85px; box-sizing:border-box;}
.lxwmbdzcwz dl.d1 dd .input{ width:100%; height:48px; line-height:48px; background:#fff; border:none; text-indent:10px; font-size:16px; outline:none;}
.lxwmbdzcwz dl.d1.d2{ width:98%;}
.lxwmbdzcwz dl.d1.d2 dd .text{ width:100%; height:120px; line-height:26px; padding:10px; box-sizing:border-box; border:none; outline:none;}
.lxwmbdzcwz dl.d1 dd .button{ width:auto; height:48px; line-height:48px; background:#354C6E; color:#fff; border:none; padding:0 35px; cursor:pointer; margin-top:-5px; font-size:16px; border-radius:5px; outline:none;}
.lxwmbdzcwz dl.d1 dd .button:hover{ opacity:0.8;}

.lxwmbdzc.last{ margin-bottom:0;}
.lxwmbdzc.last .img{ float:right; height:480px;}
.lxwmbdzc ul.u1{ width:100%; height:auto; float:left; list-style:none; border-bottom:1px solid #ededed; margin:25px 0;}
.lxwmbdzc ul.u1 li{ width:auto; height:48px; line-height:48px; float:left; padding:0 20px; font-size:16px; cursor:pointer;}
.lxwmbdzc ul.u1 li:hover,.lxwmbdzc ul.u1 li.cur{ background:#354C6E; color:#fff; border-radius:7px 7px 0 0; }

.lxwmbdzcwzqh{ width:100%; height:auto; float:left;  font-size:16px; line-height:30px; color:#000;}
.lxwmbdzcwzqh p.p1{ width:100px; height:auto; float:left; margin:10px 15px 0 0; text-align:center; font-size:14px; line-height:24px; color:#666;}
.lxwmbdzcwzqh p.p1 img{ width:auto; height:auto; display:block; max-width:100%;}



/*****加入我们-企业文化*****/
.huibj1{ background:#fafafa !important;}
dl.qywhdl{ width:48%; height:auto; float:left; margin-right:4%;}
dl.qywhdl dt{ width:100%; height:auto; float:left; overflow:hidden; cursor:pointer;}
dl.qywhdl dt img{ width:100%; height:auto; display:block; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.qywhdl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.qywhdl dd{ width:85%; height:auto; float:left; background:#fff; padding:45px; box-sizing:border-box; min-height:200px; margin-top:-180px; position:relative; z-index:1;}
dl.qywhdl dd strong{ width:100%; height:auto; float:left; font-size:50px; line-height:50px; color:#354C6E; opacity:0.05; font-weight:bold;}
dl.qywhdl dd h2{ width:100%; height:auto; float:left; font-size:28px; line-height:32px; color:#354C6E; margin:4px 0 10px 0;}
dl.qywhdl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#333; min-height:56px;}
dl.qywhdl.last{ margin-right:0;}


/*****加入我们-福利关怀******/
dl.flghdl{ width:19%; height:auto; float:left; cursor:pointer; transition:all 0.5s ease; background:#fff; border-radius:5px; margin:0.5%; padding:45px; box-sizing:border-box;}
dl.flghdl dt{ width:100%; height:auto; float:left;}
dl.flghdl dt img{ width:100%; height:auto; max-width:120px; display:block; margin:0 auto;}
dl.flghdl dd{ width:100%; height:24px; float:left; font-size:20px; line-height:24px; color:#000; margin-top:30px; text-align:center; overflow:hidden;}
dl.flghdl:hover dt img{ animation: 0.5s linear 0s alternate none 1 featuresicon;}
@keyframes featuresicon {  50% { transform: scaleX(0);  }  100% { transform: scaleX(1);  }}
dl.flghdl:hover{ box-shadow:0 2px 5px #ededed;}

/****加入我们-员工风采*****/
.ygfcdiv{ width:100%; height:auto; float:left;}
.ygfcdiv .img1{ width:49%; height:590px; float:left; margin:0.5%; display:block;}
.ygfcdiv .img2{ width:24%; height:287px; float:left; margin:0.5%; display:block;}
.ygfcdiv .img3{ width:49%; height:289px; float:left; margin:0.5%; display:block;}
.ygfcdiv .img4{ width:24%; height:240px; float:left; margin:0.5%; display:block;}


/******加入我们-招贤纳士******/
.zxnsdiv{ width:100%; height:auto; float:left;}
.zxnsdiv .sel{ width:18%; height:50px; font-size:16px; line-height:50px; border:1px solid #ededed; outline:none; margin:0 1% 1% 0; cursor:pointer;  -webkit-appearance: none; /*去掉右侧下拉三角默认样式*/  appearance: none; padding:0 0 0 15px; background:url(/images/join_zxnstb.png) right center no-repeat #fff; background-size:50px auto;}
.zxnsdiv .button{ width:18%; height:50px; border-radius:5px; font-size:16px; line-height:50px; border:1px solid #354C6E; outline:none; margin:0 1% 1% 0; cursor:pointer; text-align:center; background:#354C6E; color:#fff; outline:none;}
.zxnsdiv .button:hover{ opacity:0.8;} 
.zxnsdiv ul.ul{ width:100%; height:auto; float:left; list-style:none; border-bottom:1px solid #ededed; font-size:16px; color:#555; }
.zxnsdiv ul.ul li{ width:19%; height:60px; line-height:60px; float:left; text-align:center; padding:0 5px; box-sizing:border-box; overflow:hidden;}
.zxnsdiv ul.ul li.l6{ width:5%; padding:0; background:url(/images/lxwm_qqwltb.png) center center no-repeat;} 
.zxnsdiv ul.ul.ult{ background:#354C6E; color:#fff; margin-top:25px; font-size:18px;}
.zxnsdiv ul.ul.ult li.l6{ background:none;} 
.zxnsdiv dl{ width:100%; height:auto; float:left;}
.zxnsdiv dl dt{ width:100%; height:auto; float:left; cursor:pointer;}
.zxnsdiv dl.cur dt ul li.l6{ background:url(/images/lxwm_qqwltb1.png) center center no-repeat;} 
.zxnsdiv dl dt:hover,.zxnsdiv dl.cur dt{ background:#f9f9f9;} 
.zxnsdiv dl dd{ width:100%; height:auto; display:none; float:left; padding:25px; box-sizing:border-box; font-size:15px; line-height:28px; color:#666;}
.zxnsdiv dl dd strong{ font-weight:bold; color:#000;} 
p.ysp{ width:100%; height:auto; float:left; font-size:15px; line-height:28px; margin-top:15px; color:#354C6E;}
.zxnsdiv dl.cur dd{ display:block;} 


 
/*****资源库-光学知识*****/ 
dl.gxzsdl{ width:100%; height:auto; float:left; background:#f7f8fa; padding:20px 30px; box-sizing:border-box; margin-bottom:20px;}
dl.gxzsdl dt{ width:130px; height:120px; float:left; background:#fff; padding:20px 0; box-sizing:border-box; text-align:center;}
dl.gxzsdl dt strong{ width:100%; height:auto; float:left; font-size:50px; line-height:50px; color:#354C6E; font-weight:bold;} 
dl.gxzsdl dt p{ width:100%; height:auto; float:left; font-size:18px; color:#c0c0c2; line-height:30px;} 
dl.gxzsdl dd{ width:100%; height:auto; float:left; padding-left:160px; box-sizing:border-box; margin-top:-105px;}
dl.gxzsdl dd h2 a{ width:100%; height:28px; float:left; font-size:20px; line-height:28px; color:#000; overflow:hidden;}
dl.gxzsdl dd p{ width:100%; height:auto; float:left; font-size:15px; line-height:24px; max-height:48px; color:#666; margin-top:10px; overflow:hidden;}
dl.gxzsdl:hover{ box-shadow:0 2px 5px #ededed;}
dl.gxzsdl:hover dd h2 a{ color:#354C6E;}


/*****资源库-目录下载*****/ 
.height50px{ width:100%; height:50px; float:left;}
.nydivd{ width:100%; height:auto; float:left; padding-bottom:60px; background:#fafafa; min-height:300px;}
.nymenu1{ width:100%; height:auto; float:left; padding:18px 0; border-bottom:1px solid #ededed; /*margin-bottom:30px;*/}
.nymenu1 a{ width:auto; height:auto; line-height:26px; font-size:16px; color:#666; margin:0 10px 0 25px; float:left;}
.nymenu1 a:hover,.nymenu1 a.cur{ color:#354C6E; }
.zykdown{ width:100%; height:auto; float:left; margin-top:-10px;}
.zykdown a{ width:auto; height:auto; line-height:32px; font-size:16px; color:#666; margin-right:25px; float:left;}
.zykdown a:hover{ color:#354C6E; }
dl.downdl{ width:100%; height:auto; float:left; margin-top:35px;}
dl.downdl dt{ width:100%; height:auto; float:left; font-size:22px; line-height:32px; color:#444; margin-bottom:10px;}
dl.downdl dd{ width:100%; height:auto; min-height:50px; float:left; padding:0 25px; background:#f5f7fa; box-sizing:border-box;}
dl.downdl dd p{ width:100%; height:auto; float:left; padding:20px 0; border-bottom:1px dashed #ededed; box-sizing:border-box;}
dl.downdl dd p span{ width:120px; float:left; height:36px; margin-right:35px;  line-height:36px; color:#fff; background:#ff932e; border-radius:5px; text-align:center; font-size:16px;}
dl.downdl dd p a{ width:auto; height:36px; line-height:36px; float:left; margin-right:35px; padding-left:26px; color:#444; background:url(/images/zyk_xztb.png) left center no-repeat;}
dl.downdl dd p a:hover{ color:#354C6E;}
dl.downdl dd p span.sp{ background:#2a74da}


/******资源库-常见问题*****/
.faqdiv{ width:100%; height:auto; float:left; border-top:1px solid #ededed;}
.faqdiv dl{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed;}
.faqdiv dl dt{ width:100%; height:auto; float:left; padding:25px; box-sizing:border-box;}
.faqdiv dl dt h3{ width:100%; height:40px; float:left; font-size:20px; line-height:40px;box-sizing:border-box; color:#000; padding-right:35px; overflow:hidden; background:url(/images/lxwm_qqwltb.png) right center no-repeat; cursor:pointer;}
.faqdiv dl dd{ width:100%; height:auto; display:none; float:left; padding:0 70px 25px 25px; box-sizing:border-box; font-size:16px; line-height:24px; color:#666; margin-top:-15px;}
.faqdiv dl.cur dt h3{ color:#354C6E;background:url(/images/lxwm_qqwltb1.png) right center no-repeat;}
.faqdiv dl dt h3:hover{ color:#354C6E;}
.faqdiv dl.cur dd{ display:block;}


/*****资源库-视频*****/
dl.spdl{ width:32%; height:auto; float:left; margin:0.666%; cursor:pointer;}
dl.spdl dt{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
dl.spdl dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.spdl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.spdl dt span{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/zyk_sptb.png) center center no-repeat; background-size:60px auto;}
dl.spdl dd h3{ width:100%; height:30px; float:left; text-align:center; font-size:18px; line-height:30px; margin-top:8px; overflow:hidden;}
dl.spdl:hover dd h3{ color:#354C6E;}
dl.spdl:hover dt span{ display:block;}

.zzyvideo{ width:94%; height:auto; float:left; display:none; max-width:1000px; border-radius:20px; overflow:hidden; position:fixed; left:20px; top:20px; z-index:9999;}
.zzyvideo .zzyclose{ width:28px; height:28px; border-radius:28px; position:absolute; right:5px; top:5px; z-index:9999; background:url(/images/lxwm_qqwltb1.png) center center no-repeat #fff; cursor:pointer;}
.zzyvideo video{ width:100%; height:auto; display:block;}

/****资源库-ISO证书*****/
dl.isodl{ width:24%; height:auto; float:left; margin:0.5%; border:1px solid #ededed; padding:30px 70px; box-sizing:border-box;}
dl.isodl dt{ width:100%; height:auto; float:left; position:relative; }
dl.isodl dt img{ width:100%; height:auto; display:block; }
dl.isodl dt span{ position:absolute; width:36px; height:36px; z-index:1; right:-10px; top:-10px; background:url(/images/zyk_mlxztb1.png) center center no-repeat; background-size:36px auto;}
dl.isodl dd{ width:100%; height:auto; float:left; margin-top:15px;}
dl.isodl dd h3 a{ width:100%; height:48px; text-align:center; padding-bottom:25px; background:url(/images/zyk_mlxztb2.png) center bottom no-repeat; overflow:hidden; float:left; font-size:16px; line-height:24px; }
dl.isodl:hover dd h3 a{ color:#354C6E}
dl.isodl:hover{ box-shadow:0 2px 5px #ededed;}


/****新闻与活动-展会活动*****/
.newslist{ width:100%; height:auto; float:left;}
.newslist .sel{ width:18%; height:50px; font-size:16px;  line-height:50px; border:1px solid #ededed; outline:none; margin:0 1% 1% 0; cursor:pointer;  -webkit-appearance: none; /*去掉右侧下拉三角默认样式*/  appearance: none; padding:0 0 0 15px; background:url(/images/news_zhtb.jpg) right center no-repeat #fff; background-size:50px auto;}

dl.zhdl{ width:32%; height:auto; float:left; margin:0.666%;}
dl.zhdl dt{ width:100%; height:auto; float:left; overflow:hidden}
dl.zhdl dt img{ width:100%; height:auto; display:block;  -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.zhdl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.zhdl dd{ width:100%; height:auto; float:left; padding:15px 15px 15px 0; box-sizing:border-box;}
dl.zhdl dd h3 a{ width:100%; height:28px; float:left; font-size:20px; line-height:28px; color:#000; overflow:hidden;}
dl.zhdl dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:22px; color:#666; margin-top:5px;}
dl.zhdl:hover dd h3 a{ color:#354C6E}


/******新闻与活动-新闻*****/
ul.newsul{ width:100%; height:auto; float:left; list-style:none; margin-top:15px;}
ul.newsul li{ width:100%; height:auto; float:left; padding:25px 10px 25px 0; border-bottom:1px solid #ededed; position:relative;}
ul.newsul li span{ width:140px; float:left; height:26px; line-height:26px; font-size:16px; color:#777; position:absolute; left:0; top:25px;}
ul.newsul li h2{ width:100%; height:26px; line-height:26px; font-size:18px; color:#000; padding:0 20px 0 140px; box-sizing:border-box; overflow:hidden; background:url(/images/news_xwtb.png) right center no-repeat;}
ul.newsul li h2 s{ width:26px; height:26px; float:left;  background:url(/images/pdf.png) center center no-repeat; background-size:26px auto; margin-right:10px;}
ul.newsul li:hover h2{ color:#354C6E;background:url(/images/news_xwtbh.png) right center no-repeat;}
ul.newsul li:hover{ border-bottom:1px solid #354C6E;}


/***新闻与活动-详情页****/
.newsleft{ width:75%; height:auto; float:left; background:#fff; padding:40px 60px; box-sizing:border-box; margin-right:2%;}
.newsleft .h1{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#000; text-align:center;}
.newsleft p.ptime{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#666; text-align:center; padding:8px 0 15px 0; border-bottom:1px solid #dedede;}
.newsxxdiv{ width:100%; height:auto; float:left; padding:20px 0; font-size:16px; line-height:28px; color:#444;}
.newsxxdiv img{ width:auto; max-width:100% !important; height:auto !important; display:block; margin:0 auto;}
.sxtiao{ width:100%; height:auto; float:left; padding-top:10px; border-top:1px solid #dedede; margin-top:15px;}
.sxtiao a{ width:48%; height:24px; line-height:24px; float:left; overflow:hidden; font-size:14px; overflow:hidden; color:#555;}
.sxtiao a.a{ text-align:right; float:right;}
.sxtiao a:hover{ color:#354C6E;}

.newsright{ width:23%; height:auto; float:left; padding:50px 30px; background:#fff; box-sizing:border-box;}
.newsright strong{ width:100%; height:auto; float:left; font-size:22px; line-height:32px; color:#000;}
.newsright ul{ width:100%; height:auto; float:left; list-style:none; margin-top:10px;}
.newsright ul li{ width:100%; height:auto; float:left; border-bottom:1px solid #f2f2f2; padding:15px 0;}
.newsright ul li a h3{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; margin-bottom:5px;}
.newsright ul li a p{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; color:#888;}


/*****应用列表******/
.yytitle{ width:100%; height:auto; float:left; text-align:center;}
.yytitle h2{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; color:#354C6E;}
.yytitle p{ width:80%; margin:15px 10% 0 10%; height:auto; float:left; padding:25px 60px; box-sizing:border-box; font-size:16px; line-height:28px; color:#666; position:relative;}
.yytitle p s.s{ width:50px; height:30px; position:absolute; left:0; top:10px; background:url(/images/yy_tb.png) center center no-repeat; background-size:cover;}
.yytitle p s.s1{ width:50px; height:30px; position:absolute; right:0; bottom:10px; background:url(/images/yy_tb1.png) center center no-repeat; background-size:cover;}
.yytitle1 p{ width:100%; margin:15px 0 0 0; }

.appdiv{ width:100%; height:auto; float:left; padding:60px 0; background:#f5f7fa;}
.appz{ width:100%; height:auto; float:left; overflow:hidden;}
.applist{ width:20000px; height:460px !important; overflow:hidden; float:left; position:relative}
.appjtl{ width:46px; height:46px; border-radius:46px; border:1px solid #ccc; background:url(/images/jtl.png) center center no-repeat #fff; position:absolute; left:-60px; top:180px; cursor:pointer;}
.appjtl:hover{ border:1px solid #354C6E;background:url(/images/jtlh.png) center center no-repeat #354C6E; }
.appjtr{ width:46px; height:46px; border-radius:46px; border:1px solid #ccc; background:url(/images/jtr.png) center center no-repeat #fff; position:absolute; right:-60px; top:180px; cursor:pointer;}
.appjtr:hover{ border:1px solid #354C6E;background:url(/images/jtrh.png) center center no-repeat #354C6E; }
.applist dl.yydl{ margin:0 13px;}


/*****应用列表-详情*******/
.appxxdiv{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;font-size:16px; line-height:28px; color:#666;}
.appxxdiv .h1{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; color:#000;}
.appxxdiv img{ width:auto; height:auto !important; max-width:100%; display:block;}
dl.appxxd1{ width:100%; height:auto; float:left;}
dl.appxxd1 dd{ width:56%; height:auto; float:left; padding-top:20px; font-size:16px; line-height:28px; color:#666; padding-right:50px; box-sizing:border-box;}
dl.appxxd1 dt{ width:44%; height:auto; float:left;}
dl.appxxd1 dt img{ width:100%; height:auto; display:block;}

.yyh2{ width:100%; height:auto; float:left; font-size:21px; line-height:30px; color:#354C6E; margin:25px 0 5px 0;}
.appxxdiv p{ width:100%; height:auto; float:left;}
.appxxdiv .nytt{ margin-bottom:0px;}
.yyh3{ width:100%; height:auto; float:left; font-size:21px; line-height:30px; color:#333; margin:35px 0 5px 0;}
 
.gdtiao{ width:100%; height:auto; float:left; overflow-y:hidden; overflow-x:auto;}  
.gdtiaoc{ width:100%; height:auto; float:left; min-width:1340px; padding:15px 0; box-sizing:border-box;}
ul.u11{ width:100%; height:auto; float:left; list-style:none; border-bottom:1px solid rgba(0,0,0,0.2);  background:#fff;}
ul.u11 li{ width:auto; height:auto; float:left; overflow:hidden; border-right:1px solid rgba(0,0,0,0.2); font-size:13px; text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
ul.u11 li.l1{ width:10%;border-left:1px solid rgba(0,0,0,0.2);}
ul.u11 li.l2{ width:9%;}
ul.u11 li.l3{ width:7%;}
ul.u11 li.l4{ width:8%;}
ul.u11 li.l5{ width:11%;}
ul.u11 li.l6{ width:9%;}
ul.u11 li.l7{ width:9%;}
ul.u11 li.l8{ width:9%;}
ul.u11 li.l9{ width:10%;}
ul.u11 li.l10{ width:10%;}
ul.u11 li.l11{ width:8%;}
ul.u11.utop{ background:#354C6E; color:#fff;}
ul.u11.utop li{ font-size:15px; height:50px; line-height:50px; padding:0;}
ul.u11.utop li.l10{ line-height:20px; padding-top:5px;}

dl.yydzdl{ width:100%; height:auto; float:left; position:relative; margin-top:35px;}
dl.yydzdl dt{ width:100%; height:auto; float:left;}
dl.yydzdl dt img{ width:100%; height:480px; display:block;}
dl.yydzdl dd{ width:560px; height:340px; background:#fff; position:absolute; right:0; bottom:0; padding:65px; box-sizing:border-box; z-index:1;}
dl.yydzdl dd strong{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#354C6E;}
dl.yydzdl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666; margin:8px 0;}
dl.yydzdl dd a.a{ width:auto; height:50px; float:left; line-height:50px; margin-top:60px; border-radius:5px; background:#354C6E; font-size:16px; color:#fff; padding:0 35px; box-sizing:border-box;}
dl.yydzdl dd a.a s{ width:30px; height:50px; float:right;  transition:all 0.5s ease;background:url(/images/yyxx_tb.png) center center no-repeat; display:block;}
dl.yydzdl dd a.a:hover s{ background-position:right center; transition:all 0.5s ease;}



/*****选型助手*****/
.xxzs_div{ width:100%; height:auto; float:left; padding:60px 0; margin-top:80px;}
.xxzs_div strong.s{ width:100%; height:auto; float:left; font-size:22px; line-height:32px; color:#000; margin-top:45px;}
.xxzs_div strong.s span{ width:32px; line-height:32px; height:32px; float:left; text-align:center; color:#fff; background:#354C6E; border-radius:100%; margin-right:5px; font-size:16px;}
.xxzs_div .ss{ width:100%; height:auto; float:left; max-width:680px; margin:15px 0 25px 0;}
.xxzs_div .ss .inpput{ width:80%; height:56px; line-height:56px; border-radius:5px 0 0 5px; float:left; border:1px solid #ededed; background:url(/images/sosotb.png) 15px center no-repeat; padding-left:35px; outline:none; box-sizing:border-box; font-size:16px;}
.xxzs_div .ss .button{ width:20%; height:56px; border-radius:0 5px 5px 0; padding:0; margin-right:0; line-height:56px; float:left; border:1px solid #354C6E; background:#354C6E; font-size:16px; color:#fff; outline:none; cursor:pointer;}
.xxzs_div .ss .button:hover{ opacity:0.8;}
.xxzs_div ul.u1{ width:100%; height:auto; float:left; list-style:none; margin:15px 0 25px 0;}
.xxzs_div ul.u1 li{ width:15.6666%; height:auto; float:left; margin:0.5%; border-radius:5px; overflow:hidden; position:relative;}
.xxzs_div ul.u1 li a img{ width:100%; height:auto; display:block; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.xxzs_div ul.u1 li:hover a img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.xxzs_div ul.u1 li h3{ width:100%; height:auto; overflow:hidden; float:left; position:absolute; left:0; bottom:0; padding:0 20px 20px 20px; box-sizing:border-box; font-size:18px; line-height:28px; color:#fff; z-index:1;}
.xxzs_div a.a{ width:auto; height:56px; border-radius:5px; line-height:56px; float:left; margin-top:15px;  background:#354C6E; font-size:16px; color:#fff; padding:0 40px;}
.xxzs_div a.a:hover{ opacity:0.8;}




/******选型助手-镜头*******/
.xxzs_div dl.d1{ width:100%; height:auto; float:left; margin-top:45px;}
.xxzs_div dl.d1 dt{ width:100%; height:auto; float:left; font-size:22px; line-height:36px; padding-left:45px; box-sizing:border-box; background-size:30px auto !important; color:#354C6E;}
.xxzs_div dl.d1 dd{ width:100%; height:auto; float:left; margin:10px 0;}
.xxzs_div dl.d1 dd label{ width:auto; height:auto; line-height:32px; float:left; margin-right:50px; font-size:16px;}
.xxzs_div dl.d1 dd label .danxian{ width:18px; height:18px; float:left; margin:7px 7px 0 0;}
.xxzs_div dl.d1 dd label .duoxian{ width:18px; height:18px; float:left; margin:12px 7px 0 0;}

.xxzs_div .sel{ width:20%; height:50px; font-size:16px; float:left; line-height:50px; border:1px solid #ededed; outline:none; margin:0 1% 1% 0; cursor:pointer;  -webkit-appearance: none; /*去掉右侧下拉三角默认样式*/  appearance: none; padding:0 0 0 15px; background:url(/images/join_zxnstb.png) right center no-repeat #fff; background-size:50px auto;}
.xxzs_div dl.d1 dd p.p{ width:70%; height:auto; float:right;}
.xxzs_div dl.d1 dd p.p label{ margin-top:10px;}
.xxzs_div dl.d1 dd p.p span{ width:12%; height:auto; float:left; font-size:12px; line-height:18px; margin-right:2%; color:#888; margin-top:-8px;}
.xxzs_div dl.d1 dd p.p span .input{ width:100%; height:38px; line-height:38px; border:1px solid #ededed; outline:none; text-indent:15px;}

.xxzs_div dl.d1 dd .labe{ width:30%; height:42px; line-height:42px; float:left; margin:8px 3% 8px 0;}
.xxzs_div dl.d1 dd .labe .danxian{ margin-top:12px; float:left;}
.xxzs_div dl.d1 dd .labe span{ width:100px; float:left;}
.xxzs_div dl.d1 dd .labe .input1{ width:40%; height:42px; line-height:42px;border:1px solid #ededed; outline:none;text-indent:15px; float:left; }
.xxzs_div dl.d1 dd .labe s{ width:auto; height:auto; margin-left:10px; font-size:12px; float:left;}

.xxzs_div dl.d1 dd p.p1{ width:100%; height:42px; line-height:42px; float:left; margin:8px 0;}
.xxzs_div dl.d1 dd p.p1 span{ width:auto; float:left; font-size:16px;}
.xxzs_div dl.d1 dd p.p1 s{ width:auto; float:left; font-size:12px;}
.xxzs_div dl.d1 dd p.p1 .input2{ width:190px; height:42px; line-height:42px;border:1px solid #ededed; outline:none;text-indent:15px; float:left; margin:0 10px; }
.xxzs_div1{ width:100%; height:auto; float:left; padding:60px 0; background:#f5f7fa;}
.xxzs_div dl.d1.d1f{ margin-top:20px;}


.xxzs_div  .button{ width:auto; padding:0 65px; height:56px; border-radius:5px; line-height:56px; margin-right:20px; float:left; border:1px solid #354C6E; background:#354C6E; font-size:16px; color:#fff; outline:none; cursor:pointer;}
.xxzs_div  .button:hover,.xxzs_div  .button1:hover{ opacity:0.8;}
.xxzs_div  .button1{ width:auto; padding:0 65px; height:56px; border-radius:5px; line-height:56px; float:left; border:1px solid #354C6E; background:#fff; font-size:16px; color:#354C6E; outline:none; cursor:pointer;}


/******选型助手-镜头-规格*******/
.xxzs_div .h3{ width:100%; height:auto; float:left; font-size:22px; line-height:36px; padding-left:40px; background:url(/images/xxzs_ggxx.png) left center no-repeat; box-sizing:border-box; background-size:23px auto !important; color:#354C6E;}
.xxzs_div .h2{ width:100%; height:auto; float:left; font-size:20px; line-height:28px; margin:10px 0; color:#333;}
dl.xxzsdl{ width:100%; height:auto; float:left; margin-top:25px;}
dl.xxzsdl dd{ width:60%; height:auto; float:left; margin-right:5%;}
dl.xxzsdl dd ul{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed; border-bottom:1px solid #ededed; box-sizing:border-box;}
dl.xxzsdl dd ul li{ width:50%; height:42px; line-height:42px; font-size:15px; padding-left:30px; float:left; border-right:1px solid #ededed; box-sizing:border-box;}
dl.xxzsdl dd ul:first-child{ border-top:1px solid #ededed;}
dl.xxzsdl dd ul li.l1{ background:#f5f7fa;}
dl.xxzsdl dt{ width:35%; height:auto; float:left;}
dl.xxzsdl dt img{ width:100%; display:block; height:auto;}





/*****产品*****/
.prodiv{ width:100%; height:auto; float:left; padding:60px 0;}
.prodivz{ width:100%; height:auto; float:left; overflow:hidden;}
.prodivlist{ width:20000px; height:460px !important; overflow:hidden; float:left; position:relative}
.projtl{ width:46px; height:46px; border-radius:46px; border:1px solid #ccc; background:url(/images/jtl.png) center center no-repeat #fff; position:absolute; left:-60px; top:180px; cursor:pointer;}
.projtl:hover{ border:1px solid #354C6E;background:url(/images/jtlh.png) center center no-repeat #354C6E; }
.projtr{ width:46px; height:46px; border-radius:46px; border:1px solid #ccc; background:url(/images/jtr.png) center center no-repeat #fff; position:absolute; right:-60px; top:180px; cursor:pointer;}
.projtr:hover{ border:1px solid #354C6E;background:url(/images/jtrh.png) center center no-repeat #354C6E; }

dl.prodl{ width:330px; height:auto; float:left; position:relative; margin:0 13px; border-radius:5px; overflow:hidden;}
dl.prodl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.prodl dt img{ width:100%; height:auto; display:block; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.prodl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.prodl dd{ width:100%; height:auto; float:left; padding:60px 30px; box-sizing:border-box; position:absolute; left:0; top:0;}
dl.prodl dd h2 a{ width:100%; height:auto; float:left; font-size:26px; padding-top:15px; line-height:36px; color:#fff; background:url(/images/baibj.jpg) left top no-repeat; background-size:30px 2px !important;}
dl.prodl:hover dd h2 a{ background:url(/images/logobj.png) left top no-repeat;}



/*****产品-远心镜头*******/
.prolistdiv{ width:100%; height:auto; float:left; padding:30px 0 60px 0;}
.prolistdiv .nytt{ text-align:center;}
dl.plist{ width:100%; height:auto; float:left; margin-bottom:30px;}
dl.plist dt{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; color:#354C6E;}
dl.plist dd{ width:100%; height:auto; float:left; margin-top:8px;}
dl.plist dd p{ width:auto;  height:48px; line-height:48px; font-size:16px; margin:8px 40px 8px 0; float:left;}
dl.plist dd span{ width:auto; height:auto;   float:left; margin-right:10px;}
dl.plist dd .input{ width:100px; height:48px; line-height:48px; background:#f2f4f7; border:none; outline:none; text-indent:15px; float:left;}
dl.plist dd s{ width:30px; height:48px; float:left; text-align:center; color:#999;}
dl.plist dd .sel{ width:180px; height:48px; font-size:16px; float:left; line-height:48px; border:none;  outline:none; float:left; margin-left:20px;  cursor:pointer;  -webkit-appearance: none; /*去掉右侧下拉三角默认样式*/  appearance: none; padding:0 0 0 15px; background:url(/images/join_zxnstb.png) right center no-repeat #f2f4f7; background-size:50px auto;}
dl.plist dd .button{ width:auto; height:48px; line-height:48px; float:left; margin-top:8px; border:none; background:#354C6E; color:#fff; padding:0 50px; cursor:pointer; font-size:16px; border-radius:5px;}
dl.plist dd .button:hover{ opacity:0.8;}
dl.plist dd .sel1{ width:280px; height:48px; font-size:16px; float:left; line-height:48px; border:none;  outline:none; float:left; margin-left:0px;  cursor:pointer;  -webkit-appearance: none; /*去掉右侧下拉三角默认样式*/  appearance: none; padding:0 0 0 15px; background:url(/images/join_zxnstb.png) right center no-repeat #f2f4f7; background-size:50px auto;}

dl.dlu11{ width:100%; height:auto; float:left;border-left:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2); font-size:13px; box-sizing:border-box; }
dl.dlu11 dt{ width:9%; height:auto; float:left;  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
dl.dlu11 dd{ width:91%; height:auto; float:left; }
.u11a{ width:100%; height:auto; float:left; list-style:none;border-top:1px solid rgba(0,0,0,0.2);}
.u11a li{ width:auto; height:auto; float:left;overflow:hidden; border-right:1px solid rgba(0,0,0,0.2);  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
.u11a li.l1{ width:15.5%;border-left:1px solid rgba(0,0,0,0.2);}
.u11a li.l2{ width:8.5%;}
.u11a li.l3{ width:9.5%;}
.u11a li.l4{ width:9.5%;}
.u11a li.l5{ width:9.5%;}
.u11a li.l6{ width:9.5%;}
.u11a li.l7{ width:9.5%;}
.u11a li.l8{ width:9.5%;}
.u11a li.l9{ width:9.5%;}
.u11a li.l10{ width:9.5%;}
.u11a li.l1 a{ color:#74797e; font-weight:600;}
.u11a li.l1 a:hover{ color:#354C6E;}
dl.dlu11.top{ background:#354C6E !important; color:#fff; font-size:16px;}
dl.dlu11.top dt{ height:60px; line-height:40px;}
dl.dlu11.top dd .u11a li{ height:60px; line-height:40px;}
dl.dlu11.top dd .u11a li.l2,dl.dlu11.top dd .u11a li.l3,dl.dlu11.top dd .u11a li.l4,dl.dlu11.top dd .u11a li.l5,dl.dlu11.top dd .u11a li.l6,dl.dlu11.top dd .u11a li.l9,dl.dlu11.top dd .u11a li.l10{ line-height:20px;}
dl.dlu11:nth-child(2n+1){ background:#f5f7fa;}
dl.dlu11 dd .u11a:first-child{ border-top:none;}


/****产品-远心镜头-详情-****/
.nymenu2{ width:100%; height:auto; float:left; padding:20px 0; text-align:center; margin-top:90px;}
.nymenu2 a{ width:auto; height:auto; line-height:26px; font-size:16px; padding:0 20px;}
.nymenu2 a:hover,.nymenu2 a.cur{ color:#354C6E;}
.proxxdiv{ width:100%; height:auto; float:left; padding:60px 0; min-height:400px; background:linear-gradient(to right,#354C6E 0%,#354C6E 42%,#f5f7f9 42%, #f5f7f9 100%);}
.proxxdiv dl{ width:100%; height:auto; float:left;}
.proxxdiv dl dd{ width:42%; height:auto; float:left; color:#fff; padding:10px 120px 0 0; box-sizing:border-box; font-size:16px; line-height:34px;}
.proxxdiv dl dd h1{ width:100%; height:auto; float:left; font-size:32px; line-height:46px; margin:10px 0 25px 0;}
.proxxdiv dl dd h2{ width:100%; height:auto; float:left; font-size:22px; line-height:32px; margin:10px 0;}
.proxxdiv dl dd a{ width:auto; height:42px; line-height:42px; float:left; border-radius:30px; padding:0 30px; background:#fff; color:#354C6E; margin-top:10px;}
.proxxdiv dl dd a:hover{ opacity:0.8;}
.proxxdiv dl dt{ width:58%; height:auto; float:left; padding:0 60px; box-sizing:border-box;}
.proxxdiv dl dt img{ width:auto; height:auto; max-width:100%; display:block; margin:0 auto;}

.proxxdiv1{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
.proxxdiv1c{ width:100%; height:auto; float:left; margin-bottom:45px; font-size:16px; line-height:26px; font-weight:normal;}
.proxxdiv1c p{ width:100%; height:auto; float:left;}
.proxxdiv1c img{ width:auto; height:auto !important; max-width:100%; display:block;}
.pstt{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#000; margin-bottom:20px;}
.pxza{ width:auto; height:60px; line-height:60px; float:left; margin-right:25px; font-size:16px; padding:0 30px 0 60px; background:url(/images/zyk_xztb.png) 30px center no-repeat #f5f7fa; background-size:22px auto;}
.pxza1{ width:auto; height:60px; line-height:60px; float:left; margin-right:25px; font-size:16px; padding:0 30px 0 60px; background:url(/images/pro-jt-yxtb.png) 30px center no-repeat #f5f7fa; background-size:22px auto;}
.zyyydl{ width:31.333%; height:auto; float:left; margin:1%;}
.zyyydl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.zyyydl dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.zyyydl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.zyyydl dd{ width:100%; height:auto; float:left; text-align:center; font-size:16px; line-height:26px; padding:8px 0;}

ul.prou2{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed; font-weight:normal;}
ul.prou2 li{ width:50%; height:auto; float:left; text-align:center; padding:8px 0; font-size:14px; line-height:26px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.prou2.top{ background:#354C6E; color:#fff;}
ul.prou2 li a{ color:#74797e;}
ul.prou2 li a:hover{ color:#354C6E;}

ul.prou1{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed; font-weight:normal;}
ul.prou1 li{ width:100%; height:42px !important; float:left; text-align:center; padding:8px 0; font-size:14px; line-height:26px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.prou1.top{ background:#354C6E; color:#fff;}
ul.prou1 li a{ color:#74797e;}
ul.prou1 li a:hover{ color:#354C6E;}

/****产品-远心镜头-配件-****/
.nymenu3{ width:100%; height:auto; float:left; padding-bottom:35px; text-align:center; margin-top:-10px;}
.nymenu3 a{ width:auto; height:auto; line-height:26px; font-size:16px; padding:0 20px; color:#555;}.nymenu3 a:hover,.nymenu2 a.cur{ color:#354C6E;}

dl.yxjtpj{ width:100%; height:auto; float:left; position:relative; margin-bottom:40px;}
dl.yxjtpj dt{ width:250px; height:auto; float:left; position:absolute; left:0; top:0; background:#f4f5f6; padding-bottom:15px;}
dl.yxjtpj dt img{ width:100%; height:auto; display:block;}
dl.yxjtpj dt h3{ width:100%; height:auto; float:left; text-align:center; font-size:18px; line-height:24px; padding:12px 0; color:#000;}
dl.yxjtpj dd{ width:100%; height:auto; float:left; padding-left:285px; min-height:280px; box-sizing:border-box;}
dl.yxjtpj dd .h2{ width:100%; height:auto; float:left; font-size:28px; line-height:30px; color:#000; margin-bottom:20px;}

ul.prou4{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed;}
ul.prou4 li{ width:25%; height:auto; float:left; text-align:center; padding:10px; font-size:14px; line-height:20px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.prou4.top{ background:#354C6E; color:#fff;}
ul.prou4 li a{ color:#74797e;}
ul.prou4 li a:hover{ color:#354C6E;}
 


/*****产品-双远心镜头*******/
dl.dlu10{ width:100%; height:auto; float:left;border-left:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2); font-size:13px; box-sizing:border-box; }
dl.dlu10 dt{ width:6%; height:auto; float:left;  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
dl.dlu10 dd{ width:94%; height:auto; float:left; }
.u9{ width:100%; height:auto; float:left; list-style:none;border-top:1px solid rgba(0,0,0,0.2);box-sizing:border-box;}
.u9 li{ width:auto; height:auto; float:left;overflow:hidden; border-right:1px solid rgba(0,0,0,0.2);  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
.u9 li.l1{ width:4%;}
.u9 li.l2{ width:4%;}
.u9 li.l3{ width:4%;}
.u9 li.l4{ width:4%;}
.u9 li.l5{ width:16%;}
.u9 li.l6{ width:10%;}
.u9 li.l7{ width:40%;}
.u9 li.l8{ width:7%;}
.u9 li.l9{ width:11%;border-left:1px solid rgba(0,0,0,0.2);}
.u9 li a{ color:#74797e; font-weight:600;}
.u9 li a:hover{ color:#354C6E;}
dl.dlu10.top{ background:#354C6E !important; color:#fff; font-size:15px;}
dl.dlu10.top dt{ height:130px; line-height:20px; padding-top:50px;}
dl.dlu10.top dd .u9 li{ height:130px; line-height:110px; font-size:15px;}

dl.dlu10.top dd .u9 li.l1,dl.dlu10.top dd .u9 li.l2,dl.dlu10.top dd .u9 li.l3,dl.dlu10.top dd .u9 li.l4{ line-height:20px;padding-top:50px;}
dl.dlu10.top dd .u9 li.l5,dl.dlu10.top dd .u9 li.l6,dl.dlu10.top dd .u9 li.l7{ padding:0; border-right:none;}
dl.dlu10.top dd .u9 li.l5 p{ width:100%; height:44px; line-height:44px;border-bottom:1px solid rgba(0,0,0,0.2);  box-sizing:border-box; }
dl.dlu10.top dd .u9 li.l5 span{ width:24%; height:86px; line-height:20px; float:left; font-size:12px; padding-top:15px;border-right:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
dl.dlu10.top dd .u9 li.l5 span.sp{ width:28%}
dl.dlu10.top dd .u9 li.l6 p{ width:100%; height:44px; line-height:44px;border-bottom:1px solid rgba(0,0,0,0.2);  box-sizing:border-box; }
dl.dlu10.top dd .u9 li.l6 span{ width:33%; height:86px; line-height:20px; float:left; font-size:12px; padding-top:15px;border-right:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
dl.dlu10.top dd .u9 li.l6 span.sp{ width:34%;}
dl.dlu10.top dd .u9 li.l7 p{ width:100%; height:44px; line-height:44px;border-bottom:1px solid rgba(0,0,0,0.2);  box-sizing:border-box; }
dl.dlu10.top dd .u9 li.l7 p.p{ width:25%; height:86px; line-height:30px; float:left; border-right:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
dl.dlu10.top dd .u9 li.l7 p.p span{ width:100%; height:auto; float:left; font-size:13px;  border-bottom:1px solid rgba(0,0,0,0.2); box-sizing:border-box;} 
dl.dlu10.top dd .u9 li.l7 p.p s{ width:33%; height:28px; float:left; line-height:28px; font-size:12px; padding:0;  border-bottom:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
dl.dlu10.top dd .u9 li.l7 p.p s.s{ width:34%; border-right:none;}

dl.dlu10:nth-child(2n+1){ background:#f5f7fa;}
dl.dlu10 dd .u9:first-child{ border-top:none;}
dl.dlu10 dd .u9 li.l5,dl.dlu10 dd .u9 li.l6,dl.dlu10 dd .u9 li.l7{ padding:0;border-right:none;}
dl.dlu10 dd .u9 li.l5 span{ width:24%;height:auto; float:left; line-height:20px; padding:10px 0px;border-right:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
dl.dlu10 dd .u9 li.l5 span.sp{ width:28%} 
dl.dlu10 dd .u9 li.l6 span{ width:33%;height:auto; float:left; line-height:20px; padding:10px 0px;border-right:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
dl.dlu10 dd .u9 li.l6 span.sp{ width:34%}
dl.dlu10 dd .u9 li.l7 p.p{ width:25%; height:auto; float:left; border-right:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
dl.dlu10 dd .u9 li.l7 p.p s{ width:33%; height:40px; float:left; line-height:20px; padding:10px 0px;font-size:12px; border-right:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
dl.dlu10 dd .u9 li.l7 p.p s.s{ width:34%; border-right:none;}


/*****产品-双远心镜头-系列*******/
ul.prou7{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed;border-right:1px solid #ededed;  box-sizing:border-box;}
ul.prou7 li{ width:14%; height:auto; float:left; text-align:center; padding:8px 0; font-size:14px; line-height:40px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.prou7 li.l1{ width:16%;} 
ul.prou7 li:last-child{ border-right:none;}
ul.prou7.top{ background:#354C6E; color:#fff;}
ul.prou7.top li.l3{ line-height:20px;}
ul.prou7 li a{ color:#74797e; font-weight:600;}
ul.prou7 li a:hover{ color:#354C6E;}


/*****产品-双远心镜头-配件*******/
.pro_syxpj{ width:100%; height:auto; float:left; }
dl.syxpt{ width:100%; height:auto; float:left;background:#f5f7fa; margin-bottom:25px;}
dl.syxpt dt{ width:55%; height:auto; float:left; padding-right:60px; box-sizing:border-box;background:#fff;}
dl.syxpt dt img{ width:auto; height:auto; max-width:100%; display:block;}
dl.syxpt dd{ width:45%; height:auto; float:left; background:#f5f7fa; padding:120px 100px 0 100px; box-sizing:border-box; font-size:16px; line-height:28px; color:#333;}
dl.syxpt dd h2{ width:100%; height:auto; float:left; font-size:30px; line-height:42px; color:#000;}


ul.prou5{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed;border-right:1px solid #ededed;  box-sizing:border-box;}
ul.prou5 li{ width:19%; height:auto; float:left; text-align:center; padding:8px 0; font-size:14px; line-height:40px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.prou5 li.l1{ width:21.5%;} 
ul.prou5 li.l2{ width:21.5%; padding:0;} 
ul.prou5 li span{ width:50%;border-right:1px solid #ededed; padding:8px 0; float:left; box-sizing:border-box;}
ul.prou5 li span:last-child{ width:34%; border-right:none;}
ul.prou5 li.l2 a{ width:33%;border-right:1px solid #ededed; padding:8px 0; float:left; box-sizing:border-box;}
ul.prou5 li.l2 a:last-child{ width:34%; border-right:none;}
ul.prou5 li:last-child{ border-right:none;}
ul.prou5.top{ background:#354C6E; color:#fff;} 
ul.prou5 li a{ color:#354C6E;}
ul.prou5.top li.l2{ padding:8px 0;}
.pro_syxpjc{ width:100%; height:auto; float:left; font-size:14px; line-height:26px; color:#999;}

ul.prou5s{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed;border-right:1px solid #ededed;  box-sizing:border-box;}
ul.prou5s li{ width:20%; height:auto; float:left; text-align:center; padding:8px 0; font-size:14px; line-height:40px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.prou5s li span{ width:50%;border-right:1px solid #ededed; padding:8px 0; float:left; box-sizing:border-box;}
ul.prou5s li:last-child{ border-right:none;}
ul.prou5s.top{ background:#354C6E; color:#fff;} 
ul.prou5s li a{ color:#354C6E;}
 


/*****产品-微距*******/
dl.dlu12{ width:100%; height:auto; float:left;border-left:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2); font-size:13px; box-sizing:border-box; }
dl.dlu12 dt{ width:9%; height:auto; float:left;  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
dl.dlu12 dd{ width:91%; height:auto; float:left; }
.u12{ width:100%; height:auto; float:left; list-style:none;border-top:1px solid rgba(0,0,0,0.2);}
.u12 li{ width:auto; height:auto; float:left;overflow:hidden; border-right:1px solid rgba(0,0,0,0.2);  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
.u12 li.l1{ width:13.5%;border-left:1px solid rgba(0,0,0,0.2);}
.u12 li.l2{ width:8%;}
.u12 li.l3{ width:8%;}
.u12 li.l4{ width:8%;}
.u12 li.l5{ width:8%;}
.u12 li.l6{ width:8%;}
.u12 li.l7{ width:8%;}
.u12 li.l8{ width:14.5%;}
.u12 li.l9{ width:9%;}
.u12 li.l10{ width:10%;}
.u12 li.l11{ width:5%;}
.u12 li.l1 a{ color:#74797e; font-weight:600;}
.u12 li.l1 a:hover{ color:#354C6E;}
dl.dlu12.top{ background:#354C6E !important; color:#fff; font-size:16px;}
dl.dlu12.top dt{ height:60px; line-height:40px;}
dl.dlu12.top dd .u12 li{ height:60px; line-height:40px;}
dl.dlu12.top dd .u12 li.l2,dl.dlu12.top dd .u12 li.l4,dl.dlu12.top dd .u12 li.l5,dl.dlu12.top dd .u12 li.l6,dl.dlu12.top dd .u12 li.l7,dl.dlu12.top dd .u12 li.l10,dl.dlu12.top dd .u12 li.l11{ line-height:20px;}
dl.dlu12:nth-child(2n+1){ background:#f5f7fa;}
dl.dlu12 dd .u12:first-child{ border-top:none;}



/*****产品-微距cctv*******/
dl.dlu13{ width:100%; height:auto; float:left;border-left:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2); font-size:13px; box-sizing:border-box; }
dl.dlu13 dt{ width:7%; height:auto; float:left;  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
dl.dlu13 dd{ width:93%; height:auto; float:left; }
.u13{ width:100%; height:auto; float:left; list-style:none;border-top:1px solid rgba(0,0,0,0.2);}
.u13 li{ width:auto; height:auto; float:left;overflow:hidden; border-right:1px solid rgba(0,0,0,0.2);  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
.u13 li.l1{ width:10%;border-left:1px solid rgba(0,0,0,0.2);}
.u13 li.l2{ width:5%;}
.u13 li.l3{ width:6%;}
.u13 li.l4{ width:7%;}
.u13 li.l5{ width:7%;}
.u13 li.l6{ width:10%;}
.u13 li.l7{ width:10%;}
.u13 li.l8{ width:10%;}
.u13 li.l9{ width:11%;}
.u13 li.l10{ width:8%;}
.u13 li.l11{ width:11%;}
.u13 li.l12{ width:5%;}
.u13 li.l1 a{ color:#74797e; font-weight:600;}
.u13 li.l1 a:hover{ color:#354C6E;}
dl.dlu13.top{ background:#354C6E !important; color:#fff; font-size:16px;}
dl.dlu13.top dt{ height:60px; line-height:40px;}
dl.dlu13.top dd .u13 li{ height:60px; line-height:40px;}
dl.dlu13.top dd .u13 li.l2,dl.dlu13.top dd .u13 li.l4,dl.dlu13.top dd .u13 li.l5,dl.dlu13.top dd .u13 li.l6,dl.dlu13.top dd .u13 li.l7,dl.dlu13.top dd .u13 li.l8,dl.dlu13.top dd .u13 li.l11{ line-height:20px;}
dl.dlu13:nth-child(2n+1){ background:#f5f7fa;}
dl.dlu13 dd .u13:first-child{ border-top:none;}



/****产品-微距cctv-配件-****/
ul.prou3{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed; box-sizing:border-box;}
ul.prou3 li{ width:33%; height:auto; float:left; text-align:center; padding:10px; font-size:14px; line-height:20px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.prou3 li.l3{ width:34%;}
ul.prou3.top{ background:#354C6E; color:#fff;}
ul.prou3 li a{ color:#74797e;}
ul.prou3 li a:hover{ color:#354C6E;}



/*****产品-线扫镜头*******/
dl.dlu16{ width:100%; height:auto; float:left;border-left:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2); font-size:13px; box-sizing:border-box; }
dl.dlu16 dt{ width:7%; height:auto; float:left;  text-align:center; line-height:20px; padding:10px 5px; box-sizing:border-box;}
dl.dlu16 dd{ width:93%; height:auto; float:left; }
.u16{ width:100%; height:auto; float:left; list-style:none;border-top:1px solid rgba(0,0,0,0.2);}
.u16 li{ width:auto; height:auto; float:left;overflow:hidden; border-right:1px solid rgba(0,0,0,0.2); min-height:40px; font-size:13px;  text-align:center; line-height:20px; padding:10px 0px; box-sizing:border-box;}
.u16 li.l1{ width:12%;border-left:1px solid rgba(0,0,0,0.2);}
.u16 li.l2{ width:5%;}
.u16 li.l3{ width:4.5%;}
.u16 li.l4{ width:4.5%;}
.u16 li.l5{ width:6%;}
.u16 li.l6{ width:10%;}
.u16 li.l7{ width:10.5%;}
.u16 li.l8{ width:6%;}
.u16 li.l9{ width:8%;}
.u16 li.l10{ width:5%;}
.u16 li.l11{ width:5%;}
.u16 li.l12{ width:7%;}
.u16 li.l13{ width:4.5%;}
.u16 li.l14{ width:6%;}
.u16 li.l15{ width:6%;}
.u16 li.l1 a{ color:#74797e; font-weight:600; width:100%; height:20px; float:left; overflow:hidden;}
.u16 li.l1 a:hover{ color:#354C6E;}
.u16 li.l6,.u16 li.l7{ padding:0;}
.u16 li.l6 span,.u16 li.l7 span{ width:37%; padding:10px 0; height:40px; box-sizing:border-box; float:left; line-height:20px;}
.u16 li.l6 span.sp,.u16 li.l7 span.sp{ width:63%; border-left:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
.dlu16.top .u16 li.l6,.dlu16.top .u16 li.l7{ padding:10px 0;}

dl.dlu16.top{ background:#354C6E !important; color:#fff; font-size:16px;}
dl.dlu16.top dt{ height:72px; line-height:52px;}
dl.dlu16.top dd .u16 li{ height:72px; line-height:52px;}
dl.dlu16.top dd .u16 li.l2,dl.dlu16.top dd .u16 li.l4,dl.dlu16.top dd .u16 li.l5,dl.dlu16.top dd .u16 li.l6,dl.dlu16.top dd .u16 li.l7,dl.dlu16.top dd .u16 li.l8,dl.dlu16.top dd .u16 li.l13,dl.dlu16.top dd .u16 li.l14{ line-height:26px;}
dl.dlu16.top dd .u16 li.l12{ line-height:18px;}
dl.dlu16:nth-child(2n+1){ background:#f5f7fa;}
dl.dlu16 dd .u16:first-child{ border-top:none;}



/******产品-光源***********/
dl.pgydl{ width:23.4%; height:auto; float:left; margin:0.8%; background:#f7f8fc;}
dl.pgydl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.pgydl dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.pgydl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.pgydl dd{ width:100%; height:auto; float:left; padding:15px 25px 25px 25px; box-sizing:border-box;text-align:center;}
dl.pgydl dd div{ width:100%; height:90px; float:left; overflow:hidden; margin-bottom:15px;}
dl.pgydl dd h2 a{ width:100%; height:auto; float:left; font-size:22px; line-height:28px; color:#333;}
dl.pgydl dd p{ width:100%; height:auto; overflow:hidden; float:left; font-size:14px; line-height:22px; color:#666; margin:10px 0;}
dl.pgydl dd a.a{ width:auto; height:auto;   font-size:14px; margin:0 auto; display:inline-block; padding-right:20px; background:url(/images/float_tb.png) right center no-repeat; color:#354C6E;}
dl.pgydl:hover dd h2 a{ color:#354C6E;}

/***产品-光源-系列****/
.progyfl{ width:100%; height:auto; min-height:50px; float:left; padding:0 25px; background:#f5f7fa; box-sizing:border-box; margin-bottom:35px;}
.progyfl p{ width:100%; height:auto; float:left; padding:25px 0; border-bottom:1px dashed #ededed; box-sizing:border-box;}
.progyfl p span{ width:120px; float:left; height:36px; margin-right:35px;  line-height:36px; color:#fff; background:#ff932e; border-radius:5px; text-align:center; font-size:16px;}
.progyfl p a{ width:auto; height:36px; line-height:36px; float:left; margin-right:35px; color:#444;}
.progyfl p a:hover{ color:#354C6E;}
.progyfl p span.sp{ background:#2a74da}

.progydiv{ width:100%; height:auto; float:left; margin-bottom:35px;}
.progydiv dl.d1{ width:100%; height:400px; float:left; background:#f5f7fa; margin-bottom:15px; position:relative;}
.progydiv dl.d1 dt{ width:570px; height:auto; float:left; border-right:15px solid #fff; position:absolute; left:0; top:0;}
.progydiv dl.d1 dt img{ width:100%; height:400px; display:block;}
.progydiv dl.d1 dd{ width:100%; height:auto; float:left; padding:40px 50px 0 630px; box-sizing:border-box;}
.progydiv dl.d1 dd span{ width:auto; height:38px; line-height:38px; float:left; border:1px solid #ff932e; color:#ff932e; padding:0 30px; border-radius:8px;}
.progydiv dl.d1 dd h2{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#000; margin:15px 0;}
.progydiv dl.d1 dd p{ width:100%; height:auto; float:left; line-height:28px; font-size:16px; color:#555;}

.progydiv dl.d1 dd span.s{ color:#2a74da; border-color:#2a74da;}

ul.prou6{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed;border-right:1px solid #ededed;  box-sizing:border-box;}
ul.prou6 li{ width:16.5%; height:auto; float:left; text-align:center; padding:8px 0; font-size:14px; line-height:40px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.prou6 li.l6{width:17.5%; border-right:none;}
ul.prou6 li:last-child{ border-right:none;}
ul.prou6.top{ background:#354C6E; color:#fff;} 
ul.prou6 li a:hover{ color:#354C6E;} 


/***产品-光源-配件********/
dl.yxjtpj dt p{ width:100%; height:auto; float:left; text-align:center; font-size:14px; line-height:22px; padding:0 8px; margin-bottom:10px; box-sizing:border-box; }
dl.yxjtpj dt span{ width:110px; height:32px; margin:0 auto; display:block; text-align:center }
dl.yxjtpj dt span s{ width:100%; height:32px; line-height:32px; float:left;color:#ff932e; border:1px solid #ff932e; border-radius:5px;  font-size:14px;}
dl.yxjtpj dt span s.s{color:#2a74da; border:1px solid #2a74da; }
  
ul.pj5ul{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed;}
ul.pj5ul li{ width:20%; height:auto; float:left; text-align:center; padding:10px; font-size:14px; line-height:22px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.pj5ul.top{ background:#354C6E; color:#fff;}
ul.pj5ul li a{ color:#74797e;}
ul.pj5ul li a:hover{ color:#354C6E;}

 
/*********产品-美容*******/
.promrdiv{ width:100%; height:auto; float:left; padding:60px 0; background:#f5f7fa;}
.promrdiv dl.d1{ width:100%; height:auto; float:left; padding-top:15px;}
.promrdiv dl.d1 dd{ width:70%; height:auto; float:left; padding-right:100px; box-sizing:border-box;}
.promrdiv dl.d1 dd h2{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#000;}
.promrdiv dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#555; margin-top:15px;}
.promrdiv dl.d1 dt{ width:30%; height:auto; float:left;}
.promrdiv dl.d1 dt img{ width:100%; height:auto; display:block;}

dl.pmrd1{ width:100%; height:auto; float:left; padding:20px 40px; min-height:360px; border-radius:5px; background:#f5f7fa; box-sizing:border-box; margin-bottom:35px; position:relative;}
dl.pmrd1 dt{ width:370px; height:auto; float:left; position:absolute; left:40px; top:20px; overflow:hidden;}
dl.pmrd1 dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.pmrd1:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.pmrd1 dd{ width:100%; height:auto; float:left; padding-left:450px; padding-top:40px; box-sizing:border-box;}
dl.pmrd1 dd div{ width:100%; height:auto; min-height:220px; float:left;}
dl.pmrd1 dd h3 a{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; color:#000; margin-bottom:10px;}
dl.pmrd1 dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#666; margin-bottom:10px;}
dl.pmrd1 dd a.a{ width:auto; height:auto;   font-size:14px; margin:0 auto; display:inline-block; padding-right:20px; background:url(/images/float_tb.png) right center no-repeat; color:#354C6E;}
dl.pmrd1:hover{ box-shadow:0 2px 10px #ccc;}


/*********产品-美容分类*******/
.padtop{ padding-top:60px;}
dl.pmrd2{ width:100%; height:auto; float:left; margin:20px 0; background:#f5f7fa;}
dl.pmrd2 dt{ width:40%; height:auto; float:left; overflow:hidden; border-right:15px solid #fff; box-sizing:border-box;}
dl.pmrd2 dt img{ width:85%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.pmrd2:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.pmrd2 dd{ width:60%; height:auto; float:left; padding:40px 60px; box-sizing:border-box;}
dl.pmrd2 dd div{ width:100%; height:auto; min-height:260px; float:left;}
dl.pmrd2 dd span{ width:auto; height:40px; line-height:40px; float:left; padding:0 25px; border-radius:5px; border:2px solid #d81e06; font-size:16px; color:#d81e06; margin-bottom:15px;}
dl.pmrd2 dd h2 a{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#000;margin-bottom:15px;}
dl.pmrd2 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#444;}
dl.pmrd2 dd a.a{ width:auto; float:right; height:42px; border-radius:4px; line-height:42px; padding:0 25px 0 55px; background:url(/images/zyk_xztb.png) 24px center no-repeat #fff; font-size:16px; color:#333;}
dl.pmrd2 dd a.a:hover{ opacity:0.8;}
dl.pmrd2:hover dd h2 a{ color:#354C6E;}


/*****产品-美容详情页****/
.ph1{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; text-align:center; color:#000;}
.ph4{ width:100%; height:auto; float:left; font-size:18px; line-height:32px; text-align:center; color:#354C6E;}


/****产品-美容配件详情*****/
.pjh1{ width:100%; height:auto; float:left; font-size:30px; line-height:46px; color:#354C6E;}
.promrpjxx{ width:100%; height:auto; float:left; margin-top:15px; font-size:16px; line-height:26px; color:#444;}
.promrpjxx img{ width:auto; max-width:100% !important; height:auto !important; display:block;}
.pjt{ width:100%; height:auto; float:left; font-size:26px; line-height:32px; color:#000; margin:30px 0 10px 0;}


dl.mrpjxxdl{ width:20%; height:auto; float:left; margin-right:20px;}
dl.mrpjxxdl dt{ width:100%; height:auto; float:left;}
dl.mrpjxxdl dt img{ width:100%; height:auto; display:block;}
dl.mrpjxxdl dd{ width:100%; height:auto; float:left; padding:15px 0; text-align:center; font-size:16px; font-weight:600;}





/******产品-功能材料*******/
.pro_cldiv{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#444;}
.pro_cldiv strong.s{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#000; margin:35px 0 10px 0;}
.pro_cldiv p{ width:100%; height:auto; float:left;}
.pro_cldiv img{ width:auto; height:auto !important; max-width:100% !important; display:block;}
.cvideo{ width:100%; height:auto; float:left;object-fit: fill; min-height:300px; display:block; margin-bottom:25px;}
.pro_cldiv a.a{ width:auto; height:48px; line-height:48px; float:left; padding:0 30px; border-radius:5px; color:#fff; font-size:16px; background:#354C6E;}
.pro_cldiv a.a:hover{ opacity:0.8;}


/******产品-材料1-1*******/
.nymenu3 a.cur1{ background:#354C6E; color:#fff; padding:10px 20px;}
dl.cld1{ width:49%; height:auto; float:left; margin:1% 2% 1% 0; background:#f5f7fa;}
dl.cld1 dt{ width:50%; height:auto; float:left; overflow:hidden;}
dl.cld1 dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.cld1:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.cld1 dd{ width:50%; height:auto; float:left; text-align:center; padding:35px 20px 20px 20px; box-sizing:border-box;}
dl.cld1 dd strong{ width:100%; height:auto; float:left; font-size:22px; min-height:56px; line-height:28px; color:#000;}
dl.cld1 dd img{ width:auto; margin:0 auto; display:block; height:auto;}
dl.cld1.last{ margin:1% 0 1% 0;}

.pro_cldivc{ width:100%; height:auto; float:left; background:#f5f7fa; padding:30px; box-sizing:border-box; margin-top:60px;}
.pro_cldivc strong{ width:100%; height:auto; float:left; font-size:22px; line-height:34px; color:#000; margin-bottom:15px;}
.pro_cldivc p.p{ width:24%; height:auto; float:left; margin:1% 1% 1% 0; font-size:16px; line-height:26px; color:#444;}
.pro_cldivc p.p span{ width:26px; height:26px; font-size:12px; background:#354C6E; color:#fff; border-radius:26px; float:left; text-align:center; margin-right:5px;}
.pro_cldivc a.a1{ width:auto; height:50px; border-radius:5px; line-height:50px; float:left; margin:20px 20px 0 0; padding:0 30px; border:1px solid #354C6E; color:#354C6E;}
.pro_cldivc a.a1:hover{ background:#354C6E; color:#fff;}



/****产品-材料1-1-2****/
dl.cld2{ width:49%; height:auto; float:left; min-height:210px; margin:1% 2% 1% 0; background:#f5f7fa; padding:30px; box-sizing:border-box;}
dl.cld2 dt{ width:20%; height:auto; float:left; overflow:hidden;}
dl.cld2 dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.cld2:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.cld2 dd{ width:80%; height:auto; float:left; padding-left:25px; box-sizing:border-box;}
dl.cld2 dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:28px; color:#000;}
dl.cld2 dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#888; margin:8px 0;}
dl.cld2 dd p{ width:100%; height:auto; float:left; font-size:14px;}
dl.cld2.last{ margin:1% 0 1% 0;}
a.cla{ width:auto; height:50px; border-radius:5px; line-height:50px; float:left; margin:20px 20px 0 0; padding:0 30px; background:#354C6E; color:#fff;}
a.cla:hover{ opacity:0.8;}

dl.cld3{ width:100%; height:auto; float:left;  margin:1% 0;   box-sizing:border-box;}
dl.cld3 dt{ width:20%; height:auto; float:left; overflow:hidden;}
dl.cld3 dt img{ width:auto; max-width:200px; height:auto; display:block; }
dl.cld3 dd{ width:80%; height:auto; float:left; padding-left:25px; box-sizing:border-box; padding-top:80px;}

.pro_cldivc1{ width:50%; height:auto; float:left; padding-right:40px; box-sizing:border-box;}
dl.cld4{ width:100%; height:auto; float:left;  margin:1% 0;   box-sizing:border-box;}
dl.cld4 dt{ width:34%; height:auto; float:left; overflow:hidden;}
dl.cld4 dt img{ width:auto; max-width:100%; height:auto; display:block; }
dl.cld4 dd{ width:66%; height:auto; float:left; padding-left:25px; box-sizing:border-box; padding-top:80px;}

dl.cld5{ width:32%; height:auto; float:left; margin:1.33% 1.33% 0 0; background:#f5f7fa; padding:25px; box-sizing:border-box;}
dl.cld5 dd{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; color:#000; min-height:52px; text-align:center;}
dl.cld5 dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.cld5:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
p.pa{ width:auto; height:auto; float:left; padding:15px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin:10px 25px 10px 0;} 


 
/***产品-材料1-3******/
.pro_cldivc2{ width:100%; height:auto; float:left;}
.pro_cldivc2 dl.d1{ width:47%; height:auto; float:left; }
.pro_cldivc2 dl.d1 dt{ width:100%; height:auto; float:left; font-size:26px; line-height:40px; color:#000; margin:15px 0;}
.pro_cldivc2 dl.d1 dd{ width:100%; height:auto; float:left; padding:25px 60px; box-sizing:border-box; background:#f5f7fa;}
.pro_cldivc2 dl.d1 dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:28px; color:#333; margin-bottom:8px;}
.pro_cldivc2 dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666; min-height:98px;}
.pro_cldivc2 dl.d1 dd span{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#354C6E;}
.pro_cldivc2 dl.d1 dd span a{color:#354C6E; float:left; margin-right:15px;}
.pro_cldivc2 dl.d1.last{ float:right;}

.pro_cldivc2 dl.d2{ width:100%; height:auto; float:left; margin-top:25px; position:relative;}
.pro_cldivc2 dl.d2 dt{ width:100%; height:auto; float:left; font-size:26px; line-height:40px; color:#000; margin:15px 0;}
.pro_cldivc2 dl.d2 dd{ width:47%; height:auto; float:left; padding:25px 50px; box-sizing:border-box; background:#f5f7fa; margin-bottom:6%;}
.pro_cldivc2 dl.d2 dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:28px; color:#333; margin-bottom:15px;}
.pro_cldivc2 dl.d2 dd strong span{ width:28px; height:28px; float:left; border-radius:28px; background:#354C6E; font-size:14px; margin-right:8px; text-align:center; color:#fff; }
.pro_cldivc2 dl.d2 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666; min-height:130px; padding-left:36px; box-sizing:border-box;}

.pro_cldivc2 dl.d2 dd.last{ float:right;}
.pro_cldivc2 dl.d2 .jt1{ width:12%; height:30px; position:absolute; left:44%; top:22%; background:url(/images/pro_cl1_tb1.png) center center no-repeat; background-size:100% auto;}
.pro_cldivc2 dl.d2 .jt2{ width:30px; height:150px; position:absolute; left:80%; top:38%; background:url(/images/pro_cl1_tb2.png) center center no-repeat; background-size:auto 100%;}
.pro_cldivc2 dl.d2 .jt3{ width:12%; height:30px; position:absolute; left:44%; top:70%; background:url(/images/pro_cl1_tb3.png) center center no-repeat; background-size:100% auto;}

/*****产品-材料1-4******/
.nonydiv{ padding-top:20px;}
dl.cld6{ width:24%; height:auto; float:left; padding:32px; box-sizing:border-box; margin:1% 1% 0 0; background:#f5f7fa;}
dl.cld6 dt{ width:100%; height:auto; float:left;}
dl.cld6 dt img{ width:40px; height:auto; display:block;}
dl.cld6 dd{ width:100%; height:auto; float:left; padding-top:20px;}
dl.cld6 dd h3 a{ width:100%; height:auto; float:left; font-size:20px; line-height:28px; color:#333;}
dl.cld6 dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#666;}
dl.cld6:hover dd h3 a{ color:#354C6E;}


/****产品-材料2*****/
dl.cl2d1{ width:100%; height:auto; float:left; margin-bottom:50px;}
dl.cl2d1 dt{ width:27%; height:auto; float:left;border-right:20px solid #fff;box-sizing:border-box;}
dl.cl2d1 dt img{ width:100%; height:auto; display:block;}
dl.cl2d1 dd{ width:73%; height:auto; float:left;  padding:70px 100px; background:#f5f7fa; box-sizing:border-box;}
dl.cl2d1 dd h2{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#000; margin-bottom:15px;}
dl.cl2d1 dd div{ width:100%; float:left;  height:210px; overflow-y:auto;}
dl.cl2d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#444; margin-top:5px;}
dl.cl2d1 dd a{ width:auto; height:44px; line-height:44px; float:left; padding:0 30px 0 60px; margin-top:15px; background:url(/images/pro_cl2_tb1.png) 30px center no-repeat #354C6E; font-size:16px; color:#fff; border-radius:20px;}
dl.cl2d1 dd a:Hover{ opacity:0.8;}

ul.zyytul{ width:100%; height:auto; float:left; list-style:none;}
ul.zyytul li{ width:24%; height:auto; float:left; margin:0.5%;}
ul.zyytul li img{ width:100%; height:auto; display:block;}
ul.zyytul li p{ width:100%; height:auto; text-align:center; font-size:15px; line-height:26px; padding:8px; box-sizing:border-box;}

ul.clu2{ width:100%; height:auto; float:left; list-style:none; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.clu2 li{ width:50%; height:auto; float:left; font-size:15px; text-align:center; line-height:26px; padding:10px; box-sizing:border-box; border-left:1px solid #ededed; box-sizing:border-box;}
ul.clu2 li.l1{ background:#f5f7fa;}
ul.clu2.top{ border-top:1px solid #ededed;}

dl.cl2d2{ width:32.333%; height:auto; float:left; margin:1% 1% 0 0; background:#f5f7f9; padding:35px; box-sizing:border-box;}
dl.cl2d2 dt{ width:100%; height:80px; float:left; padding-left:82px; padding-top:5px; box-sizing:border-box; font-size:18px; line-height:24px; color:#000; background-size:72px auto !important;}
dl.cl2d2 dd{ width:100%; height:auto; float:left; margin-top:15px; min-height:96px; font-size:15px; line-height:24px; color:#555;} 
dl.cl2d2.cl2d2s dt{ padding-top:25px;}
dl.cl2d2.cl2d2s dd{ min-height:48px;}


.Materialcx{ width:96%; max-width:1200px; display:none; padding:60px; box-sizing:border-box; background:#fff; height:90vh; overflow-y:auto; border-radius:10px; position:fixed; z-index:9999; left:2%; top:2%;}
.Materialcx .clclose{ width:40px; height:40px; position:absolute; right:10px; top:10px; background:url(/images/iyytb.png) center center no-repeat; transform:rotate(45deg); cursor:pointer;}
.Materialcx strong{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; text-align:center; color:#000;}
.Materialcx p.p{ width:100%; height:auto; float:left; font-size:15px; line-height:24px; text-align:center; color:#555; margin:8px 0 20px 0;}
.Materialcx dl.d1{ width:100%; height:auto; float:left; margin-top:10px; position:relative;}
.Materialcx dl.d1 dt{ width:160px; height:auto; float:left; position:absolute; left:0; top:0; font-size:16px; font-weight:600; color:#000; line-height:30px;}
.Materialcx dl.d1 dt s{ color:#f00;}
.Materialcx dl.d1 dd{ width:100%; height:auto; float:left; padding-left:160px; box-sizing:border-box;}
.Materialcx dl.d1 dd div{ width:41.5%; height:auto; float:left; margin-right:5%;}
.Materialcx dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#000;}
.Materialcx dl.d1 dd span{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; color:#999;}
.Materialcx .input{ width:100%; height:42px; line-height:42px; float:left; border:1px solid #ededed; border-radius:5px; text-indent:15px; outline:none;}
.Materialcx .text{ width:100%; height:120px; line-height:26px; float:left; border:1px solid #ededed; border-radius:5px; padding:10px 15px; box-sizing:border-box; outline:none;}

.Materialcx dl.d1.d2{ width:50%;}
.Materialcx dl.d1.d2 dt{ line-height:42px;}
.Materialcx dl.d1.d2.d2s dt{ text-align:right; padding-right:10px; box-sizing:border-box;}
.Materialcx h3{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; font-weight:600; color:#000; margin-top:20px;}
.Materialcx p.p1{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; text-align:left; color:#555; margin-bottom:10px;}
.Materialcx .che{ width:14px; height:14px; float:left; margin:5px;}
.Materialcx a{ color:#354C6E; margin-left:25px;}
.Materialcx .button{ text-align:center; height:50px; line-height:50px; background:#354C6E; color:#fff; padding:0 55px; font-size:18px; margin:15px auto; display:block; cursor:pointer; border-radius:5px; border:none; outline:none;}
.Materialcx .button:hover{ opacity:0.8;}


/****产品-材料3*****/
dl.cljzkydl{ width:19%; height:auto; float:left; margin:0.5%; background:#f5f7f9;}
dl.cljzkydl dt{ width:100%; height:auto; float:left;}
dl.cljzkydl dt img{ width:100%; height:auto; display:block;}
dl.cljzkydl dd{ width:100%; height:auto; float:left; padding:10px; box-sizing:border-box; font-size:15px; line-height:24px; height:68px; overflow:hidden; text-align:center; color:#333;}

dl.cl3dl{ width:32%; height:auto; float:left; background:#f5f7f9; margin:1.333% 1.333% 0 0; padding:25px; box-sizing:border-box; position:relative;}
dl.cl3dl dt{ width:120px; height:auto; float:left; position:absolute; left:25px; top:25px; overflow:hidden;}
dl.cl3dl dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.cl3dl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.cl3dl dd{ width:100%; height:auto; float:left; padding-left:150px; box-sizing:border-box;}
dl.cl3dl dd div{ width:100%;float:left; height:120px; overflow:hidden;}
dl.cl3dl dd div h3 a{ width:100%; height:auto; float:left; font-size:22px; line-height:24px; margin-bottom:8px; color:#000; }
dl.cl3dl dd div p{ width:100%; height:auto; float:left; font-size:15px; line-height:23px;  color:#555; }
dl.cl3dl dd a.a{ width:auto; height:36px; line-height:36px; float:left; padding:0 35px; border-radius:10px; background:#354C6E; color:#fff; font-size:15px;}
dl.cl3dl dd a.a:hover{ opacity:0.8;}
dl.cl3dl:hover div h3 a{ color:#354C6E;}
dl.cl3dl:hover{ box-shadow:0 3px 5px #ededed;}

a.cla3{ width:auto; height:44px; line-height:44px; margin-right:25px; float:left; padding:0 30px 0 60px; background:url(/images/pro_cl2_tb1.png) 30px center no-repeat #354C6E; font-size:16px; color:#fff; border-radius:20px;}
a.cla3:Hover{ opacity:0.8;}
a.cla4{ width:auto; height:44px; line-height:44px; overflow:hidden; float:left; padding:0 30px 0 60px; background:url(/images/zyk_xztb.png) 30px center no-repeat #fff; border:1px solid #354C6E; font-size:16px; color:#333; border-radius:20px;}
a.cla4:Hover{ opacity:0.8;}

dl.cl3d2{ width:100%; height:auto; float:left; padding:55px; background:#f5f7fa; box-sizing:border-box; margin-top:40px; position:relative;}
dl.cl3d2 dt{ width:245px; height:auto; float:left; position:absolute; left:55px; top:55px;}
dl.cl3d2 dt img{ width:100%; height:auto; display:block;}
dl.cl3d2 dd{ width:100%; height:auto; min-height:250px; float:left; padding-left:300px; box-sizing:border-box;}
dl.cl3d2 dd strong{ width:100%; height:auto; float:left; font-size:26px; line-height:34px; margin:10px 0; color:#000;}
dl.cl3d2 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333;}


/*******产品-材料4*****/
a.cla5{ width:auto; height:50px; line-height:50px; padding:0 25px; background:#f0f3f7; color:#354C6E; float:left; margin:0 15px 15px 0;}
a.cla5 s{ width:30px; height:50px; float:right; background:url(/images/float_tb.png) center center no-repeat; display:block;}
a.cla5:hover{ opacity:0.8;}

.clh2{ width:100%; height:auto; float:left; margin:50px 0 25px 0; font-size:30px; line-height:36px; color:#354C6E;}
.pro_cldiv4{ width:100%; height:auto; float:left; padding:10px 0; font-size:16px; line-height:26px; color:#444;}
.pro_cldiv4 img{ width:auto; height:auto !important; max-width:100% !important; display:block;}
.pro_cldiv4 p{ width:100%; height:auto; float:left;}
.cltt{ width:100%; height:auto; float:left; font-size:22px; margin:15px 0; line-height:34px; color:#000; background:url(/images/jsxxtb.png) left center no-repeat; padding-left:35px; box-sizing:border-box;}

a.cla6{ width:auto; height:44px; line-height:44px; margin-right:25px; float:left; padding:0 30px; background:#354C6E; font-size:16px; color:#fff; border-radius:7px; margin-top:15px;}
a.cla6:Hover{ opacity:0.8;}



/****产品-材料6****/
.pro_cl6div{ width:100%; height:auto; float:left; padding:0 0 60px 0;}
.pro_cl6div img{ width:auto; height:auto !important; max-width:100% !important; display:block;}
.pro_cl6div p{ width:100%; height:auto; float:left;}

.pro_cl6divc{ width:100%; height:auto; float:left; padding:50px; box-sizing:border-box; background:#f5f7fa;}
.pro_cl6divc strong.s{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; color:#000; margin:8px 0;}
.pro_cl6divc p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#555;}
.pro_cl6divc p.ps{ width:100%; height:auto; float:left; font-size:18px; line-height:28px; color:#000; margin:8px 0;}
.pro_cl6divc p.ps span{ width:28px; height:28px; text-align:center; border-radius:100%; color:#fff; background:#354C6E; float:left; margin-right:8px;}


/******产品-材料7*******/
dl.cld7{ width:100%; height:auto; float:left; padding:60px; min-height:360px; background:#f5f7fa; margin:30px 0; box-sizing:border-box; position:relative;}
dl.cld7 dt{ width:245px; height:auto; float:left; position:absolute; left:60px; top:60px;}
dl.cld7 dt img{ width:100%; height:auto; display:block;}
dl.cld7 dd{ width:100%; height:auto; float:left; padding-left:300px; box-sizing:border-box;}
dl.cld7 dd h3 a{ width:100%; height:auto; float:left; font-size:26px; line-height:36px; color:#000; margin-bottom:10px;}
dl.cld7 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333;}

dl.cld7.cld7s{ min-height:150px;}
dl.cld7.cld7s dd{ padding:0;}


/********产品-材料8***/
.clu4{ width:100%; height:auto; float:left; list-style:none;}
.clu4 li{ width:23%; height:auto; float:left; margin:1%; border-bottom:1px solid #ededed; padding:10px 0;}
.clu4 li p{ width:100%; height:auto; float:left; font-size:13px; line-height:18px; color:#666; margin-bottom:8px;}
.clu4 li strong{ width:100%; height:auto; float:left; color:#354C6E; font-size:26px; line-height:36px;}

dl.cl2d2.cl2d2sa{ padding:20px; width:24%;}
dl.cl2d2.cl2d2sa dt{ padding-top:25px; min-height:80px; height:auto;} 
dl.cl2d2.cl2d2sa.last dt{ padding-top:8px;}
dl.cl2d2.cl2d2sa.last dt p{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; color:#666;}




/******技术信息*****/
.jsxxdiv{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333;}
.jsxxdiv img{ width:auto; height:auto !important; max-width:100% !important; padding:10px 0; display:block;}
.jst{ width:100%; height:auto; float:left; padding-left:33px; box-sizing:border-box; background:url(/images/jsxxtb.png) left 8px no-repeat; font-size:20px; line-height:30px; margin:15px 0 10px 0; color:#354C6E;}
.jst1{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; margin:10px 0; color:#354C6E;}

.jsxxdiv p{ width:100%; height:auto; float:left;}
ul.jsu5{ width:100%; height:auto; float:left; list-style:none; border-left:1px solid #ededed;border-right:1px solid #ededed;  box-sizing:border-box;}
ul.jsu5 li{ width:20%; height:auto; float:left; text-align:center; padding:8px 0; font-size:14px; line-height:40px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box;}
ul.jsu5 li.lz{ width:100%;} 
ul.jsu5 li:last-child{ border-right:none;}
ul.jsu5.top{ background:#354C6E; color:#fff;} 
ul.jsu5 li a:hover{ color:#354C6E;}

.jsxxul{ width:100%; height:auto; float:left; margin-bottom:30px;}
.jsxxul a{ width:auto; height:46px; line-height:46px; font-size:16px; float:left; padding:0 35px; border:1px solid #ededed; margin:1%;}
.jsxxul a:hover,.jsxxul a.cur{ background:#354C6E; border:1px solid #354C6E; color:#fff;}

dl.jsxxdl{ width:100%; height:auto; float:left; padding:50px 70px; background:#f5f7fa; box-sizing:border-box; margin-bottom:35px;} 
dl.jsxxdl dt{ width:23%; height:auto; float:left; margin-right:5%;}
dl.jsxxdl dt img{ width:100%; height:auto; display:block;}
dl.jsxxdl dd{ width:72%; height:auto; float:left; padding:10px 0; font-size:16px; line-height:28px;}
dl.jsxxdl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:42px; color:#000; margin-bottom:8px;}


/****其他****/ 
.qitadiv{ width:100%; height:auto; float:left; font-size:14px; line-height:26px; color:#666;}
.qitadiv img{ width:auto; height:auto !important; max-width:100% !important; display:block;} 




/*****t选型助手表格****/
.common_table{ width:100%; height:auto; float:left; background:#fff; box-sizing:border-box;}
.common_table tr{ width:100%; height:auto; float:left;  box-sizing:border-box;}
.common_table td,.common_table th{ width:14.28%; height:34px; line-height:34px; text-align:center; overflow:hidden; border:1px solid #ededed; display:block; float:left; box-sizing:border-box;}
.common_table .tr1{ width:100%; background:#354C6E; color:#fff;}
.common_table .tr1 th{ height:42px; line-height:42px;}

.common_table1{ width:100%; height:auto; float:left; background:#fff; box-sizing:border-box;border-collapse: collapse;}
.common_table1 tr{ width:100%; height:auto;  box-sizing:border-box;}
.common_table1 td,.common_table1 th{ width:16.666%; height:auto; padding:4px 0; line-height:22px; text-align:center; overflow:hidden; border:1px solid #ededed;  box-sizing:border-box;}
.common_table1 .tr1{ width:100%; background:#354C6E; color:#fff;}
.common_table1 .tr1 th{ height:42px; line-height:42px;}


/******新加****/
table.common_tablea {width: 100%;border-collapse: collapse;margin-top: 10px;margin-bottom: 10px; font-size:14px;}
table.common_tablea th {padding: 5px 0px;width: 142px;border: solid 1px #737373;background-color: #e3e8e8;font-weight: normal;text-align: center;}
table.common_tablea.th_auto th:nth-of-type(1) {	width: 30%;}
table.common_tablea.th_auto th:nth-of-type(2) {	width: 25%;}
table.common_tablea.th_auto th:nth-of-type(3) {	width: 30%;}
table.common_tablea.th_auto th:nth-of-type(4) {	width: 15%;}
table.common_tablea td {	padding: 5px 10px;border: 1px solid #666666;text-align: center;}
.a_left td {text-align: left !important;}
table.common_tablea td ul li {background: url(/images/dot01.png) 0 9px no-repeat;padding-left: 7px;text-align: left;}
table.common_tablea td:first-child {background: #e6f0fa;font-weight: bold;text-align: left;}
table.common_tablea td.normal:first-child {background: #fff;font-weight: normal;text-align: center;}
table.common_tablea td.pr {padding-right: 20px;}
table.common_tablea td.link {background: #e6f0fa;padding: 0px;text-align: left;}
table.common_tablea td.link a {display: block;padding: 5px 10px;font-weight: bold;}
table.common_tablea td.link span.nolink {display: block;	padding: 5px 10px;	font-weight: bold;}
table.common_tablea td.a_left {	text-align: left !important;}
table.common_tablea tr.end_event td {color: #bdbdbd;}
table.common_tablea tr.end_event td:first-child {background: #e6f0fa;color: #666;}


.focus_area {padding: 0 0 10px 18px;	width: 150px;}
.focus_area > .top {display: table;	width: 150px;}
.focus_area > .top > * {display: table-cell;text-align: left;}
.focus_area > .top > *:last-child {	text-align: right;}
.focus_area > .bottom {padding-bottom: 6px;width: 130px;margin: 0 auto;}
.focus_area > .bottom .inner {position: relative;width: 120px;}
.focus_area > .bottom .box {width: 120px;height: 18px;margin-left: 5px;border-left: 1px solid #666;border-right: 1px solid #666;border-bottom: 1px solid #666;}
.focus_area > .bottom .circle {	position: absolute;	width: 12px;height: 12px;background: #f00;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;bottom: -6px;left: 50%;}

 


/******人才招聘新加*****/
.shzpjs{ width:100%; height:auto; float:left; text-align:center; font-size:16px; line-height:25px; color:#444; margin-bottom:30px;}

dl.spd2{ width:48%; height:auto; float:left; margin:1%; cursor:pointer;}
dl.spd2 dt{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
dl.spd2 dt iframe{ width:100%; height:387px; display:block; float:left;}
dl.spd2 dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.spd2:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.spd2 dt span{ display:block;width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/xinjia_tb.png) center center no-repeat; background-size:60px auto;}
dl.spd2 dd h3{ width:100%; height:60px; float:left; text-align:center; font-size:18px; color:#000; font-weight:600; line-height:60px; margin-top:8px; overflow:hidden;}
 
dl.spd2.spd3{ width:98%; height:auto; float:left; margin:1%; cursor:pointer;}
dl.spd3:hover dt img{ -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.spd2.spd3 dd.dd{ width:100%; height:auto; float:left; font-size:16px; line-height:42px; padding:25px 40px; background:#ededed; box-sizing:border-box;}
dl.spd2.spd3 dd.dd a{ width:auto; height:42px; float:right; padding:0 20px; background:#354C6E; color:#fff;}
dl.spd2.spd3 dd.dd a s{ padding-right:15px; background:url(/images/jtrh.png) right center no-repeat;}
dl.spd2.spd3 dd.dd a:hover{ opacity:0.9;}

.zzyvideoa{ width:94%; height:auto; float:left; display:none; max-width:1000px; border-radius:20px; overflow:hidden; position:fixed; left:20px; top:20px; z-index:9999;}
.zzyvideoa .zzyclose{ width:28px; height:28px; border-radius:28px; position:absolute; right:5px; top:5px; z-index:9999; background:url(/images/lxwm_qqwltb1.png) center center no-repeat #fff; cursor:pointer;}
.zzyvideoa iframe{ width:100%; height:400px; display:none;}





/* history */
.history { position: relative; overflow: hidden; height: auto; width:100%; float: left; background:url(bg.jpg) no-repeat center; background-size:cover;}
.history  .history-tit { overflow: hidden; width: 100%; height: 381px; background: #fff; padding-top: 107px;}
.history  .history-tit .tit-le { float: left; width: 310px; position: relative;}
.history  .history-tit .tit-le:after { content: ''; display: block; position: absolute; right: 0; top: 0; background: url("/images/history-icon.png") no-repeat center; width: 10px;height: 82px;}
.history  .history-tit .tit-le h2 {font-size: 42px; line-height:55px;color: #333;animation: fadeinT 1s ease-out backwards;font-weight: normal;}
.history  .history-tit .tit-le h2 a { color: #333;}
.history  .history-tit .tit-le h2:hover a { color: #be2517;}
.history  .history-tit .tit-le p { font-size: 20px; color: #666; margin-top: 5px; font-family: Arial, Helvetica, sans-serif;}
.history  .history-tit .tit-ri  { float: left; width: 950px; padding-left: 56px;}
.history  .history-tit .tit-ri p { font-size: 14px; color: #333; line-height: 1.85;}
.history-con { position: relative; width: 100%; height: auto;}
.history-con .pic { margin-top: 180px; position: relative; width: 100%;}
.history-con .pic  img { margin-top:-178px; position: relative; width: 100%;}
.history-slide { padding: 70px 0px; overflow: hidden; position: relative;}
.history-slide:after {content: '';display: block;position: absolute;left: 170px;top: 153px;width: 75%;height: 1px;background: rgba(255,255,255,.2);}
.history-slide .item { float: left; width: 33.333%; text-align: center; position: relative; margin-top: 20px; margin-bottom:20px;}
.history-slide .item h2 { font-weight: normal;margin:0 auto;  font-size: 42px; color: #fff; width: 85px; font-family: "DIN Medium"; line-height:60px;}
.history-slide .item span {transition:all 1s;content:'';position:absolute;margin-left:-43px;left:50%;top: 18px;display: block;width: 85px;height: 85px;/*background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,0.36);*/border-radius: 50%;}
.history-slide .item span i { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url("/images/history-icon02.png") no-repeat center; width: 15px; height: 15px;}
.history-slide .item p {font-size: 18px;color: #fff;margin-top: 30px;}
.history-slide .item em { display: block; width: 90%; font-size: 14px; color: #fff; margin: 14px auto 0; line-height:26px; min-height:80px;}
.history-slide .item:hover span { transform: scale(1.8); background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,0.36);}
.history-slide > span  {position: absolute;top: 63%;}
.history  .prev  {position: absolute;z-index: 99;left: 8px;width: 15px;height: 15px;border-top: 2px solid #868686;border-right: 2px solid #868686;transform: rotate(-135deg);margin-right:30px;margin-top: -14px;}
.history  .next  {position: absolute;z-index: 99;right:0;width: 15px;height: 15px;border-top: 2px solid #868686;border-right: 2px solid #868686;transform: rotate(45deg);margin-right:30px;margin-top: -14px;}
.history-slide > span:hover {border-top: 2px solid #fff;border-right: 2px solid #fff; }
/* history end */

@media (max-width: 1440px) {
    .history .history-tit .tit-le { width: 210px;}
    .history  .history-tit .tit-ri { width: 934px;}
    .banner .swiper-slide i {left: 50%;}
    .history-slide:after { left: 150px;}
}


/*历程*/
.course{ width:100%; margin:auto; overflow:hidden; }
.course  ul{ width:100%; margin:auto; overflow:hidden;    max-width: 1140px;}
.course  ul li{ width:24.8%; float:left; margin:0.1%;}
.course  ul li img{ width:100%;}



.icoursebg{
	position: relative; 
	height: auto;
}
.icoursebg .pics { margin-top: 180px; position: relative; margin-bottom:80px; }
.icoursebg .pics  img { margin-top:-178px; position: relative; width: 100%;}
@media(max-width:1600px){
	.icourse_item.item{
		padding: 0;
	}
}
.icourse_item.item{
	width: 100%;
	max-width: 100%;
}
.icourse{
	width: 100%;
	height: 100%;
}
.icourse .icourse_slidebox{
	position: relative;
}
.icourse .icourse_slidebox::after{
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	top: 210px;
	left: 0;
	background-color: #fff;
}
.icourse_slide{
	max-width: 1500px;
	padding-bottom: 200px;
	margin: 0 auto;
}
.icourse_slide .swiper-slide{
	height: 420px;
	position: relative;
	width:25%;
}
.icourse_slide .swiper-slide .pic{
	height: 210px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	box-sizing: border-box;
}
.icourse_slide .swiper-slide:nth-child(2n) .pic{
	top: unset;
	bottom: 0;
	padding-top: 40px;
}
.icourse_slide .img{
	width: 160px;
	height: 160px;
	margin:  0 auto;
	overflow: hidden;
	border-radius: 50%;
	border: 4px solid #000;
}
.icourse_slide .swiper-slide:hover .img{
	border: 4px solid #fff;
}
.icourse_slide .img img{
	width: 100%;
	height: 100%;
}
.icourse_slide .swiper-slide:nth-child(2n) .img{
	top: unset;
	bottom: 2px;
}
.icourse_slide .dot{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: absolute;
	top:50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
	background-color: #fff;
}
.icourse_slide  .swiper-slide .text{
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 35px;
	box-sizing: border-box;
	height: 210px;
}
.icourse_slide .swiper-slide:nth-child(2n) .text{
	top: 0;
	bottom: 0;
}
.icourse_slide .text h4{
	font-size: 24px;
	margin-bottom: 10px;
}
.icourse_slide .text .txt{
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	display: inline-block;
}
.icourse_slide .swiper-pagination{
	bottom: 0;
}
.icourse_slide .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	outline: none;
	opacity: 1;
	margin: 0 10px!important;
	background-color: #fff;
}
.icourse_slide .swiper-pagination-bullet-active{
	background-color: #018441;
}


@media(max-width:1400px){
	.icourse{
		padding-top: 80px;
		margin-bottom: 0;
	}
	.icourse{
		padding-bottom: 150px;
	}
	.icourse .swiper-slide{
		height: 400px;
	}
	.icourse .swiper-slide .pic{
		height: 200px;
	}
	.icourse_slide .swiper-slide .text{
		height: 200px;
	}
	.icourse .icourse_slidebox::after{
		top: 200px;
	}
	.icourse_slide .img{
		width: 140px;
		height: 140px;
	}
}
@media(max-width:1300px){
	.icourse{
		padding: 60px 0;
	}
	.icourse .pub_tit{
		margin-bottom: 70px;
	}
	.icourse_slide{
		padding-bottom: 100px;
	}
}
@media(max-width:991px){
	.icourse{
		padding: 50px 0;
	}
	.icourse .pub_tit{
		margin-bottom: 50px;
	}
	.icourse_slide .swiper-slide{
		height: 340px;
	}
	.icourse_slide .swiper-slide .pic{
		height: 170px;
	}
	.icourse_slide .img{
		width: 120px;
		height: 120px;
	}
	.icourse_slide .swiper-slide .text{
		height: 170px;
	}
	.icourse_slide .text h4{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.icourse .icourse_slidebox::after{
		top: 170px;
	}
}
@media(max-width:768px){
	.icourse{
		display: none;
	}
}



.con_about_tit{ width:1280px;margin:80px auto 0px; text-align: center;} 
.con_about_tit h5{font-size: 28px; color: #2a2a2a; font-weight: normal; margin-bottom: 2px;} 
.con_about_tit span{ font-size: 12px; color: #999999;} 
.con_about_tit em{ display: block; background: #9c2923; width: 50px; margin:20px auto; height: 2px;} 



.con_about_con{ margin: 0px auto; width: 1280px;} 
.con_about_con_{ margin: 60px auto;} 
.con_about_con_ .fl{ float: left; width: 640px;padding-right: 100px; box-sizing: border-box; margin-top: 50px;} 
.con_about_con_ .fr{ float: right; width: 640px; height: 300px; overflow: hidden;} 
.con_about_con_ .fc{ float: left; width: 640px;  height: 300px; overflow: hidden;} 
.con_about_con_ .fz{ float: right; width: 640px; text-align: right; padding-left: 100px; box-sizing: border-box; margin-top: 50px;} 
.con_about_con_ h3{font-size: 28px; color: #000000; line-height: 150%; margin-bottom: 30px;} 
.con_about_con_ p{ line-height: 175%; font-size: 14px; color: #000000; text-align: justify;} 
.con_about_con_ img{ width: 100%;} 

.con_about_wh{ background: url("/images/about02.jpg"); padding: 80px 0px; width: 100%; margin: 80px 0px;} 
.con_about_wh_{margin: 0px auto; width: 1280px;} 
.con_about_wh_l{ float:left; width:550px;} 
.con_about_wh_l h5{font-size: 28px; color: #FFFFFF; font-weight: normal; margin-bottom: 5px;} 
.con_about_wh_l span{  display: block;font-size: 28px; color: #9c2923; text-transform: uppercase;} 
.con_about_wh_l em{ display: block; background: #9c2923; width: 30px; margin:50px 0px; height: 1px;} 
.con_about_wh_l p{ line-height: 175%; color: #FFFFFF;} 
.con_about_wh_l p strong{ } 
.con_about_wh_r{ float:right; width: 600px; height: auto; overflow: hidden; margin-top: 5px;} 



.con_about_lc{ width:1280px;margin:50px auto;} 
.con_about_lc ul{ } 
.con_about_lc ul li{ float: left; margin-right:2.5%; width: 18%; padding: 30px; box-sizing: border-box; background: #F2F2F2; height: 350px;} 
.con_about_lc ul li:nth-child(2n){background: #FAFAFA;} 
.con_about_lc ul li:last-child{ float: right; margin-right: 0;} 
.con_about_lc ul li h2{ color: #000000;font-size: 22px;}
.con_about_lc ul li h5{ color: #9c2923; font-size: 18px; margin-bottom: 30px;} 
.con_about_lc ul li p{line-height: 175%; color: #000000;font-size: 12px; margin: 10px 0px;} 
.con_about_lc ul li:hover{ background: url("/images/about05.jpg") no-repeat center;} 
.con_about_lc ul li:hover h2{color: #FFFFFF;} 
.con_about_lc ul li:hover h5{color: #FFFFFF;} 
.con_about_lc ul li:hover p{color: #FFFFFF;} 






.con_about_js{ width:1280px;margin:50px auto 0px;} 
.con_about_js img{ width: 100%;} 

.con_about_re{ width:1280px;margin:50px auto 100px;} 
.con_about_re img{ width: 100%;} 

.con_pro_{  width: 100%;/* background: #F2F2F2;*/ padding-bottom: 50px;} 
.con_pro{ margin: 20px auto; width: 1200px;}
.con_pro ul{ margin: 0px ; padding: 0px;} 
.con_pro ul li{ float: left; margin-right:40px; margin-bottom:40px; width: 580px;height: auto; overflow: hidden;} 
.con_pro ul li:nth-child(2n+0){ margin-right:0;} 
.con_pro ul li img{ /*position: absolute; z-index: 9; */width: 100%; height: 380px; } 
.con_pro ul li .podinfo-ulmes{ width:94%; padding:2% 3%;}
.con_pro ul li .podinfo-ulmes h1 { font-size:18px; line-height:30px; color: #000000;}
.con_pro ul li .podinfo-ulmes p{ font-size:14px; color:#666; line-height:25px; min-height:50px;}
.con_pro ul li .podinfo-ulmes h2 { margin-top: 8px; font-size:15px; color: #000000; font-weight: 600;}
.con_pro ul li:hover {
  box-shadow: 0 0 10px 6px #e5e5e5;
}

/*
.con_pro ul li a{ display: block;position: absolute; z-index: 999; width: 410px;height: 320px; top: 320px;  background: rgba(0,0,0,0.5);color: #FFFFFF;padding: 120px 0px 0px; box-sizing: border-box; font-size: 36px; text-align: center;transition: all 0.6s;} */

.con_pro ul li:hover a{ top: 0px;} 



.con_case{ margin: 50px auto; width: 1280px;} 
.con_case ul{ margin: 0px ; padding: 0px;} 
.con_case ul li{ float: left; margin: 0px 25px 25px 0px; width: 410px; border: #DDDDDD 1px solid; padding: 10px; box-sizing: border-box;} 
.con_case ul li:nth-child(3){ float: right; margin:0px 0px 25px 0px; } 
.con_case ul li:nth-child(6){ float: right; margin:0px 0px 25px 0px; } 
.con_case ul li:nth-child(9){ float: right; margin:0px 0px 25px 0px; } 
.con_case ul li:nth-child(12){ float: right; margin:0px 0px 25px 0px; } 
.con_case ul li:hover{} 
.con_case ul li div{  width: 100%; height: 100%; overflow: hidden; } 
.con_case ul li img{  width: 100%; height: 100%; } 
.con_case ul li p{ color: #333333; text-align: left; padding: 15px 0px; text-align: center;font-size: 18px;} 
.con_case ul li:hover p{color: #9c2923;} 


.con_store{ margin: 80px auto; width: 1280px;} 
.con_store ul{ margin: 0px ; padding: 0px;} 
.con_store ul li{ float: left; margin: 0px 40px 40px 0px; width: 400px; background: #FFFFFF;} 
.con_store ul li:nth-child(3n){ float: right; margin:0px 0px 40px 0px; } 
.con_store ul li div{  width: 100%; height: auto; overflow: hidden; } 
.con_store ul li img{  width: 100%; height: 262px; } 
.con_store ul li p{/* display: none;*/ font-size:18px; line-height:30px; margin-top:12px; text-align:center; color:#333;} 

.con_pro_m{ margin:0px auto 30px; width: 1200px; background: #FFFFFF; box-sizing: border-box;/* padding: 30px 0px;*/} 

.con_pro_m_left{ float: left; width: 48%;}
.con_pro_m_left img{ width:100%;border: #dbdbdb 1px solid;}
.con_pro_m_left ul{} 
.con_pro_m_left ul li{ margin-bottom: 8px;} 
.con_pro_m_left ul li a{ display: block; border: #DDDDDD 1px solid; text-align: center; padding: 10px 0px; font-size: 14px;} 
.con_pro_m_left ul li a:hover{color: #FFFFFF; background: #9c2923;border: #9c2923 1px solid;} 
.con_pro_m_left_tit{ width: 260px; text-align: center; font-size: 30px; font-weight: bold; color: #FFFFFF; background: #9c2923; padding: 30px 0px; margin-bottom: 15px;} 

.con_pro_m_right{ width: 50%; float:right; text-align: left;} 
.con_pro_m_right h1{font-size: 36px; padding: 0px 0px 30px; margin: 0px auto 30px; border-bottom: #DDDDDD 1px dashed;display: block;} 
.con_pro_m_right h5{ background: #F6F6F6; box-sizing: border-box; padding: 30px; font-weight: normal;font-size: 16px; line-height: 175%; text-align: justify; margin-bottom: 30px;} 

.con_pro_m_right #MyContent p{ margin: 3px 0px; font-size: 16px; color: #000000; line-height: 175%;} 
.con_pro_m_right #MyContent p strong{ display: block; font-size: 24px; margin-bottom: 25px;} 
.con_pro_m_right #MyContent img{ width:100%;} 
.con_pro_m_more{ margin: 35px auto 0; width: 1200px; box-sizing: border-box; padding: 0px;} 
.con_pro_m_more h4{ display: inline-block; margin: 0px 0px 20px; font-size: 24px; color:#354C6E; text-transform:uppercase; font-weight:bold; /*border-bottom:1px solid #354C6E; padding-bottom:10px; margin-bottom:10px;*/} 
.con_pro_m_more ul{} 
.con_pro_m_more ul li{ float: left;  margin-right: 27px; border: #DDDDDD 1px solid;} 
.con_pro_m_more ul li:last-child{ float: right; margin-right: 0px;} 
.con_pro_m_more ul li div{width: 380px; height: auto; overflow: hidden;} 
.con_pro_m_more ul li img{width: 380px; height: auto;} 
.con_pro_m_more ul li p{ color: #FFFFFF;background: #333333; text-align: center; padding: 10px 0px; font-size: 14px; font-weight: normal;} 






.con_news{ width: 100%; margin:80px auto;} 

.con_news_{margin: 0px auto; width: 1280px; } 
.con_news_ ul{ margin: 0px ; padding: 0px; } 
.con_news_ ul li{ margin: 0px; padding: 50px 0px; border-bottom: #DDDDDD 1px dashed; overflow:hidden;} 
.con_news_ ul li:hover{} 
.con_news_ ul li img{ float:left; width: 400px; height: 240px;} 

.con_news_ .con_news_more{ float:left; line-height: 175%; width: 780px; margin-left: 100px; margin-top: 20px;} 
.con_news_ .con_news_more p{ font-size: 24px; color: #9c2923; } 
.con_news_ .con_news_more em{ display: block; font-style: normal; color:#999999; margin: 10px 0px; font-size: 12px;} 
.con_news_ .con_news_more span{ display: block; font-size: 14px; line-height: 175%; margin:15px 0px 30px; color: #999999;} 
.con_news_ .con_news_more h5 a{color: #999999; font-size: 12px;display: block;} 
.con_news_ .con_news_more h5 a:hover{color: #9c2923; } 


.con_news_m{margin: 50px auto; width: 1000px; background: #FFFFFF; padding:0px; box-sizing: border-box;} 
.con_news_m H1{ font-size: 36px; text-align: left; font-weight: bold; padding: 35px 0px 15px; line-height: 175%;} 
.con_news_m h5{ text-align: left; display: block; padding: 5px 0px 10px;border-bottom: #CCCCCC 1px dashed; font-weight: normal; color: #666666; font-size: 12px;} 
.con_news_m #MyContent{ padding: 30px 0px;font-size: 16px; line-height: 30px;} 
.con_news_m #MyContent p{margin: 35px 0px; font-size: 16px; line-height: 30px;} 
.con_news_m #MyContent p img{ max-width: 800px; display: block; margin: 20px auto;} 
.con_news_m #MyContent a{ font-size: 14px;} 
.con_news_m_more{ width: 1200px; background: #FFFFFF; padding: 30px 0px 50px 50px; box-sizing: border-box; margin: 0px auto 0px;} 
.con_news_m_more h4{ display: inline-block; margin-bottom: 20px; font-size: 30px;} 
.con_news_m_more ul{} 
.con_news_m_more ul li{ padding: 3px 0px;} 
.con_news_m_more ul li a{ color: #000000;} 
.con_news_m_more ul li a:hover{ color: #9c2923;} 
.con_news_m_more ul li span{ font-size: 12px; color: #999999;} 




.con_join_d{width: 100%; height:auto; margin:80px 0px; padding:80px 0px; background: url("/images/join04.jpg") no-repeat center; box-sizing: border-box;} 
.con_join_d_tit{ text-align: center; width: 1280px; margin: 0px auto;} 
.con_join_d_tit h3{ font-size: 36px;  color: #FFFFFF;} 
.con_join_d_tit span{display: block; font-size:18px;color:#CCCCCC; margin: 5px 0px 15px; text-transform: uppercase;} 

.con_join_d_{margin: 50px auto 0px; width:1280px; } 
.con_join_d_ ul{} 
.con_join_d_ ul li{ float: left; margin:0px 107px 0px 0px; text-align: center;} 
.con_join_d_ ul li:last-child{ float: right; margin: 0px 0px 0px 0px;} 
.con_join_d_ ul li img{ width: 80px; height: 80px;} 
.con_join_d_ ul li p{   color: #FFFFFF;font-size:16px; text-align: center; text-align: center; margin-top: 15px;}

.con_join_a{ width: 1280px; margin: 100px auto;text-align: center;} 
.con_join_a_tit h3{ font-size: 36px; font-weight: bold; color: #9c2923;} 
.con_join_a_tit span{display: block; font-size:18px;color:#999999; margin: 5px 0px 15px; text-transform: uppercase;} 
.con_join_a img{ width: 100%;} 

.con_join_b{width: 100%;  margin: 80px 0px;} 
.con_join_b_{width: 100%;} 
.con_join_b_tit{ text-align: center; width: 1280px; margin: 0px auto;} 
.con_join_b_tit h3{ font-size: 36px; font-weight: bold; color: #9c2923;} 
.con_join_b_tit span{display: block; font-size:18px;color:#999999; margin: 5px 0px 15px; text-transform: uppercase;} 
.con_join_b_tit p{font-size:16px; color:#000000;} 
.con_join_b_con{ width: 1280px; margin: 60px auto 0px;} 
.con_join_b_con .fl{ float: left; width: 600px; height: 360px; overflow: hidden;} 
.con_join_b_con .fl img{ width: 100%;} 
.con_join_b_con .fr{ float: right; width: 600px;} 
.con_join_b_con .fc{ float: left; width: 600px;} 
.con_join_b_con .fb{ float: right; width: 600px; height: 360px; overflow: hidden;} 
.con_join_b_con .fb img{ width: 100%;} 
.con_join_b_con div span{ color: #9c2923;} 
.con_join_b_con div h3{ font-size: 28px; margin-top: 5px;} 
.con_join_b_con div p{ margin:10px 0px; text-align: justify; line-height: 175%; color:#666666;} 
.con_join_b_con div em{display: block; background: #9c2923; width: 35px; height:3px;} 

.con_join_b_b{ margin-top: 80px;} 


.con_join_c{width: 100%; height:auto; margin:0px; padding:80px 0px; background: url("/images/join06.jpg") no-repeat center; box-sizing: border-box;} 
.con_join_c_tit{ text-align: center; width: 1280px; margin: 0px auto;} 
.con_join_c_tit h3{ font-size: 36px; font-weight: lighter; color: #FFFFFF;} 
.con_join_c_tit span{display: block; font-size:18px;color:#9c2923; margin: 5px 0px 15px; text-transform: uppercase;} 
.con_join_c_tit p{font-size:16px; color:#CCCCCC;} 
.con_join_c_{width: 1280px; margin: 50px auto;} 
.con_join_c_ ul{} 
.con_join_c_ ul li{ float: left; width: 170px; margin-right:50px; text-align: center;}
.con_join_c_ ul li:last-child{ float: right; margin-right: 0px;} 
.con_join_c_ ul li img{ display: block; margin: 0px auto 20px;} 
.con_join_c_ ul li p{ font-size: 18px; color: #FFFFFF; text-align: center; margin-bottom: 10px;} 
.con_join_c_ ul li span{font-size: 12px; color: #CCCCCC; line-height: 175%;} 


.join_con_02_{ margin: 80px auto; width: 600px;} 
.join_con_11_txt01{ font-size: 36px; font-weight: lighter; border-bottom: #999999 1px solid; padding:60px 0px 20px 0px; text-align: center;} 
.join_con_11_txt02{ margin: 20px 0px;} 
.join_con_11_txt02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 265px; } 

.join_con_11_txt03{ margin: 20px 0px;} 
.join_con_11_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; } 

.join_con_11_txt04{ margin: 20px 0px;} 
.join_con_11_txt04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; height: 200px; vertical-align: top; font-family: "微软雅黑";} 

.join_con_11_txt05{ margin: 50px 0px;text-align: center;} 
.join_con_11_txt05 input{ border: none; background: #9c2923; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold; } 






.con_contact{ margin: 80px auto; width: 1280px;background: #FFFFFF;}
.con_contact h3{ text-align:center; font-size:36px; line-height:60px; color:#333; margin-bottom:40px;}
.con_contact ul{ margin: 0px; padding: 0px;}
.con_contact ul li{ float: left; border-right:#DDDDDD 1px solid;  text-align: center; width: 32.333%; box-sizing: border-box;}
.con_contact ul li:last-child{ border-right: none;}
.con_contact ul li img{width:75px; height:75px;}
.con_contact ul li p {color:#000000;font-size:18px;margin:30px 0px 5px;}
.con_contact ul li span{color: #999999;font-size:14px;line-height: 175%;}
.con_contact_map{ margin: 0px auto 60px; width: 1280px;}









/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;}
div.black2 a{border:#CCCCCC 1px solid;padding:8px 15px;margin:2px;color:#666666;text-decoration:none; border-radius: 5px;}
div.black2 a:hover{color:#fff;background-color:#9c2923;border:#9c2923 1px solid;}
div.black2 a:active{color:#fff;background-color:#9c2923;border:#9c2923 1px solid;}
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fff;background-color:#9c2923;border:#9c2923 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 

.fenye{padding:10px;margin:10px;text-align:center;}
.fenye a{border:#CCCCCC 1px solid;padding:8px 15px;margin:2px;color:#666666;text-decoration:none;}
.fenye a:hover{color:#fff;background-color:#9c2923;border:#9c2923 1px solid;}
.fenye a:active{color:#fff;background-color:#9c2923;border:#9c2923 1px solid;}
.fenye a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fff;background-color:#9c2923;border:#9c2923 1px solid;} 


@media screen and (max-width:768px){
	.header{ height:60px;}
    .weizhi{width: 85%; margin: 0px auto 30px; } 
	.weizhi_{ } 
	.us_menu{ float: left;} 
	.us_menu ul{} 
	.us_menu ul li{ float: left; } 
	.us_menu ul li a{  font-size: 0.8em; padding:8px 12px; } 
	.document_width{ width:96%; margin:auto;}
	
	.us_top{ float: right; font-size: 0.6em; padding: 10px 10px 0px 0px;} 
	.us_top a{ font-size: 1em;} 

	.us_top_pro{font-size: 0.8em; padding: 10px 0px 10px 20px;} 
	.us_top_pro a{font-size: 1em;} 
	
	.indexslright .dian.dian1{    left: 170px; top: 145px; background-size: 26px 26px;}

	
	.us_menu_pro{ padding: 0px 0px 10px 12px;} 
	.us_menu_pro ul li a{   margin: 2px 2px; font-size: 0.6em; padding:8px 0px;  width: 89px; color: #000000;} 
	
	
	.con_about_tit{ width:85%;margin:30px auto 0px; } 
	.con_about_tit h5{font-size: 1.5em;} 
	.con_about_tit span{ font-size: 0.8em; } 
	.con_about_tit em{} 
	
	.con_about_con{  width: 85%; margin-top:15px;} 
	.con_about_con_{ margin: 30px auto;} 
	.con_about_con_ .fl{ float: none; width: 100%; padding-right: 0px; margin-top: 0px;}
	.con_about_con_ .fr{ float: none; width: 100%; height: auto;margin-top: 20px;}
	.con_about_con_ .fc{ float: none; width: 100%;  height: auto;margin-top: 20px;}
	.con_about_con_ .fz{ float: none; width: 100%; text-align: left; padding-left: 0px; margin-top: 20px;}
	.con_about_con_ h3{font-size: 1.2em;  margin-bottom: 10px;}
	.con_about_con_ p{ line-height: 160%; font-size: 0.8em;}
	
	.indexslleft{ width:100%;}
	.indexslleft ul li span{float: none; text-indent:2em;}
	.indexslright{ width:100%; margin:none;}
	
	.con_about_wh{ background-size: cover; padding: 30px 0px; margin: 30px 0px;} 
	.con_about_wh_{  width: 85%;} 
	.con_about_wh_l{ float:none; width:100%;} 
	.con_about_wh_l h5{font-size: 1.3em; line-height: 150%;} 
	.con_about_wh_l span{ font-size: 1.5em; } 
	.con_about_wh_l em{  margin:20px 0px; } 
	.con_about_wh_l p{ line-height: 160%; font-size: 0.8em;} 
	.con_about_wh_r{ float:none; width: 100%; height: auto;margin-top:20px;} 
	.con_about_wh_r img{ width: 100%;} 
	
	
	.con_about_lc{ width:85%;margin:30px auto;} 
	.con_about_lc ul li{ float: none; margin-right:0; width: 100%; padding: 20px; height: auto;} 
	.con_about_lc ul li:nth-child(2n){background: #FAFAFA;} 
	.con_about_lc ul li:last-child{ float: none; margin-right: 0;} 
	.con_about_lc ul li h2{ font-size: 1.2em; margin-bottom: 5px;}
	.con_about_lc ul li h5{ font-size: 1em; margin-bottom: 20px;} 
	.con_about_lc ul li p{line-height: 150%;  font-size: 0.8em; margin: 3px 0px;} 
	.con_about_lc ul li:hover{ background-size: cover;} 

	
	.con_about_js{ width:85%;margin:30px auto 0px;} 
	.con_about_re{ width:85%;margin:30px auto 30px;} 
	
	
	.con_pro_{  padding: 30px 0px 30px;} 
	.con_pro{ margin: 0px auto; width: 85%;}
	.con_pro ul li{ float: none; margin: 0px 0px 10px 0px; width: 100%;height: auto;} 
	.con_pro ul li:nth-child(3n){ float: none; margin:0px 0px 10px 0px; } 
	.con_pro ul li img{ position: relative;  width: 100%; height: 100%; display: block; margin: 0px;} 
	.con_pro ul li a{  position: relative;   width: 100%; height: auto; top:0px;  background:#FFFFFF;color: #000000; padding:15px 0px 15px;  font-size: 1.2em;} 
	.con_pro_m{ margin:30px auto 30px; width: 96%; padding:0px;} 
	.con_pro_m_left{ float: none; width: 96%; margin: 0px auto;}
	.con_pro_m_right{ float: none; width: 96%; margin: 0px auto; padding:3%;}
	.con_pro_m_left ul{} 
	.con_pro_m_left ul li{ float: left;  width: 32.5%; margin-right: 3px; margin-bottom: 2px;} 
	.con_pro_m_left ul li:nth-child(3n){ float: right; margin-right: 0px;} 
	.con_pro_m_left ul li a{  padding: 5px 0px; font-size: 0.6em; color: #000000;} 
	.con_pro_m_left_tit{ display: none;} /*
	.con_pro_m_right{ float: none; width: 85%; margin: 0px auto; clear: both; margin-top: 25px;} */
	.con_pro_m_right h1{font-size: 1.5em; padding: 0px 0px 20px; margin: 0px auto 20px; } 
	.con_pro_m_right h5{ padding: 20px; font-size: 1em; line-height: 160%; margin-bottom: 2%;} 
	.con_pro_m_right #MyContent p{ font-size: 1em;  line-height: 160%;} 
	.con_pro_m_right #MyContent p strong{ font-size: 1.2em; margin-bottom:15px;} 
	.con_pro_m_more{ display: none;} 
	
	
	
.indexpro dl{ width:45vw;}
.indextt{ margin-bottom:20px;}
.indextt strong{ font-size:22px;}
.indextt a.a{ display:none;}
.yyjtl, .yyjtr{ top:100px;}
dl.yydl dd h3 a{ font-size:15px;}
.indexslleft ul li{ width:100%; margin:1% 0;}
.indexslleft ul li strong{ height:34px; line-height:34px; font-size:14px; padding-bottom:5px;}
.indexslleft ul li strong em{ font-size:30px;}
.indexslleft ul li span{ margin-top:15px;}
.indexcx{ padding:30px 0;}
.indexcxdiv1{clip-path: none;
    height: auto;
    padding: 30px;    width: 100%;    clip-path: none;}
.cxtt h3 a{ padding-bottom:9px; margin-top:10px;}
.cxtt p{ max-height:none; font-size:13px; line-height:22px;}
.indexcxdiv2{width:100%; position:static; clip-path:none; height:auto; padding:30px; margin-top:15px;}

.bottomdiv dl.d2{ width:100%;}
.bottomdiv dl.d2 dt{ border-top:1px solid rgba(255,255,255,0.2); padding-top:11px; padding-left:11px; box-sizing:border-box; background:url(../images/btn_foot_visible.png) right 16px no-repeat; background-size:26px auto !important;}
.bottomdiv dl.d2.cur dt{ background:url(../images/btn_foot_visible_1.png) right 16px no-repeat;}
.bottomdiv dl.d2 dd{ margin-bottom:15px; display:none;padding-left:15px; box-sizing:border-box;}
.bottomdiv dl.d2 dd a{ width:31.333%; margin:0 1%; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed rgba(255,255,255,0.1);}
.bottomdiv dl.d2.cur dd{ display:block;} 
/*
.bottomdiv{ padding:20px 0;}
.bottomdiv dl.d2{ width:100%; height: auto; float: left;}
.bottomdiv dl.d2 dt{ font-size:15px; padding-left:10px; padding-top:8px; margin-bottom:8px; background-size:20px auto !important;}
.bottomdiv dl.d2 dd{ padding-left:8px; display:none;}
.bottomdiv dl.d2 dd a{ font-size:13px; height:22px; line-height:22px;}*/
.bottomdiv dl.d1{ width:100%; margin-bottom:25px; padding:0% 2%;}
.bqxxdiv{ margin-bottom:60px; font-size:13px; padding:15px 0;}
.backtop{ width:38px; height:38px; bottom:68px; }
.fd_right ul li.l1 a{ background-size:22px auto !important; padding:38px 0 10px 0; font-size:12px;}

	
	.con_join_b{width: 100%;  margin: 30px 0px;} 
	.con_join_b_{width: 100%;} 
	.con_join_b_tit{ width: 85%; margin: 0px auto;} 
	.con_join_b_tit h3{ font-size: 1.5em; } 
	.con_join_b_tit span{ font-size:0.8em; } 
	.con_join_b_tit p{font-size:1em; color:#000000;} 
	.con_join_b_con{ width: 85%; margin: 30px auto 0px;} 
	.con_join_b_con .fl{ float: none; width: 100%; height: auto;} 
	.con_join_b_con .fr{ float: none; width: 100%; margin-top: 20px;} 
	.con_join_b_con .fc{ float: none; width: 100%;} 
	.con_join_b_con .fb{ float: none; width: 100%; height: auto;}
	.con_join_b_con div span{ } 
	.con_join_b_con div h3{ font-size: 1.2em; } 
	.con_join_b_con div p{ margin:10px 0px; line-height: 160%;  font-size: 1em; color: #000000;} 
	.con_join_b_con div em{ } 

	.con_join_b_b{ margin-top: 30px;}

	
	.con_join_d{  margin:30px 0px; padding:30px 0px; background-size: cover; } 
	.con_join_d_tit{ width: 85%; margin: 0px auto;} 
	.con_join_d_tit h3{ font-size: 1.5em; } 
	.con_join_d_tit span{ font-size:1em;} 

	.con_join_d_{margin: 30px auto 0px; width:85%; } 
	.con_join_d_ ul{} 
	.con_join_d_ ul li{ float: left; width: 33%; margin:0px 0px 20px 0px; text-align: center;} 
	.con_join_d_ ul li:nth-child(3){ float: right; margin: 0px 0px 20px 0px;} 
	.con_join_d_ ul li img{ width: 50px; height: 50px;} 
	.con_join_d_ ul li p{ font-size:0.7em; margin-top: 10px;}

	
	
	.con_join_a{ width: 85%; margin: 30px auto; } 
	.con_join_a_tit h3{ font-size: 1.5em;  } 
	.con_join_a_tit span{ font-size:1em;} 
	
	
	.con_join_c{  padding:30px 0px; background-size: cover; } 
	.con_join_c_tit{ width: 85%;} 
	.con_join_c_tit h3{ font-size: 1.5em;} 
	.con_join_c_tit span{ font-size:1em;} 
	.con_join_c_tit p{font-size:1em; } 
	.con_join_c_{width: 85%; margin: 20px auto;} 
	.con_join_c_ ul{} 
	.con_join_c_ ul li{ width: 50%; margin-right:0px; text-align: center; padding: 2%; box-sizing: border-box;}
	.con_join_c_ ul li:last-child{ float: right; margin-right: 0px;} 
	.con_join_c_ ul li img{ } 
	.con_join_c_ ul li p{ font-size: 1.2em;} 
	.con_join_c_ ul li span{font-size: 0.7em;line-height: 160%;} 


	.join_con_02_{ margin: 30px auto; width: 70%;} 
	.join_con_11_txt01{ font-size: 1.5em;  padding:0px 0px 20px 0px; } 
	.join_con_11_txt02{ margin: 10px 0px;} 
	.join_con_11_txt02 input{   padding: 10px; font-size: 0.8em; width: 49%; box-sizing: border-box;} 

	.join_con_11_txt03{ margin: 10px 0px;} 
	.join_con_11_txt03 input{  padding: 10px; font-size: 0.8em; width: 100%; box-sizing: border-box;} 

	.join_con_11_txt04{ margin: 10px 0px;} 
	.join_con_11_txt04 textarea{  padding: 10px; font-size: 0.8em; width: 100%; height: 100px;box-sizing: border-box;} 

	.join_con_11_txt05{ margin: 20px 0px;text-align: center;} 
	.join_con_11_txt05 input{ padding: 10px;width: 50%; font-size: 1.2em; } 
	
	
	.con_news{ width: 100%; margin:30px auto;} 
	.con_news_{ width: 85%; } 
	.con_news_ ul li{padding: 20px 0px;} 
	.con_news_ ul li img{ float:none; width: 100%; height: auto;} 

	.con_news_ .con_news_more{ float:none; line-height: 160%; width: 100%; margin-left:0px; margin-top: 15px;} 
	.con_news_ .con_news_more p{ font-size: 1em;} 
	.con_news_ .con_news_more em{ font-size: 0.8em;} 
	.con_news_ .con_news_more span{  font-size: 0.8em; line-height: 160%; margin:10px 0px 20px;} 
	.con_news_ .con_news_more h5 a{  font-size: 0.8em; } 
	.con_news_ .con_news_more h5 a:hover{ } 


	.con_news_m{margin: 30px auto; width: 85%;} 
	.con_news_m H1{ font-size: 1.5em; padding: 0px 0px 15px; line-height: 150%;} 
	.con_news_m h5{  padding: 5px 0px 10px; font-size: 0.6em;} 
	.con_news_m #MyContent{ padding: 20px 0px;} 
	.con_news_m #MyContent p{margin: 25px 0px; font-size: 1em; line-height: 160%;} 
	.con_news_m #MyContent p img{ max-width: 100%; width: 100%;} 
	.con_news_m #MyContent a{ font-size: 1em;} 
	
	.con_news_m_more{display: none;} 

	.con_case{ margin: 30px auto; width: 85%;} 
	.con_case ul li{ float: none; margin: 0px 0px 25px 0px; width: 100%;} 
	.con_case ul li:nth-child(3){ float: none; margin:0px 0px 25px 0px; } 
	.con_case ul li:nth-child(6){ float: none; margin:0px 0px 25px 0px; } 
	.con_case ul li:nth-child(9){ float: none; margin:0px 0px 25px 0px; } 
	.con_case ul li:nth-child(12){ float: none; margin:0px 0px 25px 0px; } 
	.con_case ul li:hover{} 
	.con_case ul li p{ font-size: 1em;} 


	.con_store{ margin: 30px auto; width: 85%;} 
	.con_store ul li{ float: none; margin: 0px 0px 20px 0px; width: 100%;} 
	.con_store ul li:nth-child(2n){ float: none; margin:0px 0px 20px 0px; } 
	.con_store ul li div{  width: 100%; height: 100%; overflow: hidden; } 
	.con_store ul li img{  width: 100%; height: 100%; } 
	.con_store ul li p{ /*display: none;*/} 
	
	
	.con_contact h3{ text-align:center; font-size:22px; line-height:30px; color:#333; margin-bottom:10px;}
	.con_contact{ margin: 30px auto; width: 85%; }
	.con_contact ul li{ float: none; border-right:none;width: 100%; border-bottom: #DDDDDD 1px solid; padding-bottom: 20px; margin-bottom: 20px;}
	.con_contact ul li p {font-size:1.5em;margin:20px 0px 5px;}
	.con_contact ul li span{ font-size:1em;line-height: 160%;}
	.con_contact_map{ margin: 0px auto 30px; width: 85%;}
	
	
	div.black2{padding:10px;margin:10px;text-align:center;}
	div.black2 a{ padding:3px 8px;margin:1px; font-size: 0.6em;}
	div.black2 a.curr{padding:3px 8px;font-weight:bold;margin:1px;} 
	
}

.ho{ width:100%; margin:5% auto; overflow:hidden;}
.ho h3{ text-align:center; font-size:30px; line-height:50px; color:#354c6e; font-weight:bold; margin-bottom:15px;}
.ho li{ width:22%; float:left; margin:1.5%;box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.ho li img{ width:100%;}
.ho li p{ text-align:center; font-size:16px; line-height:50px;}


/*下载中心*/
.support-bg .download-box .dright {
	width: 280px;
	float: right;
	padding: 15px;
	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 6px 6px rgba(0, 0, 0, .1);
	box-shadow: 0 6px 6px rgba(0, 0, 0, .1);
}

.support-bg .download-box .dright .bt {
	font-size: 15px;
	color: #656565;
	font-weight: bold;
	margin-bottom: 10px;
}

.support-bg .download-box .dright .selectbox .sitem .word {
	height: 60px;
	line-height: 60px;
	background-color: #ebebeb;
	cursor: pointer;
}

.support-bg .download-box .dright .selectbox .sitem[data-on="on"] .word {
	background-color: #26a65c;
}

.support-bg .download-box .dright .selectbox .sitem .word .ww {
	width: 94%;
	max-width: 220px;
	margin: 0 auto;
	font-size: 14px;
	color: #282727;
	font-weight: bold;
	position: relative;
}

.support-bg .download-box .dright .selectbox .sitem[data-on="on"] .word .ww {
	color: #fff;
}

.support-bg .download-box .dright .selectbox .sitem .word .ww:after {
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 2px;
	border-color: #9da0a5 #9da0a5 transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.support-bg .download-box .dright .selectbox .sitem[data-on="on"] .word .ww:after {
	margin-top: -6px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	border-color: #fff #fff transparent transparent;
}

.support-bg .download-box .dright .selectbox .sitem .menu {
	width: 94%;
	max-width: 220px;
	margin: 0 auto;
	display: none;
}

.support-bg .download-box .dright .selectbox .sitem .menu[data-on="on"] {
	display: block;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list {
	padding: 10px 0;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm {
	padding-left: 40px;
	font-size: 14px;
	color: #737373;
	height: 36px;
	line-height: 36px;
	display: block;
	position: relative;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm.on span {
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 1;
	visibility: visible;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm span {
	width: 30px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm span:before {
	content: "";
	border-style: solid;
	border-width: 3px 5px;
	border-color: transparent transparent transparent #26a65c;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.support-bg .download-box .dright .selectbox .sitem .menu .list .mm span:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #26a65c;
	position: absolute;
	right: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.support-bg .download-box .dleft {
	width: -webkit-calc(97% - 280px);
	width: -moz-calc(97% - 280px);
	width: calc(97% - 280px);
	max-width: 970px;
	margin:50px auto 0;
}

.support-bg .download-box .dleft .dsearch {
	margin-top: 25px;
	margin-bottom: 25px;
	border: 1px solid #e1e1e1;
	padding-right: 50px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.support-bg .download-box .dleft .dsearch input[type="text"] {
	width: 100%;
	height: 55px;
	background-color: #f5f5f5;
	font-size: 12px;
	color: #bebebe;
	border: none;
	padding: 0 20px;
}

.support-bg .download-box .dleft .dsearch input[type="submit"] {
	width: 50px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background-color: #26a65c;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/wsico.png);
	-webkit-background-size: 17px 18px;
	-moz-background-size: 17px 18px;
	-o-background-size: 17px 18px;
	background-size: 17px 18px;
	cursor: pointer;
}

/*列表*/
.support-bg .download-box .dleft .dtable {
	margin:0px auto 30px;
}

.support-bg .download-box .dleft .dtable .dhead {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	height: 65px;
	line-height: 65px;
	border-top: 2px solid #5f6760;
}

.support-bg .download-box .dleft .dtable .dhead .hh {
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 30px;
}

.support-bg .download-box .dleft .dtable .dhead .hh.h1 {
	width: -webkit-calc(100% - 320px);
	width: -moz-calc(100% - 320px);
	width: calc(100% - 320px);
	background-color: #262e2b;
}

.support-bg .download-box .dleft .dtable .dhead .hh.h2 {
	width: 320px;
	background-color: #363d3a;
	border-left: 1px solid #5f6760;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

.support-bg .download-box .dleft .dtable .dbody .lib {
	height: 70px;
	line-height: 70px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}

.support-bg .download-box .dleft .dtable .dbody .lib .unload {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 {
	padding-left: 30px;
	width: -webkit-calc(100% - 320px);
	width: -moz-calc(100% - 320px);
	width: calc(100% - 320px);
	background-color: #fff;
}

.support-bg .download-box .dleft .dtable .dbody .lib:nth-child(2n) .bb.b1 {
	background-color: #fcfcfc;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 .title {
	font-size: 16px;
	color: #333333;
	padding-left: 36px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/dbtn_03.png);
	-webkit-background-size: 22px 27px;
	-moz-background-size: 22px 27px;
	-o-background-size: 22px 27px;
	background-size: 22px 27px;
	display: block;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 {
	width: 320px;
	background-color: #fcfcfc;
	-webkit-flex: 1;
	-ms-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	padding-left: 20px;
	border-left: 1px solid #e6e6e6;
}

.support-bg .download-box .dleft .dtable .dbody .lib:nth-child(2n) .bb.b2 {
	background-color: #f5f5f5;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn {
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 30px;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn:nth-child(1) {
	background-image: url(../images/dbtn_06.png);
	-webkit-background-size: 23px 19px;
	-moz-background-size: 23px 19px;
	-o-background-size: 23px 19px;
	background-size: 23px 19px;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn:nth-child(2) {
	background-image: url(../images/dbtn_07.png);
	/*-webkit-background-size: 23px 19px;
	-moz-background-size: 23px 19px;
	-o-background-size: 23px 19px;
	background-size: 23px 19px;
	//  background-size: 28px 19px;*/
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn:nth-child(3) {
	background-image: url(../images/dbtn_10.png);
	-webkit-background-size: 23px 19px;
	-moz-background-size: 23px 19px;
	-o-background-size: 23px 19px;
	background-size: 23px 19px;
}

.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn:nth-child(4) {
	background-image: url(../images/dbtn_12.png);
	-webkit-background-size: 31px 19px;
	-moz-background-size: 31px 19px;
	-o-background-size: 31px 19px;
	background-size: 31px 19px;
}

.support-bg .download-box .dleft .allfenye {
	text-align: left;
}

@media only screen and (min-width: 601px) {
	.support-bg .download-box .dright .selectbox .sitem .menu .list .mm:hover span {
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		opacity: 1;
		visibility: visible;
	}
}

@media only screen and (max-width: 1360px) {
	.support-bg {
		padding-top: 60px;
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 1280px) {
	.support-bg {
		padding-top: 40px;
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 1024px) {
	.support-bg .download-box .dright {
		width: 100%;
		float: none;
		margin-bottom: 5%;
	}

	.support-bg .download-box .dright .selectbox .sitem .word .ww {
		max-width: none;
	}

	.support-bg .download-box .dright .selectbox .sitem .menu[data-on="on"] {
		max-width: none;
	}

	.support-bg .download-box .dleft {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 768px) {
	.support-bg {
		padding-top: 5%;
		padding-bottom: 6%;
	}

	.support-bg .download-box .dright .selectbox .sitem .word {
		height: 50px;
		line-height: 50px;
	}

	.support-bg .support-theme {
		font-size: 20px;
	}

	.support-bg .download-box .dleft .dtable .dhead .hh.h1 {
		width: -webkit-calc(100% - 180px);
		width: -moz-calc(100% - 180px);
		width: calc(100% - 180px);
		padding-left: 10px;
	}

	.support-bg .download-box .dleft .dtable .dhead .hh.h2 {
		width: 180px;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 {
		width: -webkit-calc(100% - 180px);
		width: -moz-calc(100% - 180px);
		width: calc(100% - 180px);
		padding-left: 10px;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 {
		width: 180px;
		padding: 0 3%;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 .btn {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}

	.support-bg .download-box .dleft .dtable .dhead {
		height: 50px;
		line-height: 50px;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib {
		height: 55px;
		line-height: 55px;
	}
}

@media only screen and (max-width: 414px) {
	.support-bg .download-box .dleft .dtable .dhead .hh.h1 {
		width: 100%;
	}

	.support-bg .download-box .dleft .dtable .dhead .hh.h2 {
		display: none;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib {
		height: auto;
		line-height: 40px;
		display: block;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 .title {
		font-size: 15px;
		-webkit-background-size: 18px 23px;
		background-size: 18px 23px;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b1 {
		width: 100%;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib:nth-child(2n) .bb.b1 {
		background-color: #fff;
	}

	.support-bg .download-box .dleft .dtable .dbody .lib .bb.b2 {
		height: 50px;
		width: 100%;
		border: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: space-between;
		-ms-flex-pack: space-between;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.support-bg .download-box .dleft .dsearch input[type="text"] {
		height: 40px;
	}
}

.sois{ margin:45px auto 20px; overflow:hidden; text-align:center;}
.sois .cn {
    font-size: 36px;
    margin-bottom: 10px;
	line-height:50px;
	color:#354c6e;
}
.sois .en {
    font-size: 24px;
	text-transform: uppercase;
	color:#354c6e;
}