@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/HarmonyOS_Sans_SC.woff2');
}
 
 
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{ padding:0; margin:0; }
strong {padding:0; margin:0; }
a{ text-decoration:none; color:#333;}
a:hover{ color:#ec3808;}
img,video { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1440px; padding:0; margin:0 auto; box-sizing:border-box; }
.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}
.txtcen{ text-align:center;}
input[type="radio"]:after {  width: 15px;  height: 15px;border-radius: 50%; top: -2px;left: -1px;position: relative;background-color:white;display: inline-block; visibility: visible;border: 1px solid #000;}
input[type="radio"]:checked:after {border: 4.5px solid #000; }


.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:100%; 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/faq_tbh.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: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;}
  

.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;}
.showcontent dl.prodl { width:23%; margin:0.5%;}
.prodivlist{ padding:30px 0;}

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

/****分页****/
.fenye{ margin:40px 0 20px 0; width:100%; height:auto; float:left;}
.fenye ul{  text-align:center; white-space:nowrap;list-style:none;}
.fenye ul li{display:inline;  margin:0; padding:0;list-style:none;  }
.fenye ul li a{ display:table-cell; display:inline-block; width:40px; color:#333; border-radius:1px; font-size:16px; height:40px; margin:0 3px; border-radius:100%; line-height:40px;text-align:center; background:#e9eff4; box-shadow:0 0 2px #e9eff4;}
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; background:#ec3808;}
.fenye ul li.l1{ float:left; width:auto;}
.fenye ul li.l1 a{ width:auto; border-radius:20px; padding:0 15px;}
.fenye ul li.l1 a s{ padding-left:15px; background:url(../images/jt_tbl.png) left center no-repeat;}
.fenye ul li.l1 a:hover s{ background:url(../images/jt_tblh.png) left center no-repeat;}
.fenye ul li.l2{ float:right; width:auto;} 
.fenye ul li.l2 a{ width:auto; border-radius:20px; padding:0 15px;}
.fenye ul li.l2 a s{ padding-right:15px; background:url(../images/jt_tbr.png) right center no-repeat;}
.fenye ul li.l2 a:hover s{ background:url(../images/jt_tbrh.png) right center no-repeat;}

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

 
/**********404*******/
.div404 { width:100%; height:auto;  float:left; padding:200px 0 80px 0; background:url(../images/404bj.jpg) top center no-repeat; background-size:cover; }
.div404 dl{ width:100%; max-width:800px; margin:0 auto;}
.div404 dl dt{ width:100%; height:auto; float:left;}
.div404 dl dt img{ width:100%; height:auto; display:block;}
.div404 dl dd{ width:100%; height:auto; float:left; margin:35px 0; padding:0 5%; box-sizing:border-box; text-align:center;} 
.div404 dl dd h2{ width:100%; height:auto; float:left; font-size:40px; line-height:56px; color:#fff;} 
.div404 dl dd p{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; margin:15px 0; color:#fff;} 
.div404 dl dd a.a{ width:70%; height:50px; line-height:50px; margin:15px 15% 0 15%; border-radius:50px; background:#c9e80f; float:left;}
.div404 dl dd a.a s{ padding-right:30px; color:#000; font-size:20px; background:url(../images/404tb.png) right center no-repeat;} 
.div404 dl dd a.a:Hover{ opacity:0.8;} 

 
/*******首页*******/ 
.headdiv{ width:100%; height:auto; float:left; position:fixed; left:0; top:30px; z-index:998;}
.headdivc{ width:100%; height:82px; float:left; background:#fff; border-radius:80px; padding:0 30px; box-sizing:border-box;}
.logo{ width:auto; height:44px; float:left; margin-top:19px;}
.logo img{ width:auto; height:44px; display:block; float:left;} 
dl.soso{ width:auto; height:42px; float:right; position:relative; margin-top:20px; background:url(../images/xt.png) right center no-repeat; }
dl.soso dt{  width:42px; height:42px;  float:left;}
dl.soso dt .button{ width:42px; height:42px; float:left; z-index:2; position:relative; background:url(../images/sstb.png) center center no-repeat; border-radius:100%; border:none; outline:none; cursor:pointer; background-size:17px auto;}
dl.soso dd{ width:0; transition: all .5s ease; height:40px; float:left; position:absolute; z-index:1; right:40px; top:0px; }
dl.soso:hover dd{ width:200px; }
dl.soso dd .input{ width:100%; height:40px; line-height:40px; float:left;text-indent:15px; border:none; background:#000; color:#fff; border-radius:3px; outline:none;}
.yyqh{ width:48px; height:82px; float:right; margin:0 0 0  10px; position:relative; background:url(../images/yyqh.png) center center no-repeat; display:block;}
.yyqh p{ width:120px; height:auto; display:none; float:left; padding:10px 0; position:absolute; right:-10px; top:75px; background:#fff;} 
.yyqh p a{ width:100%; height:auto; float:left; font-size:14px; line-height:30px; padding-left:50px; background-size:20px auto !important;}
.yyqh:hover p{ display:block;} 
 
ul.ulmenu{ width:auto; height:82px;  float:left; list-style:none; margin-left:11%;}
ul.ulmenu >li{ width:auto; height:82px; float:left;position:relative;}
ul.ulmenu >li >a{ width:auto; height:82px; line-height:82px; float:left; padding:0 23px; font-size:18px; font-weight:bold; color:#070707;}  
ul.ulmenu >li:hover >a,ul.ulmenu >li >a.cur{  color:#ec3808;}  

ul.ulmenu >li .ejp{ display:none; width:650px; height:auto; float:left; position:absolute; z-index:9998;left:-300px; top:82px; padding-top:30px; background:url(../images/tmbj.png) center center no-repeat; background-size:cover;}
ul.ulmenu >li .ejp dl{ width:100%; height:auto; float:left; background:rgba(50,50,50,0.9); padding:20px; border-radius:20px;}
ul.ulmenu >li .ejp dl dd{ width:50%; height:auto; float:left; padding-right:40px; box-sizing:border-box;}
ul.ulmenu >li .ejp dl dd ul{ width:100%; height:auto; float:left; list-style:none;}
ul.ulmenu >li .ejp dl dd ul li{ width:100%; height:46px; float:left; background:rgba(255,255,255,0.6); border-radius:46px; padding:0 28px; box-sizing:border-box; margin-bottom:10px;}
ul.ulmenu >li .ejp dl dd ul li a{ width:100%; height:46px; float:left; line-height:46px; font-size:18px; font-weight:bold; color:#fff; background:url(../images/xltba.png) right center no-repeat;}
ul.ulmenu >li .ejp dl dd ul li:hover/*,ul.ulmenu >li .ejp dl dd ul li.cur*/{ background:url(../images/jbbj.jpg) center center no-repeat; background-size:cover;}

ul.ulmenu >li .ejp dl dt{ width:50%; height:auto; float:left;}
ul.ulmenu >li .ejp dl dt a{ width:100%; height:auto; float:left; display:none; position:relative; border-radius:10px; overflow:hidden;}
ul.ulmenu >li .ejp dl dt a img{ width:100%; height:auto; display:block;}
ul.ulmenu >li .ejp dl dt a span{ width:auto; height:auto; float:left; position:absolute; left:25px; bottom:25px; font-size:20px; line-height:26px; color:#fff;}

/*ul.ulmenu >li .ejp p{ width:100%; height:auto; float:left; background:rgba(50,50,50,0.9); padding:10px 0; border-radius:20px;}
ul.ulmenu >li .ejp p a{ width:100%; height:46px; line-height:46px; color:#bababa; float:left; overflow:hidden; padding:0 10px; box-sizing:border-box; text-align:center; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.1);}
ul.ulmenu >li .ejp p a:hover{ color:#ec3808;}
ul.ulmenu > li .ejp.ejps{ width:180%; left:-40%;}*/


ul.ulmenu li:hover .ejp {display: block;	} 
.proej{ width:100%; height:auto; position:fixed; display:none; left:0; top:112px; min-height:200px; padding-top:30px; background:url(../images/tmbj.png) center center no-repeat; background-size:cover; z-index:9998;}
.proejc{ width:100%; height:auto; float:left;background:rgba(50,50,50,0.9); padding:25px; box-sizing:border-box;  border-radius:20px;}
.proejleft{ width:300px; height:auto; float:left; padding-top:30px; }
.proejleft ul{ width:100%; height:auto; float:left; list-style:none;}
.proejleft ul li{ width:100%; height:62px; float:left; background:rgba(255,255,255,0.6); border-radius:60px; padding:0 28px; box-sizing:border-box; margin-bottom:15px;}
.proejleft ul li a{ width:100%; height:62px; float:left; line-height:62px; font-size:18px; font-weight:bold; color:#fff; background:url(../images/xltba.png) right center no-repeat;}
.proejleft ul li:hover,.proejleft ul li.cur{ background:url(../images/jbbj.jpg) center center no-repeat; background-size:cover;}
.proejright{ width:960px; height:auto; float:right;}
.proejqh{ width:100%; height:auto; float:left; position:relative; padding:0 80px; box-sizing:border-box; display:none; }
.proejqhz{ width:100%; height:auto; float:left; position:relative; overflow:hidden; touch-action: pan-y;} 
.proejqhlist{ width:2000000px; height:auto; overflow:hidden;float:left; transition:transform 600ms;}
.proejqh .jtl{ width:60px; height:60px; border:1px solid #ededed; border-radius:60px; background:url(../images/jtl.png) center center no-repeat; cursor:pointer; position:absolute; left:0; top:35%;}
.proejqh .jtr{ width:60px; height:60px; border:1px solid #ededed; border-radius:60px; background:url(../images/jtr.png) center center no-repeat; cursor:pointer; position:absolute; right:0; top:35%;}
.proejqh .jtl:hover{background:url(../images/jtl.png) center center no-repeat #ec3808; border:1px solid #ec3808;}
.proejqh .jtr:hover{background:url(../images/jtr.png) center center no-repeat #ec3808;border:1px solid #ec3808;}
.proejqh dl{ width:250px; height:auto; float:left; background:#f4f4f4;  text-align:center; padding:20px; border-radius:10px; margin-right:20px; box-sizing:border-box;}
.proejqh dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.proejqh 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;}
.proejqh dl:hover dt img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.proejqh dl dd{ width:100%; height:auto; float:left;}
.proejqh dl dd h3 a{ width:100%; height:48px; float:left; font-size:16px; line-height:24px; color:#333; overflow:hidden; font-weight:bold;  }
.proejqh dl:hover dd h3 a{color:#ec3808;}
ul.ulmenu >li:hover .proej{ display:block;}
 
.headdivf{ top:0 !important; background:#fff; box-shadow:0 2px 4px #ededed;} 
.headdivf .headdivc{ padding:0;}
.headdivf .proej{ top:80px;}
 
.banner{ width:100%; overflow:hidden; height:48.5vw !important;min-height:400px !important;   float:left; position:relative; touch-action: pan-y; }
.banner ul {  overflow:hidden; height:48.5vw !important;min-height:400px !important;  list-style:none;  }
.banner ul li{  width:100%; height:48.5vw !important;min-height:400px !important;  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:48.5vw !important;min-height:400px !important; object-fit: cover; 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:auto; float:left;  position:absolute; bottom:50px;text-align:center; z-index:886;}
.banner_span span{display:inline-block; position:relative; width:360px;height:3px; cursor:pointer; background:rgba(255,255,255,0.4); margin:0 5px; box-sizing:border-box;}
.banner_span span s{ width:0; height:3px; display:block; float:left; position:absolute; left:0; top:0; background:url(../images/baibj.jpg) left bottom no-repeat; background-size:100% 3px;}
.banner_span span.cur s{ animation:linedh 4s infinite;}
@-webkit-keyframes linedh{
	0%{ width:0;}100%{ width:100%;}	
 }
.banjt{ width:130px; height:60px;  float:right; position:relative; margin-top:-140px; z-index:886;}
.banjt .jtl{ width:60px; height:60px;  border-radius:60px; background:url(../images/jtl.png) center center no-repeat rgba(255,255,255,0.2); cursor:pointer; float:left;}
.banjt .jtr{ width:60px; height:60px;  border-radius:60px; background:url(../images/jtr.png) center center no-repeat rgba(255,255,255,0.2); cursor:pointer; float:right;}
.banjt .jtl:hover{background:url(../images/jtl.png) center center no-repeat #ec3808; }
.banjt .jtr:hover{background:url(../images/jtr.png) center center no-repeat #ec3808;}
.banwenzi{ position:absolute; top:14vw; width:100%; height:auto; left:0px;transition:1s linear; color:#fff; z-index:99;box-sizing:border-box}
.banwenzic{ width:100%; height:auto; float:left; text-align:center;}
.txtleft{ text-align:left;}
.banwenzi h2{ width:100%; height:auto; position:relative; font-weight:bold; float:left; font-size:56px;line-height:80px; margin-bottom:25px;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:30px;line-height:36px;  margin:-10px 0 25px 0;}
a.am{ width:auto; height:36px; line-height:36px; background:#fff;border-radius:36px; font-size:16px; overflow:hidden; box-sizing:border-box; font-weight:bold;  padding:5px 5px 5px 25px; box-sizing:border-box; display:inline-table; margin:30px auto 0 auto; color:#000;    }
a.am s{ background:url(../images/xltba.png) center center no-repeat #ec3808; margin-left:25px; width:40px; height:40px; border-radius:40px; float:right; display:block;}
a.am:hover{ background:#ec3808; color:#fff;}

.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; }}
  
.indexdiv1{width:100%; height:auto;float:left; position:relative; }
.indexdiv1c{ width:100%; height:auto; float:left; position:absolute; left:0; top:150px; z-index:99;}
.indextt{ width:100%; height:auto; float:left; margin-bottom:25px; color:#000;}
.indextt strong{ width:100%; height:auto; float:left;  font-weight:bold; float:left; font-size:56px;line-height:60px; margin-bottom:20px;}  
.indextt p{ width:100%; height:auto; float:left; font-size:30px;line-height:36px;}
.indextt a.am{ float:right; margin-top:-72px;}   
.txt-451897f6 span{ width:100%; height:auto; letter-spacing:1px; float:left; font-size:24px; line-height:30px; margin-bottom:25px;} 
.txt-451897f6 span s{ color:#888;}
   
.indexdiv2{ width:100%; height:auto; float:left; background:url(../images/index2_bj.jpg) center center no-repeat; background-size:cover !important; padding:150px 0; overflow:hidden;} 
.indexdiv2 .indextt{ color:#fff;}   
.indexdiv2 .box{ width:580px; height:auto; float:right; font-size:18px; margin-right:-20%; line-height:30px; color:#fff; margin-top:120px;}   

.indexdiv3{ width:100%; height:auto; float:left; padding:150px 0; background:url(../images/indexdiv3_bj.jpg) center top no-repeat; background-size:cover  !important;}   
.indexdiv3 .indextt{ color:#fff; text-align:center; opacity:0; margin-top:30px;}
.indextt p span{ width:100%; height:auto; float:left;}   
.indexdiv3a{ width:auto; height:auto; margin:0 auto; display:table; padding:30px  0 0 0;opacity:0;}
.indexdiv3a a.am{ margin:0 10px;}
.indexdiv3a a.am.am1 s{ background:url(../images/indexdiv3_tb.png) center center no-repeat #ec3808;}
 
.indexdiv3 .img{ width:auto;max-width:100%; height:auto; margin:0 auto; display:block;}
 
.indexdiv3 dl{ opacity:0; width:100%; margin-top:40px; height:auto; float:left; border-radius:25px; overflow:hidden;  background: rgba(20, 40, 60, 0.35); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.indexdiv3 dl dd{ width:calc(100% - 365px); height:auto; padding:50px; box-sizing:border-box; min-height:10px; float:left;}
.indexdiv3 dl dd h3{ width:100%; height:auto; float:left; font-size:36px; line-height:44px; color:#fff; margin:15px 0 45px 0;}
.indexdiv3 dl dd p.p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#fff;}
.indexdiv3 dl dd .xt{ width:100%; height:1px; float:left; background:rgba(255,255,255,0.2); margin:50px 0;}
.indexdiv3 dl dd ul{ width:100%; height:auto; float:left;}
.indexdiv3 dl dd ul li{ width:30%; height:auto; float:left;}
.indexdiv3 dl dd ul li strong{ width:100%; height:auto; float:left; font-size:40px; color:#fff;}
.indexdiv3 dl dd ul li strong em{ font-size:48px; line-height:48px; }
.indexdiv3 dl dd ul li span{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#fff;}
.indexdiv3 dl dd ul li.last{ width:40%;}
.indexdiv3 dl dt{ width:365px; height:auto; float:left;}
.indexdiv3 dl dt img{ width:100%; height:100%; display:block;}

.indexdiv4{ width:100%; height:auto; float:left; padding:150px 0; background:#fff; overflow:hidden;}
.indexdiv4 .indextt{ margin-top:40px; opacity:0.2;}
.indexdiv4 .indextt strong{ margin-bottom:10px; }
.indexdiv4z{ width:100%; height:auto; float:left; position:relative;}   
.indexdiv4c{ width:100%; height:auto; float:left; position:relative; overflow:hidden; touch-action: pan-y;} 
.indexdiv4list{ width:2000000px; height:auto;padding-bottom:40px;  overflow:hidden;float:left; transition:transform 600ms;}
.indexdiv4z .jtl{ width:60px; height:60px; border-radius:60px; background:url(../images/jtlh.png) center center no-repeat #e5e5e5; cursor:pointer; position:absolute; left:-80px; top:35%;}
.indexdiv4z .jtr{ width:60px; height:60px; border-radius:60px; background:url(../images/jtrh.png) center center no-repeat #e5e5e5; cursor:pointer; position:absolute; right:-80px; top:35%;}
.indexdiv4z .jtl:hover{background:url(../images/jtl.png) center center no-repeat #ec3808;}
.indexdiv4z .jtr:hover{background:url(../images/jtr.png) center center no-repeat #ec3808;}
.xt1{ width:100%; height:2px; float:left; background:#f4f4f4;}
.xt1 span{ width:25%; height:2px; float:left; background:#ec3808;}
dl.xwdl{ width:450px; height:auto; float:left; margin:0 15px; background:#f4f4f4; border-radius:20px; 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.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.xwdl dd{ width:100%; height:auto; float:left; padding:30px; box-sizing:border-box;}
dl.xwdl dd span{ width:auto; height:30px; line-height:30px; float:left; background:#e5e5e5; font-size:14px; color:#000; border-radius:30px; padding:0 15px;}
dl.xwdl dd h3 a{ width:100%; height:64px; float:left; font-size:22px; line-height:32px; color:#222; overflow:hidden; font-weight:bold; margin:10px 0 25px 0; }
dl.xwdl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#555;}   
dl.xwdl:hover{ box-shadow:0 2px 8px #ccc;}  
dl.xwdl:hover h3 a{ color:#ec3808;}  
 
.indexdiv4 dl.xwdl:nth-child(1),.indexdiv4 dl.xwdl:nth-child(2),.indexdiv4 dl.xwdl:nth-child(3){ position:relative; top:50px; opacity:0.5;}  
  
  
.bottomdiv{ width:100%; height:auto; float:left; background:#2e2e34; padding-bottom:60px;}
.bottomdiv dl.d1{ width:100%; height:auto; float:left; padding:50px 0 40px 0; border-bottom:1px solid #434349; margin-bottom:40px;}
.bottomdiv dl.d1 dt{ width:auto; height:auto; float:left;}
.bottomdiv dl.d1 dt img{ width:auto; height:44px; display:block;}
.bottomdiv dl.d1 dd{ width:auto; height:44px; line-height:44px; float:left; font-size:18px; color:#fff; margin-left:25px; padding-left:25px; background:url(../images/hsbj.png) left center no-repeat; background-size:1px 20px;}
.bottleft{ width:480px; height:auto; float:left;}
.bottleft strong{ width:100%; height:auto; float:left; font-size:18px; line-height:36px; color:#fff; margin-bottom:15px;}
.bottleft p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#8d8d9a;}
.bottleft p span{ color:#fff;}
.bottleft strong.st{ margin-top:40px;}
.yxdiv{ width:400px; height:50px; float:left; border-radius:50px; background:#3e3e46;}
.yxdiv .input{ width:320px; height:50px; line-height:50px; float:left; background:none; border:none; outline:none; padding:0 15px; box-sizing:border-box;font-family:"Montserrat";}
.yxdiv .button{ width:80px; height:50px; line-height:50px; float:left; background:url(../images/bot_tb.png) center center no-repeat #ec3808; border-radius:50px; outline:none; border:none; cursor:pointer;}
.yxdiv .button:Hover{ opacity:0.9;}

.bottright{ width:auto; height:auto; float:right;}
.bottright dl{ width:210px; height:auto; float:left;}
.bottright dl dt{width:100%; height:auto; float:left; font-size:18px; font-weight:bold; line-height:36px; color:#fff; margin-bottom:15px;}
.bottright dl dd{ width:100%; height:auto; float:left;}
.bottright dl dd a{width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#8d8d9a;}
.bottright dl dd a:Hover{ color:#fff;}
.bottright dl dd a.a{ width:40px; height:40px; float:left; border-radius:40px; padding:8px; box-sizing:border-box; background:#44444b; margin-right:10px;}
.bottright dl dd a.a:Hover{ background:#ec3808;}
.bxqqdiv{ width:100%; height:auto; float:left; background:#27272d; padding:17px 0; font-size:16px; line-height:30px; color:#8d8d9a;}
.bxqqdiv a{ color:#8d8d9a;}


/******产品中心******/
.nybanner{ width:100%; height:auto; float:left; position:relative;}
.nybanner img{ width:100%; height:780px; display:block;}
.nybannerwz{ position:absolute; left:0; top:130px; width:100%; height:auto; float:left;}
.nybannerwz .mbx{ width:100%; height:26px; overflow:hidden; float:left; padding-left:25px; box-sizing:border-box; padding-bottom:200px;}
.nybannerwz .mbx a.a{ width:20px; height:30px; float:left; background:url(../images/mbx_tb.png) center center no-repeat;}
.nybannerwz .mbx a.a1{ width:auto; height:30px; line-height:30px; float:left; padding-left:10px; margin-left:10px; background:url(../images/mbx_tba.png) left center no-repeat; font-size:16px; color:#fff;}
.nybannerwz .mbx a.a1:hover{color:#ec3808;}
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:80px; line-height:80px;  margin-top:-15px; opacity:0.5;color:#fff;font-weight:600; }
.nybanner .xt2{ width:100%; height:1px; float:left; background:url(../images/hsbj.png) center center no-repeat; background-size:100% 1px; position:relative; z-index:2; margin-top:-100px;}
.nybanner .xt2 span{ width:200px; height:1px; float:left; background:url(../images/baibj.jpg) left center no-repeat; background-size:200px 1px;}

.prodiv{ width:100%; height:auto; float:left; padding:90px 0; background:#f5f7fa;}
.prodivleft{ width:310px; height:auto; float:left;}
.prodivleft ul{ width:100%; height:auto; float:left;}
.prodivleft ul li{ width:100%; height:60px; float:left; background:#fff; border-radius:60px; padding:0 30px; box-sizing:border-box; margin-bottom:20px;}
.prodivleft ul li a{ width:100%; height:60px; line-height:60px; font-size:18px; float:left; color:#999b9f; background:url(../images/jtrh.png) right center no-repeat;}
.prodivleft ul li:hover,.prodivleft ul li.cur{ background:url(../images/jbbj.jpg) center center no-repeat; background-size:cover;}
.prodivleft ul li:hover a,.prodivleft ul li.cur a{ color:#fff; background:url(../images/jtr.png) right center no-repeat;}

.prodivright{ width:calc(100% - 370px); height:auto; float:right;}
dl.prodl{ width:calc((100% - 60px) / 3); height:auto; float:left; margin:0 10px 20px 10px; background:#fff; padding:30px; border-radius:15px; box-sizing:border-box;}
dl.prodl dt{ width:100%; height:auto; float:left; background:#f4f4f4; border-radius:8px;}
dl.prodl 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.prodl:hover dt img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.prodl dd{ width:100%; height:auto; float:left;}
dl.prodl dd h2 a{ width:100%; height:72px; float:left; font-size:28px; line-height:36px; color:#000; overflow:hidden; margin:18px 0 30px 0;}
dl.prodl dd a.a{ width:100%; height:54px; float:left; background:#f4f4f4; padding:0 25px; border-radius:8px; box-sizing:border-box;}
dl.prodl dd a.a span{ width:100%; height:54px; line-height:54px; float:left; background:url(../images/pro_tbh.png) right center no-repeat; font-size:18px; color:#000;}
dl.prodl:hover{ box-shadow:0 2px 8px #ccc;}
dl.prodl:hover dd a.a{ background:url(../images/jbbj.jpg) center center no-repeat; background-size:cover;}
dl.prodl:hover dd a.a span{ color:#fff; background:url(../images/pro_tb.png) right center no-repeat; }


/******产品中心-详情******/
.nybannerwz .box{ width:100%; max-width:920px; height:auto; margin:0 auto; text-align:center; opacity:0.2; position:relative; top:25px;}
.nybannerwz .box h3{ width:100%; height:auto; float:left; font-size:24px; line-height:34px; color:#fff; margin-bottom:20px;}
.nybannerwz .box h1{ width:100%; height:auto; float:left; font-size:80px; line-height:100px; color:#fff;}

.proxxdiv1{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.proxxdiv1 .tp{ width:500px; height:auto; float:left;}
.proxxdiv1 .tp img{ width:100%; height:auto; display:block;}
.proxxdiv1c{ width:calc(100% - 500px); height:auto; float:left; padding-top:50px; padding-left:20px; box-sizing:border-box;}
.nytt{ width:100%; height:auto; float:left; margin-bottom:25px;}
.nytt strong{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; color:#000;}
.proxxdiv1c p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#333;}
.proxxdiv1c ul{ width:100%; height:auto; float:left; margin-top:60px;}
.proxxdiv1c ul li{ width:25%; height:auto; float:left;}
.proxxdiv1c ul li img{ width:50px; height:50px; display:block; margin-bottom:10px;}
.proxxdiv1c ul li span{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; margin-top:5px; font-weight:bold; color:#000;}

.proxxiv2{ width:100%; height:auto; float:left; padding:90px 0; background:#f5f7fa;}
.proxxiv2 .nytt{ text-align:center;}
.proxxdiv2c{ width:100%; height:auto; float:left; position:relative; margin-top:30px;}
.proxxdiv2c .img{ width:auto; height:400px; display:block; margin:0 auto;}
.proxxdiv2c .box{ width:470px; height:auto; float:left; position:absolute;}
.proxxdiv2c .box span{ width:100%; height:auto; float:left; font-size:48px; line-height:48px; font-weight:bold; color:#999;}
.proxxdiv2c .box strong{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000; margin:15px 0 10px 0;}
.proxxdiv2c .box p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#222;}
.proxxdiv2c .box.box1{ text-align:right; top:-20px; left:0;}
.proxxdiv2c .box.box2{ text-align:left; top:-20px; right:0;}
.proxxdiv2c .box.box3{ text-align:right; top:220px; left:0;}
.proxxdiv2c .box.box4{ text-align:left; top:220px; right:0;}

.proxxdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/proxxdiv3_bj.jpg) center center no-repeat; background-size:cover;}
.proxxdiv3c{ width:100%; height:auto; float:left; background:#fff; border-radius:10px; padding:50px; box-sizing:border-box;}
.proxxdiv3c dl{ width:100%; height:auto; float:left;}
.proxxdiv3c dl dt{ width:450px; height:auto; float:left;}
.proxxdiv3c dl dt img{ width:100%; height:auto; display:block;}
.proxxdiv3c dl dd{ width:calc(100% - 450px); height:400px; overflow:hidden; overflow-y:auto; float:left; padding-right:15px; box-sizing:border-box;}
.proxxdiv3c dl dd ul{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding:15px 0; font-size:18px; line-height:24px; color:#444;}
.proxxdiv3c dl dd ul li{ width:calc(100% / 7); height:auto; float:left; text-align:center; padding:0 10px; box-sizing:border-box;}
.proxxdiv3c dl dd ul.ult{ font-weight:bold; color:#000;}

.proxxdiv3c dl dd .st{ width:100%; height:auto; float:left; font-size:20px; margin-bottom:15px; background:url(../images/xt.png) left bottom no-repeat; background-size:100% 1px;}
.proxxdiv3c dl dd .st span{ width:auto; color:#333; height:auto; float:left; padding-bottom:15px; background:url(../images/jbbj.jpg) left bottom no-repeat; background-size:200px 1px;}
.proxxdiv3c dl dd .p{ width:100%; height:auto; float:left; padding:15px 0; border-bottom:1px solid #ededed;}
.proxxdiv3c dl dd .p span{ width:50%; height:auto; float:left;}
.proxxdiv3c dl dd .p span.sp1{ font-size:16px; line-height:26px; color:#999; padding-right:20px; box-sizing:border-box;}
.proxxdiv3c dl dd .p span.sp2{ font-size:18px; line-height:26px; color:#000; text-align:right;}




.proxxdiv3c dl dd::-webkit-scrollbar {width:4px; height:5px;}
.proxxdiv3c dl dd::-webkit-scrollbar-track { border-radius:4px;background-color: #ededed; box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.proxxdiv3c dl dd::-webkit-scrollbar-thumb { border-radius:4px; background-color:#ec3808;}

.proxxdiv4{ width:100%; height:auto; float:left; padding:90px 0; background:#f4f4f4;}
.proxxdiv4z{ width:100%; height:auto; float:left; position:relative;}   
.proxxdiv4c{ width:100%; height:auto; float:left; position:relative; overflow:hidden; touch-action: pan-y;} 
.proxxdiv4list{ width:2000000px; height:auto;padding-bottom:40px;  overflow:hidden;float:left; transition:transform 600ms;}
.proxxdiv4z .jtl{ width:60px; height:60px; border-radius:60px; background:url(../images/jtlh.png) center center no-repeat #e5e5e5; cursor:pointer; position:absolute; left:-80px; top:35%;}
.proxxdiv4z .jtr{ width:60px; height:60px; border-radius:60px; background:url(../images/jtrh.png) center center no-repeat #e5e5e5; cursor:pointer; position:absolute; right:-80px; top:35%;}
.proxxdiv4z .jtl:hover{background:url(../images/jtl.png) center center no-repeat #ec3808;}
.proxxdiv4z .jtr:hover{background:url(../images/jtr.png) center center no-repeat #ec3808;}
.proxxdiv4z dl.prodl{ width:340px;}


/*******解决方案列表******/
.nymenu{ width:100%; height:auto; float:left; background:#fff;}
.nymenu ul{ width:100%; height:auto; list-style:none;}
.nymenu ul li a{ width:auto; height:80px; line-height:80px; font-size:18px;  position:relative; top:1px; color:#333;background:url(../images/jbbj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; font-weight:bold; color:#000; float:left; margin-right:40px; }
.nymenu ul li a:hover,.nymenu ul li a.cur{ background-size:100% 2px;  transition:all 0.5s ease;color:#ec3808;}	

.soldiv{ width:100%; height:auto; float:left; background:#f5f7fa;}
.soldiv .img{ width:50%; height:750px; float:right; display:block;}
.soldiv .box{ width:720px; height:750px; float:left; padding:100px 60px 0 0; box-sizing:border-box; position:relative;}
.soldiv .box h2 a{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; color:#000; margin-bottom:20px;}
.soldiv .box p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; min-height:240px; color:#222;}
.soldiv .box .boxc{ width:840px; height:auto; padding:40px 0; box-sizing:border-box; float:left; background:rgba(255,255,255,0.9); z-index:1; border-radius:10px; position:absolute; left:0; bottom:150px;}
.soldiv .box .boxc dl{ width:210px; height:auto; float:left; padding:0 40px; box-sizing:border-box; border-right:1px solid #ededed;}
.soldiv .box .boxc dl dt{ width:100%; height:auto; float:left; text-align:center;}
.soldiv .box .boxc dl dt img{ width:55px; height:55px; display:block; margin:0 auto;}
.soldiv .box .boxc dl dd{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#000; font-weight:bold; text-align:center; margin-top:15px;s}
.soldiv .box .boxc dl.last{ border-right:none;}
.soldiv.soldivs .img{ float:left;}
.soldiv.soldivs .box{padding:100px 0 0 60px;}
.soldiv.soldivs .box .boxc{ right:0; left:auto;}
.soldiv .box a.am{ margin-top:210px;}


/****解决方案-详细*****/
.nybanner1 .nybannerwz .mbx{ padding-bottom:100px;}
.nybanner1 .nybannerwz .box1{ width:100%; height:auto; float:left; text-align:center; color:#fff; position:relative; top:-40px; opacity:0.2; padding:0 100px; box-sizing:border-box;}
.nybanner1 .nybannerwz .box1 h1{ width:100%; height:auto; float:left; font-size:80px; line-height:100px; margin-bottom:25px;}
.nybanner1 .nybannerwz .box1 p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px;}

.solxxdiv1{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.solxxdiv1 .nytt strong{ text-align:center;}
.solxxdiv1c{ width:100%; height:740px; float:left; margin-bottom:90px; background:url(../images/solxxdiv1_tp.jpg) center center no-repeat; background-size:cover; border-radius:20px; overflow:hidden;}
.solxxdiv1c .box{ width:28%; height:100%; transition:all 0.5s ease; float:left; border-left:1px solid rgba(255,255,255,0.2);  border-right:1px solid rgba(255,255,255,0.2); position:relative; cursor:pointer;}
.solxxdiv1c .box .boxnr{ position:absolute; left:0; bottom:0; width:100%; height:auto;padding:0 50px 50px 50px; color:#fff; box-sizing:border-box; float:left;}
.solxxdiv1c .box .boxnr strong{ width:100%; height:auto; float:left; font-size:36px; line-height:48px;}
.solxxdiv1c .box .boxnr p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; margin-top:10px; display:none; }
.solxxdiv1c .box.cur{ width:44%; transition:all 0.5s ease;  background: rgba(20, 40, 60, 0.35); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.solxxdiv1c .box.cur .boxnr{ padding:0 80px 80px 80px;}
.solxxdiv1c .box.cur .boxnr p{ display:block;}

.solxxdiv1 dl{ width:100%; height:420px; float:left; background:#f5f7fa; border-radius:20px; overflow:hidden; margin:20px 0 40px 0;}
.solxxdiv1 dl dt{ width:58%; height:100%; float:left;}
.solxxdiv1 dl dt img{ width:100%; height:100%; display:block; border-radius:20px;}
.solxxdiv1 dl dd{ width:42%; padding:0 80px; height:420px; display: flex;align-items: center;}
.solxxdiv1 dl dd div{ width:100%; height:auto; float:left;}
.solxxdiv1 dl dd div span{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#ff6a00;}
.solxxdiv1 dl dd div strong{ width:100%; height:auto; float:left; font-size:40px; line-height:56px; color:#000; margin:5px 0 25px 0;}
.solxxdiv1 dl dd div p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#222;}
.solxxdiv1 dl.d1 dt{ float:right;}
.solxxdiv1 dl.d1 dd{ float:left;}

.solxxdiv2{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/solxxdiv2_bj.jpg) center center no-repeat; background-size:cover;}
.solxxdiv2 .nytt strong{ color:#fff; margin-bottom:360px;}
.solxxdiv2 dl{ width:calc((100% - 120px) / 5); height:auto; float:left; padding:30px; box-sizing:border-box; border-radius:20px; text-align:center; margin-right:30px;background:rgba(255, 255,255, 0.35); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.solxxdiv2 dl dt{ width:100%; height:auto; float:left;}
.solxxdiv2 dl dt img{ width:55px; height:55px; margin:0 auto; display:block;}
.solxxdiv2 dl dd{ width:100%; height:60px; line-height:30px; font-size:24px; color:#fff; float:left; margin-top:10px;}
.solxxdiv2 dl.last{ margin-right:0;}

.solxxdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.solxxdiv3z{ width:100%; height:auto; float:left; position:relative;}   
.solxxdiv3c{ width:100%; height:auto; float:left; position:relative; overflow:hidden; touch-action: pan-y;} 
.solxxdiv3list{ width:2000000px; height:auto;padding-bottom:10px;  overflow:hidden;float:left; transition:transform 600ms;}
.solxxdiv3z .jtl{ width:60px; height:60px; border-radius:60px; background:url(../images/jtlh.png) center center no-repeat #e5e5e5; cursor:pointer; position:absolute; left:-80px; top:35%;}
.solxxdiv3z .jtr{ width:60px; height:60px; border-radius:60px; background:url(../images/jtrh.png) center center no-repeat #e5e5e5; cursor:pointer; position:absolute; right:-80px; top:35%;}
.solxxdiv3z .jtl:hover{background:url(../images/jtl.png) center center no-repeat #ec3808;}
.solxxdiv3z .jtr:hover{background:url(../images/jtr.png) center center no-repeat #ec3808;}
.solxxdiv3list dl.aldl{ width:450px; border:1px solid #ededed; box-shadow:0 2px 5px #ededed;}


/*****案例列表******/
dl.aldl{ width:calc((100% - 90px) / 3); height:auto; float:left; background:#fff; border-radius:20px; overflow:hidden; margin:0 15px 30px 15px;}
dl.aldl dt{ width:100%; height:auto; float:left; background:#f4f4f4; border-radius:20px 20px 0 0; overflow:hidden;}
dl.aldl 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.aldl:hover dt img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.aldl dd{ width:100%; height:auto; float:left; padding:20px  25px; box-sizing:border-box;}
dl.aldl dd h3 a{ width:100%; height:72px; float:left; font-size:28px; line-height:36px; color:#000; overflow:hidden;}
dl.aldl dd p{ width:100%; height:auto; float:left; padding:0 10px; box-sizing:border-box; margin:10px 0 25px 0;}
dl.aldl dd p span.sp{ width:50%; height:auto; float:left; padding-left:24px; font-size:16px; line-height:24px; color:#333; box-sizing:border-box; background:url(../images/case_tb1.png) left center no-repeat;}
dl.aldl dd p span.sp1{ width:50%; height:auto; float:left; padding-left:27px; font-size:16px; line-height:24px; color:#333; box-sizing:border-box; background:url(../images/case_tb2.png) left center no-repeat;}
dl.aldl dd a.a{ width:100%; height:54px; float:left; background:#f4f4f4; padding:0 25px; border-radius:8px; box-sizing:border-box;}
dl.aldl dd a.a span{ width:100%; height:54px; line-height:54px; float:left; background:url(../images/pro_tbh.png) right center no-repeat; font-size:18px; color:#000;}
dl.aldl:hover{ box-shadow:0 2px 8px #ccc;}
dl.aldl:hover dd a.a{ background:url(../images/jbbj.jpg) center center no-repeat; background-size:cover;}
dl.aldl:hover dd a.a span{ color:#fff; background:url(../images/pro_tb.png) right center no-repeat; }

/***案例列表-详情*****/
.bodybj{ background:url(../images/proxxdiv3_bj.jpg) center center no-repeat; background-size:cover;}
.mbxdiv{ width:100%; height:auto; float:left; margin-top:140px; margin-bottom:20px;}
.mbxdiv .mbx{ width:100%; height:30px; overflow:hidden; float:left; padding-left:25px; box-sizing:border-box; }
.mbxdiv .mbx a.a{ width:20px; height:30px; float:left; background:url(../images/mbx_tb1.png) center center no-repeat;}
.mbxdiv .mbx a.a1{ width:auto; height:30px; line-height:30px; float:left; padding-left:10px; margin-left:10px; background:url(../images/mbx_tba1.png) left center no-repeat; font-size:16px; color:#6b7378;}
.mbxdiv .mbx a.a1:hover{color:#ec3808;}

.casexxdiv{ width:100%; height:auto; float:left; min-height:100px; padding:65px 80px 80px 65px; box-sizing:border-box; margin-bottom:90px; border-radius:10px; box-shadow:0 2px 8px #ccc; background:#fff;}
.casxxdiv_left{ width:calc(100% - 390px); height:auto; float:left; padding-right:60px; box-sizing:border-box;}
.casxxdiv_left .h1{ width:100%; height:auto; float:left; font-size:36px; line-height:48px; color:#000;}
.casxxdiv_left .bz{ width:100%; height:auto; float:left; font-size:24px; line-height:48px; color:#ff6a00;}
.casxxdiv_left .ptime{ width:100%; height:auto; float:left; line-height:36px; color:#8d8d8d; border-bottom:1px solid #ededed; margin-bottom:35px;}
.casxxdivnr{ width:100%; height:auto; float:left; font-size:18px; color:#000; line-height:30px;}
dl.alxxdl{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; }
dl.alxxdl dt{ width:100%; height:auto; float:left;}
dl.alxxdl dt img{ widows:100%; height:auto; display:block; border-radius:15px;}
dl.alxxdl dd{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; margin-top:15px;  margin-bottom:15px; color:#8d8d8d; text-align:center;}
.casxxdivnr p{ width:100%; height:auto; float:left;}
.casxxdivnr .st{ width:100%; height:auto; float:left; font-size:36px; line-height:48px; color:#000; margin:35px 0 15px 0;}
.casxxdivnr .st1{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000; margin:5px 0;}
.casxxdivnr .st2{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000; margin:5px 0; padding-left:18px; background:url(../images/casexx_tb2.png) left 11px no-repeat; box-sizing:border-box;}
.casxxdivnr .pg{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; margin:3px 0; color:#000; font-weight:bold; padding-left:29px; background:url(../images/casexx_tb1.png) left 5px no-repeat; box-sizing:border-box;}

.casexxdiv_right{ width:390px; height:auto; float:right; background:#f4f4f4; border-radius:10px; padding:30px; box-sizing:border-box;}
.casexxdiv_right strong{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#000; margin-bottom:20px;}
.casexxdiv_right ul{ widows:100%; height:auto; float:left; margin-bottom:15px;}
.casexxdiv_right ul li{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding:10px 0;}
.casexxdiv_right ul li a{ width:100%; height:auto; max-height:48px; overflow:hidden; line-height:24px; float:left; font-size:18px; color:#000;}
.casexxdiv_right ul li a:Hover{ color:#ec3808;}
.casexxdiv_right a.a{ width:100%; height:54px; float:left; background:url(../images/jbbj.jpg) center center no-repeat; background-size:cover; padding:0 25px; border-radius:8px; box-sizing:border-box;}
.casexxdiv_right a.a span{ width:100%; height:54px; line-height:54px; float:left;color:#fff; background:url(../images/casexx_tb.png) right center no-repeat; font-size:18px;}
.casexxdiv_right a.a:hover{ opacity:0.9;}


/*****支持-下载-宣传册******/ 
.downmenu{ width:560px; height:70px; margin:0 auto 50px auto; background:#eceef2; padding:10px; box-sizing:border-box; height:70px; border-radius:70px; }
.downmenu ul{ width:100%; height:auto; float:left;}
.downmenu ul li a{ width:calc(100% / 3); height:50px; line-height:50px; float:left; text-align:center; font-size:18px; color:#000; overflow:hidden; }
.downmenu ul li a:Hover,.downmenu ul li a.cur{ background:url(../images/jbbj.jpg) center center no-repeat; background-size:cover; color:#fff; border-radius:50px;}
.downmenu ul.u2 li a{width:calc(100% / 2);}
dl.xccdl{ width:340px; height:auto; float:left; margin:10px; border-radius:20px; overflow:hidden; background:url(../images/xccdlbj.png) center 100px no-repeat; background-size:100% auto;}
dl.xccdl dt{ width:100%; height:auto; float:left; padding:0 30px}
dl.xccdl dt img{ width:100%; height:auto; display:block;}
dl.xccdl dd{ width:100%; height:auto; float:left; border-radius:20px 100px 0 0; background:#fff; padding:30px; box-sizing:border-box; margin-top:-40px;}
dl.xccdl dd h3{ width:100%; height:72px; line-height:36px; font-size:22px; color:#000; float:left; overflow:hidden; margin-bottom:25px;}
dl.xccdl dd a.amy{ width:40px; height:40px; float:left; background:url(../images/xcc_tb.png) left center no-repeat; display:block;}
dl.xccdl dd a.a1{ width:40px; height:40px; border-radius:40px; float:left; background:url(../images/xcc_tb1.png) center center no-repeat; display:none; margin-right:15px;}
dl.xccdl dd a.a2{ width:40px; height:40px; border-radius:40px; float:left; background:url(../images/xcc_tb2.png) center center no-repeat; display:none; margin-right:15px;}
dl.xccdl:Hover dd{ background:url(../images/jbbj.jpg) center center no-repeat; background-size:cover;}
dl.xccdl:Hover dd h3{ color:#fff;}
dl.xccdl:Hover dd a.amy{ display:none;}
dl.xccdl:Hover dd a.a1,dl.xccdl:Hover dd a.a2{ display:block;}
dl.xccdl dd a.a1:hover,dl.xccdl dd a.a2:hover{ opacity:0.9;}

/*****支持-下载-数据******/ 
.databox{ width:100%; height:auto; float:left; padding:20px 25px; position:relative; box-sizing:border-box; border-radius:10px; background:url(../images/databj.png) left top no-repeat; background-size:cover; margin:10px 0 25px 0; box-shadow:0 2px 5px #ededed; }
.databox h3{ width:100%; height:auto; float:left; background:url(../images/xt.png) left bottom no-repeat; background-size:100% 1px;margin-bottom:10px;}
.databox h3 span{width:100%; height:auto; float:left; font-size:24px; line-height:36px; background:url(../images/jbbj.jpg) left bottom no-repeat; background-size:0 1px; transition:all 0.5s ease; color:#000; padding-bottom:15px; }
.databox h3 span s{ padding-left:36px; background:url(../images/data_tb1.png) left center no-repeat; box-sizing:border-box;}
.databox p{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; color:#969798; padding-left:30px; background:url(../images/data_tb2.png) left center no-repeat; box-sizing:border-box;}
.databox .xzdiv{ width:95px; height:40px; position:absolute; right:25px; top:47px;}
.databox .xzdiv a.a1{ width:40px; height:40px; border-radius:40px; float:left; background:url(../images/data_tb3.png) center center no-repeat; display:block; }
.databox .xzdiv  a.a2{ width:40px; height:40px; border-radius:40px; float:right; background:url(../images/data_tb4.png) center center no-repeat; display:block; }
.databox .xzdiv a.a1:hover,.databox .xzdiv a.a2:hover{ opacity:0.9;}
.databox:Hover{box-shadow:0 2px 10px #ccc;}
.databox:Hover h3 span{background-size:50% 1px; transition:all 0.5s ease; }

/*****支持-下载-视频******/ 
.ser_sptj{ width:calc(96% - (94% / 3)); height:auto; border-radius:15px; overflow:hidden; float:left; margin:0 1% 2% 1%;}
.ser_sptj video,.ser_sptj img{ width:100%; height:620px; display:block;  border-radius:15px; cursor:pointer;}
.ser_sptj strong{ width:100%; height:auto; float:left; font-size:24px; line-height:36px; color:#000; margin-top:10px;}

dl.spdl{ width:calc(94%/3); height:335px; border-radius:15px; overflow:hidden; float:left; margin:0 1% 2% 1%;}
dl.spdl dt{ width:100%; height:auto; float:left; position:relative;}
dl.spdl dt img{ width:100%; height:auto; display:block;}
dl.spdl dd{ width:100%; height:auto; float:left; margin-top:10px;}
dl.spdl dd h3 a{ width:100%; height:36px; float:left; font-size:22px; line-height:36px; overflow:hidden;  font-weight:bold; color:#000;}


/*******faq******/
.faqlist{ width:100%; height:auto; float:left; background:#fff; border-radius:20px; padding:20px 60px 30px 60px; box-sizing:border-box;}
dl.faqdl{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; padding:30px 0;}
dl.faqdl dt{ width:100%; height:40px; line-height:40px; font-size:22px; float:left; cursor:pointer; overflow:hidden; font-weight:bold;color:#000; background:url(../images/faq_tb.png) right center no-repeat;}
dl.faqdl dd{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#333; box-sizing:border-box; padding:15px 50px 0 0; display:none;}
dl.faqdl.cur dd{ display:block;}


/******Warranty******/
.wardiv1{ width:100%; height:auto; float:left; padding:90px 0;}
.wardiv1c{ width:100%; height:650px; padding:100px; text-align:center; box-sizing:border-box; box-sizing:border-box; /*background:url(../images/wardiv1_tp.png) center center no-repeat; */background-size:100% auto;}
.wardiv1c strong{ width:100%; height:auto; float:left; font-size:60px; line-height:72px; color:#000; margin-bottom:30px;}
.wardiv1c p{ width:100%; height:auto; float:left; padding:0 150px; box-sizing:border-box; font-size:18px; line-height:30px; color:#000;}

.wardiv2{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/wardiv2_bj.jpg) center center no-repeat; background-size:cover;}
.wardiv2 .nytt strong{ color:#fff; margin-bottom:400px;}

.wardiv2c{ width:100%; height:auto; float:left; }
.wardiv2c dl{ width:210px; height:auto; float:left;  padding:15px; margin-top:80px;box-sizing:border-box;  background: rgba(20, 40, 60, 0.35); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px); border-radius:20px; margin-right:10px;}
.wardiv2c dl dt{ width:100%; height:auto; float:left; display:none;}
.wardiv2c dl dt img{ width:55px; height:55px; display:block;}
.wardiv2c dl dd{ width:100%; height:52px; overflow:hidden; float:left; font-size:18px; line-height:26px; color:#fff;}
.wardiv2c dl.cur{ width:340px; height:auto;   background:#fff; margin-top:0px;}
.wardiv2c dl.cur dt{ display:block;}
.wardiv2c dl.cur dd{ color:#000; height:60px; font-weight:bold; margin-top:15px; font-size:24px; line-height:30px;}
.wardiv2c dl.last{ margin-right:0;}

.wardiv3{ width:100%; height:auto; margin:0 auto; max-width:1920px; padding:90px 0 790px 0; background:url(../images/wardiv3_bj.png) center 95% no-repeat #f5f7fa; background-size:100% auto;}
.wardiv3 .nytt strong{ text-align:center;}
.wardiv3nr{ width:100%; height:auto; float:left; text-align:center; margin:0 0 25px 0; font-size:18px; line-height:30px; color:#000;}
.wardiv3nr p{ width:100%; height:auto; float:left;}
.wardiv3nr p span{ width:100%; height:auto; float:left;}

.wardiv4{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.wardiv4c{ width:100%; height:auto; float:left;}
.wardiv4c dl{ width:250px; height:auto; float:left; padding:25px 30px; box-sizing:border-box; border-radius:15px; background:#f4f4f4;}
.wardiv4c dl dt{ width:100%; height:auto; float:left;}
.wardiv4c dl dt span{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#000; text-align:center; font-weight:bold; margin-bottom:10px;}
.wardiv4c dl dt img{ width:100%; height:auto; display:block; max-width:140px; margin:0 auto;}
.wardiv4c dl dd{ width:100%; height:auto; float:left; min-height:90px; margin-top:25px; font-size:24px; line-height:30px; color:#000; font-weight:bold; text-align:center;}
.wardiv4c dl:Hover{ background:#ff6a00;}
.wardiv4c dl:Hover dt span,.wardiv4c dl:Hover dd{ color:#fff;}
.xyb{ width:47.5px; height:320px; float:left; background:url(../images/wardiv4_tb.png) center center no-repeat;}
.wardiv4box{ width:100%; height:auto; border-radius:20px; min-height:200px; float:left; background:url(../images/wardiv4_tp.jpg) right center no-repeat; background-size:cover; margin-top:60px; }
.wardiv4box .box{ width:100%; height:auto; float:left; padding:90px 60px; box-sizing:border-box; max-width:730px;}
.wardiv4box .box strong{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; color:#000;}
.wardiv4box .box p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#000; margin-top:15px;}

/*****新闻列表*****/
.nybanner2 .nybannerwz .mbx{ padding-bottom:40px;}
.nybanner.nybanner2 .img{ height:860px;}
.nybanner2  .nybannerwz strong{ margin-bottom:25px;}
.newsdiv{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}

dl.xwd2{ width:calc(100% - 495px); height:471px; float:left; margin-left:15px; border-radius:20px; overflow:hidden; position:relative;}
dl.xwd2 dt{ width:100%; height:471px; float:left; overflow:hidden;}
dl.xwd2 dt img{ width:100%; height:100%; display:block;   -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.xwd2:hover dt img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.xwd2 dd{ width:100%; height:auto; max-width:460px; float:left; padding:30px; position:absolute; left:0; bottom:0; z-index:2; box-sizing:border-box;}
dl.xwd2 dd span{ width:auto; height:30px; line-height:30px; float:left; background:#6b7378; font-size:14px; color:#fff; border-radius:30px; padding:0 15px;}
dl.xwd2 dd h3 a{ width:100%; height:72px; float:left; font-size:30px; line-height:36px; color:#fff; overflow:hidden; font-weight:bold; margin:10px 0 25px 0; }
dl.xwd2 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#fff;}   
dl.xwd2:hover h3 a{ color:#ec3808;}  
.newsdiv dl.xwdl{ margin:15px;}


/******新闻列表-详情******/
.ptime1{ padding:15px 0;}


/*******关于我们*******/
.aboutdiv1{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.aboutdiv1_left{ width:440px; height:auto; float:left;}
.aboutdiv1_left strong{ width:100%; height:auto; float:left; font-size:56px; line-height:66px; color:#000; margin-bottom:25px;}
.aboutdiv1_left p{ width:100%; height:auto; float:left; font-size:24px; line-height:36px; color:#000;}

.aboutdiv1_right{ width:calc(100% - 490px); height:auto; float:right;}
.aboutdiv1_right .bz{ width:100%; height:auto; float:left; font-size:18px; line-height:28px; color:#222;}
.aboutdiv1_right ul{ width:100%; height:auto; float:left; margin-top:30px;}
.aboutdiv1_right ul li{ width:calc(94% / 3); height:auto; float:left; margin:1%;}
.aboutdiv1_right ul li strong{ width:100%; height:auto; padding-bottom:10px; float:left; border-bottom:1px solid #ededed; font-size:40px; line-height:50px; color:#ec3808;}
.aboutdiv1_right ul li strong em{  font-size:48px;}
.aboutdiv1_right ul li span{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#000; margin-top:10px;}

.aboutdiv2{ width:100%; height:auto; float:left; background:url(../images/aboutdiv2_bj.jpg) center center no-repeat; background-size:cover !important; padding:300px 0;}
.aboutdiv2 a{ width:100px; height:100px; display:block; margin:0 auto; background:url(../images/aboutdiv2_tb.png) center center no-repeat;}

.aboutdiv3{ width:100%; height:auto; float:left; background:url(../images/aboutdiv3_bj.jpg) center bottom no-repeat; background-size:cover; padding:400px 0 150px 0;}
.aboutdiv3 .nytt strong{ color:#fff; margin-bottom:25px;} 
.aboutdiv3 dl{ width:calc((100% - 50px) / 3); height:auto; position:relative; top:80px; opacity:0.1; float:left; padding:30px; box-sizing:border-box; margin-right:25px; border-radius:20px; background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px); }
.aboutdiv3 dl dt{ width:100%; height:auto; float:left;}
.aboutdiv3 dl dt img{ width:55px; height:55px; display:block;}
.aboutdiv3 dl dd{ width:100%; height:auto; float:left; margin-top:15px;}
.aboutdiv3 dl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#fff; margin-bottom:40px;}
.aboutdiv3 dl dd p{ width:100%; height:auto; font-size:18px; line-height:30px; color:#fff; min-height:60px; float:left;}
.aboutdiv3 dl.last{ margin-right:0;}

.aboutdiv4{ width:100%; height:auto; float:left; background:#fff;}
.aboutdiv4 .nytt{ position:relative; top:90px;}
:root {--theme-color: #007f3a;--header-height: clamp(68px, 4.375vw, 100px);--header-top-height: clamp(36px, 1.9792vw, 46px);--header-total-height: calc(var(--header-height) + var(--header-top-height));}
@media screen and (max-width: 1024px) {
  :root {--header-height: 66px;--header-top-height: 36px;}
}
@media screen and (max-width: 767px) {
  :root {--header-height: 66px;--header-top-height: 36px;}
}
.container {padding: 0 4.1026vw;width: 100%;height: 100%;}
.wrapper-area {padding-top: var(--br-1);z-index: 100;transition: transform 0.52s 0.34s;position: relative;background-color: #fff;border-radius: var(--br-1) var(--br-1) 0 0;}
.historyMain { position: relative; min-height: 100vh; padding: 35px 0px; background-image: url(../images/bg/about_05.jpg);background-repeat: no-repeat; background-position: center;-webkit-background-size: cover;background-size: cover;}
.historyYearBox { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100vh; align-items: center;background-image: url(../images/bg/about_05.jpg);-webkit-background-size: cover; background-size: cover; background-repeat: no-repeat;background-position: center;}
.historyYearBox .container {height: unset;}
@media (min-width: 992px) {
  .historyYearBox { display: flex;}
}
.historyYearBox .container .historyYearListBox {width: 50%;position: relative;}
.historyYearBox .container .historyYear { display: flex;justify-content: flex-end;align-items: center;font-size: 240px;height: 720px;overflow: hidden;position: relative;}
.historyYearBox .container .historyYear .Year { color: #000;line-height: 240px;z-index: 10; position: relative;font-weight: 600;}
.historyYearBox .container .historyYear .YearList { line-height: 240px;height: 240px; position: relative;z-index: 10;}
.historyYearBox .container .historyYear .YearList .swiper-slide {color:#f5f5f5;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;font-weight: 600;}
.historyYearBox .container .historyYear .YearList .swiper-slide.swiper-slide-active { color: #ec3808;}
.historyYearBox .container .roundBox {position: absolute;width: 440px;height: 440px;right: -22px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);border-radius: 100%;}
.historyYearBox .container .roundBox svg {position: absolute;left: -18px;top: -18px;right: -18px;bottom: -18px;}
.historyYearBox .container .roundBox svg .path-loop { fill: none;stroke: rgba(0, 0, 0, 0.1);stroke-miterlimit: 10;stroke-width: 0.1px;}
.historyYearBox .container .roundBox svg .path-loop1 {fill: none;stroke:#ec3808;stroke-miterlimit: 10;stroke-width: 0.1px;stroke-dashoffset: 157;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.historyListMain {position: relative;z-index: 20;}
.historyListMain .container {width: 100%;display: flex;justify-content: flex-end;margin: 0 auto;padding: 0 20px;}
.historyListMain .container .historyList {width: 100%;}
.historyListMain .container .historyList ul li {margin-top: 15px;padding: 0px 0px 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.historyListMain .container .historyList ul li .listYear {font-size:26px;line-height:30px;padding-bottom: 10px;font-weight: 600; color: #000;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.historyListMain .container .historyList ul li .desc {font-size: 18px;line-height:24px;color:#000; -webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.historyListMain .container .historyList ul li .desc p strong{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; }
.historyListMain .container .historyList ul li .desc p { margin-bottom:10px;}
.historyListMain .container .historyList ul li .imgBox {padding-top: 20px;}
.historyListMain .container .historyList ul li .imgBox img {width: 100%;display: block; border-radius: 20px;}
.historyListMain .container .historyList ul li:last-child {border-bottom: none;}
.historyListMain .container .historyList ul li.cur .listYear{ color:#000;} 

@media (min-width: 768px) {
  .historyListMain .container { max-width: 77.083vw;}
  .historyListMain .container .historyList {width: 100%; padding: 3.125vw 0px;}
  .historyListMain .container .historyList ul li .listYear {font-size: 1.5vw;padding-bottom: 0.625vw;}
  .historyListMain .container .historyList ul li .desc {font-size: 1vw;line-height: calc(22 / 16);}
  .historyListMain .container .historyList ul li {margin-top: 2.188vw;padding: 0vw 0vw 2.188vw; border-bottom: 0.063vw solid rgba(255, 255, 255, 0.3);}
  .historyYearBox .container .historyYear { font-size: 15vw;height: 45vw;}
  .historyYearBox .container .historyYear .YearList {line-height: 15vw;height: 15vw;}
}
@media (min-width: 992px) {
  .historyListMain .container .historyList { width: 33.313vw;padding-top: 45vh; padding-bottom: 26vw;}
  .historyListMain .container .historyList ul li .listYear { color: rgba(0, 0, 0, 0.3);}
  .historyListMain .container .historyList ul li .desc { color: rgba(0, 0, 0, 0.3);}
  .historyListMain .container .historyList ul li.cur .listYear { olor: #000;}
  .historyListMain .container .historyList ul li.cur .desc {color: #000;}
}
@media (min-width: 1200px) {
  .historyListMain .container .historyList {width: 27.76vw;padding-bottom: 10vw;}
  .historyListMain .container .historyList ul li .listYear {font-size: 1.25vw; padding-bottom: 0.521vw;}
  .historyListMain .container .historyList ul li { margin-top: 1.823vw;padding: 0vw 0vw 1.823vw; border-bottom: 0.052vw solid rgba(0, 0, 0, 0.3);}
  .historyListMain .container .historyList ul li .desc {font-size: 0.833vw;}
  .historyYearBox .container .historyYear { font-size: 12.5vw;height: 37.5vw;}
  .historyYearBox .container .historyYear .YearList { line-height: 12.5vw;height: 12.5vw;}
}
.ab-section-2 { padding: 0 0; height:0; width:100%;background-repeat: no-repeat; background-size: cover;background-position: center;}
.ab-section-4 {padding:0;position:height:0; width:100%; relative;background-color: #e8e8e8;}
 





/*****联系我们******/
.lxwmdiv1{ width:100%; height:auto; float:left; padding:90px 0 0 0; background:#f5f7fa;}
.lxwmdiv1 .nytt p{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#000; margin-top:15px;}

.lxwmdiv1c{ width:100%; height:570px; margin-top:40px; float:left;}
.lxwmdt{ width:980px; height:auto; float:left; position:relative;}
.lxwmdt img{ width:100%; height:auto; display:block; position:absolute; left:0; top:0;}
.dian{ width:100px; height:auto; float:left; position:absolute; }
.dian p{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; color:#000; text-align:center; font-weight:bold;}
.pulse-container { position: relative; width: 50px; margin:0 auto; height: 50px; display: flex; align-items: center; justify-content: center;}
.pulse-core {  width: 20px; height:20px; background-color: #f36b1e;   border-radius: 50%;  animation: core-pulse 1.5s ease-in-out infinite;  z-index: 2; }
.pulse-wave {  position: absolute; top: 50%; left: 50%; width: 20px; height: 20px;  transform: translate(-50%, -50%) scale(1);   background-color: rgba(243, 107, 30, 0.4);   border-radius: 50%; animation: wave-ripple 1.5s linear infinite; z-index: 1;}
@keyframes core-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(0.8); }
}
@keyframes wave-ripple {
  0% {transform: translate(-50%, -50%) scale(1);  opacity: 0.8;  }
  100% {     transform: translate(-50%, -50%) scale(3);  opacity: 0; }
}


.wz1{left:65px; top:130px;}
.wz2{left:65px; top:245px;}
.wz3{left:305px; top:150px;}
.wz4{right:75px; top:320px;}


.lxwmdiv1z{ width:480px; height:690px; float:right; overflow:hidden; position:relative; top:-120px;touch-action: pan-x;}
.lxwmdiv1liast{ width:100%; height:1000000px; float:left; overflow:hidden;transition:transform 600ms;}
dl.lxdl{ width:480px; height:auto; float:right; padding:30px; background:#fff; box-shadow:0 2px 8px #ededed; border-radius:15px; margin-bottom:20px; box-sizing:border-box;}
dl.lxdl dt{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#000; font-weight:bold;}
dl.lxdl dd{ width:100%; height:auto; float:left; margin-top:10px;}
dl.lxdl dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#000; margin:8px 0; padding-left:25px; box-sizing:border-box;}
dl.lxdl dd p.p1{ background:url(../images/lxwmdiv1_tb1.png) left 5px no-repeat;}
dl.lxdl dd p.p2{ background:url(../images/lxwmdiv1_tb2.png) left 2px no-repeat;}
dl.lxdl dd p.p3{ background:url(../images/lxwmdiv1_tb3.png) left 5px no-repeat;}



.lxwmdiv2{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/proxxdiv3_bj.jpg) top center no-repeat; background-size:cover;}
.lxwmdiv2c{ width:100%; height:auto; float:left; padding:60px; background:#fff; border-radius:20px; box-sizing:border-box;}
.lxwmdiv2c dl{ width:calc((100% - 60px) / 3); height:auto; float:left; margin-right:30px; margin-bottom:20px;}
.lxwmdiv2c dl dt{ width:150px; height:60px; line-height:60px; overflow:hidden; float:left; font-size:18px; color:#000; font-weight:bold;}
.lxwmdiv2c dl dt.dt{ line-height:24px; padding-top:5px;}
.lxwmdiv2c dl dd{ width:calc(100% - 150px); height:auto; float:left;}
.lxwmdiv2c dl dd .input{ width:100%; height:60px; line-height:60px; padding:0 10px; box-sizing:border-box; border-radius:8px; background:#f4f4f4; border:none; outline:none;}
.lxwmdiv2c dl.last{ margin-right:0;}
.lxwmdiv2c dl.d1{ width:100%; height:auto; float:left; margin-right:30px; margin-bottom:20px;}
.lxwmdiv2c dl dd .text{ width:100%; height:160px; line-height:30px; padding:10px; margin-bottom:25px; box-sizing:border-box; border-radius:8px; background:#f4f4f4; border:none; outline:none;}
.lxwmdiv2c dl dd label{ width:auto; height:50px; line-height:50px; float:left; margin-right:35px; font-size:16px; color:#333;}
.lxwmdiv2c dl dd label .che{ width:15px; height:15px; float:left; margin:18px 5px 0 0;}
.lxwmdiv2c dl dd label a{ color:#ec3808;}
.lxwmdiv2c .button{ width:auto; height:50px; line-height:40px; background:#f4f4f4;border-radius:50px; font-size:16px; overflow:hidden; box-sizing:border-box; font-weight:bold;  padding:5px 5px 5px 25px; box-sizing:border-box; display:inline-table; float:right;color:#000;    }
.lxwmdiv2c .button s{ background:url(../images/xltba.png) center center no-repeat #ec3808; margin-left:25px; width:40px; height:40px; border-radius:40px; float:right; display:block;}
.lxwmdiv2c .button:hover{ background:#ec3808; color:#fff;}





.container .title.nytt{ margin-bottom:30%;}
.warsjnr{ display:none;}