@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/Poppins-Regular.ttf');
}
 
 
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:21px 0 0 15px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#000; 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*******/
.div_cu { width:100%; height:auto;  float:left; padding:50px 0;  }
.div_cu p { width:100%; height:auto; float:left; text-align:center; font-size:14px; font-weight:550; line-height:26px;}
.div_cu p img { width:350px; height:auto;  margin:30px auto; }
.div_cu p a { color:#2466a5; }

 
/*******首页*******/ 
.headdiv{ width:100%; height:76px; float:left; position:fixed; left:0; top:0; z-index:9998; background:rgba(232,232,232,0.9);}
.logo{ width:auto; height:20px; float:left; margin-top:28px;}
.logo img{ width:auto; height:20px; display:block; float:left;}

dl.soso{ width:auto; height:40px; float:right; position:relative; margin-top:18px; }
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 #000; border-radius:100%; border:none; outline:none; cursor:pointer; background-size:14px auto;}
dl.soso dd{ width:0; transition: all .5s ease; height:40px; float:left; position:absolute; z-index:1; right:25px; 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; color:#fff; border-radius:3px; outline:none;}

dl.yydl{ width:150px; float:right; height:76px; position:relative;background:url(../images/h_yy.png) 20px 31px no-repeat; box-sizing:border-box; margin:0 15px 0 25px;}
dl.yydl dt{ width:100%; height:40px; margin-top:18px;border:1px solid #d0d0d0; padding:0 20px 0 40px; border-radius:20px;line-height:40px; font-size:15px; color:#000; 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:75px; 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:26px; color:#333;}
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_rb.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}


ul.ulmenu{ width:auto; height:76px; margin:0; float:right; list-style:none;}
ul.ulmenu li{ width:auto; height:76px; float:left;position:relative;}
ul.ulmenu li >a{ width:auto; height:40px; line-height:40px; float:left; padding:0 25px; margin-top:18px; font-size:16px; border-radius:40px; }  
ul.ulmenu li >a s{ background:url(../images/h_jt.png) right center no-repeat; padding-right:15px;color:#000; 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:76px; background:#fff;}
ul.ulmenu li .ejp a{ width:100%; height:46px; line-height:46px; color:#333; float:left; overflow:hidden; padding:0 10px; box-sizing:border-box; text-align:center; font-size:15px; border-bottom:1px solid #ededed;}
ul.ulmenu li .ejp a:hover{ color:#fff; background:#286fc9;border-bottom:1px solid #286fc9;}  
ul.ulmenu li:hover .ejp{ display:block;}
ul.ulmenu li:hover >a{ color:#286fc9}
ul.ulmenu li .ejp.ejpd{ width:200%; left:-50%;} 
  
.banner{ width:100%; overflow:hidden; height:44.2vw !important;min-height:500px !important;  float:left; position:relative; touch-action: pan-y; margin-top:76px;}
.banner ul {  overflow:hidden; height:44.2vw !important; min-height:500px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:500px; 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:44.2vw !important;object-fit: cover;  min-height:500px !important;  float:left; transition:0.5s linear ; transform:scale(1.03);  }
.banner ul li.cur  img{transform:scale(1); }
.banner ul li.cur{ opacity:1; z-index:112;}
.banner_span{margin:0px;padding:0px; width:100%; height:35px; position:absolute; bottom:50px;text-align:center; z-index:886;}
.banner_span span{ float:left; width:22px;height:22px; border-radius:22px; position:relative;  box-sizing:border-box; cursor:pointer; background:url(../images/yuandian.png) center center no-repeat; margin:0 5px; box-sizing:border-box; }
.banner_span span.cur{ border:1px solid rgba(255,255,255,0.3); box-sizing:border-box;}
.banner_span span.cur .wrapper {width: 20px; height: 20px;position: absolute; clip: rect(0px, 20px, 20px, 10px); left:0px; top:0px;}
.banner_span span.cur .wrapper .circle { width: 16px;height: 16px; border: 2px solid #fff;border-radius: 10px; position: absolute; clip: rect(0px, 10px, 20px, 0px);}
.banner_span span.cur div[data-anim~=base] {-webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function:linear; }
.banner_span span.cur .wrapper[data-anim~=wrapper] {-webkit-animation-duration: 0.01s;-webkit-animation-delay: 3s; -webkit-animation-name: close-wrapper; }
.banner_span span.cur .circle[data-anim~=left] {-webkit-animation-duration: 6s;-webkit-animation-name: left-spin;}
.banner_span span.cur .circle[data-anim~=right] { -webkit-animation-duration: 3s; -webkit-animation-name: right-spin;}
@-webkit-keyframes right-spin { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(180deg);}}
@-webkit-keyframes left-spin {  from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}
@-webkit-keyframes close-wrapper { to {clip: rect(auto, auto, auto, auto); }}




.banner .document_width{ position:relative;}
.banwenzi{ position:absolute; top:8vw; 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:48px;line-height:72px; margin-bottom:25px;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:20px;line-height:26px;  margin:-10px 0 25px 0;}
.banwenzi a.a{ width:auto; height:46px; line-height:46px; border:2px solid #fff;border-radius:5px; 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) center center no-repeat; width:26px; height:46px; float:right; display:block;}
.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;}
@-webkit-keyframes donghuawz {0% {opacity: 0;margin-left: 50px;}30% { opacity: 0;margin-left: 50px;}100% { width: 100%;margin-left: 0px;}}
@-webkit-keyframes donghuawz1 {0% {opacity: 0;margin-left: 50px;}30% {opacity: 0;margin-left: 50px;}100% { width: 100%; margin-left: 0px;  }}
@-webkit-keyframes donghuawz2 {0% { opacity: 0; margin-left: 50px;}30% {opacity: 0;margin-left: 50px;}100% { width:auto; margin-left: 0px; }}

.banwenzi a.a .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;}
.banwenzi a.a .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;}
.banwenzi a.a .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;}
.banwenzi a.a .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;}
.banwenzi a.a:Hover{ border:2px solid rgba(255,255,255,0);}
.banwenzi a.a:hover .atop{background-size:100% 2px; transition:all 0.5s ease;}
.banwenzi a.a:hover .arights{  background-size:2px 100%; transition:all 0.5s ease;}
.banwenzi a.a:hover .abottom{ background-size:100% 2px; transition:all 0.5s ease;}
.banwenzi a.a:hover .aleft{  background-size:2px 100%; transition:all 0.5s ease;}

 





.xpage{ width:240px; height:60px; margin:0 auto; position:relative; z-index:999; margin-top:-60px; background:url(../images/bandian.png) top center no-repeat; background-size:240px 60px;}
.xpage s{ width:100%; height:60px; display:block;animation:td01 1s infinite;  background:url(../images/h_jth.png) center 30px no-repeat; cursor:pointer;}
 @-webkit-keyframes td01{0%{ background-position:center 30px;} 25%{ background-position:center 32px;} 50%{ background-position:center 30px;} 75%{background-position:center 28px;} 100%{ background-position:center 30px;} }

.indexdiv{ width:100%; height:auto; float:left; padding:90px 0 50px 0; background:#fff;} 
.indextt{ width:70%; height:auto; float:left; text-align:center; margin:0 15% 25px 15%;}
.indextt strong{ width:100%; height:auto; float:left; font-size:48px; line-height:66px; color:#000; font-weight:bold;} 
.indextt p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin-top:15px;} 

 
ul.ulp{text-align:center; white-space:nowrap;list-style:none; margin-bottom:25px;}
ul.ulp li{display:inline; margin:0 -2px; padding:0 0 10px 0;list-style:none;  border-bottom:2px solid #ededed;  box-sizing:border-box;  }
ul.ulp li a{ display:inline-block; width:auto; color:#333; font-size:20px; float:inherit; font-weight:bold; color:#555; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease;margin:0; height:auto; line-height:30px; padding:0 25px 9px 25px;text-align:center; box-sizing:content-box;}
ul.ulp li a.cur{ color:#000; background-size:100% 2px; transition:all 0.5s ease; }
 
.indexpro{ width:100%; height:auto; float:left;margin-top:15px;}
dl.ipro{ width:260px; height:auto; float:left; margin:14px;}
dl.ipro dt{ width:100%; height:auto; float:left; border-radius:15px; background:#f8f9fa; overflow:hidden;}
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 dd{ width:100%; height:auto; float:left; margin-top:20px; text-align:center;}
dl.ipro dd h3 a{ width:100%; height:28px; line-height:28px; float:left; font-size:18px; color:#000; overflow:hidden; font-weight:bold;} 
dl.ipro dd p{ width:100%; height:24px; line-height:24px; float:left; font-size:15px; color:#666; overflow:hidden;} 
dl.ipro dd a.a{ width:100%; height:24px; line-height:24px; float:left; font-size:15px; color:#286fc9; font-weight:bold; margin-top:15px;} 
dl.ipro dd a.a s{ padding-right:10px; background:url(../images/jtr_y.png) right center no-repeat; transition:all 0.5s easea;}
dl.ipro:hover dd h3 a{ color:#286fc9;} 
 
.indexproa{ width:100%; height:auto; float:left; display:none; } 
.indexproz{ width:100%; height:auto; float:left; position:relative;} 
.indexprozc{ width:100%; height:auto; padding-bottom:20px; position:relative; overflow:hidden;}
.indexprozclist{width:200000px; height:auto; overflow:hidden; float:left; padding-top:10px; transition:transform 600ms;}
.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; 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; cursor:pointer;}
.ipjtl:hover{background:url(../images/jtlh.png) center center no-repeat #000; } 
.ipjtr:hover{background:url(../images/jtrh.png) center center no-repeat #000; } 
 
.ivideo{ width:100%; height:780px; float:left; text-align:center; position:relative; z-index:1; padding:0; margin-bottom:40px; /*background:url(../images/indexvideo.jpg) center center no-repeat; background-size:cover;*/}
.ivideo video{ width:100%; height:780px; border-radius:30px; overflow:hidden; float:left;object-fit: cover; }
.ivideo a{ display:inline-block; position:absolute; left:45%; top:45%; z-index:1;width:120px; height:120px; margin:0 auto;background:url(../images/videobf.png) center center no-repeat; background-size:100px 100px;}
.ivideo a s{ width:120px; height:120px; display:block; margin:0 auto;-webkit-animation: ripple 1.5s ease-out 225ms infinite;animation: ripple 1.5s ease-out 225ms infinite; opacity:0.5; background:url(../images/videobf.png) center center no-repeat;  background-size:120px 120px;}
@-webkit-keyframes ripple {0% {opacity: 0;-webkit-transform: scale(.8)}5% {opacity: 1}to {opacity: 0;-webkit-transform: scale(1)}}


.ivideoc{ width:100%; height:auto; float:left; position:absolute; left:0; top:0; padding:300px 50px 0 50px; box-sizing:border-box; text-align:left; }
.ivideoc strong{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; color:#fff; font-weight:bold;}
.ivideoc a{ width:auto; height:50px; line-height:50px; float:left; border:1px solid #fff; margin-top:30px; background:rgba(255,255,255,0.1); border-radius:50px; padding:0 35px; display:block;}
.ivideoc a s{ padding-right:30px; background:url(../images/bfspan.png) right center no-repeat; background-size:20px auto; font-size:16px; color:#fff;}
.ivideoc a:hover{ opacity:0.8;} 
 
.indexdiv2{ width:100%; height:auto; float:left; padding:360px 0 60px 0; background:url(../images/indexbj.jpg) center bottom no-repeat; background-size:cover; margin-top:-320px;} 
.indexdiv2 .img{ width:100%; height:auto; display:block;}
a.amore{ width:auto; height:50px; line-height:50px;  border-radius:5px; background:#000; display:table; margin:20px auto 50px auto; }
a.amore s{ font-size:16px; padding-right:15px; background:url(../images/banjt.png) right center no-repeat;}
a.amore div{ width:100%; height:100%; padding:0 28px;box-sizing:border-box; color:#fff; display:block; float:left; position:relative;}
a.amore .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;}
a.amore .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;}
a.amore .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;}
a.amore .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;}

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




.indexdiv3{ width:100%; height:auto; float:left; padding:150px 0 80px 0; background:url(../images/indexbj1.jpg) center center no-repeat; background-size:cover;}
.indexdiv3c{ width:100%; height:auto; float:left; margin-top:25px;}
.indexdiv3c .box{ width:25%; height:auto; float:left;  cursor:pointer; padding:40px 20px;background:rgba(255,255,255,0.6); text-align:center; border-right:1px solid #fff; box-sizing:border-box; }
.indexdiv3c .box p{ width:100%; height:24px; overflow:hidden; float:left; font-size:18px; line-height:24px; font-weight:bold; color:#000;}
.indexdiv3c .box strong{ width:100%; height:60px; overflow:hidden; float:left; font-size:56px; line-height:68px; font-weight:bold; color:#000;}
.indexdiv3c .box.last{ border-right:none;}
.indexdiv3c .box.cur{ padding:60px 20px; background:#fff; position:relative; top:-20px; }
 
.indexdiv4{ width:100%; height:auto; float:left; padding:90px 0 60px 0; background:#fff;}
.indexxwa{ width:100%; height:auto; float:left; position:relative; display:none;}
dl.ixw{ width:450px; height:auto; float:left; margin:15px;}
dl.ixw dt{ width:100%; height:auto; float:left; border-radius:15px;  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; margin-top:20px;}
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:48px; line-height:24px; float:left; font-size:18px; color:#000; overflow:hidden; font-weight:bold; margin:5px 0 10px 0;} 
dl.ixw dd p{ width:100%; height:44px; line-height:22px; float:left; font-size:15px; color:#666; overflow:hidden;} 
dl.ixw dd a.a{ width:100%; height:24px; line-height:24px; float:left; font-size:15px; color:#286fc9; font-weight:bold; margin-top:10px;} 
dl.ixw dd a.a s{ padding-right:10px; background:url(../images/jtr_y.png) right center no-repeat; transition:all 0.5s easea;}
dl.ixw:hover dd h3 a{ color:#286fc9;} 


.indexbot{ width:100%; height:auto; float:left;padding:60px 0 0 0; background:url(../images/indexbj2.png) top center no-repeat; background-size:cover;}
.bottomdivc{ width:100%; height:auto; float:left; padding-bottom:45px;}
.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.amore{ float:right; margin-top:-105px;  color:#fff; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3);}
/*.bottomdivc a.amore:hover{background:rgba(255,255,255,0.2);}*/


.bottomdiv{ width:100%; height:auto; float:left; padding-top:65px; background:#141a1e; }
.bottomdiv dl{ width:19.5%; height:auto; float:left; padding-right:20px; box-sizing:border-box; margin-bottom:25px;} 
.bottomdiv dl dt{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; font-weight:bold; color:#fff;} 
.bottomdiv dl dd{ width:100%; height:auto; float:left; margin-top:12px;}
.bottomdiv dl dd a{ width:100%; height:auto; float:left; font-size:15px; line-height:20px; margin:5px 0; color:#fff; font-weight:100; opacity:0.8;}
.bottomdiv dl dd a:hover{ opacity:1;} 
.bottomdiv dl.d1{ width:14.5%;} 
.bottomdiv dl.d2{ width:12%;} 
.bottomdiv dl.d3{ width:20%; padding-right:0;} 
.bottomdiv dl.d3 dd p,.bottomdiv dl.d3 dd p a{ width:100%; height:auto; font-size:15px; float:left; line-height:20px; margin:5px 0; color:#fff; font-weight:100; opacity:0.8;} 
.bottomdiv dl.d3 dd img{ width:115px; height:auto; display:block; margin-top:10px; float:left;} 
.botshare{ width:auto; height:auto; float:left; margin-top:-90px;}
.botshare a.a{ width:22px; height:22px; padding:15px; 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;} 
.bqxx{ width:100%; font-size:14px; line-height:24px; height:auto; float:left; border-top:1px solid rgba(150,150,150,0.1); margin-top:18px; padding:18px 0;} 
.bqxx p{ width:100%; height:auto; float:left; color:#fff;opacity:0.7;}
.bqxx 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 50% 60px 50px; box-sizing:border-box;}
.probox h2{ 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{ 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:#000;}
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; margin-top:72px;}
.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:50%; height:auto; float:left; font-size:16px; line-height:24px; margin:8px 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:#000;}
.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:72px; 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 #000}

.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"; 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"; 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"; line-height:50px;  position:relative; color:#fff; background:#000; 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:#000 !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:#000; 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:110px; line-height:100px; 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:200px;}
.aboutdiv3 .indextt strong{ line-height:56px;}
.aboutdiv3box{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#444;}
.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 #000; } 
.jtr:hover{background:url(../images/jtrh.png) center center no-repeat #000; } 
.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;}
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:76px; 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% / 3); 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; }
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;}