@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/Poppins-Regular.otf');
}
 
 
 @font-face {
 font-family: 'ziti'; 
	src: url('../fonts/Poppins-Bold.otf');
}
 
i,em{ font-style:normal;}
body {  font-family:"Montserrat",'Poppins', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', '微软雅黑',"AlibabaLight","思源","黑体",Arial, sans-serif,Stawix, Arial, Helvetica, sans-serif; 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{ font-weight:normal; padding:0; margin:0; }
strong {padding:0; margin:0; }
a{ text-decoration:none; color:#333;}
a:hover{ color:#286fc9;}
img,video { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1440px; padding:0; margin:0 auto; box-sizing:border-box; }
.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{}
.txtcen{ text-align:center;}
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; }

input[type=checkbox]:checked::before {content: '';display: inline-block; width:15px;  height: 15px;background:url(../images/duoxiantb.png) center center no-repeat #f39a00; background-size:12px auto; }

.proxxgd::-webkit-scrollbar { width:10px; height:8px;}
.proxxgd::-webkit-scrollbar-track {border-radius:4px; height:8px;background-color:#e7e7e7; border:1px solid #cacaca;box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);}
.proxxgd::-webkit-scrollbar-thumb { border-radius:4px; height:8px;background-color:#fb841a;}
.left{ float:left;}
.aright{ float:right !important; margin-top:15px !important;}
s{ text-decoration:none;}

 
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9997; background:rgba(0,0,0,0.4); display:none;}
.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:0px 20px 0 0; position:absolute; right:0px; top:0px; z-index:9999; background:url(../images/closeX.png) center center no-repeat #fff; cursor:pointer;}
.zzyvideo video{ width:100%; height:auto; display:block;}
 
 
 
/*
::-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.8); 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:#f9f9f9; }
.search_tt span{ color:#fff;font-weight:600;}
.searchinfo dl.pdl { width:23%; margin:0.5%;}

.sj_menu {display: none;}
.menutb{ width:30px; height:36px;float:right; margin:18px 0 0 15px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#fff; 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:13px;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:13px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:13px; opacity:1;}
.sjmenu{ display:none;}

/****分页****/
.fenye{ margin:40px 0 20px 0; width:100%; height:auto; float:left; background:#ededf0; padding:20px; box-sizing:border-box; border-radius:15px;}
.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:40px; color:#333; border-radius:1px; font-size:16px; height:40px; margin:0 3px; border-radius:100%; line-height:40px;text-align:center; background:#fff; box-shadow:0 0 2px #ededed;}
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; background:#000;}
.fenye ul li.l1{ float:left; width:auto;}
.fenye ul li.l1 a{ width:auto; border-radius:20px; padding:0 15px;}
.fenye ul li.l1 a s{ padding-left:15px; background:url(../images/jtl.png) left center no-repeat;}
.fenye ul li.l1 a:hover s{ background:url(../images/jtlh.png) left center no-repeat;}
.fenye ul li.l2{ float:right; width:auto;} 
.fenye ul li.l2 a{ width:auto; border-radius:20px; padding:0 15px;}
.fenye ul li.l2 a s{ padding-right:15px; background:url(../images/jtr.png) right center no-repeat;}
.fenye ul li.l2 a:hover s{ background:url(../images/jtrh.png) right center no-repeat;}

#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*******/
.div404 { width:100%; height:auto;  float:left; padding:200px 0 80px 0; background:url(../images/404bj.jpg) top center no-repeat; background-size:cover; }
.div404 dl{ width:100%; max-width:800px; margin:0 auto;}
.div404 dl dt{ width:100%; height:auto; float:left;}
.div404 dl dt img{ width:100%; height:auto; display:block;}
.div404 dl dd{ width:100%; height:auto; float:left; margin:35px 0; padding:0 5%; box-sizing:border-box; text-align:center;} 
.div404 dl dd h2{ width:100%; height:auto; float:left; font-size:40px; line-height:56px; color:#fff;} 
.div404 dl dd p{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; margin:15px 0; color:#fff;} 
.div404 dl dd a.a{ width:70%; height:50px; line-height:50px; margin:15px 15% 0 15%; border-radius:50px; background:#c9e80f; float:left;}
.div404 dl dd a.a s{ padding-right:30px; color:#000; font-size:20px; background:url(../images/404tb.png) right center no-repeat;} 
.div404 dl dd a.a:Hover{ opacity:0.8;} 
 
/*****提交成功页******/
.sucdiv{ width:100%; height:auto; float:left; padding:200px 0 80px 0; background:url(../images/index4divbj.png) left bottom no-repeat #fff; background-size:auto 90%; }
.sucdiv dl{ width:100%; height:auto; float:left;}
.sucdiv dl dt{ width:50%; height:auto; float:left;font-family:"ziti1"; font-size:42px; line-height:52px; font-weight:bold; color:#333;}
.sucdiv dl dt span{ width:100%; height:auto; float:left; color:#1947ba;}
.sucdiv dl dd{ width:50%; height:auto; float:left;}
.sucdiv dl dd h3{ width:100%; height:auto; float:left; font-size:22px; line-height:32px;font-family:"ziti1"; font-weight:bold; color:#333; margin-bottom:8px; }
.sucdiv dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#666; margin-bottom:15px;}
.sucdiv dl dd p a{ color:#1947ba;}
.sucdiv dl dd a.a{ width:auto; height:46px; line-height:46px; float:left; background:#1947ba; font-size:18px; border-radius:4px; border:none; outline:none; cursor:pointer; padding:0 40px; margin:10px 0;   display:inline-table;  color:#fff; }
.sucdiv dl dd a.a span{ padding-right:20px; background:url(../images/index1_tb4a.png) right center no-repeat; float:left;}
.sucdiv dl dd a.a:hover{ opacity:0.8;}



 
/*******首页*******/ 
.headdiv{ width:100%; height:100px; float:left; position:fixed; left:0; top:0; z-index:9998; border-bottom:1px solid rgba(255,255,255,0.2);}
.headdiv .document_width{ width:1600px;}
.logo{ width:auto; height:24px; float:left; margin-top:38px;}
.logo img{ width:auto; height:24px; display:block; float:left;}

dl.soso{ width:auto; height:40px; float:right; position:relative; margin-top:30px; }
dl.soso dt{  width:40px; height:40px;  float:left;}
dl.soso dt .button{ width:40px; height:40px; float:left; z-index:2; position:relative; background:url(../images/h_soso.png) center center no-repeat; border-radius:100%; border:none; outline:none; cursor:pointer; background-size:18px auto;}
dl.soso dd{ width:0; transition: all .5s ease; height:40px; float:left; position:absolute; z-index:1; right:0px; top:0px; }
dl.soso:hover dd{ width:200px; }
dl.soso dd .input{ width:100%; height:40px; line-height:40px; float:left;text-indent:15px; border:none; background:#000; border-radius:3px; outline:none; color:#fff;}

dl.yydl{ width:150px; float:right; height:100px; position:relative;background:url(../images/h_yy.png) 18px 42px no-repeat; box-sizing:border-box; margin:0 0 0 25px;}
dl.yydl dt{ width:100%; height:40px; margin-top:30px;border:1px solid #fff; padding:0 20px 0 40px; border-radius:20px;line-height:40px; font-size:15px; color:#fff; font-weight:bold; box-sizing:border-box; float:left; }
dl.yydl dt s{background:url(../images/h_jth.png) right center no-repeat; width:100%; height:auto; float:left;}
dl.yydl dd{ width:100%; display:none; height:auto; float:left; position:absolute; left:0%; top:100px; padding:10px 0; box-sizing:border-box; background:#fff; text-align:center;}
dl.yydl dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:30px; color:#333; border-bottom:1px solid #f9f9f9; box-sizing:border-box;}
dl.yydl dd a:last-child{ border-bottom:none;}
dl.yydl dd a:hover{ opacity:0.9;}
dl.yydl:hover dd{ display:block;}  

dl.yydl dd a.a1{ background:url(../images/yy_zg.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}
dl.yydl dd a.a2{ background:url(../images/yy_yg.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}
dl.yydl dd a.a3{ background:url(../images/yy_dg.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}
dl.yydl dd a.a4{ background:url(../images/yy_qt1.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}
dl.yydl dd a.a5{ background:url(../images/yy_zg1.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}


ul.ulmenu{ width:auto; height:100px; margin:0; float:right; list-style:none; margin-right:80px;}
ul.ulmenu li{ width:auto; height:100px; float:left;position:relative;}
ul.ulmenu li >a{ width:auto; height:100px; line-height:100px; float:left; padding:0 30px;color:#fff; font-size:18px;font-weight:bold; }  
ul.ulmenu li >a s{ /*background:url(../images/h_jt.png) right center no-repeat; padding-right:15px;color:#fff; font-weight:bold;*/}
ul.ulmenu li >a:hover,.ul.ulmenu li >a.cur{/* background:#fff;*/}

ul.ulmenu li .ejp{ display:none; width:160%; height:auto; float:left; position:absolute; z-index:9998;left:-30%; top:100px; background:rgba(0,0,0,0.5);}
ul.ulmenu li .ejp a{ width:100%; height:46px; line-height:46px; color:#fff; float:left; overflow:hidden; padding:0 10px; box-sizing:border-box; text-align:center; font-size:15px; border-bottom:1px solid rgba(0,0,0,0.2);}
ul.ulmenu li .ejp a:hover{ opacity:0.9;}  
ul.ulmenu li:hover .ejp{ display:block;}
ul.ulmenu li:hover >a{ color:#286fc9;}
ul.ulmenu li .ejp.ejpd{ width:200%; left:-50%;} 
.headdiv:hover,.headdivd,.headdivds{ background:rgba(0,0,0,0.5) !important;}


  
.banner{ width:100%; overflow:hidden; height:48vw !important;min-height:300px !important;  float:left; position:relative; touch-action: pan-y;}
.banner ul {  overflow:hidden; height:48vw !important; min-height:300px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:300px; float:left; overflow:hidden;list-style:none; position:relative; position:absolute; left:0; top:0; opacity:0;}
.banner ul li img,.banner ul li video{ width:100%; height:48vw !important;object-fit: cover;  min-height:300px !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;}
.bannerkz{ width:auto; height:35px;  position:absolute;padding:0px 50px; right:0;  box-sizing:border-box; bottom:50px; z-index:886;}
.banner_span{margin:0px;width:auto; height:35px; z-index:886;}
.banner_span span{ float:left; width:auto;height:35px; line-height:35px; box-sizing:border-box; font-size:14px; font-weight:bold; color:#999; cursor:pointer;  margin:0 10px; box-sizing:border-box; }
.banner_span span.cur{ color:#fff;}
.banleft{ width:35px; height:35px; position:absolute; cursor:pointer; left:0; top:0; background:url(../images/xbanjtl.png) center center no-repeat; opacity:0.8;}
.banright{ width:35px; height:35px; position:absolute; cursor:pointer; right:0; top:0; background:url(../images/xbanjtr.png) center center no-repeat; opacity:0.8;}
.banleft:Hover,.banright:hover{ opacity:1;}

.banner .document_width{ position:relative;}
.banwenzi{ position:absolute; top:280px; width:100%; height:auto; left:0px;transition:1s linear ; margin-top:20px; color:#fff; text-align:left; z-index:99;box-sizing:border-box}
.banwenzic{ width:100%; height:auto; float:left; text-align:center;}
.banwenzi h2{ width:100%; height:auto; position:relative;  font-weight:bold; float:left; font-size:78px;line-height:80px; margin-bottom:25px;}
.banwenzi h2 s{ color:#286fc9;}
.banwenzi h3,.banwenzi h1{ width:100%; height:auto; float:left; font-size:30px;line-height:36px; margin:-10px 0 25px 0; }
.banwenzi a.a{ width:auto; height:46px; line-height:46px; font-size:15px; overflow:hidden; box-sizing:border-box; position:relative; font-weight:bold; padding:0 20px; display:inline-table; margin:0 auto; color:#fff;    }
.banwenzi a.a span{ background:url(../images/banjt.png) right center no-repeat; transition:all 0.5s ease; padding-right:15px;}
.banwenzi a.a:hover span{ transition:all 0.5s ease;  padding-right:20px;}
.addCur{transform:scale(1) !important; }
.wzaddCur{ margin-top:0px;}
.banner ul li.cur  .f1 { animation: donghuawz 1s infinite;animation-iteration-count: 1; animation-fill-mode: forwards;}
.banner ul li.cur  .f2 {animation: donghuawz1 1.3s infinite; animation-iteration-count: 1; animation-fill-mode: forwards;}
.banner ul li.cur  .f3 { animation: donghuawz2 1.6s infinite;animation-iteration-count: 1; animation-fill-mode: forwards;}
 
 
 
.xpage{ width:200px; height:80px; margin:0 auto; position:relative; z-index:999; margin-top:-80px; background:url(../images/xyp_tb.png) top center no-repeat;}
.xpage s{ width:100%; height:80px; display:block;animation:td01 1s infinite;  background:url(../images/xyp_tbd.png) center 40px no-repeat; cursor:pointer;}
 @-webkit-keyframes td01{0%{ background-position:center 40px;} 25%{ background-position:center 42px;} 50%{ background-position:center 40px;} 75%{background-position:center 38px;} 100%{ background-position:center 40px;} }


/*****index 新*****/
.indexdiv{ width:100%; height:auto; float:left; padding:100px 0 90px 0; overflow:hidden; background:url(../images/home/indexbj1.jpg) center center no-repeat; background-size:cover;} 
.indextt{ width:70%; height:auto; float:left; text-align:center; margin:0 15% 25px 15%;}
.indextt strong,.indextt h2{ width:100%; height:auto; float:left; font-size:48px; line-height:66px; color:#000; font-weight:bold; font-family:"ziti";} 
.indextt strong s{ width:100%; height:auto; float:left; line-height:40px; color:#286fc9; }
.indextt p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin-top:0px;} 

.indexdiv .indextt{ text-align:left; width:100%; margin:0 0 25px 0;}
ul.ulpro{ width:auto; height:auto; float:left;  list-style:none; margin:10px 0 45px 0;}

ul.ulpro li{ width:auto; height:auto; float:left; }
ul.ulpro li a{ width:auto; float:left; border-radius:22px;  height:42px; line-height:42px;  margin-right:15px; padding:0 30px; border:1px solid #cfcfcf;  font-size:20px; color:#222222;}
ul.ulpro li a.cur{ color:#fff;  background:#286fc9;border:1px solid #286fc9; }
.indexpro{ width:100%; height:auto; margin:0 auto; position:relative; }
dl.ipro{ width:320px; height:auto; float:left; box-sizing:border-box; margin-right:52px;} 
dl.ipro dd{ width:320px; height:320px; border-radius:100%; padding:60px 20px 30px 20px; box-sizing:border-box; text-align:center; background:#fff;}
dl.ipro dd h3 a{ width:100%; height:60px; overflow:hidden; padding:0 20px; box-sizing:border-box; line-height:30px; float:left; font-size:24px; color:#000; font-weight:bold;} 
dl.ipro dd p{ width:100%; height:24px; line-height:24px; float:left; font-size:18px; color:#666; margin:10px 0; overflow:hidden;} 
dl.ipro:hover dd h3 a{ color:#286fc9;}  
dl.ipro dt{ width:80%; height:auto; float:left; overflow:hidden; margin:-150px 10% 0 10%;}
dl.ipro 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.ipro: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.ipro:hover dd{ background:#286fc9}
dl.ipro:hover dd h3 a,dl.ipro:hover dd p{ color:#fff;}

.indexproa{ width:100%; height:auto; float:left; display:none; position:relative; } 
.indexproz{ width:100%; height:auto; float:left; position:relative;} 
.indexprozc{ width:100%; height:auto; padding-bottom:20px; position:relative;}
.indexprozclist{width:200000px; height:auto; overflow:hidden; float:left; padding-top:10px; transition:transform 600ms;}
.indexproajt{ width:230px; height:auto; float:right; min-height:50px;  position:absolute; right:0; top:-180px;}
.iprojtl{ width:100px; height:100px; border-radius:100%; border:2px solid #ddd; float:left; background:url(../images/jtl.png) center center no-repeat; cursor:pointer;}
.iprojtr{ width:100px; height:100px; border-radius:100%; border:2px solid #ddd; float:right; background:url(../images/jtr.png) center center no-repeat; cursor:pointer;}
.iprojtl:hover{ border:2px solid #286fc9;  background:url(../images/jtlh.png) center center no-repeat #286fc9;}  
.iprojtr:hover{ border:2px solid #286fc9;  background:url(../images/jtrh.png) center center no-repeat #286fc9;}  
 
 
.indexdiv2{ width:100%; height:auto; float:left; padding:100px 0; background:url(../images/home/indexbj2.jpg); background-size:cover; overflow:hidden;} 
.indexdiv2 .indextt{text-align:left; width:100%; margin:0 0 25px 0; color:#fff;} 
.indexdiv2 .indextt strong,.indexdiv2 .indextt p{ color:#fff; }
.indexdiv2 dl{ width:100%; height:280px; float:left; background:#2d2f52; border-radius:280px; overflow:hidden; margin-top:25px;}
.indexdiv2 dl dt{ width:50%; height:100%; float:left; border-radius:280px; overflow:hidden;} 
.indexdiv2 dl dt img{ width:100%; height:100%; 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;}
.indexdiv2 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; }
.indexdiv2 dl dd{ width:50%; height:auto; float:left; padding:68px 90px 0 90px; box-sizing:border-box; color:#fff;} 
.indexdiv2 dl dd h3 a{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#fff; margin-bottom:10px; font-family:"ziti";} 
.indexdiv2 dl dd p{ width:100%; height:90px; float:left; font-size:18px; line-height:30px; overflow:hidden; color:#fff;} 
.indexdiv2 dl.d1 dt{ float:right;} 
 
.indexdiv3{ width:100%; height:auto; float:left; padding:90px 0; overflow:hidden; background:url(../images/home/indexbj3.jpg) center center no-repeat; background-size:cover;}
.indexdiv3 dl{ width:100%; height:auto; float:left;}
.indexdiv3 dl dd{ width:60%; height:auto; float:left; padding-top:20px;}
.indexdiv3 dl dd .indextt{text-align:left; width:100%; margin:0 0 15px 0;} 
.indexdiv3 dl dd .indextt strong s,.indexdiv4 .indextt strong s{ float:none; width:auto;}
.indexdiv3 dl dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#222;}
a.as{ width:auto; height:auto; float:left; margin-top:25px; line-height:50px; font-size:16px; color:#333;}
a.as s{ width:50px; height:50px; border-radius:100%; text-align:center; font-size:22px; transition:all 0.5s ease; float:right; border:1px solid #ddd; margin-left:-10px; color:#286fc9; box-sizing:border-box; line-height:46px;}
a.as:Hover{ color:#286fc9}
a.as:Hover s{ margin-left:10px; transition:all 0.5s ease;border:1px solid #286fc9; background:#286fc9; color:#fff;}
.indexdiv3 dl dt{ width:40%; height:auto; float:left; position:relative; padding-left:10%; box-sizing:border-box;}
.indexdiv3 dl dt img{ width:100%; height:auto; display:block;}
.indexdiv3 dl dt span{ width:80px; height:80px; border-radius:100%; background:#bed3e4; display:block; position:absolute; right:-40px; top:0;}

.indexdiv3c{ width:100%; height:auto; float:left; margin-top:60px;}
.indexdiv3c .box{ width:calc((100% - 60px) / 4); background:#fff; border-radius:15px; box-shadow:0 2px 5px #ededed; margin-right:20px; height:auto; float:left;  cursor:pointer; padding:28px; box-sizing:border-box; }
.indexdiv3c .box p{ width:100%; height:auto; float:left; font-size:18px; line-height:28px; font-weight:600; color:#333;}
.indexdiv3c .box strong{ width:100%; height:auto; overflow:hidden; float:left; font-size:36px; line-height:60px; font-weight:bold; color:#000;}
.indexdiv3c .box strong em{ font-size:60px;}
.indexdiv3c .box img{ width:auto; height:auto; display:block; float:right;}
.indexdiv3c .box.last{ margin-right:0;}

.indexdiv5{ width:100%; height:auto; float:left; padding:90px 0; background:#fff; overflow:hidden;}
.indexdiv5 .indextt{text-align:left; width:100%; margin:0 0 15px 0;} 
.indexdiv5 .indextt strong s{ float:none; width:auto;}
.indexdiv5 .indextt a.as{ float:right; margin-top:-65px;}
 
.indexgc{ width:100%; height:auto; float:left; position:relative; touch-action: pan-y; border-bottom:2px solid #ededed; padding-bottom:35px; box-sizing:content-box; }
.indexgclist{width:200000px; height:auto; overflow:hidden; float:left; padding-top:10px; transition:transform 600ms;} 
.indexgc span{ width:400px; height:2px; float:left; position:absolute; left:0; bottom:-2px; background:url(../images/home/lanbj.jpg) left bottom no-repeat; background-size:100% 2px;}
.indexgclist ul{ width:100%; height:auto; float:left; list-style:none;}
.indexgclist ul li{ width:700px; height:auto; float:left; margin-right:20px; position:relative;}
.indexgclist ul li a img{ width:100%; height:auto; float:left; display:block;}
.indexgclist ul li a p{ width:100%; height:auto; float:left; text-align:center; line-height:36px; font-size:18px; margin:5px 0; color:#222;}
.indexgc .ipjtl,.indexgc .ipjtr{ top:45%; opacity:0.2;}
.indexgc .ipjtl:hover,.indexgc .ipjtr:hover{ opacity:1;}


.indexdiv4{ width:100%; height:auto; float:left; padding:90px 0 70px 0; background:#f2f2f2; overflow:hidden;}
.indexdiv4 .indextt,.indexdiv6 .indextt{  text-align:left; width:100%; margin:0;}
.indexdiv4 a.as{ float:right; margin-top:-10px;}
ul.ulxw{ width:auto; height:auto; float:left;  list-style:none; margin:10px 0 25px 0;}
ul.ulxw li{ width:auto; height:auto; float:left; }
ul.ulxw li a{ width:auto; float:left; border-radius:22px;  height:42px; line-height:42px;  margin-right:15px; padding:0 30px; border:1px solid #cfcfcf;  font-size:20px; color:#222222;}
ul.ulxw li a.cur{ color:#fff;  background:#286fc9;border:1px solid #286fc9; }
.indexdiv4 .indexprozc{ overflow:hidden;}
.indexxwa{ width:100%; height:auto; float:left; position:relative; display:none;}
dl.ixw{ width:450px; height:auto; float:left; margin:15px;border-radius:15px; background:#fff; overflow:hidden;}
dl.ixw dt{ width:100%; height:auto; float:left; border-radius:15px 15px 0 0; overflow:hidden;}
dl.ixw 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.ixw: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.ixw dd{ width:100%; height:auto; float:left; padding:20px 20px 15px 20px; box-sizing:border-box;}
dl.ixw dd span{ width:100%; height:24px; line-height:24px; float:left; font-size:16px; color:#000; overflow:hidden;} 
dl.ixw dd h3 a{ width:100%; height:30px; line-height:30px; float:left; font-size:22px; color:#000; overflow:hidden; font-weight:bold; margin:5px 0 10px 0;} 
dl.ixw dd p{ width:100%; height:48px; line-height:24px; float:left; font-size:14px; color:#888; overflow:hidden;} 
dl.ixw dd a.a{ width:100%; height:24px; line-height:24px; float:left; font-size:14px; color:#000; border-top:1px solid #ededed;background:url(../images/xbanjtrh.png) right center no-repeat;  font-weight:bold; margin-top:15px; padding-top:15px; background-size:5px auto;} 
dl.ixw:hover{ box-shadow:0 2px 5px #ededed;}
dl.ixw:hover dt{ border-radius:15px 15px 0 0;}
dl.ixw:hover dd h3 a{ color:#286fc9;} 

.ipjtl{ width:50px; height:50px; position:absolute; left:-60px; top:36%; border-radius:100%; border:1px solid #ededed; background:url(../images/jtl.png) center center no-repeat #fff; cursor:pointer;}
.ipjtr{ width:50px; height:50px; position:absolute; right:-60px; top:36%; border-radius:100%; border:1px solid #ededed; background:url(../images/jtr.png) center center no-repeat #fff; cursor:pointer;}
.ipjtl:hover{background:url(../images/jtlh.png) center center no-repeat #286fc9; } 
.ipjtr:hover{background:url(../images/jtrh.png) center center no-repeat #286fc9; } 

.indexdiv6{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/home/indexbj6.jpg) top center no-repeat; background-size:cover;}
.indexdiv6l{ width:50%; height:auto; float:left;}
.indexdiv6l .indextt strong{ color:#fff; margin-bottom:25px;}
.indexdiv6l p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#fff; margin:15px 0;}
.indexdiv6l .s{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; color:#fff; font-weight:bold; margin-top:25px;}
.indexdiv6l a{ width:auto; height:auto; float:left; font-size:20px; line-height:30px; color:#fff; padding-left:40px; box-sizing:border-box; background:url(../images/home/idiv6_tb.png) left center no-repeat; background-size:30px auto;}

.indexdiv6r{ width:35%; height:auto; float:right; background:#fff; border-radius:15px; padding:25px; box-sizing:border-box;}
.indexdiv6r .proxxdiv2cly{ width:100%;}
.indexdiv6r .proxxdiv2cly .input{ width:100% !important; height:42px; line-height:42px; float:left; border-radius:8px; border:1px solid #ededed; outline:none;}
.indexdiv6r .proxxdiv2cly  .text{ width:100%; border:1px solid #ededed; }
.indexdiv6r .proxxdiv2cly  p{ width:100%;}
.indexdiv6r .proxxdiv2cly .input.inputs{ width:60% !important;}
.indexdiv6r .proxxdiv2cly p .img{ width:30%; height:42px !important; float:right; display:block; margin:1% 0 0 0; }
.indexdiv6r .proxxdiv2cly .button{ width:100%; margin:2% 0 0 0; border-radius:8px; background:#286fc9;}
.indexdiv6r .proxxdiv2cly .button:hover{ opacity:0.9;}

.indexbot{ width:100%; height:auto; float:left;padding:80px 0 0 0; background:url(../images/indexbj2.jpg) bottom center no-repeat; background-size:cover;}
.bottomdivc{ width:100%; height:auto; float:left; padding-bottom:60px;}
.bottomdivc strong{ width:100%; box-sizing:border-box; padding-right:30%; font-size:50px; float:left; line-height:62px; font-weight:bold; color:#fff;} 
.bottomdivc a.ia{ float:right; margin-top:-95px;  color:#fff;}


.bottomdiv{ width:100%; height:auto; float:left; padding:60px 0 50px 0; background:url(../images/home/bottombj.jpg) center bottom no-repeat; background-size:cover; }
.bottomdiv dl.d1{ width:350px; padding-right:50px; box-sizing:border-box; float:left;} 
.bottomdiv dl.d1 dt{ width:100%; height:auto; float:left; margin-bottom:25px;}
.bottomdiv dl.d1 dt img{ width:auto; height:auto; display:block; max-width:80%;}

.bottomdivz{ width:calc(100% - 350px); height:auto; float:left; padding-bottom:15px; margin-bottom:40px; border-bottom:1px solid rgba(150,150,150,0.3);} 
.bottomdivz dl{ width:22%; height:auto; float:left; padding-right:20px; box-sizing:border-box; margin-bottom:30px;} 
.bottomdivz dl dt{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; font-weight:bold; color:#fff;} 
.bottomdivz dl dd{ width:100%; height:auto; float:left; margin-top:12px;}
.bottomdivz dl dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; margin:5px 0; color:#fff; font-weight:100; opacity:0.8;}
.bottomdivz dl dd a:hover{ opacity:1;} 
.bottomdivz dl.d2{ width:18%;}
.bottomdivz dl dd  p{ width:100%; height:auto; float:left; position:relative;}
.bottomdivz dl dd  p span{ width:180px; height:100px; display:none; position:absolute; left:100px; top:0; overflow-y:auto; background:#fff; padding:10px; box-sizing:border-box; z-index:1;}
.bottomdivz dl dd  p span a{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; color:#333; opacity:0.8;}
.bottomdivz dl dd  p span a:hover{ opacity:1;}
.bottomdivz dl dd  p:hover span{ display:block;}

.botshare{ width:350px; height:auto; float:left;}
.botshare strong{ width:100%; height:auto; float:left; font-size:18px; font-weight:bold; color:#fff; line-height:24px; margin-bottom:15px;}
.botshare a.a{ width:20px; height:20px; padding:12px; margin-right:10px; float:left; border-radius:100%; background:rgba(255,255,255,0.6);}
.botshare a.a img{ width:100%; height:auto; display:block;}
.botshare a.a:hover{ background:#fff;} 

.bottomdiv dl.dlx{ width:540px; height:auto; float:left;}
.bottomdiv dl.dlx dt{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; font-weight:bold; color:#fff;} 
.bottomdiv dl.dlx dd{ width:100%; height:auto; float:left; margin-top:10px;}
.bottomdiv dl.dlx dd p{ width:100%; height:auto; float:left; margin:5px 0; color:#999;font-size:16px; line-height:24px; font-weight:bold; }
.bottomdiv dl.dlx  dd p span{ width:calc(100% - 80px); height:auto; float:right; color:#fff; font-weight:normal; }
.bottomdiv dl.dlx  dd p span a{ color:#fff;}
.bottomdiv .ewm{ width:120px; float:right; height:auto; }
.bottomdiv .ewm img{ width:100%; height:auto; float:left; display:block;}
.bottomdiv .ewm span{ width:100%; height:auto; float:left; font-size:12px; line-height:24px; color:#fff; text-align:center; margin-top:5px;}

.bqxx{ width:100%; font-size:14px; line-height:24px; height:auto; float:left; background:#286fc9;   padding:18px 0;} 
.bqxx p{ width:100%; height:auto; float:left; color:#fff;opacity:0.7;}
.bqxx p a{ color:#fff; }
.bqxx span a{ float:right;font-size:14px; line-height:24px; color:#fff;  margin-left:10px;} 
.bqxx a:hover{ opacity:1;} 
 
 
 
   
/****产品中心******/
.nybanner{ width:100%; height:auto; float:left; position:relative}
.nybanner img{ width:100%; height:560px; display:block;}
.nybannerwz{ position:absolute; left:0; top:290px; width:100%; height:auto; float:left; margin-top:-15px; opacity:0.5;}
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:48px; line-height:60px; color:#fff;font-weight:600; margin-top:-15px; }
.nymenu{ width:100%; height:auto; float:left; background:#fff; border-bottom:1px solid #ededed;}
.nymenu ul{ width:100%; height:auto; list-style:none;}
.nymenu ul li a{ width:auto; height:70px; line-height:70px; font-size:18px; font-weight:bold; position:relative; top:1px; color:#666;background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; float:left; margin-right:30px;font-size:16px; }
.nymenu ul li a:hover,.nymenu ul li a.cur{ background-size:100% 2px;  transition:all 0.5s ease;color:#000;}	
.prodiv{ width:100%; height:auto; float:left; padding:0 0 90px 0; min-height:100px; background:#f6f6f7;}
.mbxdiv{ width:100%; height:auto; float:left; padding:15px 0; font-size:15px; line-height:28px; color:#666;}
.mbxdiv a.a{ width:18px; height:24px; float:left; background:url(../images/mbxtb.png) center center no-repeat;}
.mbxdiv a{ color:#666; margin:0 2px;}
.probox{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden; margin:15px 0; background-size:cover !important; padding:50px 20% 60px 50px; box-sizing:border-box;}
.probox h2,.probox h1{ width:100%; height:auto; float:left; font-size:40px; line-height:56px; font-weight:bold; color:#fff; margin-bottom:8px;}
.probox p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#fff;}

.prolist{ width:100%; height:auto; float:left; margin-top:25px;}
dl.dlp{ width:calc(94%/3); height:auto; float:left; padding:20px; border-radius:15px; overflow:hidden; background:#fff; transition:all 0.5s ease; margin:1%; box-shadow:0 0 4px #ededed; box-sizing:border-box;}
dl.dlp dt{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden; background:#f8f9fa;}
dl.dlp 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.dlp: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.dlp dd{ width:100%; height:auto; float:left; margin-top:12px; text-align:center;}
dl.dlp dd h3 a,dl.dlp dd h2 a{ width:100%; height:28px; line-height:28px; font-size:18px; font-weight:bold; color:#000; overflow:hidden; float:left;}
dl.dlp dd p{ width:100%; height:48px; line-height:24px; font-size:15px; color:#666; overflow:hidden; float:left; margin-bottom:15px;}
dl.dlp dd a.a{ width:100%; height:42px; line-height:42px; float:left; border-radius:40px; text-align:center; background:#f8f9fa; font-size:15px; font-weight:bold;}
dl.dlp dd a.a s{ color:#000; padding-right:15px; background:url(../images/jtr.png) right center no-repeat;}
dl.dlp:hover dd a.a{ background:#286fc9;}
dl.dlp:hover dd a.a s{ color:#fff; background:url(../images/jtrh.png) right center no-repeat;}
dl.dlp:hover{ box-shadow:0 2px 6px #ccc;}

 
/*****产品列表-详情*****/  
.proxdiv1{ width:100%; height:auto; float:left; min-height:200px; padding-bottom:60px; background:url(../images/proxxbj.jpg) center center no-repeat; background-size:cover; padding-top:100px;}
.proxdiv1 .mbxdiv{ background:rgba(230,230,230,0.3); margin-bottom:35px;}

.proxxdivtz{ width:45%; height:auto; float:left; position:relative; margin-right:7%;}
.jqzoom{float:left; width:100%; background:#fff; position:relative; height:auto; border-radius:20px; border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:100%; height:100%; padding:20px 50px; box-sizing:border-box; display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.prev{ position:absolute; left:10px; top:40%;  z-index:99;width:40px;height:40px; border-radius:40px; display:block;cursor:pointer; background:url(../images/jtl.png) center center no-repeat; opacity:0.6; background-size:10px auto !important;}
.next{position:absolute; right:10px;  top:40%; z-index:99;width:40px;height:40px; border-radius:40px; display:block;cursor:pointer; background:url(../images/jtr.png) center center no-repeat; opacity:0.6;background-size:10px auto !important;}
.prev:hover{ opacity:1;}
.next:hover{opacity:1;}
.spec-preview{width:100%;height:auto; }
.items{float:left;position:relative;width:100%;height:120px;overflow:hidden; margin:20px 0 0 0;}
.items ul{ position:absolute; left:0; top:0; width:999999px;height:auto; transition: transform 232ms; list-style:none;}
.items ul li{float:left;width:110px; height:auto;text-align:center; border-radius:8px; overflow:hidden; cursor:pointer; margin:0 10px; background:url(../images/heibj.jpg) center bottom no-repeat #fff; background-size:0 2px; transition:all 0.5 ease; border:1px solid #ededed; box-sizing:border-box; position:relative;}
.items ul li img{width:100%; height:100%; margin:0 auto; padding:10px;   box-sizing:border-box;}
.items ul li:hover,.items ul li.cur{ background-size:100% 2px; transition:all 0.5s ease;}

.proxdiv1c{ width:48%; height:auto; float:right; padding-top:25px;}
.proxdiv1c h4{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#666;}
.proxdiv1c h1{ width:100%; height:auto; float:left; font-size:40px; line-height:56px; color:#000; font-weight:bold; margin:10px 0 15px 0;}
.proxdiv1c h5{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; color:#000; padding-bottom:25px; border-bottom:1px solid #e1e2e1; background:url(../images/heibj.jpg) left bottom no-repeat; background-size:100px 2px;}
.proxdiv1c .box{ width:100%; height:auto; float:left; margin:25px 0; min-height:100px;}
.proxdiv1c .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; margin:4px 0; color:#000; font-weight:600;}
.proxdiv1c .boxa{ width:100%; height:auto; float:left; min-height:100px; margin:20px 0;}
.proxdiv1c .boxa img{ width:50px; height:50px; float:left; display:block; margin:5px 10px;}
.proxdiv1c a.a{ width:auto; height:46px; line-height:46px; float:left; display:block; margin:10px; background:#fff; padding:0 50px; border-radius:40px;}
.proxdiv1c a.a s{ padding-right:20px; background:url(../images/jtr.png) right center no-repeat; font-size:16px; font-weight:600; color:#000;}
.proxdiv1c a.a:hover{   background:#286fc9;}
.proxdiv1c a.a:hover s{ background:url(../images/jtrh.png) right center no-repeat; color:#fff;}
.proxxdw{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; background:#fff; margin-bottom:30px;}
.proxxdw dl{ width:100%; height:auto; float:left;}
.proxxdw dl dt{ width:40%; height:auto; line-height:80px; font-size:18px; color:#000; font-weight:bold; float:left;}
.proxxdw dl dd{ width:60%; height:auto; float:left;}
.proxxdw dl dd a{ width:auto; height:80px; line-height:80px; float:right; margin:0 0 0 40px; font-size:17px; color:#000; padding:0 5px; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease;}
.proxxdw dl dd a:hover,.proxxdw dl dd a.cur{background-size:100% 2px;transition:all 0.5s ease;}
.proxxdwfd{ position:fixed; left:0; top:100px; z-index:9998;}

.proxxdiv2{ width:100%; height:auto; float:left; padding:30px 0 60px 0; background:#fff;}
.proxxdiv2 img{ width:auto; height:auto !important; margin:0 auto; max-width:100% !important; display:block;}
dl.tdl{ width:100%; height:auto; float:left; background:#fcfcfc;}
dl.tdl dt{ width:20%; height:auto; float:left; text-align:center; line-height:40px; font-size:16px; color:#333; border-bottom:1px solid #ededed; box-sizing:border-box;}
dl.tdl dd{ width:80%; height:auto; float:left;}
dl.tdl dd p{ width:100%; height:auto; float:left;}
dl.tdl dd p span{ width:50%; height:44px; float:left; line-height:44px; border-bottom:1px solid #ededed; border-left:1px solid #ededed; padding:0 20px; box-sizing:border-box; font-size:16px; overflow:hidden; color:#444;}
dl.tdl.top{ background:#f4f4f4;}
dl.tdl.top dt{ font-weight:bold; color:#000; height:70px; line-height:70px; text-align:left; padding-left:30px; box-sizing:border-box;}
dl.tdl.top dd p span{ font-weight:bold; height:70px; line-height:70px; color:#000;}
.proxxdiv2.bj{ background:url(../images/proxxbj1.jpg) center center no-repeat; background-size:cover; padding:60px 0;}
dl.tjdl{ width:1440px; height:auto; float:left;}
dl.tjdl dd.dd{ width:33%; height:auto; padding-top:130px; float:left;}
dl.tjdl dd.dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#444;}
dl.tjdl dd.dd h3 a{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; color:#000; font-weight:bold; margin:5px 0;}
dl.tjdl dd.dd p{ width:100%; height:auto; float:left; font-size:20px; line-height:32px; color:#000;}
dl.tjdl dt{ width:34%; height:auto; float:left; overflow:hidden;}
dl.tjdl 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.tjdl:hover dtimg{ -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.tjdl dd.dd1{ width:33%; height:auto; padding-top:110px; float:left;}
dl.tjdl dd.dd1 p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#000; margin-bottom:35px;}
 
dl.tjdl dd.dd1 a.a{ width:auto; height:50px; line-height:50px;  border-radius:5px; background:#000; display:table; margin:20px auto 50px auto; }
dl.tjdl dd.dd1 a.a s{ font-size:16px; padding-right:15px; background:url(../images/jtrh.png) right center no-repeat;font-size:16px; color:#fff;}
dl.tjdl dd.dd1 a.a div{ width:100%; height:100%; padding:0 28px;box-sizing:border-box; color:#fff; display:block; float:left; position:relative;}
dl.tjdl dd.dd1 a.a .atop{ width:100%; height:3px; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat; background-size:0 3px;  transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a .arights{ width:3px; height:100%; position:absolute; right:0; top:0; z-index:1; background:url(../images/baibj.png) top right no-repeat; background-size:3px 0;  transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a .abottom{ width:100%; height:3px; position:absolute; left:0; bottom:0; z-index:1; background:url(../images/baibj.png) right bottom no-repeat; background-size:0 3px;  transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a .aleft{ width:3px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat;  background-size:3px 0;  transition:all 0.5s ease;}

dl.tjdl dd.dd1 a.a:hover .atop{background-size:100% 3px; transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a:hover .arights{  background-size:3px 100%; transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a:hover .abottom{ background-size:100% 3px; transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a:hover .aleft{  background-size:3px 100%; transition:all 0.5s ease;}




.proxxtj{ width:100%; height:auto; float:left; padding-bottom:60px; position:relative; overflow:hidden;}
.proxxtjlist{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.proxxspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:10px;text-align:center; z-index:886;}
.proxxspan span{display:inline-block; position:relative; width:40px;height:40px; line-height:40px; border:2px solid none; border-radius:100%; text-align:center; font-size:16px; font-weight:bold; color:#000;  cursor:pointer; margin:0 3px; box-sizing:border-box;}
.proxxspan span.cur{  border:2px solid #286fc9}
.proxxtjlist dl.dlp {   width: 450px;   margin: 14px;}
.proxxdiv2c{ width:100%; height:auto; float:left; padding:40px 0 80px 0; background:url(../images/proxxbj2.png) left bottom no-repeat;}
.proxxdiv2c .indextt{ width:45%; height:auto; float:left; padding-right:100px; box-sizing:border-box; margin:0; text-align:left;}
.proxxdiv2cly{ width:55%; height:auto; float:left;}
.proxxdiv2cly .input{ width:30%; height:50px;font-family:"Montserrat"; font-size:16px; line-height:50px; background:#fafafd; float:left; border-radius:20px; padding:0 20px; box-sizing:border-box; margin:1%; border:none; outline:none;}
.proxxdiv2cly .input.last{ width:34%;}
.proxxdiv2cly .text{ width:98%; height:120px;font-family:"Montserrat";font-size:16px; line-height:26px; background:#fafafd; float:left; border-radius:20px; padding:10px 20px; box-sizing:border-box; margin:1%; border:none; outline:none;}
.proxxdiv2cly p{ width:50%; height:auto; float:left;}
.proxxdiv2cly p .inputs{ width:50%; border-radius:20px 0 0 20px; margin-right:0;}
.proxxdiv2cly p .img{ width:30%; height:50px !important; display:block; float:left; margin-top:1%; cursor:pointer;}
.proxxdiv2cly .button{ width:30%; height:50px;font-family:"Montserrat";font-size:16px; line-height:50px;  position:relative; color:#fff; background:#286fc9; float:right; cursor:pointer;   padding:0 20px; margin:1%; color:#fff; font-weight:bold; border:none; outline:none; box-sizing:border-box;}
/*.proxxdiv2cly .button:hover{ opacity:0.8;}*/
.proxxdiv2cly .button .atop{ width:100%; height:2px; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat; background-size:0 2px;  transition:all 0.5s ease;}
.proxxdiv2cly .button .arights{ width:2px; height:100%; position:absolute; right:0; top:0; z-index:1; background:url(../images/baibj.png) top right no-repeat; background-size:2px 0;  transition:all 0.5s ease;}
.proxxdiv2cly .button .abottom{ width:100%; height:2px; position:absolute; left:0; bottom:0; z-index:1; background:url(../images/baibj.png) right bottom no-repeat; background-size:0 2px;  transition:all 0.5s ease;}
.proxxdiv2cly .button .aleft{ width:2px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat;  background-size:2px 0;  transition:all 0.5s ease;}
.proxxdiv2cly .button:Hover{  }
.proxxdiv2cly .button:hover .atop{background-size:100% 2px; transition:all 0.5s ease;}
.proxxdiv2cly .button:hover .arights{  background-size:2px 100%; transition:all 0.5s ease;}
.proxxdiv2cly .button:hover .abottom{ background-size:100% 2px; transition:all 0.5s ease;}
.proxxdiv2cly .button:hover .aleft{  background-size:2px 100%; transition:all 0.5s ease;}




/******Server-产品画册*******/
.nybanner1{ width:100%; height:auto; float:left; position:relative}
.nybanner1 img{ width:100%; height:560px; display:block;}
.nybannerwz1{ position:absolute; left:0; top:210px; width:100%; height:auto; float:left;}
.nybannerwz1 strong{ width:100%; height:auto; float:left; text-align:center; font-size:48px; line-height:56px; font-weight:bold; color:#fff;}
.nybannerwz1 p{ width:100%; height:auto; float:left; text-align:center; font-size:22px; line-height:30px; color:#fff; margin-bottom:20px;}
.nybannerwz1 .div{ width:100%; height:60px; max-width:700px; margin:0 auto; display:table; background:#fff; border-radius:60px;}
.nybannerwz1 .div .input{ width:100%; height:60px; line-height:60px; float:left;font-family:"Montserrat"; border:none; outline:none; padding:0 125px 0 40px; box-sizing:border-box; font-size:16px; background:url(../images/ban_sstb.png) 20px center no-repeat;}
.nybannerwz1 .div .button{ width:120px; height:60px; line-height:60px; float:right;font-family:"Montserrat"; margin-top:-60px; border:none; outline:none; text-align:center;  font-size:16px; background:#000; color:#fff; cursor:pointer; font-weight:bold; border-radius:0 60px 60px 0; }
.nybannerwz1 .div .button:hover{ opacity:0.8;}

.baibj{ background:#fff;}
.hcbox{ width:23%; height:auto; float:left; border-radius:5px; margin:0 1% 2% 1%;  background:url(../images/ser_hctp.png) right top no-repeat; background-size:cover !important; padding:50px 40px 20px 40px; box-sizing:border-box; overflow:hidden; box-sizing:border-box;}
.hcbox h3 a{ width:100%; height:78px; float:left; font-size:18px; line-height:26px; font-weight:600; overflow:hidden; color:#000;margin-bottom:35px;}
.hcbox span{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#888; margin-bottom:110px;}
.hcbox a.a{ width:100%; height:30px; float:left; color:#000; line-height:30px; font-size:16px; font-weight:bold; background:url(../images/ser_hctb.png) right center no-repeat;}
.hcbox:Hover{ background:url(../images/ser_hctph.png) right top no-repeat; box-shadow:-3px 3px 4px #ededed;}
.hcbox:Hover a.a{ color:#286fc9; background:url(../images/ser_hctbh.png) right center no-repeat; }

/******Server-用户手册*******/
.yhul{ width:100%; height:auto; float:left; list-style:none; background:#fcfdfe;}
.yhul li{ width:auto; height:70px; line-height:70px; font-size:16px; color:#777; float:left; overflow:hidden; text-align:center;}
.yhul li.l1{ width:35%; text-align:left; padding:0 40px; box-sizing:border-box; font-weight:bold;}
.yhul li.l1 a{ width:100%; height:70px; line-height:70px; color:#000;}
.yhul li.l2,.yhul li.l3,.yhul li.l4,.yhul li.l5{ width:calc(65% / 4);}
.yhul li.l5 a{ width:100%; height:70px; display:block; background:url(../images/ser_hctb.png) center center no-repeat;}
.yhul.top{ background:#286fc9 !important; border-radius:15px 15px 0 0;}
.yhul.top li{ color:#fff;}
.yhul:hover li.l5 a{ background:url(../images/ser_hctbh.png) center center no-repeat;}
.yhul:nth-child(odd){ background:#f3f6f9;}

/******Server-宣传视频*******/
.ser_sptj{ width:calc(96% - (94% / 3)); height:auto; border-radius:15px; overflow:hidden; float:left; margin:0 1% 2% 1%; position:relative;}
.ser_sptj video,.ser_sptj img{ width:100%; height:530px; display:block; cursor:pointer;}
.ser_sptj strong{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:30px; padding:0 50px; box-sizing:border-box; color:#fff; font-weight:bold;}
.ser_sptj strong s{ width:100%; height:auto;font-size:22px; line-height:30px;  min-height:50px; box-sizing:border-box; float:left; padding:10px 50px 0 0; background:url(../images/videobf.png) right center no-repeat; background-size:50px 50px;}

dl.spdl{ width:calc(94%/3); height:530px; border-radius:15px; overflow:hidden; float:left; margin:0 1% 2% 1%; box-shadow:0 2px 5px #ededed; background:#f8f9fd;}
dl.spdl dt{ width:100%; height:auto; float:left; position:relative;}
dl.spdl dt img{ width:100%; height:auto; display:block;}
dl.spdl dt span{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/videobf.png) center center no-repeat; background-size:50px auto;}
dl.spdl dd{ width:100%; height:auto; float:left; padding:20px 40px; box-sizing:border-box;}
dl.spdl dd h3 a{ width:100%; height:90px; float:left; font-size:22px; line-height:30px; overflow:hidden; margin:10px 0; font-weight:bold; color:#000;}
dl.spdl dd p{ width:100%; height:auto;  float:left; font-size:16px; line-height:24px;margin-bottom:20px; color:#777;}
dl.spdl dd a.a{ width:100%; height:auto; float:left; font-size:16px; padding-top:15px; font-weight:bold; border-top:1px solid #ededed; background:url(../images/jtr.png) right center no-repeat;}
dl.spdl:hover dd a.a{ color:#286fc9;background:url(../images/jtr_y.png) right center no-repeat;}
dl.spdl:hover{ background:#fff;}

/******Server-操作教程*******/
dl.czdl{ width:calc(94%/3); height:auto; float:left; margin:0 1% 2% 1%; cursor:pointer; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease;}
dl.czdl dt{ width:100%; height:auto; float:left; position:relative; border-radius:10px; overflow:hidden;}
dl.czdl 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.czdl: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.czdl dt span{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/videobf.png) center center no-repeat; background-size:50px auto;}
dl.czdl dd{ width:100%; height:70px; line-height:70px; float:left; border-bottom:1px solid #ededed; font-size:18px; font-weight:bold; color:#000; overflow:hidden;}
dl.czdl:hover{background-size:100% 2px; transition:all 0.5s ease;}

/******Server-常见问题*******/
dl.faqdl{ width:100%; height:auto; float:left; background:#f8f9fd; margin-bottom:20px; border-radius:10px;}
dl.faqdl dt{ width:100%; height:68px; float:left; cursor:pointer; padding:0 40px; box-sizing:border-box;}
dl.faqdl dt strong{ width:100%; height:68px; position:relative;border-bottom:1px solid #f8f9fd; line-height:68px; overflow:hidden; float:left; padding:0 40px 0 50px; background:url(../images/ser_faqtb.png) right center no-repeat; font-size:18px; font-weight:bold;  color:#000; box-sizing:border-box;}
dl.faqdl dt strong s.s{ width:40px; height:40px; line-height:40px; text-align:center; background:#286fc9; color:#fff; border-radius:40px; display:block; position:absolute; left:0; top:14px;}
dl.faqdl dd{ width:100%; height:auto; float:left; padding:15px 40px 25px 90px; position:relative; box-sizing:border-box; font-size:16px; line-height:24px; color:#555; display:none;}
dl.faqdl dd s.s{ width:40px; height:40px; line-height:40px; text-align:center; background:#adaeb1; color:#fff; border-radius:40px; display:block; position:absolute; left:40px; top:14px;}
dl.faqdl.cur dd{ display:block;}
dl.faqdl.cur dt strong{ background:url(../images/ser_faqtbh.png) right center no-repeat;}
dl.faqdl.cur dt strong{ border-bottom:1px solid #ededed;}


/*****关于我们*****/
.aboutdiv1{ width:100%; height:auto; float:left; padding:0 0 60px 0; background:url(../images/aboutbj.png) center bottom no-repeat; background-size:100% auto;}
dl.abd1{ width:100%; height:auto; float:left; margin:50px 0 30px 0;}
dl.abd1 dt{ width:40%; height:auto; float:left;}
dl.abd1 dt strong{ width:100%; height:auto; float:left; font-size:80px; line-height:80px; color:#000; font-weight:bold;}
dl.abd1 dt strong.sr{ text-align:right;}
dl.abd1 dt strong.sc{ text-align:center;}
dl.abd1 dd{ width:50%; height:auto; float:right;}
dl.abd1 dd h2{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#000; font-weight:bold;}
dl.abd1 dd div{ width:100%; height:230px; overflow-y: auto;float:left; padding-right:30px; box-sizing:border-box; margin-top:20px;}
dl.abd1 dd div p{ width:100%; height:auto; float:left;  font-size:16px; line-height:28px; color:#222;}
dl.abd1 dd div::-webkit-scrollbar {width: 2px;height: 5px;}
dl.abd1 dd div::-webkit-scrollbar-track { border-radius: 2px; background-color: #ededed;box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
dl.abd1 dd div::-webkit-scrollbar-thumb { border-radius: 2px;background-color: #333;}
.aboutdiv1 .img{ width:100%; height:auto; display:block;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:60px 0 500px 0; background:url(../images/aboutbj1.png) center bottom no-repeat; background-size:100% auto;}
.aboutdiv2 .indextt{ width:50%; height:auto; float:left; margin:0; padding-top:15px; padding-right:9%; box-sizing:border-box; text-align:left;}
.aboutdiv2 .indextt strong{ line-height:50px;}
.aboutdiv2 .indextt p{ color:#000; margin-top:25px;}
.aboutdiv2box{ width:50%; height:auto; padding:40px 0; float:left; background:rgba(250,250,250,0.7); box-shadow:0 3px 5px #e1f3fb; border-radius:15px; min-height:100px;}
.aboutdiv2box ul{ width:100%; height:auto; list-style:none;}
.aboutdiv2box ul li{ width:50%; height:auto; float:left; padding:20px 0 20px 60px; box-sizing:border-box; border-right:1px solid rgba(150,150,150,0.1);}
.aboutdiv2box ul li strong{ width:100%; height:auto; float:left; font-size:60px; line-height:54px; color:#000; font-weight:bold;}
.aboutdiv2box ul li strong s{ font-size:30px;}
.aboutdiv2box ul li p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#000; font-weight:bold;}
.aboutdiv2box ul li.last{ border-right:none;}

.aboutdiv3{ width:100%; height:auto; float:left; position:relative;}
.aboutdiv3a{ width:100%; height:800px; float:left; padding:180px 0 70px 0; background:url(../images/aboutbj2.jpg) left center no-repeat; background-size:50% 100%; box-sizing:border-box;}
.aboutdiv3ac{ width:50%; height:auto; float:left; padding-right:100px; box-sizing:border-box; position:relative; z-index:1;}
.aboutdiv3 .indextt{ width:100%; margin:0; text-align:left; margin-bottom:120px;}
.aboutdiv3 .indextt strong{ line-height:56px; color:#fff;}
.aboutdiv3box{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#fff;}
.aboutdiv3b{ width:100%; height:800px; float:left; position:absolute; right:0; top:0; padding:180px 0 70px 0; background:url(../images/aboutbj3.jpg) right center no-repeat; background-size:50% 100%; box-sizing:border-box;}
.aboutdiv3bc{ width:50%; height:auto; float:left; margin-left:50%; padding-left:100px; box-sizing:border-box;}
.aboutdiv3bc .indextt strong,.aboutdiv3bc .aboutdiv3box { color:#fff;}

.aboutdiv4{ width:100%; height:auto; float:left; background:url(../images/aboutbj4.jpg) center top no-repeat; background-size:cover; padding:100px 0 100px 0;}
.aboutdiv4 .indextt{ margin:0; text-align:left;}
.aboutdiv4 .indextt strong,.aboutdiv4 .indextt p{ color:#fff;}
.aboutdiv4 .img{ width:100%; height:auto; display:block; margin:50px 0 25px 0; float:left;}
.aboutdiv4c{ width:100%; height:230px; padding:0; float:left; position:relative; box-sizing:border-box; overflow:hidden; } 
.aboutdiv4clist{width:100%; height:10000px; float:left; margin-top:60px; position:absolute; top:-60px; transition:transform 600ms;}
dl.d1sz{ width:100%; height:60px; float:left; transition:all 0.5s ease;}
dl.d1sz dt{ width:65%; height:auto; float:left; font-size:30px; font-weight:100; line-height:60px; padding-left:0px;  color:rgba(255,255,255,0.2); transition:all 0.5s ease; box-sizing:border-box;}
dl.d1sz dd{ opacity:0; width:35%; height:auto; float:left;}
dl.d1sz dd strong{ width:100%; height:auto; float:left; font-size:100px; line-height:100px; color:#fff; font-weight:normal;}
dl.d1sz dd strong s{ font-size:30px;color:#fff; font-weight:normal;}
dl.d1sz.cur{ height:100px; border-bottom:1px solid rgba(255,255,255,0.1);box-sizing:border-box; transition:all 0.5s ease;}
dl.d1sz.cur dt{ height:100px; line-height:100px; font-size:48px; color:#fff; padding-left:40px; transition:all 0.5s ease;}
dl.d1sz.cur dd{ opacity:1;}
.aboutdiv4cspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:25px;text-align:center;  font-size:16px; font-weight:bold; color:#666;}
.aboutdiv4cspan s{ color:#fff;} 
.aboutjtl{ width:100%; height:60px; position:absolute; left:0; top:0;  cursor:pointer; z-index:10;}
.aboutjtr{ width:100%; height:60px; position:absolute; left:0; bottom:0;  cursor:pointer;z-index:10;}

.aboutdiv5{ width:100%; height:auto; float:left; overflow:hidden; padding:120px 0 100px 0; background:url(../images/aboutbj5.jpg) center center no-repeat; background-size:cover;}
.aboutdiv5c{ width:40%; height:auto; float:left;}
.aboutdiv5c .indextt{ width:100%; margin:0; text-align:left;}
.aboutdiv5c .yhao{ width:100%; height:auto; float:left; min-height:50px; margin-top:60px; background:url(../images/about_tb.png) left top no-repeat;}
.aboutdiv5c p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#666;}
dl.abzs{ width:380px; height:auto; float:left; background:#f8f9fa; border-radius:15px;  margin:0 15px; box-shadow:0 2px 10px #ededed;}
dl.abzs dt{ width:100%; height:auto; float:left; padding:0 20px; box-sizing:border-box;}
dl.abzs dt img{ width:100%; height:auto; display:block;}
dl.abzs dd{ width:100%; height:66px; float:left; border-top:1px solid #ededed; font-size:18px; line-height:66px; text-align:center; overflow:hidden;}
dl.abzs.cur{ width:440px; background:#fff;}
.aboutdiv5rz{ width:50%; height:auto; float:right;  overflow:hidden;}
.aboutdiv5r{ width:100%; height:auto; float:right; position:relative; overflow:hidden;}
.aboutdiv5rlist{width:200000px; height:auto; overflow:hidden;  float:left; padding:10px 0; transition:transform 600ms;}
.aboutdiv5rjt{ width:100%; height:60px; float:left; position:relative; margin-top:25px; background:url(../images/huibj.jpg) 20px 27px no-repeat; background-size:100% 1px !important;}
.jtl{ width:50px; height:50px; position:absolute; left:10px; top:0; border-radius:100%; border:1px solid #ededed; background:url(../images/jtl.png) center center no-repeat #ededed; cursor:pointer;}
.jtr{ width:50px; height:50px; position:absolute; left:80px; top:0; border-radius:100%; border:1px solid #ededed; background:url(../images/jtr.png) center center no-repeat #ededed; cursor:pointer;}
.jtl:hover{background:url(../images/jtlh.png) center center no-repeat #286fc9; } 
.jtr:hover{background:url(../images/jtrh.png) center center no-repeat #286fc9; } 
.aboutdiv5sz{ width:120px; height:60px; line-height:56px; position:absolute; right:0; top:0; font-size:16px; color:#777; font-weight:bold; text-align:center;}
.aboutdiv5sz s.s{ color:#000; font-size:20px;}

.aboutdiv6{ width:100%; height:auto; float:left; padding:100px 0; background:url(../images/aboutbj6.jpg) center center no-repeat; background-size:cover;}
.aboutdiv6 dl{ width:100%; height:auto; float:left;}
.aboutdiv6 dl dd{ width:40%; height:auto; float:left; padding-top:110px;}
.aboutdiv6 dl dd .indextt{ width:100%; margin:0; text-align:left;}
.aboutdiv6 dl dd .indextt strong{ line-height:56px; margin-bottom:25px;}
.aboutdiv6 dl dt{ width:50%; height:auto; float:right;}
.aboutdiv6 dl dt img{ width:100%; height:auto; display:block;}


/*****联系我们*****/
.lxwmdiv1{ width:100%; height:auto; float:left;}
.lxwmdiv1c{ width:100%; height:auto; float:left; background:#f8f9fd; border-radius:15px;}
.lxwmdiv1c dl{ width:calc(100% /3); height:auto; float:left; padding:0 25px; box-sizing:border-box; margin:80px 0 60px 0; text-align:center; border-right:1px solid rgba(150,150,150,0.1);}
.lxwmdiv1c dl.last{ border-right:0;}
.lxwmdiv1c dl dt{ width:100%; height:auto; float:left;}
.lxwmdiv1c dl dt img{ width:64px; height:auto; display:block; margin:0 auto;}
.lxwmdiv1c dl dd{ width:100%; height:auto; float:left; margin-top:15px;}
.lxwmdiv1c dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333; margin-bottom:5px;}
.lxwmdiv1c dl dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:36px; color:#000; font-weight:bold;}

.lxfxdiv{ width:400px; height:60px; background:#fbfcfd; box-shadow:1px -3px 4px #ededed; border-radius:50px 50px 0 0; margin:0 auto; text-align:center;}
.lxfxdiv a img{ margin:19px 10px; display:inline-table; width:22px; height:22px; opacity:0.4;}
.lxfxdiv a:hover img{ opacity:1;} 
.lxwmdiv2{ width:100%; height:auto; float:left; padding:50px 0 70px 0; background:#f8f9fd;}
.lxwmdiv2 .indextt{ width:100%; margin:0; text-align:left; margin:35px 0 25px 0;}
.lxwmdiv2 dl.d1{ width:calc(94% / 3); height:auto; float:left; margin:0 1% 2% 1%; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; border-bottom:1px solid #ededed;}
.lxwmdiv2 dl.d1 dt{ width:100%; height:auto; border-radius:15px; float:left; overflow:hidden;}
.lxwmdiv2 dl.d1 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;}
.lxwmdiv2 dl.d1: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; }
.lxwmdiv2 dl.d1 dd{ width:100%; height:auto; min-height:94px; float:left; padding:15px 0 20px 0;}
.lxwmdiv2 dl.d1 dd span{ width:100%; height:28px; float:left; font-size:18px; line-height:28px; color:#000; font-weight:bold; background:url(../images/lxwm_tb4.png) left center no-repeat; padding-left:20px; box-sizing:border-box;}
.lxwmdiv2 dl.d1 dd strong{ width:100%; height:auto; max-height:56px; overflow:hidden; float:left; font-size:20px; line-height:32px; color:#000; font-weight:normal; margin:5px 0 10px 0;}
.lxwmdiv2 dl.d1 dd p{  width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#666;}
.lxwmdiv2 dl.d1:hover{ background-size:100% 2px; transition:all 0.5s ease;}


/*******新闻列表*******/
.newsdiv{ width:100%; height:auto; float:left; padding-bottom:80px;}
dl.xdl{ width:100%; height:auto; float:left; padding-bottom:40px; margin:20px 0; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 1px; transition:all 0.5s ease; border-bottom:1px solid #ededed;}
dl.xdl dd{ width:calc( 100% - 540px); height:auto; float:left; padding-top:30px;}
dl.xdl dd span{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#777;}
dl.xdl dd h3 a{ width:100%; height:30px; float:left; font-size:22px; line-height:30px; font-weight:bold; color:#000; overflow:hidden; margin:10px 0 25px 0;}
dl.xdl dd p{ width:100%; height:52px; float:left; font-size:16px; line-height:26px; color:#666; overflow:hidden; margin-bottom:45px;}
dl.xdl dd a.a{ width:100%; height:auto; float:left;}
dl.xdl dd a.a s{ padding-right:15px; height:30px; font-size:16px; line-height:30px; color:#000; font-weight:bold; background:url(../images/jtr.png) right center no-repeat;}
dl.xdl dt{ width:480px; height:auto; float:right; overflow:hidden; border-radius:10px;}
dl.xdl 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.xdl: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.xdl:hover{ background-size:100% 1px; transition:all 0.5s ease;}
dl.xdl:hover dd h3 a{ color:#286fc9;}
dl.xdl:hover dd a.a s{ color:#286fc9; background:url(../images/jtr_y.png) right center no-repeat; }


/*******新闻列表-展会*******/
.newdivc{ width:100%; height:auto; float:left; margin:20px 0 0 0;}
.newdivc dl{ width:100%; height:auto; float:left; background:#fdfdfe; box-shadow:0 4px 8px #ededed; border-radius:10px; overflow:hidden; position:relative;}
.newdivc dl dt{ width:calc(100% - 500px); height:500px; float:left;}
.newdivc dl dt a img{ width:100%; height:100%; display:none;}
.newdivc dl dt a.cur img{ display:block;} 
.newdivc dl dd{ width:500px; height:auto; float:left; padding:0 40px; box-sizing:border-box; }
.newdivc dl dd ul{ width:100%; height:auto; float:left; list-style:none;}
.newdivc dl dd ul li{ width:100%; height:auto; float:left;padding:37px 0; box-sizing:border-box; border-bottom:1px solid #ededed;}
.newdivc dl dd ul li a{ width:100%; height:60px; line-height:30px; font-size:20px; color:#000; font-weight:bold; overflow:hidden; float:left; margin-bottom:8px;}
.newdivc dl dd ul li p{ width:100%; height:24px; line-height:24px; font-size:18px; color:#777;overflow:hidden; float:left;}
.newdivc dl dd ul li:last-child{ border-bottom:none;}
.newdivc dl dd ul li.cur a{ color:#286fc9;}

.newsdiv1{ width:100%; height:auto; float:left; padding:80px 0; background:#f8f9fb;}
dl.xd2{ width:480px; height:485px; float:left; border-radius:10px; margin-bottom:40px; overflow:hidden; position:relative; border-right:1px solid rgba(150,150,150,0.1); padding:20px 40px; box-sizing:border-box;}
dl.xd2 dd{ width:100%; height:auto; float:left;transition:all 0.5s ease; }
dl.xd2 dd h3 a{ width:100%; height:78px; line-height:26px; float:left; font-size:20px; color:#000; font-weight:bold; overflow:hidden;}
dl.xd2 dd p{ width:100%; height:56px; float:left; font-size:16px; line-height:28px; overflow:hidden; color:#666; margin:15px 0 25px 0;}
dl.xd2 dd span{ width:100%; height:56px; float:left; font-size:18px; line-height:28px; overflow:hidden; color:#666;}
dl.xd2 dd a.a{ width:100%; height:auto; float:left; display:none; margin-top:25px;}
dl.xd2 dd a.a s{ padding-right:15px; height:30px; font-size:16px; line-height:30px; color:#286fc9; font-weight:bold; background:url(../images/jtr_y.png) right center no-repeat;}

dl.xd2 dt{ width:100%; height:auto; float:left;}
dl.xd2 dt img{ width:100%; height:auto; display:block;border-radius: 15px;}
dl.xd2.cur,dl.xd2:hover{ background:#fff; box-shadow:0 2px 4px rgba(150,150,150,0.1)}
dl.xd2.cur dd,dl.xd2:hover dd{ position:absolute; left:0; top:0; height:485px; z-index:11; padding:40px; box-sizing:border-box; transition:all 0.5s ease;}
dl.xd2.cur dd p,dl.xd2:hover dd p{ height:140px;}
dl.xd2.cur dd a.a,dl.xd2:hover dd a.a{ display:block;}
dl.xd2.cur dt,dl.xd2:hover dt{ opacity:0;}

/******新闻列表-详细页******/
.martop{ margin-top:100px; background:#f8f9fb;}
.newsxxdiv{ width:100%; height:auto; max-width:1000px; padding:40px 0; margin:0 auto; display:block; min-height:100px;}
.newsxxdiv span.sp{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; font-weight:bold; color:#000;}
.newsxxdiv .h1{ width:100%; height:auto; float:left; font-size:32px; line-height:40px; font-weight:bold; color:#000; padding-bottom:10px; margin:10px 0 25px 0; border-bottom:1px solid rgba(150,150,150,0.2);}
.newsxxdivc{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#333; padding-bottom:40px;}
.newsxxdivc p{ width:100%; height:auto; float:left;}
.newsxxdivc img{ width:auto; height:auto !important; max-width:100% !important; display:block; margin:0 auto;}

.newsxt{ width:100%; height:auto; float:left; background:#f8f9fb; border-radius:15px; margin-bottom:70px;}
.newsxt a{ width:100%; height:auto; padding:20px 30px; border-bottom:1px solid #ededed; box-sizing:border-box; float:left; overflow:hidden;}
.newsxt a:last-child{ border-bottom:none;}
.newsxt a span{ width:calc(100% - 120px ); height:40px; line-height:40px; font-size:18px; overflow:hidden; font-weight:bold; color:#000; float:left;}
.newsxt a s{ width:100px; height:40px; line-height:40px; float:right; text-align:center; font-size:16px; text-align:center; background:#fff; border-radius:20px; font-weight:bold;}
.newsxt a:hover s{ background:#000; color:#fff;}

.newsxxtj{ width:100%; height:auto; float:left; position:relative; padding-bottom:30px; overflow:hidden;}
.newsxxtjlist{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.newsxxtjspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:10px;text-align:center; z-index:886;}
.newsxxtjspan span{display:inline-block; position:relative; width:12px;height:12px; border:2px solid #f8f9fb; border-radius:100%; background:#888; cursor:pointer; margin:0 3px; box-sizing:border-box;}
.newsxxtjspan span.cur{  background:#000; border:2px solid #000;}


/*******解决方案-光伏******/
.sol_gfdiv{ width:100%; height:auto; float:left; background:url(../images/sol_gfbj.png) center bottom no-repeat; background-size:cover;}
.sol_gfdivc{ width:100%; height:auto; float:left; padding:40px 0 60px 0;}
.sol_gfdivc .indextt{ margin-bottom:45px;}
dl.sgfd1{ width:calc(100% / 4); height:auto; float:left; margin:15px 0; border-right:1px dashed #ededed; padding:15px 35px; box-sizing:border-box; text-align:center;}
dl.sgfd1 dt{ width:100%; height:auto; float:left;}
dl.sgfd1 dt img{ width:54px; height:auto; display:block; margin:0 auto;}
dl.sgfd1 dd{ width:100%; height:auto; float:left; margin-top:15px;}
dl.sgfd1 dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; padding-bottom:10px; margin-bottom:15px; color:#000; font-weight:bold; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:20px 2px;}
dl.sgfd1 dd p{ width:100%; height:auto; min-height:112px; float:left; font-size:16px; line-height:28px;  color:#444;}
dl.sgfd1:last-child{ border-right:none;}

.sol_gfdiv1{ width:100%; height:auto; float:left; padding:120px 0; background:url(../images/sol_gfbj1.jpg) center center no-repeat; background-size:cover;}
.ziti{ color:#fff !important;}
dl.sgfd2{ width:25%; height:auto; float:left; padding:20px 40px; margin-top:25px; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; text-align:center;}
dl.sgfd2 dt{ width:100%; height:auto; float:left;}
dl.sgfd2 dt img{ width:72px; height:auto; display:block; margin:0 auto;}
dl.sgfd2 dd{ width:100%; height:auto; min-height:96px; float:left; margin-top:15px; font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
dl.sgfd2:last-child{ border-right:none;}

.sol_gfdiv2{ width:100%; height:auto; float:left; padding:90px 0;}
.indextta{ width:80%; margin:0 10% 25px 10%;}
.sol_gfdiv2 .img{ width:100%; height:auto; display:block; float:left; margin-top:20px; }

.sol_gfdiv3{ width:100%; height:auto; float:left; overflow:hidden; padding:90px 0 70px 0; background:url(../images/sol_gfbj2.jpg) center center no-repeat; background-size:cover;}
.sol_gfdiv3cz{ width:980px; height:auto; margin:0 auto;}
.sol_gfdiv3c{ width:980px; height:auto;   float:left; position:relative; padding-bottom:50px;}
.sol_gfdiv3c ul{ width:200000px; height:auto !important; overflow:hidden; list-style:none; float:left; transition:transform 600ms;}
.sol_gfdiv3c ul li{ width:960px; height:auto; float:left; margin:0 10px;}
.sol_gfdiv3c ul li img{ width:100%; height:auto; border-radius:10px; overflow:hidden; display:block;}
.sol_gfdiv3cspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:0px;text-align:center; z-index:886;}
.sol_gfdiv3cspan span{display:inline-block; position:relative; width:12px;height:12px; border:2px solid #f8f9fb; border-radius:100%; background:#888; cursor:pointer; margin:0 3px; box-sizing:border-box;}
.sol_gfdiv3cspan span.cur{  background:#000; border:2px solid #000;}

.sol_gfdiv4{ width:100%; height:auto; float:left; overflow:hidden; padding:90px 0; background:url(../images/sol_gfbj3.jpg) center center no-repeat; background-size:cover;}
dl.sgfd3{ width:1050px; height:auto; float:left; background:rgba(255,255,255,0.9); padding:20px 50px; margin-right:20px; margin-top:15px; box-sizing:border-box; border-radius:10px;}
dl.sgfd3 dd{ width:50%; height:auto; float:left; padding-top:60px;}
dl.sgfd3 dd span.sp1{ width:100%; height:24px; line-height:24px; font-size:16px; color:#555; float:left; overflow:hidden;}
dl.sgfd3 dd h3 a{ width:100%; height:40px; line-height:40px; font-size:30px; color:#000; font-weight:bold; margin:15px 0 5px 0; float:left; overflow:hidden;}
dl.sgfd3 dd span.sp2{ width:100%; height:24px; line-height:24px; font-size:20px; color:#000; float:left; overflow:hidden;}
dl.sgfd3 dd p{ width:100%; height:78px; line-height:26px; font-size:16px; color:#333; float:left; margin:10px 0; overflow:hidden;}
 

dl.sgfd3 dd a.a{ width:auto; height:50px; line-height:50px;  border-radius:5px; background:#286fc9;float:left; display:table; margin:20px auto 50px auto; padding:0 15px;}
dl.sgfd3 dd a.a s{ font-size:16px; padding-right:15px; background:url(../images/jtrh.png) right center no-repeat;font-size:16px; color:#fff;}
dl.sgfd3 dd a.a div{ width:100%; height:100%; padding:0 28px;box-sizing:border-box; color:#fff; display:block; float:left; position:relative;}
dl.sgfd3 dd a.a .atop{ width:100%; height:3px; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat; background-size:0 3px;  transition:all 0.5s ease;}
dl.sgfd3 dd a.a .arights{ width:3px; height:100%; position:absolute; right:0; top:0; z-index:1; background:url(../images/baibj.png) top right no-repeat; background-size:3px 0;  transition:all 0.5s ease;}
dl.sgfd3 dd a.a .abottom{ width:100%; height:3px; position:absolute; left:0; bottom:0; z-index:1; background:url(../images/baibj.png) right bottom no-repeat; background-size:0 3px;  transition:all 0.5s ease;}
dl.sgfd3 dd a.a .aleft{ width:3px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat;  background-size:3px 0;  transition:all 0.5s ease;}

dl.sgfd3 dd a.a:hover .atop{background-size:100% 3px; transition:all 0.5s ease;}
dl.sgfd3 dd a.a:hover .arights{  background-size:3px 100%; transition:all 0.5s ease;}
dl.sgfd3 dd a.a:hover .abottom{ background-size:100% 3px; transition:all 0.5s ease;}
dl.sgfd3 dd a.a:hover .aleft{  background-size:3px 100%; transition:all 0.5s ease;}


dl.sgfd3 dt{ width:50%; height:auto; float:left; overflow:hidden;}
dl.sgfd3 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.sgfd3: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.sgfd3:hover dd a.a{ background:#286fc9;}
.sol_gfdiv4cz{ width:100%; height:auto; float:left; position:relative;}
.sol_gfdiv4c{ width:1050px; height:auto;   float:left; position:relative; padding-bottom:50px;}
.sol_gfdiv4clist{ width:200000px; height:auto !important; overflow:hidden; list-style:none; float:left; transition:transform 600ms;}
.sol_gfdiv4cspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:0px;text-align:center; z-index:886;}
.sol_gfdiv4cspan span{display:inline-block; position:relative; width:12px;height:12px; border:2px solid #f8f9fb; border-radius:100%; background:#888; cursor:pointer; margin:0 3px; box-sizing:border-box;}
.sol_gfdiv4cspan span.cur{  background:#fff; border:2px solid #000;}


/*****解决方案-储能******/
#featured-area{height:auto;width:1440px;margin:70px auto 80px auto;}
.roundabout-holder{list-style:none;width:700px;height:380px;margin:0px auto;}
.roundabout-moveable-item{height:500px;width:960px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%; border-radius:10px; }
.roundabout-in-focus{cursor:auto;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

.sol_cndiv1{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/sol_cnbj.jpg) center center no-repeat; background-size:cover;}
.sol_cndiv1 dl.d1{ width:calc(97% / 3); height:auto; padding:25px 40px 10px 40px; box-sizing:border-box; float:left; margin:0.5%; background:#fff; border-radius:10px;}
.sol_cndiv1 dl.d1 dt{ width:100%; height:80px; float:left; font-size:22px; line-height:28px; color:#000; border-bottom:1px solid #ededed; padding:15px 60px 5px 0; box-sizing:border-box; background-size:52px auto !important;}
.sol_cndiv1 dl.d1 dd{ width:100%; height:130px; overflow:hidden; float:left; font-size:16px; line-height:26px; color:#555; margin-top:15px;}



/*****关于我们新加地图点*****/
.aboutdivdt{ width:100%; height:auto; float:left; position:relative; margin-top:20px;}
.aboutdivdt .imgdt{ width:100%; height:auto; display:block;}

.aboutdivdt .dian{ width:40px; height:auto; position:absolute;}
.aboutdivdt .dian .circle {position: absolute;width:12px;height:12px;font-size:12px; border-radius:50%;background:#ffffff;top:14px;left:14px;z-index: 12;margin-bottom: 0px;}
.aboutdivdt .dian .ripple {border-radius: 50%;  background-clip: padding-box;background: transparent;width:40px;height:40px;border-radius:50%;position: absolute;left:0;top:0;z-index: 9;margin-bottom: 0px;}
.aboutdivdt .dian .p1:after,.aboutdivdt .dian .p2:after{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border:2px solid #ffffff;opacity: 0; background-color:rgba(255,255,255,0.4);}
.aboutdivdt .dian .p1:after{ -webkit-animation: ripple 2.5s ease-out 225ms infinite;animation: ripple 2.5s ease-out 225ms infinite;}
.aboutdivdt .dian .p2:after{ -webkit-animation: ripple 2.5s ease-out .9s infinite; animation: ripple 2.5s ease-out .9s infinite;}
.aboutdivdt .dian span{ width:auto; height:auto; float:left; text-align:center; padding:12px 0 0 35px; font-size:14px; line-height:16px; color:#fff;}
.aboutdivdt .dian span.lt{ padding:12px 35px 0 0; text-align:right; float:right;}
.aboutdivdt .dian span.s{ background:url(../images/xabdt_d.png) center center no-repeat; background-size:100% 100% !important; width:60px; height:32px; line-height:32px; position:relative; top:-23px; left:-10px; padding:0;}
.aboutdivdt .dian span.sw{ width:100px;}
.aboutdivdt .dian span.sw1{ width:90px;}
@-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)}}

.aboutdivdt .dian.dian1{left:16%; top:37%;}
.aboutdivdt .dian.dian2{left:16.5%; top:47.5%;}
.aboutdivdt .dian.dian3{left:20.5%; top:51.5%;}
.aboutdivdt .dian.dian4{left:45.5%; top:34.5%;}
.aboutdivdt .dian.dian5{left:49%; top:36%;}
.aboutdivdt .dian.dian6{left:45.5%; top:49.5%;}
.aboutdivdt .dian.dian7{left:48.5%; top:50.5%;}
.aboutdivdt .dian.dian8{left:46.5%; top:55.5%;}
.aboutdivdt .dian.dian9{left:49.5%; top:54.5%;}
.aboutdivdt .dian.dian10{left:54%; top:58%;}
.aboutdivdt .dian.dian11{left:53%; top:61%;}
.aboutdivdt .dian.dian12{left:55%; top:61%;}
.aboutdivdt .dian.dian13{left:49.5%; top:64.5%;}
.aboutdivdt .dian.dian14{left:54%; top:66.5%;}
.aboutdivdt .dian.dian15{left:53%; top:69.5%;}
.aboutdivdt .dian.dian16{left:51%; top:75.5%;}
.aboutdivdt .dian.dian17{left:67%; top:50%;}
.aboutdivdt .dian.dian18{left:75%; top:51%;}
.aboutdivdt .dian.dian19{left:74%; top:59%;}
.aboutdivdt .dian.dian20{left:77%; top:59%;}
.aboutdivdt .dian.dian21{left:77.5%; top:40.5%;}


/***下载留言框***/
.xiazaitsdiv{ width:100%; height:auto; float:left; display:none; overflow-y:auto;  max-width:650px; background:#fff; position:fixed; left:20%; top:10%; z-index:9999;}
.xzclose{ width:36px; height:36px; position:absolute; right:0px; top:0px; cursor:pointer; background:url(../images/closeX.png) center center no-repeat; background-size:36px auto;}
.xiazaitsdiv h2{ width:100%; height:70px; line-height:70px; background:#286fc9; font-size:24px; font-weight:bold; color:#fff; text-align:center;}
.xiazaitsdivc{ width:100%; height:auto; float:left; padding:30px 40px; box-sizing:border-box;}
.xiazaitsdivc strong{ width:100%; height:auto; float:left; padding-left:25px; font-size:18px; margin-bottom:10px; font-weight:600; color:#333; background:url(../images/xzmmtb1.png) left center no-repeat; box-sizing:border-box;}
.xiazaitsdivc .input{ width:100%; height:50px; font-family: "Montserrat";line-height:50px; text-indent:20px; background:#edf1f5; font-size:18px; border-radius:5px; border:none; margin-bottom:10px; outline:none;}
.xiazaitsdivc .button{ width:auto; height:50px;font-family: "Montserrat"; font-size:20px; line-height:50px; text-align:center; padding:0 50px; background:#286fc9; color:#fff; cursor:pointer; margin:0 auto; display:block; outline:none; border:none; border-radius:6px;}
.xiazaitsdivc .button:hover{ opacity:0.8;}

.xiazaitsdivc strong.s{  background:url(../images/xzmmtb2.png) left center no-repeat; margin:10px 0 15px 0; cursor:pointer;}
.xiazaitsdivc strong.s span{ width:auto; padding-right:20px; background:url(../images/xzmmtb4.png) center right no-repeat; box-sizing:border-box;}
.xiazaitsdivc strong.s span.show{background:url(../images/xzmmtb3.png) center right no-repeat; }
.xiazaitsdivcs{ width:100%; height:auto; float:left; display:none; }
.xiazaitsdivc .input.input1{ width:49%;}
.xiazaitsdivc .input.input1.input2{ float:right;}
.xiazaitsdivc .text{ width:100%; height:100px; line-height:30px;font-family:"Montserrat"; padding:10px 20px; box-sizing:border-box; background:#edf1f5; font-size:18px;  border:none; border-radius:5px; margin-bottom:10px; outline:none;}



/*******新产品详细页******/
.xinproxxul{ width:100%; height:auto; float:left; padding:70px 0 50px 0; background:#fff;}
.xinproxxul ul{ width:480px; height:auto; margin:0 auto; list-style:none; border-radius:10px; overflow:hidden;}
.xinproxxul ul li a{ width:50%; height:60px; line-height:60px; float:left; font-size:18px; background:#ebebeb; color:#333; text-align:center;  }
.xinproxxul ul li.cur a{ background:#333; color:#fff;}

.xinproxxdiv1{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/xinproxxbj1.jpg) center center no-repeat; background-size:cover;}
.xinproxxdiv1c{ width:100%; height:auto; float:left; position:relative; min-height:200px;}
.xinproxxdiv1ctz{ width:100%; height:auto; float:left; position:absolute; left:0; top:70px;}
.xinproxxdiv1ctz img{ width:470px; height:auto; display:block; margin:0 auto;}
.xinproxxdiv1cbox{ width:500px; height:auto; float:left; position:relative; z-index:1;}
.xinproxxdiv1cbox .s{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#0a0000;}
.xinproxxdiv1cbox dl{ width:100%; height:auto; float:left; margin-top:50px; min-height:125px;}
.xinproxxdiv1cbox dl dt{ width:68px; height:auto; float:left;}
.xinproxxdiv1cbox dl dt img{ width:68px; height:auto; display:block;}
.xinproxxdiv1cbox dl dd{ width:calc(100% - 68px); height:auto; padding-left:20px; box-sizing:border-box; float:left;}
.xinproxxdiv1cbox dl dd h3{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#0a0000; font-weight:bold; margin-bottom:8px;}
.xinproxxdiv1cbox dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:23px; color:#444; }
.xinproxxdiv1cbox.last{ text-align:right; float:right;}
.xinproxxdiv1cbox.last dl dt{ float:right;}
.xinproxxdiv1cbox.last dl dd{ padding-left:0; padding-right:20px;}

.xinproxxdiv2{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
.xinproxxdiv2 dl{ width:100%; height:auto; float:left; margin:30px 0;}
.xinproxxdiv2 dl dt{ width:50%; height:auto; float:left; padding-right:40px; box-sizing:border-box;}
.xinproxxdiv2 dl dt img{ width:100%; height:auto; display:block;}
.xinproxxdiv2 dl dd{ width:50%; height:auto; float:left; padding-left:40px; margin-top:60px; box-sizing:border-box;}
.xinproxxdiv2 dl dd strong,.xinproxxdiv2 dl dd h2{ width:100%; height:auto; float:left;  font-size:48px; font-weight:bold; margin-bottom:30px;font-family: "ziti"; line-height:54px; color:#000; font-weight:bold;}
.xinproxxdiv2 dl dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:28px; color:#333;}
.xinproxxdiv2 dl.d1 dt{ float:right; padding-left:40px; padding-right:0;}
.xinproxxdiv2 dl.d1 dd{  padding-left:0px; padding-right:40px;}
.xinproxxdiv2 dl.d2{ background:url(../images/xinproxxdiv2_bj.png) center center no-repeat; background-size:cover; border-radius:15px; padding:40px 80px 0 40px; box-sizing:border-box;}
.xinproxxdiv2 dl.d2 dd{ margin-top:100px;}

 
.xinproxxdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/xinproxxdiv3_bj.jpg) center center no-repeat; background-size:cover;}
.xinproxxdiv3 img{ width:100%; height:auto; display:block;}

.xinproxxdiv4{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.xinproxxdiv4 dl{ width:calc((100% - 40px) / 3); height:auto; background:#ebebeb; border-radius:15px; float:left; padding:30px 40px; box-sizing:border-box; margin:10px 20px 10px 0;}
.xinproxxdiv4 dl dd{ width:calc(100% - 100px); height:auto; float:left; font-size:24px; line-height:30px;font-family: "ziti"; color:#000; padding-top:35px;}
.xinproxxdiv4 dl dt{ width:100px; height:auto; float:left;}
.xinproxxdiv4 dl dt img{ width:100%; height:auto; display:block;}
.xinproxxdiv4 dl.last{ margin-right:0;}
.xitop{ margin-top:60px;}
.xinproxx4divsp{ width:100%; height:auto; float:left; position:relative;}
.xinproxx4divsp span{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/xinproxxdiv4_sptb.png) center center no-repeat; background-size:100px auto;}
.videosp{ width:100%; height:640px; float:left; border-radius:15px; overflow:hidden;}
.xinproxxdiv4 .img{ width:100%; height:auto; display:block;}

dl.tdl.top{ background:#333333 !important; border-radius:15px 15px 0 0;}
dl.tdl.top dt{ background:#333;}
dl.tdl.top dt,dl.tdl.top dd p span{ color:#fff;}
dl.tdl dt{ background:#f5f5f5;}

.xinproxxdiv5{ width:100%; height:auto; float:left; padding:40px 0 70px 0; background:#fff;}
.xinproxxdiv5 .indextt{ width:300px; text-align:left; float:left; margin:0;}
.xinproxxdiv5c{ width:920px; height:auto; float:right; padding-bottom:15px;  background:url(../images/huibj.jpg) left bottom no-repeat; background-size:100% 2px; position:relative; overflow:hidden; touch-action: pan-y;}
.xinproxxdiv5list{width:200000px; height:auto; overflow:hidden; float:left; padding-top:10px; transition:transform 600ms;} 
.xinproxxdiv5c span{ width:300px; height:2px; float:left; position:absolute; left:0; bottom:0; background:url(../images/home/lanbj.jpg) left center no-repeat; background-size:cover; display:block;}
.xinproxxdiv5c dl{ width:440px; height:auto; float:left; margin:0 10px;}
.xinproxxdiv5c dl dt{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden;}
.xinproxxdiv5c dl 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;}
.xinproxxdiv5c 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; }
.xinproxxdiv5c dl dd{ width:100%; height:60px; line-height:60px; float:left; font-size:18px; color:#000; font-family:"ziti"; overflow:hidden;}
.divjtl{ width:50px; height:50px; float:left; border-radius:50px; background:url(../images/jtl.png) center center no-repeat #ebebeb; cursor:pointer;}
.divjtl:hover{   background:url(../images/jtlH.png) center center no-repeat #286fc9;}
.divjtr{ width:50px; height:50px; float:left; border-radius:50px; background:url(../images/jtr.png) center center no-repeat #ebebeb; cursor:pointer;}
.divjtr:hover{   background:url(../images/jtrH.png) center center no-repeat #286fc9;}
.xinproxxdiv5jt{ width:120px; height:auto; float:left; margin-top:100px;}
.xinproxxdiv5jt .divjtr{ float:right} 

.xinproxxdiv6{ width:100%; height:auto; float:left; padding:20px 0 90px 0; background:#fff;}
.xinproxxdiv6z{ width:100%; height:auto; float:left; position:relative;}
.xinproxxdiv6c{ width:100%; height:auto; float:right;   position:relative; overflow:hidden; touch-action: pan-y;}
.xinproxxdiv6list{width:200000px; height:auto; overflow:hidden; float:left; padding-top:10px; transition:transform 600ms;} 
.xinproxxdiv6z .divjtl{ position:absolute; left:-60px; top:45%;}
.xinproxxdiv6z .divjtr{ position:absolute; right:-60px; top:45%;}
.xinproxxdiv6list dl{ width:460px; height:auto; float:left; position:relative; margin:0 10px;}
.xinproxxdiv6list dl dt{ width:100%; height:auto; float:left; overflow:hidden; border-radius:18px;}
.xinproxxdiv6list dl 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;}
.xinproxxdiv6list 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; }
.xinproxxdiv6list dl dd{ width:90%; position:absolute; left:5%; bottom:5%; background:#fff; border-radius:8px; text-align:center; height:60px; line-height:60px; float:left; font-size:18px; color:#000; font-family:"ziti"; overflow:hidden;}

.xinproxxdiv7{ width:100%; height:auto; float:left; padding:80px 0 90px 0; background:#f3f3f3; overflow:hidden;}
.xinproxxdiv7c{ width:100%; height:auto; float:left; padding:50px; border-radius:15px; box-shadow:0 2px 5px #ccc; background:#fff; box-sizing:border-box;}
.xinproxxdiv7cl{ width:430px; height:auto; float:left; padding-right:40px; box-sizing:border-box; border-right:1px solid #ededed;}
.xinproxxdiv7cl h3{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000; font-family:"ziti";}
.xinproxxdiv7cl p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#555; margin-top:5px;}
.xinproxxdiv7cl strong{ width:100%; height:auto; float:left; font-size:24px; line-height:26px; color:#000; font-weight:bold; margin-top:150px;}
.xinproxxdiv7cl strong span{ font-weight:normal; font-size:18px;}
.xinproxxdiv7cr{ width:calc(100% - 470px); height:auto; float:left; margin-left:40px;  box-sizing:border-box; overflow:hidden; position:relative; touch-action: pan-y;}
.xinproxxdiv7clist{width:200000px; height:auto; overflow:hidden; float:left; padding-top:10px; transition:transform 600ms;} 
.xinproxxdiv7clist dl{ width:880px; height:auto; float:left;}
.xinproxxdiv7clist dl dd{ width:100%; font-size:36px; line-height:40px; height:160px; overflow:hidden; color:#000; font-weight:bold;}
.xinproxxdiv7clist dl dt{ width:100%; height:auto; float:left; border-top:1px solid #ededed; margin-top:20px; padding-top:25px;}
.xinproxxdiv7clist dl dt strong{ width:200px; height:60px; float:left; background-size:60px auto !important; padding-left:70px; box-sizing:border-box;}
.xinproxxdiv7clist dl dt strong span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; margin-top:5px; font-family:"ziti"; color:#000;}
.xinproxxdiv7clist dl dt strong img{ width:auto; height:auto; display:block;}
.xinproxxdiv7cr .divjtl{ position:absolute; right:60px; bottom:5px;}
.xinproxxdiv7cr .divjtr{ position:absolute; right:0px; bottom:5px;}


.xinproxxdiv2 .boxc{ width:100%; height:auto; float:left; margin-top:40px;}
.xinproxxdiv2 .boxc .indextt{ width:80%; margin:0 10%; text-align:center;}
.xinproxxdiv2 .boxc .dl1{ width:100%; height:auto; float:left; padding:60px 60px 60px 40px; background:url(../images/xinproxxdiv2_bj.png) center center no-repeat; background-size:cover; border-radius:10px; box-sizing:border-box;}
.xinproxxdiv2 .boxc .dl1 dt{ width:50%; height:auto; float:left; padding-right:0; margin-top:60px;}
.xinproxxdiv2 .boxc .dl1 dt img{ width:100%; height:auto; display:block;}
.xinproxxdiv2 .boxc .dl1 dd{ width:50%; height:auto; float:left; margin-top:0; padding-left:30px; box-sizing:border-box; text-align:center;}
.xinproxxdiv2 .boxc .dl1 dd strong.s{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000;font-family:"ziti"; margin-bottom:20px;}
.xinproxxdiv2 .boxc .dl1 dd .sp{ width:calc(100% / 3); height:auto; margin-top:18px; float:left; text-align:center; font-size:14px; font-family:"ziti"; color:#000; padding-top:100px; background-size:78px auto;} 
.xinproxxdiv2 .boxc .dl1 dd .img{ width:auto; height:auto; margin:0 auto; display:block; padding-top:50px;}

.xincdqdiv{ width:100%; height:auto; float:left; padding:80px 0;}
.xincdqdiv .box{ width:49%; height:auto; float:left; background:url(../images/pjbj.jpg) center center no-repeat; background-size:cover; border-radius:15px;}
.xincdqdiv .box dl.d1{ width:100%; height:auto; float:left; padding:40px 50px; box-sizing:border-box;}
.xincdqdiv .box dl.d1 dt{ width:46%; height:auto; float:left; padding-right:4%;}
.xincdqdiv .box dl.d1 dt img{ width:100%; height:auto; display:block;}
.xincdqdiv .box dl.d1 dd{ width:50%; height:auto; margin-top:35px; float:left; font-size:48px; line-height:52px; color:#fff; font-family:"ziti";}
.xincdqdiv .box .boxc{ width:100%; height:auto; float:left; background:#f2f2f2; border-radius:15px; padding:25px; box-sizing:border-box;}
.xincdqdiv .box .boxc dl.d2{ width:100%; height:auto; float:left; padding-top:25px; margin-bottom:25px; border-top:1px solid #cad8ea;}
.xincdqdiv .box .boxc dl.d2.last{ margin-top:25px; border-top:none;}
.xincdqdiv .box .boxc dl.d2 dt{ width:120px; height:auto; float:left;}
.xincdqdiv .box .boxc dl.d2 dt img{ width:100%; height:auto; display:block;}
.xincdqdiv .box .boxc dl.d2 dd{ width:calc(100% - 120px); height:auto; float:left; padding:25px 0 0 40px; box-sizing:border-box;}
.xincdqdiv .box .boxc dl.d2 dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; font-family:"ziti"; color:#000;}
.xincdqdiv .box .boxc dl.d2 dd strong{ width:100%; height:auto; float:left; font-size:30px; line-height:34px; color:#666; margin-top:8px; font-weight:100;}
.xincdqdiv .box.last{ float:right;}


.lhqhdiv { width:100%; height:auto; float:left; display:none;}
.lhqh{ margin-bottom:30px;}

.backtop{ width:55px; height:55px; float:right; position:fixed; right:20px; bottom:100px; background:url(../images/backtop.png) center center no-repeat; background-size:55px auto; border-radius:100%; cursor:pointer; opacity:0.8; z-index:9999;}
.backtop:hover{ opacity:1;}