@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');
} 
/*@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:#00AFFF;}
img,video { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{  width:100%; max-width:1200px; 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:36px; height:36px;float:right; position:relative; display:none; margin:22px 0 22px 20px;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#de0615; 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;}

.sj_menu{ width:100%; height:100vh; float:left; position:fixed; right:0; top:78px; background:#fff;}
.sj_menu ul{ width:100%;  max-height:100vh; padding-bottom:80px; float:left; list-style:none; overflow-y:auto;}
.sj_menu ul li{ width:100%; height:auto; float:left; background:#fff;}
.sj_menu ul li a{ width:100%; height:auto; line-height:50px; float:left; border-bottom:1px solid #ededed; text-align:center; font-size:16px; color:#333;} 
.sj_menu ul li.le{   background:url(../images/h_jth.png) 90% 20px no-repeat #fff;}
.sj_menu ul li.le p{ width:100%; height:auto; float:left; background:#f9f9f9; display:none;}
.sj_menu ul li.le:hover p{ display:block;}


/****分页****/
.fenye{ margin:20px 0; width:100%; height:auto; float:left;}
.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:36px; color:#333; border-radius:36px; font-size:16px; height:36px; margin:0 3px;line-height:36px;text-align:center; background:#fff; border:1px solid #ededed; box-shadow:0 0 2px #ededed;}
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; background:#00afff;}

#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:#fafafa;  }
.sucdiv dl{ width:100%; height:auto; float:left;}
.sucdiv dl dt{ width:50%; height:auto; float:left;font-family:"ziti"; font-size:42px; line-height:52px; font-weight:bold; color:#333;}
.sucdiv dl dt span{ width:100%; height:auto; float:left; color:#000;}
.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:"ziti"; font-weight:bold; color:#000; 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:#0aafff;}
.sucdiv dl dd a.a{ width:auto; height:46px; line-height:46px; float:left; background:#0aafff; 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:hover{ opacity:0.8;}
.nydiv{ width:100%; height:auto; float:left; padding:80px 0;} 
.proxxdivtjc{ width:100%; height:auto; float:left;  position:relative; overflow:hidden;touch-action: pan-y; }
.proxxdivtjlist{width:2000000px; height:auto; overflow:hidden;  float:left; transition:transform 600ms;}
.proxxdivtjc dl.pdl{ width:385px; margin-right:20px;} 
.proxxdivtjc .jtl{ background:url(../images/jtl.png) center center no-repeat #000; left:20px; top:40%; z-index:999;} 
.proxxdivtjc .jtr{ background:url(../images/jtr.png) center center no-repeat #000; right:20px; top:40%; z-index:999;} 
 
 
/*******首页*******/ 
.headdiv{ width:100%; height:68px; float:left; background:none;box-sizing:border-box; background:none;  position:fixed; left:0; top:0; z-index:9999;}
.logo{ width:auto; height:21px; margin:23px 0; float:left;}
.logo img{ width:auto; height:21px; float:left; display:block;}
.logo .img1{ display:none;}

.sstb{ width:40px; height:68px; float:right; background:url(../images/sstbh.svg) center center no-repeat; cursor:pointer;}
.ssdiv{ width:100%;  height:0px; box-sizing:border-box; float:left; position:fixed; left:0; top:68px; background:#fafafa; overflow:hidden; transition:all 0.5s ease;}
.ssdiv p{ width:100%; height:65px; margin:30px 0; float:left; background:#fff; border-radius:5px; box-shadow:0 2px 4px #ededed; padding:0 20px; box-sizing:border-box; margin-bottom:15px;}
.ssdiv p .button{ width:65px; height:65px; float:left; border:none; background:url(../images/sstb.svg) center center no-repeat; opacity:0.9; cursor:pointer; outline:none;}
.ssdiv p .button:hover{ opacity:1;}
.ssdiv p .input{ width:calc(100% - 145px);font-family: 'Montserrat';  height:65px; line-height:65px; font-size:16px; float:left; border:none; color:#333; outline:none;}
.ssdiv p .close{ width:40px; height:65px; float:left; background:url(../images/close.png) right center no-repeat; background-size:20px auto; cursor:pointer;}
.ssdiv a{ width:100%; height:auto; float:left; font-size:16px; line-height:40px; color:#999; padding-left:85px; box-sizing:border-box;}
.ssdiv a:hover{ color:#00AFFF;}
.ssdivshow{ height:400px; transition:all 0.5 ease;}
 

dl.yydl{ width:48px; float:right; height:68px; position:relative; cursor:pointer;}
dl.yydl dt{ width:100%;  height:68px; line-height:68px;   background:url(../images/yyqhh.svg) center center no-repeat;box-sizing:border-box; }
dl.yydl dd{ width:140px; display:none; height:auto; float:left; position:absolute; right:0px; top:68px;  box-sizing:border-box; background:#fff; border-radius:0 0 10px 10px; text-align:center; z-index:999;}
dl.yydl dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:30px;padding:5px 0; border-bottom:1px solid rgba(0,0,0,0.1); color:#333;}
dl.yydl dd a:hover{ color:#00AFFF;}
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;}

a.topyx{ width:auto; height:78px; line-height:78px; float:right;background:url(../images/topyx.png) left center no-repeat; padding-left:30px;font-size:16px; color:#fff; box-sizing:border-box;}
a.topyx:hover{ opacity:0.8;}

ul.ulmenu{ width:auto; height:68px; margin:0; float:right; list-style:none; margin-right:2%;}
ul.ulmenu >li{ width:auto; height:68px; float:left;position:relative;}
ul.ulmenu >li >a{ width:auto; height:68px; line-height:68px; float:left; padding:0 20px; font-size:16px; background:url(../images/lanse.jpg) center bottom no-repeat; transition:all 0.5s ease; background-size:0 2px; color:#fff;}  
ul.ulmenu >li:hover >a,ul.ulmenu >li >a.cur{ color:#00AFFF;transition:all 0.5s ease; background-size:100% 2px;}

ul.ulmenu li .ejp{ display:none; width:200%; height:auto; float:left; position:absolute; z-index:9998;left:-50%; top:68px; background:#fff; border-radius:0 0 10px 10px; }
ul.ulmenu li .ejp a{ width:100%; height:42px; line-height:42px; color:#333; 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.1);}
ul.ulmenu li .ejp a:hover{ color:#00AFFF; }  
ul.ulmenu li:hover .ejp{ display:block;} 
ul.ulmenu li:hover .ejdiv{ display:block;}
.ejdiv{ width:100%; height:auto; min-height:200px; display:none; position:fixed; padding:0px 0 50px 0; left:0; top:68px; background:#fafafa;}
.ejdiv h2{ width:100%; height:auto; float:left; font-size:14px; color:#999; line-height:24px; margin-top:35px;} 
.ejdiv a{ width:calc(94% / 3); height:65px; line-height:65px; float:left; margin:1% 2% 0 0; padding-left:20px; font-size:16px; color:#333; background:#fff; background-size:auto 65px !important; border-radius:8px;  box-sizing:border-box;} 
.ejdiv a:hover{ box-shadow:1px 1px 10px rgba(0,0,0,0.1);border-radius:10px;}
 
.headdivd,.headdiv:hover,.headdivds{ background:rgba(255,255,255,0.9);backdrop-filter: blur(25px); border-bottom:1px solid #ededed;}
.headdivd .logo .img1,.headdiv:hover .logo .img1,.headdivds .logo .img1{ display:block;}
.headdivd .logo .img,.headdiv:hover .logo .img,.headdivds .logo .img{ display:none;}
.headdivd ul.ulmenu >li >a,.headdiv:hover ul.ulmenu >li >a,.headdivds ul.ulmenu >li >a{ color:#333;} 
.headdivd .sstb,.headdiv:hover .sstb,.headdivds .sstb{ background:url(../images/sstb.svg) center center no-repeat;}
.headdivd dl.yydl dt,.headdiv:hover dl.yydl dt,.headdivds dl.yydl dt{ background:url(../images/yyqh.svg) center center no-repeat;}
 
 
 
 
 
 
.banner{ width:100%; overflow:hidden; height:42vw !important;min-height:100px !important;  float:left; position:relative; touch-action: pan-y; }
.banner ul {  overflow:hidden; height:42vw !important;min-height:100px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:100px; 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:42vw !important;min-height:100px !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:5px; float:left; position:relative; bottom:65px;  text-align:center; z-index:886;}
.banner_span span{ float:right; width:12px;height:12px; border-radius:12px; position:relative;  box-sizing:border-box; cursor:pointer; background:rgba(255,255,255,0.4);   margin:0 5px; box-sizing:border-box; }
.banner_span span.cur{/* transition:all 6s ease;*/ background:#0aafff;}
.banner .document_width{ position:relative;}
.zshi{ width:25px; height:167px; float:right; background:url(../images/ban_tb.png) center bottom no-repeat; position:absolute; right:0; bottom:60px; z-index:9998;}
.banwenzi{ position:absolute; top:12vw; width:100%; height:auto; left:0px;transition:1s linear ;  color:#fff; text-align:left; z-index:99;box-sizing:border-box}
.banwenzic{ width:100%; height:auto; float:left; }
.banwenzi h2{ width:100%; height:auto; position:relative; font-weight:bold; float:left; font-size:65px;line-height:72px; margin-bottom:15px;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:16px;line-height:30px; font-weight:100; max-width:600px; }
.banwenzi a.a{ width:auto; height:46px; line-height:46px; font-size:16px;  box-sizing:border-box; border-radius:8px; padding:0 30px; background:#00AFFF; float:left; margin-top:40px; color:#fff;    }
.banwenzi a.a:hover{ opacity:0.8;}
.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; }}

.indextt{ width:100%; height:auto; float:left; margin-bottom:30px; text-align:center;}
.indextt strong{ width:100%; height:auto; float:left; font-size:40px; line-height:48px; color:#333;  font-weight:bold;}
.indextt p{ width:100%;height: auto;float:left;font-size:16px;line-height:24px; color: #666;margin-top:5px; padding:0 80px; box-sizing:border-box;}
.indexdiv1{ width:100%; height:auto; float:left; padding:70px 0; background:#fff;}
.indexdiv1 dl{ width:590px; height:400px; float:left; position:relative; background:#fafafa; border-radius:15px; overflow:hidden; margin-right:20px; margin-bottom:20px;}
.indexdiv1 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.indexdiv1 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;}
.indexdiv1 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; }
.indexdiv1 dl dd{ width:auto; height:auto; float:left; position:absolute; left:40px; bottom:35px; z-index:22;} 
.indexdiv1 dl dd h3 a{ width:100%; height:auto; float:left; font-size:24px; line-height:34px; margin-bottom:8px; color:#000; font-weight:bold;} 
.indexdiv1 dl dd a.a{ width:auto; height:36px; line-height:36px; padding:0 30px; border:1px solid #333; color:#333; font-size:14px; float:left; border-radius:8px;} 
.indexdiv1 dl:hover dd a.a{ background:#00AFFF; color:#fff; border:1px solid #00AFFF;} 
.indexdiv1 dl.last{ margin-right:0;} 
.indexdiv1 dl:hover{ background:#fff; box-shadow:0 2px 5px #dedede; }




.indexdiv2{ width:100%; height:auto; float:left; padding:70px 0 80px 0; background:#fafafa;}
.indexdiv2 ul.ul {  text-align:center; white-space:nowrap;list-style:none; margin-bottom:25px;}
.indexdiv2 ul.ul  li{display:inline;  margin:0; padding:0;list-style:none;  }
.indexdiv2 ul.ul  li a{ display:table-cell; display:inline-block; width:auto; color:#333; border-radius:38px; font-size:16px; color:#333; padding:0 38px; height:38px; margin:0 3px;line-height:38px;text-align:center; background:#fff; box-shadow:0 2px 4px #ededed;}
.indexdiv2 ul.ul  li a.cur,.indexdiv2 ul.ul  li a:hover{ color:#fff; background:#00AFFF;}
.indexdiv2nr{ width:100%; height:auto; float:left; position:relative;}
.indexdiv2nr dl{ width:100%; height:450px; float:left; border-radius:15px; overflow:hidden; position:relative; display:none;}
.indexdiv2nr dl dt{ width:100%; height:auto; float:left; overflow:hidden;} 
.indexdiv2nr dl dt img,.indexdiv2nr dl dt video{ width:100%; height:auto; display:block;}
.indexdiv2nr dl dd{ width:560px; height:auto; float:left; position:absolute; left:320px; text-align:center; top:140px; } 
.indexdiv2nr dl dd h2 a{ width:100%; height:auto; float:left; font-size:32px; color:#fff; font-weight:bold; line-height:36px;} 
.indexdiv2nr dl dd p{ width:100%; height:auto; font-size:16px; line-height:24px; color:#fff; margin:20px 0 15px 0; float:left;} 
.indexdiv2nr dl dd a.a {width:auto; height:36px; line-height:36px; padding:0 30px; background:#00AFFF; color:#fff; border:1px solid #00AFFF;font-size:14px; margin:0 auto; display:inline-table; border-radius:8px;}
.indexdiv2nr dl dd a.a:hover{ opacity:0.8;}  
.jtl{ width:60px; height:60px; border-radius:60px; position:absolute; left:40px; top:195px; background:url(../images/jtl.svg) center center no-repeat rgba(255,255,255,0.1); background-size:12px auto !important; cursor:pointer;}
.jtl:hover{background:url(../images/jtl.svg) center center no-repeat rgba(0,0,0,0.7); }
.jtr{ width:60px; height:60px; border-radius:60px; position:absolute; right:40px; top:195px; background:url(../images/jtr.svg) center center no-repeat rgba(255,255,255,0.1); background-size:12px auto !important; cursor:pointer;}
.jtr:hover{background:url(../images/jtr.svg) center center no-repeat rgba(0,0,0,0.7); }

.indexdiv3{ width:100%; height:auto; float:left; padding:70px 0; background:#fff;}
.indexdiv3c{ width:100%; height:auto; float:left; border-radius:15px; position:relative; background:#fafafa; overflow:hidden;touch-action: pan-y; }
.indexdiv3list{width:2000000px; height:auto; overflow:hidden;  float:left; transition:transform 600ms;}
.indexdiv3list dl{ width:1200px; height:auto; float:left; background:#fafafa; border-radius:15px; overflow:hidden;}
.indexdiv3list dl dd{ width:610px; height:auto; float:left; padding:70px 40px 0 40px; box-sizing:border-box;}
.indexdiv3list dl dd h2 a{ width:100%; height:auto; float:left; font-size:24px; line-height:34px; color:#333; font-weight:bold; margin-bottom:10px;}
.indexdiv3list dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#999;}
.indexdiv3list dl dt{ width:590px; height:auto; float:left;}
.indexdiv3list dl dt img,.indexdiv3list dl dt video{ width:100%; height:480px; display:block;}
.indexdiv3ckz{ width:100%; height:auto; float:left; position:absolute; left:40px; bottom:80px;}
.indexdiv3ckzspan{margin:0px;padding:0px; width:auto; float:left;z-index:886;}
.indexdiv3ckzspan span{  width:30px;height:30px; float:left; border-radius:5px; cursor:pointer; line-height:30px; font-size:16px; text-align:center; color:#666; background:#fff; border:1px solid #ededed;  margin:0 3px; }
.indexdiv3ckzspan span.cur{ background:#00AFFF; color:#fff;}
.indexdiv3ckz .jtla{  width:30px;height:30px; float:left; border-radius:5px; cursor:pointer; line-height:30px; font-size:16px; text-align:center; color:#666; background:#fff; border:1px solid #ededed; margin:0 3px; }
.indexdiv3ckz .jtra{  width:30px;height:30px; float:left; border-radius:5px; cursor:pointer; line-height:30px; font-size:16px; text-align:center; color:#666; background:#fff; border:1px solid #ededed;  margin:0 3px; }
.indexdiv3ckz .jtla:Hover,.indexdiv3ckz .jtra:Hover{background:#00AFFF; color:#fff;} 
 
.indexdiv4{ width:100%; height:auto; float:left; padding:70px 0; background:#f5f5f5;} 
.indexdiv4 dl{ width:100%; height:auto; float:left;}
.indexdiv4 dl dt{ width:100%; height:auto; float:left;}
.indexdiv4 dl dt img{ width:100%; height:auto; display:block;}
.indexdiv4 dl dd{ width:100%; height:auto; float:left; margin-top:15px;} 
.indexdiv4 dl dd p{ width:auto; height:auto; margin:0 auto; display:table;}
.indexdiv4 dl dd span{ width:auto; height:34px; line-height:34px; float:left; font-size:12px; padding-left:34px;font-weight:600; color:#333; margin:0 10px;} 

.indexdt{ width:100%; height:auto; float:left; position:relative;} 
.dian{ width:38px; height:38px; border-radius:100%; position:absolute;  background:url(../images/dian3.svg) center center no-repeat; background-size:38px 38px !important;} 
.dian span{ width:100%; height:100%; border-radius:100%; float:left; background:url(../images/tm.png) center center no-repeat; opacity:0.8; animation: dh01 1s infinite;} 
@-webkit-keyframes dh01 {
    0% {background-size: 18px 18px;opacity:1;}
    25% { background-size:30px 30px; opacity:0.8;}
    50% { background-size:40px 40px; opacity:0.5;}
    75% { background-size: 30px 30px; opacity:0.8;}
    100% { background-size: 18px 18px;opacity:0.1;}
}
.dian1{left:16%; top:46%;}
.dian2{left:17%; top:56%; background:url(../images/dian2.svg) center center no-repeat;}
.dian3{left:30%; top:77%; background:url(../images/dian2.svg) center center no-repeat;}
.dian4{left:50%; top:26%;}
.dian5{left:45%; top:33%;}
.dian6{left:46%; top:39%;}
.dian7{left:48%; top:45%;}
.dian8{left:52%; top:43%; background:url(../images/dian2.svg) center center no-repeat;}
.dian9{left:52%; top:78%;}
.dian10{left:67%; top:55%; background:url(../images/dian2.svg) center center no-repeat;}
.dian11{left:77%; top:44%;}
.dian12{left:78%; top:49%; background:url(../images/dian2.svg) center center no-repeat;}
.dian13{left:77%; top:54%; background:url(../images/dian1.svg) center center no-repeat;}
.dian14{left:75%; top:58%;background:url(../images/dian2.svg) center center no-repeat;}
.dian15{left:76%; top:68%;}
.dian16{left:85%; top:44%;}
.wenzi{ width:auto; height:auto; float:left; font-size:13px; line-height:18px; font-weight:600; color:#333; position:absolute;}
.wenzi1{ left:1%; top:16%;}
.wenzi2{ left:0.5%; top:58%;}
.wenzi3{ left:0.5%; top:78%;}
.wenzi4{ left:34%; top:27%;}
.wenzi5{ left:35%; top:35%;}
.wenzi6{ left:34%; top:41%;}
.wenzi7{ left:35.5%; top:46%;}
.wenzi8{ left:33.5%; top:57%;}
.wenzi9{ left:39.5%; top:80%;}
.wenzi10{ left:60%; top:57%;}
.wenzi11{ left:66%; top:65%;}
.wenzi12{ left:65%; top:80%;}
.wenzi13{ left:83%; top:16%;}
.wenzi14{ left:95%; top:45%;}
.wenzi15{ left:83%; top:53%; font-size:18px;}
.wenzi16{ left:83%; top:64%; }


 
.indexdiv5{ width:100%; height:auto; float:left; padding:70px 0; background:#fff;} 
.indexdiv5 dl{ width:380px; height:auto; float:left; background:#fafafa; border-radius:15px; overflow:hidden; margin:10px;}
.indexdiv5 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.indexdiv5 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;}
.indexdiv5 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; }
.indexdiv5 dl dd{ width:100%; height:auto; float:left; padding:30px;  box-sizing:border-box;} 
.indexdiv5 dl dd h3 a{ width:100%; height:60px; line-height:20px; font-size:16px; color:#333; overflow:hidden;}
.indexdiv5 dl dd a.a{ width:100%; height:auto; float:left; margin-top:20px;line-height:20px; font-size:16px; color:#555;} 
.indexdiv5 dl:hover dd a.a{ color:#00AFFF} 
.indexdiv5 dl:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.1); background:#fff;} 
 
.indexdiv6{ width:100%; height:auto; float:left; padding:70px 0 30px 0; background:#fafafa;}  
#banner{margin:0 auto; overflow:hidden; width:1020px;  }
.swiper-slide{width:240px;height:auto; position:relative; padding-bottom:80px; background:url(../images/zsbjtb.png) center bottom no-repeat; background-size:100% auto;  box-sizing:border-box;}
.swiper-slide img{ width:100%; height:auto; display:block;}
.banner_page{margin:-80px auto 0 auto;left: 0;right: 0; padding-bottom:50px;}
.banner_page span{margin: 0 5px;}			 
.swiper-pagination-bullet-active{width: 16px;border-radius: 8px;}
.swiper-slide{ margin-top:49px;} 
.swiper-slide.swiper-slide-prev,.swiper-slide.swiper-slide-next{ margin-top:22px;}
.swiper-slide.swiper-slide-active{ margin-top:0;} 
 
.indexdiv7{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
.indexdiv7c{ width:100%; height:auto; float:left; background:url(../images/indexbj.jpg) center center no-repeat; background-size:cover; border-radius:15px; overflow:hidden;}
.indexdiv7cnr{ width:100%; max-width:720px; height:auto; float:left; padding:100px 100px 100px 40px; box-sizing:border-box; background: linear-gradient( 270deg, rgba(0,134,195,0) 0%, rgba(0,91,161,0.8) 67%);} 
.indexdiv7cnr strong{ width:100%; height:auto; float:left; font-size:40px; line-height:48px; color:#fff; font-weight:bold;}
.indexdiv7cnr p{ width:100%; height:auto; float:left; font-size:24px; line-height:28px; color:#fff; margin:8px 0 20px 0;}
.indexdiv7cnr .input{font-family: 'Montserrat';  width:calc(50% - 10px); height:40px; line-height:40px; float:left; border:1px solid rgba(255,255,255,0.3); border-radius:4px; outline:none; background:rgba(0,0,0,0.2); color:#fff; padding-left:15px; font-size:14px; box-sizing:border-box; margin-right:10px;}
.indexdiv7cnr .input::placeholder,.indexdiv7cnr .text::placeholder{ color:rgba(255,255,255,0.7);} 
.indexdiv7cnr .text{font-family: 'Montserrat'; margin:10px 0; width:calc(100% - 10px); height:80px; line-height:30px; float:left; border:1px solid rgba(255,255,255,0.3); border-radius:4px; outline:none; background:rgba(0,0,0,0.2); color:#fff; padding:8px 15px; font-size:14px; box-sizing:border-box; margin-right:10px;}
.indexdiv7cnr .button{ width:auto; height:40px; line-height:40px; float:left; margin-top:14px; font-family: 'Montserrat'; color:#fff;border:1px solid #00AFFF;  padding:0 25px; border-radius:8px; border:none; outline:none; cursor:pointer; font-size:15px; background:#00AFFF; }
.indexdiv7cnr .button:Hover{ opacity:0.8;} 
  
.bottomdiv{ width:100%; height:auto; float:left; background:#f5f5f5; padding:60px 0 0 0;}
.bottomdivleft{ width:270px; height:auto; float:left;}
.blogo{ width:100%; height:auto; float:left; margin-bottom:35px;}
.blogo img{ width:auto; height:30px; display:block;}
.bottomdivleft strong{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#333; margin-bottom:10px; }
.bottomdivleft p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#555;}
.bottomdivleft p a{ color:#555;}
.bottomdivleft .ssdiv1{ width:100%; height:auto; float:left; margin:30px 0; background:#fff; border-radius:8px; box-shadow:0 2px 4px #ededed;}
.bottomdivleft .ssdiv1 .input{ width:230px; height:45px; line-height:45px; background:none; float:left; border:none; padding-left:15px; outline:none;font-family: 'Montserrat';  box-sizing:border-box;}
.bottomdivleft .ssdiv1 .button{ width:40px; height:45px; float:left; border:none; background:url(../images/sstb.png) center center no-repeat;opacity:0.8; outline:none; cursor:pointer; }
.bottomdivleft .ssdiv1 .button:Hover{ opacity:1; }
.bottomdivleft .dmtdiv{ width:100%; height:auto; float:left;}
.bottomdivleft .dmtdiv a{ width:auto; height:auto; float:left; margin-right:17px;}
.bottomdivleft .dmtdiv a img{ width:auto; height:24px; display:block;}
.bottomdivleft .dmtdiv a:hover img{ opacity:0.8;}
.bottomdivright{ width:840px; height:auto; float:right;}
.bottomdivright dl{ width:auto; height:auto; float:left;}
.bottomdivright dl dt{ width:100%; height:auto; float:left; font-size:18px; font-weight:bold; line-height:30px; color:#333; margin-bottom:5px; }
.bottomdivright dl dd{ width:100%; height:auto; float:left;}
.bottomdivright dl dd strong{width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#777; font-weight:normal; margin-top:8px; }
.bottomdivright dl dd a{width:100%; height:auto; float:left; font-size:14px; line-height:26px; color:#999; }
.bottomdivright dl dd a:hover{color:#333; }
.bottomdivright dl.d1{ width:240px; margin-right:30px;}
.bottomdivright dl.d2{ width:200px; margin-right:20px;}
.bottomdivright dl.d3{ width:200px; margin-right:20px;}
.bottomdivright dl.d4{ width:130px;} 
.bqxx{ width:100%; height:auto; float:left; text-align:center;  padding:20px 0; font-size:14px; line-height:24px; color:#777; border-top:1px solid rgba(153,153,153,0.2); margin-top:35px; }
.bqxx a{color:#777;}
.bqxx a:hover{ color:#333;}
 


/****产品列表******/
.nybanner{ width:100%; height:400px; float:left; position:relative; margin-top:68px;}
.nybanner img{ width:100%; height:400px; display:block; position:absolute; left:0; top:0;}
.nybannerwz{ width:100%; height:auto; float:left; top:200px; padding-top:15px; opacity:0.5; position:relative; z-index:999;}
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:48px; line-height:52px; color:#fff; font-weight:bold; margin-top:-15px; }

.menudiv{ width:100%; height:auto; float:left; background:rgba(250,250,250,0.9);}
.menudiv ul{ width:100%; height:auto; float:left; list-style:none;}
.menudiv ul li{ width:auto; height:60px; float:left; margin-right:25px;}
.menudiv ul li a{ width:auto; height:60px; line-height:60px; float:left; font-size:18px; color:#333;} 
.menudiv ul li a:hover,.menudiv ul li a.cur{ color:#00AFFF;} 
  
.prolist{ width:100%; height:auto; float:left; padding-top:50px;} 
dl.pdl{ width:calc((100% - 44px) / 3); height:auto; float:left; position:relative; background:#fafafa;  border-radius:8px; padding:40px 40px 30px 40px; box-sizing:border-box;  margin:0 22px 22px 0; box-sizing:border-box;}
dl.pdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.pdl 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.pdl: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.pdl dd{ width:100%; height:auto; float:left; margin-top:45px;}
dl.pdl dd h3 a{ width:100%; height:32px; float:left; font-size:22px; line-height:32px; color:#333; font-weight:bold; overflow:hidden;}
dl.pdl dd p{ width:100%; height:auto; float:left; font-size:15px; line-height:20px; color:#888; margin:10px 0 15px 0;}
dl.pdl dd a.a{ width:100%; height:36px; line-height:36px; float:left; border-radius:5px; font-size:15px; border:1px solid #555; color:#333; text-align:center;}
.prolist dl.pdl:nth-child(3n){ margin-right:0;}
dl.pdl:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.1); background:#fff;} 
dl.pdl dd a.a:Hover{ color:#fff; background:#00afff; border-color:#00afff;}
 
 
/*****产品列表-详情*****/  
.proxxdiv{ width:100%; height:auto; margin-top:68px; float:left; background:#fff; padding:40px 0 60px 0;}
.proxxdivtz{ width:49%; height:auto; float:left; position:relative; border-radius:15px; margin-right:3%; padding:60px 35px 20px 35px; box-sizing:border-box; background:#f5f5f5;}
.jqzoom{float:left; width:100%; position:relative; height:auto; border-radius:5px; border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:100%; height:100%; padding:30px; 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:20px; top:37%;  z-index:99;width:67px;height:50px;  display:block;cursor:pointer; background:url(../images/jtlh.png) center center no-repeat; opacity:0.5;}
.next{position:absolute; right:20px;  top:37%; z-index:99;width:67px;height:50px;  display:block;cursor:pointer; background:url(../images/jtrh.png) center center no-repeat; opacity:0.5;}
.prev:hover,.next:hover{ opacity:1;} 
.spec-preview{width:100%;height:auto; }
.items{float:left;position:relative;width:100%;height:auto;overflow:hidden; padding-bottom:10px; margin:30px 0 0 0;}
.items ul{ position:relative; 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; padding:10px; box-sizing:border-box; background:#fff; cursor:pointer; border-radius:8px; margin:0 10px; box-sizing:border-box; position:relative;}
.items ul li img{width:100%; height:auto; display:block;}
.items ul li:hover,.items ul li.cur{  box-shadow:0 2px 8px #ccc; } 

.proxdivc{ width:48%; height:auto; float:right;}
.proxdivc h1{ width:100%; height:auto; float:left; font-size:32px; line-height:38px; color:#333; font-weight:bold; margin:12px 0;  }
.proxdivc p.pd{ width:100%; height:auto; float:left; padding-left:15px; background:url(../images/landian.png) 4px 6px no-repeat; background-size:6px 6px; font-size:16px; line-height:20px; color:#555; margin-bottom:10px; box-sizing:border-box;} 
.proxdivc .xt{ width:100%; height:1px; float:left; margin:15px 0; background:#f5f5f5;}
.proxdivc h3{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; font-weight:bold; color:#333;}
.proxdivc dl{ width:100%; height:auto; float:left; margin:8px 0;}
.proxdivc dl dd{ width:calc(100% - 140px); height:auto; float:left; margin-right:30px;}
.proxdivc dl dd p{ width:100%; height:8px; background:#f5f5f5; float:left; border-radius:8px; margin:7px 0 4px 0;}
.proxdivc dl dd p span{ width:auto; height:8px; float:left; background:#00AFFF;border-radius:8px; position:relative;}
.proxdivc dl dd p span s{ width:14px; height:14px; border-radius:14px; background:#00afff; border:5px solid #fff; position:absolute; right:-5px; top:-7px;}
.proxdivc dl dd em{ width:100%; height:auto; float:left; font-size:12px; line-height:14px; color:#666;}
.proxdivc dl dt{ width:110px; height:36px; line-height:36px; font-size:28px; color:#666; font-weight:bold; float:left;} 
.proxdivc a.a{ width:auto; height:auto; float:left; font-size:16px; line-height:20px; color:#333; border-bottom:1px solid #999;} 
.proxdivc a.a:hover{ color:#00afff; border-color:#00afff;}
.proxdivc a.a1{ width:auto; height:36px; float:left; font-size:15px; line-height:36px; color:#333; border:1px solid #999; border-radius:8px; padding:0 30px; margin-top:20px;} 
.proxdivc a.a1:hover{ border:1px solid #00afff; background:#00afff; color:#fff;} 
 
.proxxdiv1{ width:100%; height:auto; float:left;} 
.proxxdiv1 .img{ width:100%; height:auto; float:left; display:block; border-radius:15px;} 
.proxxdiv1c{ width:100%; height:auto; float:left; padding:20px; border-radius:10px; border:1px solid #ededed; box-sizing:border-box; margin-top:20px;}
.proxxdiv1c ul{ width:100%; height:auto; float:left; list-style:none; background:#fafafa; border-radius:5px;}
.proxxdiv1c ul li{ height:auto; line-height:24px; font-size:16px; padding:12px 0 12px 50px; box-sizing:border-box; line-height:24px; color:#555; float:left;}
.proxxdiv1c ul li.l1{ width:40%;}
.proxxdiv1c ul li.l1.l1s{ line-height:160px;}
.proxxdiv1c ul li.l2{ width:60%; border-left:1px solid #ededed; text-align:center; box-sizing:border-box; padding-left:0;}
.proxxdiv1c ul li.l3{ width:100%;}
.proxxdiv1c ul li.l4{ width:30%;  text-align:center;border-left:1px solid #ededed; box-sizing:border-box; padding-left:0;}


.proxxdiv1c ul:nth-child(even){ background:#fff;} 
.proxxdiv1c ul.u1 li.l1,.proxxdiv1c ul.u1 li.l2,.proxxdiv1c ul.u1 li.l3{ font-size:19px; color:#333; font-weight:bold;} 
 

/******电池解决方案*****/ 
.nybannerwz1{ top:170px;}
.soldivdc{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
.soldivdc dl.d1{ width:calc((100% - 60px) / 4); height:auto; float:left; padding:40px 20px; background:#f5f5f5; border-radius:15px; margin-right:20px; box-sizing:border-box; text-align:center;} 
.soldivdc dl.d1 dt{ width:100%; height:auto; float:left;}
.soldivdc dl.d1 dt img{ width:65px; height:auto; display:block; margin:0 auto;} 
.soldivdc dl.d1 dd{ width:100%; height:48px; line-height:24px; font-size:19px; font-weight:bold; color:#222; margin-top:25px; float:left;} 
.soldivdc dl.d1:hover{ box-shadow:0 2px 5px #ccc;}
.soldivdc dl.d1.last{ margin-right:0;} 
  
.soldivdc dl.d2{ width:100%; height:auto; float:left; background:#f5f5f5; border-radius:15px; margin-top:50px; box-sizing:border-box; overflow:hidden;} 
.soldivdc dl.d2 dt{ width:590px; height:auto; float:left; overflow:hidden;}
.soldivdc dl.d2 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;}
.soldivdc dl.d2: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; }
.soldivdc dl.d2 dd{ width:610px; height:380px; float:left; padding:0 50px;display: flex;align-items: center; box-sizing:border-box;}  
.soldivdc dl.d2 dd div{ width:100%; height:auto; float:left;}  
.soldivdc dl.d2 dd h2{ width:100%; height:auto; font-size:28px; line-height:34px; font-weight:bold; color:#333; margin-bottom:10px;}  
.soldivdc dl.d2 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#999;}  
.soldivdc dl.d2.d2s dt{ float:right;}  

/*****电机解决方案****/
.nybanner.nybanner1{ height:560px;}
.nybanner1 img{ height:560px;}
.nybanner1 .nybannerwz{ width:600px; top:0px; height:560px; display: flex;align-items: center;}
.nybanner1 .nybannerwz div{ width:100%; height:auto; float:left;}
.nybanner1 .nybannerwz strong{ font-size:36px; line-height:42px;}
.nybanner1 .nybannerwz p{ width:100%; height:auto; float:left; margin-top:20px; font-size:14px; line-height:18px; color:#fff; font-weight:400;}  

.soldivdj{ width:100%; height:auto; float:left; padding:10px 0 60px 0; background:#fff;}  
.soltt{ width:100%; height:320px; border-radius:15px; overflow:hidden; background-size:cover !important; padding:65px 40px; box-sizing:border-box; margin:30px 0 20px 0;}
.soltt strong{ width:100%; height:auto; float:left; font-size:32px; line-height:40px; color:#fff; font-weight:bold;}
dl.pdl.last{ margin-right:0;}
   
/*****服务支持*****/
.serdiv0{ width: 100%; height: auto; float:left; padding:60px 0 0 0; background: #fff;}
.serdiv0 dl{ width:calc((100% - 40px) / 3); height:auto; float:left; margin:0 20px 20px 0; border-radius:8px; background:#f5f5f5; padding:40px 35px; box-sizing:border-box;}
.serdiv0 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.serdiv0 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;}
.serdiv0 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; }
.serdiv0 dl dd{ width:100%; height:auto; float:left; margin-top:35px;}
.serdiv0 dl dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; font-weight:bold; color:#333; margin-bottom:10px;}
.serdiv0 dl dd a.a{ width:100%; height:36px; line-height:36px; float:left; margin-right:10px; text-align:center; border-radius:8px; border:1px solid #555; font-size:16px; color:#333;}
.serdiv0 dl dd a.a s{ padding-right:20px; background:url(../images/ser_tb1.svg) right center no-repeat; background-size:13px auto !important;}
.serdiv0 dl:hover{ box-shadow:0 2px 5px #ccc;} 
.serdiv0 dl dd a.a:hover,.serdiv2 dl dd a.a1:hover{ background:#00afff; color:#fff; border-color:#00afff;} 
.serdiv0 dl dd a.a:hover s{background:url(../images/ser_tb1h.svg) right center no-repeat;} 
.serdiv0 dl.last{ margin-right:0;} 


.serdiv1{ width:100%; height:auto; float:left; padding:60px 0 40px 0; background:#fff;}
.t_left{ text-align:left;}
.serdiv1 dl.d1{ width:100%; height:auto; float:left; background:#f5f5f5; padding:40px 80px 40px 40px; box-sizing:border-box; border-radius:15px;}
.serdiv1 dl.d1 dd{ width:320px; height:auto; float:left; margin-top:20px;}
.serdiv1 dl.d1 dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:28px; color:#333; font-weight:bold; margin-top:25px;}
.serdiv1 dl.d1 dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#555; margin-top:3px;}
.serdiv1 dl.d1 dt{ width:660px; height:auto; float:right;}
.serdiv1 dl.d1 dt img{ width:100%; height:auto; display:block;}
.serdiv1nr{ width:100%; height:auto; float:left; padding:10px 40px; box-sizing:border-box;}
.serdiv1nr .h3{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; color:#333; font-weight:bold; margin:20px 0 0px 0;}
.serdiv1nr p{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#999; margin-top:4px;}
.serdiv1nr a.a{ width:auto; height:auto; float:left; margin:20px 0; background:url(../images/ser_tb.svg) left center no-repeat; padding-left:30px; box-sizing:border-box; color:#00A0E9; font-size:18px;}
.serdiv1nr a.a:hover{ opacity:0.9;}

.serdiv2{ width:100%; height:auto; float:left; padding:20px 0 40px 0; background:#fff;}
.serdiv2 dl{ width:calc((100% - 40px) / 3); height:auto; float:left; margin:0 20px 20px 0; border-radius:8px; background:#f5f5f5; padding:40px 35px; box-sizing:border-box;}
.serdiv2 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.serdiv2 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;}
.serdiv2 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; }
.serdiv2 dl dd{ width:100%; height:auto; float:left; margin-top:35px;}
.serdiv2 dl dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; font-weight:bold; color:#333; margin-bottom:10px;}
.serdiv2 dl dd a.a{ width:160px; height:36px; line-height:36px; float:left; margin-right:10px; text-align:center; border-radius:8px; border:1px solid #555; font-size:16px; color:#333;}
.serdiv2 dl dd a.a s{ padding-right:15px; background:url(../images/ser_tb2.svg) right center no-repeat; background-size:7px auto !important;}
.serdiv2 dl dd a.a1{ width:140px; height:36px; line-height:36px; float:left; text-align:center; border-radius:8px; border:1px solid #555; font-size:16px; color:#333;}
.serdiv2 dl dd a.a1 s{ padding-right:19px; background:url(../images/ser_tb1.svg) right center no-repeat; background-size:15px auto !important;}
.serdiv2 dl:hover{ box-shadow:0 2px 5px #ccc;} 
.serdiv2 dl dd a.a:hover,.serdiv2 dl dd a.a1:hover{ background:#00afff; color:#fff; border-color:#00afff;} 
.serdiv2 dl dd a.a:hover s{background:url(../images/ser_tb2h.svg) right center no-repeat;} 
.serdiv2 dl dd a.a1:hover s{background:url(../images/ser_tb1h.svg) right center no-repeat;} 
.serdiv2 dl.last{ margin-right:0;} 

.serdiv3c{ width:100%; height:auto; float:left; border:1px solid #ededed; border-radius:8px; padding:20px; box-sizing:border-box;}
.serdiv3c dl{ width:100%; height:auto; float:left;}
.serdiv3c dl dt{ width:100%; height:auto; float:left; border-radius:4px; padding:12px 20px; background:#fafafa; font-size:18px; line-height:24px; color:#000; font-weight:bold; box-sizing:border-box;}
.serdiv3c dl dd{ width:100%; height:auto; float:left; border-radius:4px; padding:12px 20px; background:#fff; font-size:16px; line-height:22px; color:#555; box-sizing:border-box;}




/*****新闻资讯*****/
.xwdiv{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
dl.xwdl{ width:100%; height:auto; float:left;  margin-bottom:30px; background:#fafafa; border-radius:15px; overflow:hidden;}
dl.xwdl dt{ width:400px; height:auto; float:left; overflow:hidden;}
dl.xwdl dt img{ width:100%; height:260px; 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.xwdl: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.xwdl dd{ width:calc(100% - 400px); height:auto; float:left; padding:38px 60px 0 60px; box-sizing:border-box;}
dl.xwdl dd h3 a{ width:100%; height:60px; float:left; font-size:22px; line-height:30px; color:#000; font-weight:bold; overflow:hidden; }
dl.xwdl dd p.p{ width:100%; height:42px; line-height:21px; float:left; font-size:16px; color:#888; overflow:hidden; margin:14px 0;}
dl.xwdl dd p.p1{ width:100%; height:auto; float:left; margin:10px 0 0 0;}
dl.xwdl dd p.p1 a.a{ width:auto; height:36px; line-height:36px; border:1px solid #555; border-radius:5px; padding:0 25px; font-size:17px; color:#333; float:left;}
dl.xwdl dd p.p1 span{ width:auto; height:36px;font-size:16px; line-height:36px; color:#888; float:right;}
dl.xwdl dd p.p1 span s{ margin-left:15px; padding-left:25px; background:url(../images/news_tb.svg) left center no-repeat; background-size:20px auto;}
 
dl.xwdl dd p.p1 a.a:hover{ background:#0aafff; color:#fff; border-color:#0aafff;}
dl.xwdl:hover{ box-shadow:1px 1px 10px rgba(0,0,0,0.1); background:#fff;}



  

/******新闻资讯详情*******/
.xwxxdiv{ width:100%; height:auto; float:left; padding:40px 0 60px 0; background:#fff; margin-top:68px;}
.xwxxdivnr{ width:100%; height:auto; float:left; padding:0 40px; box-sizing:border-box;}
.xwdivleft{ width:720px; height:auto; float:left;}
.xwdivxx{ width:100%; height:auto; float:left; min-height:200px;}
.xwdivxx .h1{ width:100%; height:auto; float:left; font-size:28px; line-height:34px; color:#222; font-weight:bold; margin-bottom:18px;}
.ptime{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:30px; font-size:16px; color:#999; line-height:26px;}
.ptime span{ margin-left:15px; padding-left:25px; background:url(../images/news_tb.svg) left center no-repeat; background-size:20px auto;}

.xwdivxxnr{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; color:#333;}
.xwdivxxnr p{ width:100%; height:auto; float:left;}
.xwdivxxnr img{ width:auto; height:auto !important; max-width:100% !important; display:block; margin:0 auto;}

.xwdivrigh{ width:300px; height:auto; float:right;}
.xwdivrigh .st{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; color:#222; font-weight:bold;}
.xwdivrigh dl{ width:100%; height:auto; float:left; margin:15px 0;}
.xwdivrigh dl dt{ width:100%; height:auto; float:left; overflow:hidden; border-radius:10px;}
.xwdivrigh 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;}
.xwdivrigh 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; }
.xwdivrigh dl dd{ width:100%; height:auto; float:left;  }
.xwdivrigh dl dd h3 a{ width:100%; height:48px; line-height:24px; font-size:16px; color:#222; overflow:hidden; font-weight:bold; float:left; margin:10px 0;}
.xwdivrigh dl dd a.a{ width:100%; height:auto; float:left; font-size:15px; line-height:24px; color:#0aafff;}
 
.sxtdiv{ width:100%; height:auto; float:left; margin:35px 0; border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:15px 0;}
.sxtdiv .box{ width:45%; height:auto; float:left;}
.sxtdiv .box a{ width:100%; height:auto; float:left; padding-left:30px; background:url(../images/jtlh.png) left center no-repeat; box-sizing:border-box;}
.sxtdiv .box a strong{ width:100%; height:26px; float:left; font-size:18px; line-height:26px; color:#333; overflow:hidden;}
.sxtdiv .box a span{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#888;}
.sxtdiv .box a:hover strong{ color:#0aafff}
.sxtdiv .box.boxa{ float:right;}
.sxtdiv .box.boxa a{ float:right; padding-right:30px; padding-left:0; background:url(../images/jtrh.png) right center no-repeat; text-align:right;}

a.ahh{ width:150px; height:42px; line-height:42px; padding:0 20px; border-radius:8px; margin:0 auto; display:table; background:#0aafff; box-sizing:border-box;}
a.ahh s{ width:100%; height:auto; float:right; font-size:16px; color:#fff; font-weight:bold; background:url(../images/newsxx_tb.png) right center no-repeat;}
a.ahh:hover{ opacity:0.8;}  

 

/******关于我们*******/
.aboutdiv1{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
.aboutdiv1 dl.d1{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden; background:#fafafa;}
.aboutdiv1 dl.d1 dt{ width:590px; height:auto; float:left; overflow:hidden;}
.aboutdiv1 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;}
.aboutdiv1 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; }
.aboutdiv1 dl.d1 dd{ width:610px; height:auto; float:left; padding:35px 40px 0 40px; box-sizing:border-box;}
.aboutdiv1 dl.d1 dd h1{width:100%; height:auto; float:left; font-size:40px; line-height:48px; color:#333; font-weight:bold; margin-bottom:15px;}
.aboutdiv1 dl.d1 dd p{ width:100%; height:auto; float:left; font-size:15px; line-height:24px; color:#666;}
.aboutdiv1 dl.d1:hover{ box-shadow:0 2px 5px #ededed;}
.aboutdiv1 .box{ width:100%; height:auto; float:left; padding:40px 0; background:#f5f5f5; border-radius:15px; margin-top:20px;}
.aboutdiv1 .box ul{ width:100%; height:auto; float:left; list-style:none;}
.aboutdiv1 .box ul li{ width:25%; height:auto; float:left; text-align:center;}
.aboutdiv1 .box ul li strong{ width:100%; height:auto; float:left; font-size:38px; line-height:44px; color:#0aafff;  font-weight:bold;}
.aboutdiv1 .box ul li p{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#333;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:10px 0 60px 0; background:#fff;}
.aboutdiv3{ width:100%; height:auto; float:left; padding:10px 0 60px 0; background:#fff;}
@keyframes No000_auto_loop_row_left {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-50%);}
}
@keyframes No000_auto_loop_row_right {
    0% {transform: translateX(0%);}
    100% { transform: translateX(50%);  }
}
@keyframes No000_auto_loop_col_top {
    0% { transform: translateY(0%);}
    100% {transform: translateY(-50%);}
}
@keyframes No000_auto_loop_col_bottom {
    0% { transform: translateY(0%);}
    100% {  transform: translateY(50%);}
}

[ly-carousel-autoloop]{width: 100%;overflow: hidden;display: flex;justify-content: flex-start;align-items: flex-start;}
[ly-carousel-autoloop][data-direction='right']{justify-content: flex-end;}
[ly-carousel-autoloop][data-direction='bottom']{align-items: flex-end;}
[ly-carousel-autoloop] .wrapper{display: flex;animation: 16s No000_auto_loop_row_left linear infinite;position: relative;}
[ly-carousel-autoloop][data-direction='right'] .wrapper{animation-name: No000_auto_loop_row_right;}
[ly-carousel-autoloop][data-direction='top'] .wrapper{animation: 16s No000_auto_loop_col_top linear infinite;}
[ly-carousel-autoloop][data-direction='bottom'] .wrapper{animation-name: No000_auto_loop_col_bottom;}
[ly-carousel-autoloop] .wrapper .slide{flex:0 0 auto;}
[ly-carousel-autoloop] .wrapper.pause{animation-play-state: paused;}
.wrapper .img{ width:auto; margin:10px; border-radius:15px; overflow:hidden; position:relative;}
.wrapper .img img{ border-radius:15px; display:block;}
.wrapper .wz{background: linear-gradient( 270deg, rgba(0,147,214,0) 0%, rgba(0,93,164,0.8) 67%); width:100%; height:auto; padding:12px 20px; box-sizing:border-box; position:absolute; left:0; bottom:0;}
.wrapper .wz strong{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; font-weight:bold; color:#fff;}
.wrapper .wz p{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; color:#fff; opacity:0.9;}
 

/********联系我们*****/
.lxwmdiv1{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
dl.d1lxwm{ width:100%; height:auto; float:left; border-radius:15px; background:#f5f5f5; overflow:hidden;} 
dl.d1lxwm dt{ width:590px; height:auto; float:left; overflow:hidden;}
dl.d1lxwm 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.d1lxwm: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.d1lxwm dd{ width:610px; height:auto; float:left; padding:50px 70px 0 70px; box-sizing:border-box;}
dl.d1lxwm dd h1{width:100%; height:auto; float:left; font-size:28px; line-height:36px; color:#000; font-weight:bold;margin-bottom:15px;}
dl.d1lxwm dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin:4px 0; padding-left:36px; box-sizing:border-box;background-size: 19px auto !important;}

dl.d1lxwm dd p a{ color:#333;}
dl.d1lxwm:hover{ box-shadow:0 2px 5px #ccc;}

.lxwmdiv1c{ width:100%; height:auto; float:left; margin-top:50px;}
.lxwmdiv1c .indextt{ margin-bottom:10px;}
.lxwmdiv1c dl{ width:calc((100% - 40px) / 3); height:auto; float:left; margin:10px 20px 10px 0; background:#fafafa; border-radius:15px; overflow:hidden;}
.lxwmdiv1c dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.lxwmdiv1c 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;}
.lxwmdiv1c 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; }
.lxwmdiv1c dl dd{ padding:30px; box-sizing:border-box; width:100%; height:auto; float:left; min-height:180px;}
.lxwmdiv1c dl dd h2{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#333; font-weight:bold; margin-bottom:10px;}
.lxwmdiv1c dl dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; color:#888;}
.lxwmdiv1c dl dd p a{ color:#888;}
.lxwmdiv1c dl dd p a:hover{ color:#0aafff;}
.lxwmdiv1c dl:nth-child(3n+1){ margin:10px 0;}
.lxwmdiv1c dl:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.1); background:#fff;}



/***新加***/
.xprodiv{ width:100%; height:auto; float:left; margin:20px 0;}
.xprodiv p{ width:35%; height: auto; float: left; margin-right: 5%; line-height: 60px; text-align: center; font-size:26px; color: #000; font-weight: bold;}
.xprodiv p span{ width:140px;; height:40px; line-height: 40px; font-weight: normal;text-align: center;margin:0 auto; display:table; font-size: 18px; border-radius: 10px; background: #dcdcdc; }
.xprodiv p.p{ width:60%; margin-right: 0;}



/*
@media only screen and (max-width:1200px){
.document_width{  width:100%; max-width:1200px; padding:0 30px; margin:0 auto; box-sizing:border-box; }
#banner{ width:700px;}
}
*/