/*@media only screen and (max-width:1280px){*/


/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/HarmonyOS_Sans_SC_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; max-width:760px; color:#74797e; line-height:24px; width:100%; overflow-x:hidden; position:relative;  }
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%; padding:0 3%; 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:28px; height:28px;float:right; position:relative;margin:16px 0 16px 8px;}
.menutb span{ width:100%; height:2px; margin:4px 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:12px;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:10px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:10px; opacity:1;}


/****分页****/
.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;} 
 
 
 
  
/*******首页*******/ 
.sjheader{ width:100%; height:60px; float:left; background:#fff; max-width:760px; position:fixed; box-sizing:border-box; top:0; z-index:9999;}
.logo{ width:auto; height:24px; margin:18px 0; float:left;}
.logo img{ width:auto; height:24px; float:left; display:block;}

.sjyyqh{ width:30px; height:30px; margin:15px 5px; float:right; cursor:pointer; background:url(../images/yyqh.svg) center center no-repeat; background-size:26px auto;}
.sjyyqh:hover{ opacity:0.8;} 
.sjssqh{ width:30px; height:30px; margin:15px 5px; float:right; cursor:pointer; background:url(../images/sstb.svg) center center no-repeat; background-size:26px auto;}
.sjssqh:hover{ opacity:0.8;} 
 
.sjssdiv,.sjyydiv{ width:100%; height:auto; float:left; display:none;max-width:760px;  background:#fafafa; padding:25px 0; position:fixed;  top:60px; min-height:30px; z-index:9999;} 
.sjssdiv .input{ width:calc(100% - 100px); height:46px; line-height:46px; outline:none; box-shadow:1px 1px 8px #ededed; text-indent:20px; float:left; border:none; background:#fff; border-radius:5px 0 0 5px; font-size:16px;font-family:"Montserrat"; } 
.sjssdiv .button{ width:100px; height:46px; line-height:46px; border:none; outline:none; background:#0aafff; cursor:pointer; border-radius:0 5px 5px 0; color:#fff; box-shadow:1px 1px 4px #0aafff;  font-size:16px;font-family:"Montserrat";}  
.sjssdiv .button:Hover{ opacity:0.8;} 
.sjyydiv a{ width:100%; height:40px; line-height:40px; float:left; font-size:18px; color:#333;}
.sjyydiv a:hover{ color:#0aafff;} 
  
.sj_menu{ width:100%; height:100vh; float:left;max-width:760px;  position:fixed;  top:60px; background:#fafafa; padding:25px 0; box-sizing:border-box;  display:none; z-index:9999;}
.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;}
.sj_menu ul li a{ width:100%; height:auto; line-height:50px; float:left; font-size:18px; color:#333; padding-left:20px; box-sizing:border-box;} 
.sj_menu ul li a:hover,.sj_menu ul li a.cur{ background:#fff; color:#0aafff;}  
.sjejdiv{ width:100%; height:auto; float:left; display:none;}
.sj_menu ul li.l1{ position:relative;}
.sj_menu ul li.l1>a{ background:url(../images/imagesxx/menujt.png) 97% center no-repeat; background-size:auto 30px !important;}
.sj_menu ul li.l1.cur>a{ background:url(../images/imagesxx/menujth.png) 97% center no-repeat #fff;}
.sj_menu ul li.l1.cur .sjejdiv{ display:block;}
.sj_menu ul li.l1.cur .sjejdiv h2{ width:100%; height:auto; float:left; line-height:40px; font-size:14px; padding-left:20px; box-sizing:border-box; color:#777;}
.sj_menu ul li.l1.cur .sjejdiv a{ width:100%; height:auto; line-height:40px; font-size:16px; color:#333; padding-left:40px; box-sizing:border-box;}
.sj_menu ul li.l1.cur .sjejdiv a:hover{ color:#0aafff; background:#fafafa;}

.banner{ width:100%; max-width:760px !important; overflow:hidden; height:100vw !important; max-height:750px !important; min-height:100px !important; margin-top:60px;  float:left; position:relative; touch-action: pan-y; }
.banner ul {  overflow:hidden; height:100vw !important; max-width:760px !important;  max-height:750px !important; min-height:100px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto; max-width:760px !important;  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%;max-width:760px !important;  height:100vw !important;  max-height:750px !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;}
.banwenzi{ position:absolute; top:100px; 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; text-align:center; }
.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:100%; margin-bottom:30px; }
.banwenzi a.a{ width:auto; height:46px; line-height:46px; font-size:16px; display:inline-table;  box-sizing:border-box; border-radius:8px; padding:0 30px; background:#00AFFF; margin:0 auto; 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 30px; box-sizing:border-box;}
.sjindexdiv1{ width:100%; height:auto; float:left; padding:40px 0; background:#fff;}
.sjindexdiv1 dl{ width:48%; height:auto; float:left; position:relative; background:#fafafa; border-radius:15px; margin:1%; overflow:hidden;}
.sjindexdiv1 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.sjindexdiv1 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;}
.sjindexdiv1 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; }
.sjindexdiv1 dl dd{ width:100%; height:auto; float:left; position:absolute; left:0px; bottom:35px; padding:0 30px; box-sizing:border-box; z-index:22;} 
.sjindexdiv1 dl dd h3 a{ width:100%; height:auto; float:left; font-size:24px; line-height:34px; margin-bottom:10px; color:#000; font-weight:bold;} 
.sjindexdiv1 dl dd a.a{ width:100%; height:36px; line-height:36px; float:left; text-align:center; border:1px solid #333; color:#333; font-size:16px; float:left; border-radius:8px;} 
.sjindexdiv1 dl:hover dd a.a{ background:#00AFFF; color:#fff; border:1px solid #00AFFF;} 
.sjindexdiv1 dl:hover{ background:#fff; box-shadow:0 2px 5px #dedede; }

.indexdiv2{ width:100%; height:auto; float:left; padding:0 0 40px 0;}
.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; font-size:16px; color:#333; border-radius:38px; padding:0 25px; height:38px; line-height:38px;text-align:center; background:#fafafa; margin:0 2px; 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:80vw; max-height:640px; float:left; border-radius:15px; overflow:hidden; position:relative; display:none;}
.indexdiv2nr dl dt{ width:100%; height:80vw; max-height:640px;float:left; overflow:hidden;} 
.indexdiv2nr dl dt img,.indexdiv2nr dl dt video{ width:100%;height:80vw; max-height:640px; display:block;}
.indexdiv2nr dl dd{ width:100%; height:auto; float:left; position:absolute; left:0; text-align:center; top:15vw; padding:0 80px; box-sizing:border-box; text-align:center; } 
.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:20px; top:46%; 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:20px; top:46%; 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:0 0 40px 0;}
.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:94vw; max-width:750px; height:auto; float:left; background:#fafafa; border-radius:15px; overflow:hidden;}
.indexdiv3list dl dd{ width:100%; height:auto; float:left; padding:40px 40px 100px 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:100%; height:auto; float:left;}
.indexdiv3list dl dt img,.indexdiv3list dl dt video{ width:100%; height:50vw; max-height:400px; display:block;}
.indexdiv3ckz{ width:100%; height:auto; float:left; position:absolute; left:40px; bottom:30px;}
.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:40px 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;} 
 
 
.indexdiv5{ width:100%; height:auto; float:left; padding:40px 0; background:#fff;} 
.indexdiv5 dl{ width:48%; height:auto; float:left; background:#fafafa; border-radius:15px; overflow:hidden; margin:1%;}
.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; font-weight:bold; 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:40px 0 20px 0; background:#fafafa;}  
#banner{margin:0 auto; overflow:hidden; width:90vw; max-width:700px;  }
.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:40px 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%;  height:auto; float:left; padding:60px; 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:40px; 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:40px 0 0 0;}
.blogo{ width:100%; height:auto; float:left; margin-bottom:35px;}
.blogo img{ width:auto; height:30px; display:block;}

.bottomdivright{ width:100%; height:auto; float:right;}
.bottomdivright dl{ width:100%; height:auto; float:left; border-bottom:1px solid rgba(150,150,150,0.1); padding:15px 0;}
.bottomdivright dl dt{ width:100%; height:auto; float:left; font-size:20px; cursor:pointer; font-weight:bold; line-height:30px; color:#333; background:url(../images/imagesxx/bottbh.png) right center no-repeat; background-size:auto 30px !important; }
.bottomdivright dl dd{ width:100%; height:auto; float:left;display:none; }
.bottomdivright dl dd strong{width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#777;  margin-top:8px; }
.bottomdivright dl dd a{width:100%; height:auto; float:left; font-size:15px; line-height:28px; color:#999; }
.bottomdivright dl dd a:hover{color:#333; }
.bottomdivright dl.cur dt{ background:url(../images/imagesxx/bottb.png) right center no-repeat;} 
.bottomdivright dl.cur dd{ display:block;}

.bottomdivleft{ width:100%; height:auto; float:left; margin-top:30px;}
.bottomdivleft strong{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; color:#333; margin-bottom:10px; }
.bottomdivleft p{ width:100%; height:auto; float:left; font-size:17px; line-height:30px; color:#333;}
.bottomdivleft p a{ color:#333;}
.bottomdivleft .ssdiv1{ width:100%; height:auto; float:left; margin:20px 0; background:#fff; border-radius:8px; box-shadow:0 2px 4px #ededed;}
.bottomdivleft .ssdiv1 .input{ width:calc(100% - 45px); 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:45px; 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;}

.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:57vw; max-height:450px; float:left; position:relative; margin-top:60px;}
.nybanner img{ width:100%;  height:57vw; max-height:450px; display:block; position:absolute; left:0; top:0;}
.nybannerwz{ width:100%; height:auto;float:left; bottom:50px; left:0; opacity:0.5; padding-top:-15px; position:absolute; z-index:999; overflow:hidden;}
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:48px; line-height:52px; color:#fff; font-weight:bold; padding:0 3%; box-sizing:border-box;  }

.menudiv{ width:100%; height:auto; float:left; background:rgba(250,250,250,0.9);overflow-y: hidden; overflow-x: auto; }
.menudiv ul{ width:100%; height:auto; float:left; list-style:none; min-width:800px; white-space: nowrap;}
.menudiv ul li{ display:inline; margin:0; width:auto; float:left; padding:0; list-style:none;}
.menudiv ul li a{font-size:18px;height:60px; line-height:60px; float:left; width:auto; padding-right:30px;display: inline-block;} 
.menudiv ul li a:hover,.menudiv ul li a.cur{ color:#00AFFF;} 
  
.prolist{ width:100%; height:auto; float:left; padding-top:30px;} 
dl.pdl{ width:48%; height:auto; float:left; position:relative; background:#fafafa;  border-radius:8px; padding:30px; box-sizing:border-box;  margin:1%; 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;}
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:60px; float:left; background: rgba(250,250,250,0.98); padding:40px; box-sizing:border-box;}
.itemstz{ width:100%; height:auto; float:left;overflow:hidden; position:relative; padding-bottom:50px; touch-action: pan-y;} 
.itemstz ul{width:2000000px; height:auto; overflow:hidden;  float:left; transition:transform 600ms;}
.itemstz ul li{ width:100%; max-width:680px; height:auto; float:left; list-style:none;}
.itemstz ul li img,.aboutdiv1tz ul li video{ width:100%; height:auto; display:block;}
.itemstzspan{margin:0px;padding:0px; width:100%; height:10px; position:absolute; bottom:20px;text-align:center; z-index:886;}
.itemstzspan span{  width:10px;height:10px; border-radius:10px; cursor:pointer;display:inline-table; margin:0 5px; background: rgba(153,153,153,0.2);}
.itemstzspan span.cur{ background:#0aafff;}
 
.proxdivc{ width:100%; height:auto; float:left; padding:40px 30px; background:#fff; box-sizing:border-box;}
.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.l2{ width:60%;border-left:1px solid #ededed; text-align:center; box-sizing:border-box;}
.proxxdiv1c ul li.l3{ width:100%;}
.proxxdiv1c ul li.l4{ width:30%;  text-align:center;border-left:1px solid #ededed; box-sizing:border-box;}

.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;} 
  


/******电池解决方案*****/  
.soldivdc{ width:100%; height:auto; float:left; padding:3% 0 40px 0; background:#fff;}
.soldivdc dl.d1{ width:calc((100% - 20px) / 2); height:auto; float:left; padding:40px 20px; background:#f5f5f5; border-radius:15px; margin:5px; 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.d2{ width:100%; height:auto; float:left; background:#fafafa; border-radius:15px; margin-top:30px; box-sizing:border-box; overflow:hidden;} 
.soldivdc dl.d2 dt{ width:100%; 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:100%; height:auto; float:left; padding:30px;  box-sizing:border-box;}  
.soldivdc dl.d2 dd h2{ width:100%; height:auto; float:left; 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;}  
  
/*****电机解决方案****/
.nybanner.nybanner1{ height:100vw; max-height:600px;}
.nybanner1 img{  height:100vw; max-height:600px;}
.nybanner1 .nybannerwz{ bottom:18%;}
.nybanner1 .nybannerwz strong{ font-size:36px; line-height:42px;}
.nybanner1 .nybannerwz p{ padding:0 3%; box-sizing:border-box; width:100%; height:auto; float:left; margin-top:20px; font-size:16px; line-height:24px; color:#fff; font-weight:400;}  

.soldivdj{ width:100%; height:auto; float:left; padding:10px 0 40px 0; background:#fff;}  
.soltt{ width:100%; height:50vw; max-height:360px; 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;}
 
 
/*****服务支持*****/
.serdiv0{ width:100%; height:auto; float:left; padding:40px 0 0 0;}
.serdiv0 dl{ width:48%; height:auto; float:left; margin:1%; 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;  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:40px 0;}
.serdiv1 dl.d1{ width:100%; height:auto; float:left; background:#f5f5f5; padding:10px 30px 30px 30px; box-sizing:border-box; border-radius:15px;}
.serdiv1 dl.d1 dd{ width:100%; height:auto; float:left;}
.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:16px; font-weight:bold; line-height:24px; color:#555; margin-top:3px;}
.serdiv1 dl.d1 dt{ width:100%; height:auto; float:left; margin-top:20px;}
.serdiv1 dl.d1 dt img{ width:100%; height:auto; display:block;}
.serdiv1nr{ width:100%; height:auto; float:left; padding:10px 30px; 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:48%; height:auto; float:left; margin:1%; 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:48%; 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.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:48%; height:36px; line-height:36px; float:right; 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:20px 0 40px 0; background:#fff;}
dl.xwdl{ width:48%; height:auto; float:left;  margin-bottom:30px; background:#fafafa; border-radius:15px; margin:1%; overflow:hidden;}
dl.xwdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.xwdl 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.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:100%; height:auto; float:left; padding:20px 15px; box-sizing:border-box;}
dl.xwdl dd h3 a{ width:100%; height:78px; float:left; font-size:20px; line-height:26px; color:#000; font-weight:bold; overflow:hidden; }
dl.xwdl dd p.p{ width:100%; height:66px; line-height:22px; 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:100%; height:36px;font-size:16px; line-height:36px; color:#888; float:left;}
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{ padding:30px 0 40px 0; width:100%; height:auto; float:left; background:#fff; margin-top:60px; border-top:1px solid #ededed;}
.xwxxdivnr{ width:100%; height:auto; float:left; padding:0 20px; box-sizing:border-box;}
.xwdivleft{ width:100%; height:auto; float:left;}
.xwdivxx{ width:100%; height:auto; float:left; min-height:200px;}
.xwdivxx .h1{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; 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:100%; height:auto; float:right; margin-top:40px;}
.xwdivrigh .st{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; color:#222; font-weight:bold;}
.xwdivrigh dl{ width:48%; height:auto; float:left; margin:15px 1%; border-bottom:1px solid #ededed; padding-bottom:15px;}
.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;}
  

/******关于我们*******/
.aboutdiv1{ width:100%; height:auto; float:left; padding:30px 0; background:#fff;}
.aboutdiv1c{ width:100%; height:auto; float:left; border-radius:10px; padding:30px 20px; box-sizing:border-box; background:#f5f5f5;}
.aboutdiv1 dl.d1{ width:100%; height:auto; float:left; }
.aboutdiv1 dl.d1 dd{ width:100%; height:auto; float:left;}
.aboutdiv1 dl.d1 dd h1{width:100%; height:auto; float:left; font-size:32px; line-height:40px; color:#333; font-weight:bold; margin-bottom:15px;}
.aboutdiv1 dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#666;}
.aboutdiv1 dl.d1 dt{ width:100%; height:auto; float:left; overflow:hidden; border-radius:10px; margin-top:30px;}
.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 .box{ width:100%; height:auto; float:left;  margin-top:20px;}
.aboutdiv1 .box ul{ width:100%; height:auto; float:left; list-style:none;}
.aboutdiv1 .box ul li{ width:50%; height:auto; float:left; text-align:center; margin:15px 0;}
.aboutdiv1 .box ul li strong{ width:100%; height:auto; float:left; font-size:38px; line-height:44px; color:#00A0E9;  font-weight:bold;}
.aboutdiv1 .box ul li p{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#666;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:10px 0 40px 0; background:#fff;overflow:hidden;}
.aboutdiv3{ width:100%; height:auto; float:left;margin-bottom:40px; overflow:hidden;}
.aboutdiv3z{ width:380px; height:auto; margin:0 auto;}
.aboutdiv3c{ width:100%; height:auto;position:relative; padding-bottom:50px; touch-action: pan-y; float:left; } 
.aboutdiv3clist{width:2000000px; height:auto; overflow:hidden;  float:left; transition:transform 600ms;}
.aboutdiv3cspan{margin:0px;padding:0px; width:100%; height:10px; position:absolute; bottom:20px;text-align:center; z-index:886;}
.aboutdiv3cspan span{  width:10px;height:10px; border-radius:10px; cursor:pointer;display:inline-table; margin:0 5px; background: rgba(153,153,153,0.2);}
.aboutdiv3cspan span.cur{ background:#0aafff;}
.aboutdiv3clist dl{ width:360px; height:auto; float:left; margin:0 15px; border-radius:15px; overflow:hidden; position:relative;}
.aboutdiv3clist dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.aboutdiv3clist 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;}
.aboutdiv3clist 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; }
.aboutdiv3clist dl dd{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;}
.aboutdiv3clist dl dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; font-weight:bold; color:#fff;}
.aboutdiv3clist dl dd 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:40px 0; background:#fff;}
dl.d1lxwm{ width:100%; height:auto; float:left; border-radius:15px; background:#f5f5f5; overflow:hidden;} 
dl.d1lxwm dt{ width:100%; 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:100%; height:auto; float:left; padding:50px; 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:40px;}
.lxwmdiv1c .indextt{ margin-bottom:10px;}
.lxwmdiv1c dl{ width:48%; height:auto; float:left; margin:1%; 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:200px;}
.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: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:800px){
/****首页****/	
.banwenzi{ top:12vw;}
.indexdiv2nr dl dd{ top:25vw;}	

/******产品详情页******/
.proxxdiv{padding:4vw;}
.itemstz ul li{ width:92vw;}
 
 
 
 
	
}
 
@media only screen and (max-width:650px){
	
/****首页***/	
.banwenzi h2{ font-size:48px; line-height:54px;}
.indexdiv2 ul.ul { width:100%; float:left; overflow-x:auto;}
.sjindexdiv1 dl{ width:100%; margin:1% 0;}
.jtl,.jtr{ width:50px; height:50px; border-radius:50px;}


/****产品列表******/
dl.pdl{ padding:20px;}
dl.pdl dd p{ font-size:14px;}

/*****电机解决方案****/
.nybanner.nybanner1{ height:110vw; max-height:800px;}
.nybanner1 img{  height:110vw; max-height:800px;}
.nybanner1 .nybannerwz{ bottom:18%;}
.nybanner1 .nybannerwz strong{ font-size:30px; line-height:34px;}
.nybanner1 .nybannerwz p{ margin-top:20px; font-size:15px; line-height:24px;}  

.soltt{  height:50vw; max-height:300px; padding:45px 30px; margin:20px 0 10px 0;}
.soltt strong{ font-size:30px; line-height:34px;}

/*****服务支持*****/
.serdiv2 dl{ width:100%; margin:1% 0;}

/*****新闻资讯*****/
.xwdiv{ padding:20px 0 30px 0;}
dl.xwdl{ width:100%; margin:1% 0;}
dl.xwdl dd h3 a{ height:auto;}










}

 
@media only screen and (max-width:560px){

/****产品列表******/
dl.pdl{ padding:50px; width:100%; margin:1% 0;}
dl.pdl dd p{ font-size:16px;}
.nybannerwz strong{ font-size:38px; line-height:40px;}
.menudiv ul li a{font-size:16px;height:50px; line-height:50px; padding-right:20px;} 	

/*****电机解决方案****/
.nybanner.nybanner1{ height:120vw; max-height:800px;}
.nybanner1 img{  height:120vw; max-height:800px;}
.nybanner1 .nybannerwz{ bottom:10%;}
.nybanner1 .nybannerwz strong{ font-size:30px; line-height:34px;}
.nybanner1 .nybannerwz p{ margin-top:20px; font-size:14px; line-height:22px;}  

.soltt{  height:50vw; max-height:300px; padding:45px 30px; margin:20px 0 10px 0;}
.soltt strong{ font-size:30px; line-height:34px;}


/******新闻资讯详情*******/
.xwxxdivnr{ padding:0 10px;}
.xwdivxx .h1{ font-size:22px;}
.ptime{ margin-bottom:15px;}
.xwdivxxnr{ font-size:16px; line-height:25px;}

/********联系我们*****/
.lxwmdiv1{ padding:30px 0;}
dl.d1lxwm dd{ padding:30px 20px;}
dl.d1lxwm dd h1{ font-size:24px; line-height:30px;}
dl.d1lxwm dd p{ background-position:left 5px !important;}
.lxwmdiv1c dl{ width:100%; margin:1% 0;}
.lxwmdiv1c dl dd{ min-height:40px;}


	
}


 
 
@media only screen and (max-width:460px){
/*******首页*******/ 
.document_width{  width:100%; padding:0 2%;}
.menutb{ width:24px; height:24px;margin:10px 0 10px 5px;}
.menutb span{ height:2px; margin:3px 0;}
.sjheader{ height:44px;}
.logo{ height:18px; margin:13px 0; float:left;}
.logo img{ height:18px; }

.sjyyqh{ width:25px; height:30px; margin:7px 2px; background-size:20px auto;}
.sjssqh{ width:25px; height:30px; margin:7px 2px; background-size:20px auto;}
 
.sjssdiv,.sjyydiv{ padding:20px 0;top:44px; } 
.sjssdiv .input{ width:calc(100% - 100px); height:40px; line-height:40px; text-indent:20px;font-size:16px;} 
.sjssdiv .button{ width:100px; height:40px; line-height:40px;font-size:16px;}  
.sjyydiv a{font-size:16px; height:36px; line-height:36px; text-indent:20px;}

  
.sj_menu{ top:44px; padding:20px 0;}
.sj_menu ul{ padding-bottom:20px; }
.sj_menu ul li a{line-height:42px;font-size:16px;padding-left:20px;} 
.sj_menu ul li.l1>a{ background-size:auto 26px !important;}
.sj_menu ul li.l1.cur .sjejdiv h2{ line-height:36px;}
.sj_menu ul li.l1.cur .sjejdiv a{ line-height:34px; font-size:14px;padding-left:30px;}
.banner{  margin-top:44px; }
.banner,.banner ul,.banner ul li,.banner ul li img,.banner ul li video{ height:120vw !important;}
.banwenzi h2{ font-size:40px; line-height:44px;}	
.banwenzi h3{ margin-bottom:20px;}
.banwenzi a.a{ height:40px; line-height:40px;}	
.banner_span{ bottom:30px;}	
.banner_span span{ margin:0 3px;}
.sjindexdiv1{ padding:30px 0;}	
.indextt{ margin-bottom:15px;}
.indextt strong{ font-size:30px; line-height:34px;}	
.indextt p{ font-size:14px; line-height:22px; font-weight:400; padding:0 15px;}	

.sjindexdiv1 dl dd{ padding:0 20px; bottom:25px;}
.sjindexdiv1 dl dd h3 a{ font-size:20px;}	
.indexdiv2 ul.ul li a{ padding:0 15px; font-size:13px; height:30px; line-height:30px;}
.indexdiv2nr dl,.indexdiv2nr dl dt,.indexdiv2nr dl dt img,.indexdiv2nr dl dt video{ height:100vw;}
.indexdiv2nr dl dd{ top:18vw; padding:0 60px;}
.indexdiv2nr dl dd h2 a{ font-size:20px; line-height:30px;}
.indexdiv2nr dl dd p{ font-size:14px; line-height:25px; font-weight:400; margin:15px 0 10px 0;}
.jtl,.jtr { width:34px;height: 34px; border-radius: 34px; background-size:auto 10px !important;}
.indexdiv3list dl dd{ padding:20px 20px 80px 20px;}
.indexdiv3list dl dd h2 a{ font-size:20px; line-height:30px;}
.indexdiv3list dl dd p{ font-size:14px; line-height:24px; font-weight:400;}
.indexdiv3{ padding-bottom:30px;}

.indexdiv3list dl{ width:96vw;}
.indexdiv3ckz{ left:20px; bottom:20px;}
.indexdiv4{ padding:30px 0;}

.indexdiv5{ padding:30px 0;}
.indexdiv5 dl{ width:100%; margin:1% 0;}
.indexdiv5 dl dd{ padding:20px;}
.indexdiv5 dl dd h3 a{ font-size:15px;}
.indexdiv6{ padding-bottom:0;}
#banner{ width:96vw;}
.swiper-slide{width:200px; padding-bottom:50px;}


.indexdiv7cnr{ padding:30px 20px;}
.indexdiv7cnr strong{ font-size:20px; line-height:30px;}
.indexdiv7cnr p{ font-size:15px; line-height:18px; font-weight:400;}


.indexdiv7cnr .input{width:calc(50% - 5px); height:32px; line-height:32px; padding-left:10px;margin-right:5px;}
.indexdiv7cnr .text{ margin:5px 0; width:calc(100% - 5px); height:80px; line-height:24px; padding:4px 10px;  margin-right:5px;}
.indexdiv7cnr .button{ height:32px; line-height:32px; margin-top:40px;  padding:0 25px; font-size:14px; }


.bottomdiv{ padding-top:30px;}
.blogo{ margin-bottom:20px;}
.blogo img{ height:24px;}
.bottomdivright dl{ padding:10px; box-sizing:border-box;}
.bottomdivright dl dt{ font-size:18px; background-size:20px auto !important;}
.bottomdivleft{ margin-top:15px; padding:0 10px; box-sizing:border-box;}
.bottomdivleft p{ font-size:15px; line-height:26px;}
.bottomdivleft .ssdiv1{ margin:10px 0 15px 0;}
.bqxx{ padding:10px; box-sizing:border-box; margin-top:15px;}
	
	
/****产品列表******/
.nybanner{ margin-top:44px;}	
.nybannerwz{ bottom:25px;}
.nybannerwz strong{ font-size:34px; line-height:40px;}
.prolist{ padding-top:20px;}
dl.pdl{ padding:40px 40px 30px 40px;}

  
/*****产品列表-详情*****/  
.proxxdiv{ margin-top:44px; padding:2vw;}
.proxdivc{ padding:20px 15px;}
.proxdivc h1{ font-size:24px; line-height:30px;}

.proxxdiv1c{ padding:10px;}
.proxxdiv1c ul li{ padding:10px 0 10px 20px; font-size:15px;}	
.proxxdiv1c ul.u1 li.l1, .proxxdiv1c ul.u1 li.l2, .proxxdiv1c ul.u1 li.l3{ font-size:18px;}

/******电池解决方案*****/  	
.soldivdc dl.d1{ padding:20px 10px;}
.soldivdc dl.d1 dd{ font-size:16px;}	
.soldivdc dl.d2{ margin-top:20px;}
.soldivdc dl.d2 dd{ padding:20px 15px;}
.soldivdc dl.d2 dd h2{ font-size:22px; line-height:26px;}



/*****电机解决方案****/
.nybanner.nybanner1{ height:120vw; max-height:900px;}
.nybanner1 img{  height:120vw; max-height:900px;}
.nybanner1 .nybannerwz{ bottom:7%;}
.nybanner1 .nybannerwz strong{ font-size:24px; line-height:30px;}
.nybanner1 .nybannerwz p{ margin-top:15px; font-size:14px; line-height:20px;}  

.soltt{  height:50vw; max-height:300px; padding:45px 30px; margin:20px 0 10px 0;}
.soltt strong{ font-size:30px; line-height:34px;}


/*****服务支持*****/
.serdiv0{padding: 20px 0 0 0;}	
.serdiv0 dl{ width:100%;  margin:1% 0; padding:0 20px 20px 20px;}
.serdiv0 dl dd strong{ font-size:18px;}
	
.serdiv1{ padding:20px 0;}
.serdiv1 dl.d1{ padding:0 20px 20px 20px;}
.serdiv1 dl.d1 dd strong{ font-size:20px;}
.serdiv1nr{ padding:5px 20px;}
.serdiv1nr .h3{ font-size:20px; line-height:28px;}


/*****新闻资讯*****/
dl.xwdl dd{ padding:15px 10px;}
dl.xwdl dd h3 a{ font-size:18px;}
dl.xwdl dd p.p{ margin:10px 0 0 0; font-size:14px; line-height:24px; height:72px; font-weight:400;}


/******新闻资讯详情*******/
.xwxxdiv{ margin-top:44px; padding:20px 0;}
.xwdivxx .h1{ font-size:20px; line-height:28px; margin-bottom:10px;}
.xwdivxxnr{ font-size:14px; line-height:24px; font-weight:400;}
.xwdivrigh dl dd h3 a{ height:72px;}	


/******关于我们*****/
.aboutdiv1{ padding:20px 0;}
.aboutdiv1c{ padding:20px 10px;}
.aboutdiv1 dl.d1 dd h1{ font-size:22px; line-height:28px; margin-bottom:5px;}
.aboutdiv1 dl.d1 dd p{ font-size:14px; line-height:24px;}
.aboutdiv1 dl.d1 dt{ margin-top:20px;}
.aboutdiv1 .box ul li strong{ font-size:26px; line-height:30px;}

.aboutdiv3{ margin-bottom:20px;}	
.aboutdiv3z{ width:330px;}	
.aboutdiv3c{ padding-bottom:40px;}
.aboutdiv3clist dl{ width:320px; margin:0 5px;}
	
/********联系我们*****/	
.lxwmdiv1{ padding:20px 0;}	
dl.d1lxwm dd{ padding:20px;}
dl.d1lxwm dd h1{ margin-bottom:10px;}
dl.d1lxwm dd p{ padding-left:28px;}
.lxwmdiv1c dl dd{ padding:20px;}	
	
	
	
}

 


@media only screen and (max-width:412px){

/*****首页***/
.indextt strong{ font-size:28px; line-height:34px;}		
	
/****产品列表******/	
.nybannerwz{ bottom:20px;}
.nybannerwz strong{ font-size:28px; line-height:40px;}
.prolist{ padding-top:10px;}
dl.pdl{ padding:30px 30px 15px 30px; margin:0 0 10px 0;}


/******电池解决方案*****/  
.soldivdc dl.d1 { padding:15px 0;}	
.soldivdc dl.d1 dt img{ width:42px; height:auto;}	
.soldivdc dl.d1 dd{ margin-top:15px; font-size:14px;}
.soldivdc dl.d2 dd h2{ font-size:20px; line-height:26px;}
.soldivdc dl.d2 dd p{ font-size:14px; line-height:22px; font-weight:400;}	
	
/*****电机解决方案****/
.nybanner.nybanner1{ height:130vw; }
.nybanner1 img{  height:130vw; }
.nybanner1 .nybannerwz{ bottom:7%;}
.nybanner1 .nybannerwz strong{ font-size:22px; line-height:30px;}
.nybanner1 .nybannerwz p{ margin-top:10px; font-size:14px; line-height:19px;}  

.soltt{  height:50vw; padding:35px 20px; margin:20px 0 10px 0;}
.soltt strong{ font-size:22px; line-height:30px;}
	
	
/*****服务支持*****/
.serdiv1 dl.d1 dd strong{ margin-top:15px; font-size:18px; line-height:24px;}
.serdiv1 dl.d1 dd p{ font-size:14px;}	


.serdiv1nr .h3{ font-size:18px; line-height:22px;}
.serdiv1nr p{ font-size:14px; line-height:23px; font-weight:400;}
.serdiv2{ padding:10px 0 20px 0;}
.serdiv2 dl{ padding:20px 30px;}
.serdiv2 dl dd{ margin-top:15px;}
.serdiv2 dl dd strong{ font-size:18px;}
.serdiv3c{ padding:10px;}
.serdiv3c dl dt{ padding:10px; font-size:16px; line-height:24px;}
.serdiv3c dl dd{ padding:10px; font-size:14px; line-height:22px; font-weight:400;}	
	
	
	

/***新加***/
.xprodiv{  margin:10px 0;}
.xprodiv p{ width:35%;  margin-right: 5%; line-height: 50px;  font-size:20px; }
.xprodiv p span{ width:100px;; height:30px; line-height:30px; font-size: 16px; }
.xprodiv p.p{ width:60%; margin-right: 0;}
	
	
	
}