@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/HarmonyOS_Sans_SC.woff2');
} 
@font-face {
 font-family: 'ziti'; 
	src: url('../fonts/HarmonyOS_Sans_SC.woff2');
}  
 
 
i,em{ font-style:normal;}
body {  font-family: "Montserrat",'Microsoft Yahei', '微软雅黑',"AlibabaLight","思源","黑体",Arial, sans-serif,Stawix, Arial, Helvetica, sans-serif; font-size:14px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#74797e; line-height:24px; width:100%; overflow-x:hidden;  }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
/*ul,li,i { list-style:none;}*/
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0; margin:0; }
strong {padding:0; margin:0; }
a{ text-decoration:none; color:#333;}
a:hover{ color:#000;}
img,video { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1400px; padding:0; margin:0 auto; box-sizing:border-box; }
.document_width1{ width:1800px; padding:0; margin:0 auto; box-sizing:border-box; }

.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}
.txtcen{ text-align:center;}
input[type="radio"]:after {  width: 15px;  height: 15px;border-radius: 50%; top: -2px;left: -1px;position: relative;background-color:white;display: inline-block; visibility: visible;border: 1px solid #000;}
input[type="radio"]:checked:after {border: 4.5px solid #000; }

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

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

 
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9997; background:rgba(0,0,0,0.4); display:none;}
.zzyvideo{ width:94%; height:auto; float:left; display:none; max-width:1000px; border-radius:20px; overflow:hidden; position:fixed; left:20px; top:20px; z-index:9999;}
.zzyvideo .zzyclose{ width:28px; height:28px; border-radius:0px 20px 0 0; position:absolute; right:0px; top:0px; z-index:9999; background:url(../images/closeX.png) center center no-repeat #fff; cursor:pointer;}
.zzyvideo video{ width:100%; height:auto; display:block;}
  
 
/*
::-webkit-scrollbar { height: 4px; width:0px;}
::-webkit-scrollbar-button { height:0;width:0;}*/
.sosoh2 { width:100%; height:auto; float:left; padding:10px 0; font-size:16px;}
.sosoh2 span {  margin:0 8px; font-weight:bold;   }
.prott { width:100%; height:auto; float:left; font-size:22px; line-height:40px; border-bottom:1px solid #ededed; margin:10px 0;  color:#000;}
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.8); display:none;}
 

.searchinfo{ width:100%; height:auto; float:left; padding:30px 0;}
.search_tt{ width:100%; height:auto; float:left; font-size:18px; line-height:32px; color:#f9f9f9; }
.search_tt span{ color:#fff;font-weight:600;}
.searchinfo dl.pdl { width:23%; margin:0.5%;}

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

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


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

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

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


/*******首页*******/ 
.headdiv{ width:100%; height:78px; float:left; background:none;box-sizing:border-box;  position:fixed; left:0; top:0; border-bottom:1px solid rgba(255,255,255,0.2); z-index:9999;}
.logo{ width:auto; height:43px; margin:17px 0; float:left;}
.logo img{ width:auto; height:43px; float:left; display:block;}
.logo .img1{ display:none;}

.yyqh{ width:auto; height:78px; float:right; margin-left:30px;}
.yyqh a{ width:auto; height:78px; float:left; line-height:78px; font-size:14px; color:#fff; padding-left:32px; background-size:28px auto !important;}
.yyqh span{ width:1px; height:10px; margin:34px 10px; float:left; background:rgba(255,255,255,0.5);}

dl.soso{ width:auto; height:40px; float:right; position:relative; margin:19px 0; }
dl.soso dt{ width:40px; height:40px; line-height:40px; float:left;}
dl.soso dt .button{ width:100%; height:40px; float:left; z-index:2; position:relative; background:url(../images/sstb.png) center center no-repeat #fff; border-radius:100%;  border:none; outline:none; cursor:pointer;  }
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:#fff; border-bottom:1px solid rgba(0,0,0,0.3); color:#000; border-radius:3px; outline:none;}

a.afq{ width:auto; height:40px; line-height:40px; float:right; border-radius:20px; padding:0 20px; background:#fff; font-size:14px; color:#000; margin:19px 5% 0 20px;}
 
ul.ulmenu{ width:auto; height:78px; margin:0; float:right; list-style:none; padding-right:5%;}
ul.ulmenu >li{ width:auto; height:78px; float:left;position:relative;}
ul.ulmenu >li >a{ width:auto; height:78px; line-height:78px; float:left; padding:0 25px; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 3px; transition:all 0.5s ease;  font-size:18px; color:#fff;}  
ul.ulmenu >li:hover >a,.ul.ulmenu >li >a.cur{ color:#000;background-size:100% 3px; transition:all 0.5s ease;}

ul.ulmenu li .ejp{ display:none; width:160%; height:auto; float:left; position:absolute; z-index:9998;left:-30%; top:78px; background:#fff; border-radius:0 0 10px 10px; }
ul.ulmenu li .ejp a{ width:100%; height:42px; line-height:42px; color:#333; float:left; overflow:hidden; padding:0;  box-sizing:border-box; text-align:center; text-indent:15px; font-size:15px; border-bottom:1px solid rgba(0,0,0,0.1);}
ul.ulmenu li .ejp a:hover{ color:#000; }  
ul.ulmenu li:hover .ejp{ display:block;} 
ul.ulmenu li:hover .ejdiv{ display:block;}

.headdiv:hover,.headdivd,.headdivds{ background:#fff;border-bottom:1px solid #ededed;  }
.headdiv:hover ul.ulmenu li >a,.headdivd ul.ulmenu li >a,.headdivds ul.ulmenu li >a{ color:#000;} 
.headdiv:hover .logo .img1,.headdivd .logo .img1,.headdivds .logo .img1{ display:block;}
.headdiv:hover .logo .img,.headdivd .logo .img,.headdivds .logo .img{ display:none;}
.headdiv:hover .yyqh a,.headdivd .yyqh a,.headdivds .yyqh a{ color:#000;}
.headdiv:hover .yyqh span,.headdivd .yyqh span,.headdivds .yyqh span{ background:rgba(0,0,0,0.2)} 
.headdiv:hover dl.soso dt .button,.headdivd dl.soso dt .button,.headdivds dl.soso dt .button{background:url(../images/sstb1.png) center center no-repeat #000; } 
.headdiv:hover a.afq,.headdivd a.afq,.headdivds a.afq{ background:#000; color:#fff; } 

  
  
.banner{ width:100%; overflow:hidden; height:48vw !important;min-height:100px !important;  float:left; position:relative; touch-action: pan-y;}
.banner ul {  overflow:hidden; height:48vw !important;min-height:100px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:100px; float:left; overflow:hidden;list-style:none; position:relative; position:absolute; left:0; top:0; opacity:0;}
.banner ul li img,.banner ul li video{ width:100%; height:48vw !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; width:100%; position:relative; bottom:65px;  text-align:center; z-index:886;}
.banner_span span{ float:left; width:5px;height:5px; border-radius:3px; 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{ width:25px; transition:all 6s ease; background:#fff;}
.banner .document_width{ position:relative;}
.zshi{ width:25px; height:167px; float:right; /*background:url(../images/ban_tb.png) center bottom no-repeat; */position:absolute; right:0; bottom:60px; z-index:9998;}
.banwenzi{ position:absolute; top:22vw; width:100%; height:auto; left:0px;transition:1s linear ;  color:#fff; text-align:left; z-index:99;box-sizing:border-box}
.banwenzic{ width:100%; height:auto; float:left; }
.banwenzi h2{ width:100%; height:auto; position:relative; font-family:"ziti"; float:left;font-weight:bold; font-size:60px;line-height:72px; margin-bottom:15px;}
.banwenzi h3{ width:100%; height:auto; float:left;font-size:20px;line-height:36px; font-weight:100; max-width:600px; margin-bottom:50px; }
.banwenzi h3 strong{ width:100%; height:auto; float:left; font-size:26px; line-height:38px; font-weight:bold;}
.banwenzi h3 span{ width:calc(100% / 3); height:auto; float:left; padding-top:50px; float:left; margin:10px 0; font-size:14px; line-height:18px; min-height:36px; color:#fff; font-weight:bold; background-size:40px auto !important;}

.banwenzi p.p1{ width:100%; height:auto; float:left; margin-top:25px;}
.banwenzi p.p1 a{ width:auto; height:40px; padding:0 30px; background:#de0615; border-radius:20px; float:left;}
.banwenzi p.p1 a s{ font-size:16px; line-height:40px; color:#fff; padding-right:30px; background:url(../images/ban_tba.png) right center no-repeat;}
.banwenzi p.p1 span{ width:auto; height:auto; float:left; line-height:40px; margin-left:15px; font-size:14px; color:#fff; opacity:0.5;}
.banwenzi p.p1 a:hover{ opacity:0.8;}
.banwenzi a.a{ width:auto; height:46px; line-height:46px; font-size:16px;  box-sizing:border-box; padding-right:80px; background:url(../images/amtb.png) right center no-repeat; float:left; margin-top:40px; color:#fff;    }
.banwenzi a.a:hover{ color:#de0615; background:url(../images/amtbh.png) right center no-repeat;}
.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-top: 150px;}100% { opacity: 1;margin-top: 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:60px; line-height:64px; color:#000; font-family:"ziti";}
.indextt p{ width: 100%;height: auto;float: left;font-size:20px;line-height:34px;color:#888; font-weight:100;}

.indexdiv1{ width:100%; height:auto; float:left; padding:40px 0 10px 0; overflow:hidden; background:#ededed;}
.indexdiv1z{ width:100%; height:auto; float:left; position:relative; margin-bottom:80px;}
.indexdiv1c{ width:1100px; height:auto; margin:0 auto; position:relative; overflow:hidden; touch-action: pan-y;}
.indexdiv1clist{width:2000000px; height:auto; overflow:hidden; padding:5px;  float:left; transition:transform 600ms;}
.indexdiv1c dl{ width:200px; height:auto; float:left; margin:0 10px; padding:15px; box-sizing:border-box; background:#fff; border-radius:8px;}
.indexdiv1c dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.indexdiv1c 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;}
.indexdiv1c 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; }
.indexdiv1c dl dd h2 a{ width:100%; height:40px; line-height:20px; font-size:16px; color:#000; text-align:center; overflow:hidden; float:left;}
.indexdiv1c dl:hover,.indexdiv1box dl.d1:hover,.indexdiv1box dl.d2:hover{ box-shadow:0 0px 5px #ccc;}

.divjtl{ width:60px; height:60px; border-radius:100%; float:left; position:absolute; left:0px; top:30%; background:url(../images/jtl.png) center center no-repeat #fff; cursor:pointer;}
.divjtl:hover{background:url(../images/jtlh.png) center center no-repeat #000 !important; }
.divjtr{ width:60px; height:60px; border-radius:100%; float:right;position:absolute; right:0px; top:30%; background:url(../images/jtr.png) center center no-repeat #fff; cursor:pointer;}
.divjtr:hover{background:url(../images/jtrh.png) center center no-repeat #000  !important;}

.indexdiv1box{ width:100%; height:auto; float:left; margin-bottom:80px;}
.indexdiv1box dl.d1{ width:49%; height:auto; float:left; background:#fff; border-radius:20px; padding:30px 27px; box-sizing:border-box; box-sizing:border-box;}
.indexdiv1box dl.d1 dt{ width:100%; height:auto; float:left; overflow:hidden;}
.indexdiv1box 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;}
.indexdiv1box 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; }
.indexdiv1box dl.d1 dd{ width:100%; height:auto; float:left; text-align:center;}
.indexdiv1box dl.d1 dd h2 a{ width:100%; height:auto; float:left; font-size:30px; line-height:50px; color:#444;font-family:"ziti";}
.indexdiv1box dl.d1 dd h3{ width:100%; height:40px; overflow:hidden; float:left; font-size:30px; line-height:40px; color:#000; font-family:"ziti"; margin:14px 0 4px 0;}
.indexdiv1box dl.d1 dd p{ width:100%; height:40px; overflow:hidden; float:left; font-size:16px; line-height:20px; color:#555;}
a.alm{ width:100%; height:auto; float:left; text-align:center; margin-top:8px;}
a.alm s{ width:auto; height:auto;  font-size:16px; color:#000; padding-right:15px; background:url(../images/jtr.png) right center no-repeat; background-size:auto 10px !important; box-sizing:border-box; transition:all 0.5s ease;}
a.alm:Hover s{ padding-right:20px;transition:all 0.5s ease; }

.indexdiv1box dl.d2{ width:calc((51% - 40px ) / 2); height:auto; float:left; background:#fff; margin:0 0 20px 20px; border-radius:20px; padding:20px 29px; box-sizing:border-box; box-sizing:border-box;}
.indexdiv1box dl.d2 dt{ width:100%; height:auto; float:left; overflow:hidden;}
.indexdiv1box 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;}
.indexdiv1box 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; }
.indexdiv1box dl.d2 dd{ width:100%; height:auto; float:left; text-align:center;}
.indexdiv1box dl.d2 dd h2 a{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#444; font-family:"ziti";}
.indexdiv1box dl.d2 dd h3{ width:100%; height:20px; overflow:hidden; float:left; font-size:16px; line-height:20px; color:#444;}

.indexdiv2{ width:100%; overflow:hidden; height:46vw !important;min-height:100px !important; max-height:940px;  float:left; position:relative; touch-action: pan-y;}
.indexdiv2 ul {width:100%;  overflow:hidden; height:46vw !important;min-height:100px !important; max-height:940px;list-style:none;  }
.indexdiv2 ul li{  width:100%;  height:auto;  min-height:100px; float:left; overflow:hidden; max-height:940px;list-style:none; position:relative; position:absolute; left:0; top:0; opacity:0;}
.indexdiv2 ul li img,.indexdiv2 ul li video{ width:100%; height:46vw !important;min-height:100px !important; max-height:940px;  float:left; transition:0.5s linear ; transform:scale(1.05);  }
.indexdiv2 ul li.cur  img{transform:scale(1); }
.indexdiv2 ul li.cur{ opacity:1; z-index:112;}
 
.indexdiv2wz{ position:absolute; top:160px; width:100%; height:auto; left:0px;transition:1s linear ;  color:#fff; text-align:left; z-index:99;box-sizing:border-box}
.indexdiv2wz dl{ width:100%; height:auto; float:left;}
.indexdiv2wz dl dt{ width:calc(100% - 430px); height:auto; float:left;}
.indexdiv2wz dl dt strong{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; color:#fff;}
.indexdiv2wz dl dt h3 a{ width:100%; height:auto; float:left; font-size:48px; line-height:52px; color:#fff;font-family:"ziti"; background:url(../images/baibj.jpg) left bottom no-repeat; padding-bottom:15px; background-size:100px 2px; margin:8px 0 25px 0;}
.indexdiv2wz dl dt p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#fff; opacity:0.9;} 
.indexdiv2wz dl dd{ width:430px; height:auto; float:left; margin-top:220px;} 
.indexdiv2wz dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#fff; opacity:0.9;}
.indexdiv2wz dl dd span{ width:100%; height:2px; float:left; background:rgba(255,255,255,0.1); margin:15px 0 30px 0;} 
.indexdiv2wz dl dd a.a{ width:auto; height:50px; float:left; padding:0 35px; border-radius:50px; background:rgba(255,255,255,0.4);} 
.indexdiv2wz dl dd a.a s{ padding-right:24px; background:url(../images/jt.png) right center no-repeat; line-height:50px; color:#fff;}
.indexdiv2wz dl dd a.a:hover{ background:rgba(0,0,0,0.5);} 
.kztiao{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:180px; z-index:9999;}
.kztiao p{ width:auto; height:30px; line-height:30px; float:left; font-size:16px; color:#fff; }
.kztiao p s{ width:20px; text-align:center; height:auto; float:left;}
.kztiao p span{ width:120px; height:2px; float:left; margin:14px; background:rgba(255,255,255,0.2);}
.kztiao p span em{ width:60px; height:2px; background:url(../images/baibj.jpg) left center no-repeat; float:left; background-size:100% 2px;}
.divjtl1{ width:30px; height:30px; float:left; background:url(../images/jtlh.png) center center no-repeat; cursor:pointer; opacity:0.8; margin-left:15px;}
.divjtr1{ width:30px; height:30px; float:left; background:url(../images/jtrh.png) center center no-repeat; cursor:pointer; opacity:0.8;}
.divjtl1:hover,.divjtr1:hover{ opacity:1;}
.addCur{transform:scale(1) !important; }

.indexdiv3{ width:100%; height:auto; float:left; padding:140px 0; background:url(../images/idiv3bj.jpg) center center no-repeat; background-size:cover;}
.indexdiv3 dl{ width:100%; height:auto; float:left;}
.indexdiv3 dl dd{ width:50%; height:auto; float:left; padding-right:100px; box-sizing:border-box;}
.indexdiv3 dl dd strong{ width:100%; height:auto; float:left; font-size:48px; line-height:55px; color:#000;font-family:"ziti";}
.indexdiv3 dl dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; margin:35px 0 40px 0;color:#000;font-family:"ziti";}
.indexdiv3 dl dd  a.a{ width:auto; height:50px; float:left; padding:0 35px; border-radius:50px; background:rgba(0,0,0,0.4);} 
.indexdiv3 dl dd  a.a s{ padding-right:24px; background:url(../images/jt.png) right center no-repeat; line-height:50px; color:#fff;}
.indexdiv3 dl dd  a.a:hover{ background:rgba(0,0,0,0.8);} 
.indexdiv3 dl dt{ width:50%; height:auto; float:left; overflow:hidden; border-radius:20px;}
.indexdiv3 dl dt img,.indexdiv3 dl dt video{ width:100%; height:540px; float:left;}
  
.indexdiv4{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.idivcasez{ width:100%; height:auto; float:left; position:relative; margin-bottom:80px;}
.idivcasec{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden; touch-action: pan-y;}
.idivcaselist{width:2000000px; height:auto; overflow:hidden; padding:5px;  float:left; transition:transform 600ms;}
.idivcasez .divjtl{ background:url(../images/jtl.png) center center no-repeat #eee; left:-70px; top:40%;} 
.idivcasez .divjtr{ background:url(../images/jtr.png) center center no-repeat #eee; right:-70px;top:40%;} 
dl.aldl{ width:445px; height:auto; float:left; position:relative; margin:0 10px; border-radius:20px; overflow:hidden;} 
dl.aldl dt { width:100%; height:auto; float:left;border-radius:20px; 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.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.aldl dd{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:0; padding:30px; box-sizing:border-box;}
dl.aldl dd h3 a{ width:100%; height:70px; line-height:70px; float:left; background:#fff; border-radius:8px; font-size:20px; padding:0 15px; box-sizing:border-box; color:#000;} 
dl.aldl dd p{ width:100%; height:0; transition:all 0.5s ease; font-size:15px; line-height:22px; overflow:hidden; color:#fff; margin-bottom:15px;} 
dl.aldl:hover dd p{ height:66px;transition:all 0.5s ease;} 
 
dl.ixwdl{ width:445px; height:auto; float:left; position:relative; margin:0 10px;} 
dl.ixwdl dt { width:100%; height:auto; float:left;border-radius:20px; overflow:hidden;}
dl.ixwdl 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.ixwdl: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.ixwdl dd{ width:100%; height:auto; float:left; padding:15px 0; border-bottom:1px solid rgba(150,150,150,0.1);}
dl.ixwdl dd h3 a{ width:100%; height:56px; line-height:28px; float:left;font-size:22px; overflow:hidden;font-family:"ziti"; box-sizing:border-box; color:#000;} 
dl.ixwdl dd p{ width:100%; height:48px; font-size:16px; line-height:24px; overflow:hidden; color:#888; margin:15px 0; float:left;} 
dl.ixwdl dd span{ font-size:14px; color:#000;font-family:"ziti";} 
 
a.alms{ width:auto; height:50px; margin:40px auto 0 auto; float:none; display:table; padding:0 35px; border-radius:50px; background:rgba(0,0,0);} 
a.alms s{ padding-right:24px; background:url(../images/jt.png) right center no-repeat; line-height:50px; color:#fff;}
a.alms:hover{ background:rgba(0,0,0,0.8);} 

.indexdiv5{ width:100%; height:auto; float:left; background:url(../images/idiv5bj.jpg) center center no-repeat; background-size:cover; padding:80px 0;} 
.indexdiv5 dl{ width:calc((100% - 60px) / 3); height:auto; float:left; text-align:center; padding:0 30px; box-sizing:border-box;}
.indexdiv5 dl dt{ width:100%; height:auto; float:left;}
.indexdiv5 dl dt img{ width:68px; height:auto; display:block; margin:0 auto;}
.indexdiv5 dl dd{ width:100%; height:auto; float:left; margin-top:20px;}
.indexdiv5 dl dd strong{ width:100%; height:30px; overflow:hidden; float:left; font-size:24px; line-height:30px; color:#fff; margin-bottom:15px;} 
.indexdiv5 dl dd a.a{ width:auto; height:34px; line-height:34px; padding:0 20px; border-radius:15px; border:1px solid #fff; margin:0 auto; display:table; color:#fff; font-size:18px;}
.indexdiv5 dl dd a.a:hover{ background:#fff; color:#000;}
.indexdiv5 span{ width:1px; height:80px; margin:40px 14px; background:rgba(255,255,255,0.1); float:left;} 
 
  
.bottomdiv{ width:100%; height:auto; float:left; background:#ededed; padding:50px 0 70px 0;}
dl.logodl{ width:100%; height:auto; float:left; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid rgba(150,150,150,0.2);}
dl.logodl dt{ width:50%; height:auto; float:left;}
dl.logodl dt img{ width:auto; height:43px; display:block;}
dl.logodl dd{ width:auto; height:auto; float:right;}
dl.logodl dd a{ width:auto; height:auto; float:left;}
dl.logodl dd a img{ width:32px; height:auto; display:block; margin-left:10px;}
dl.logodl dd a:Hover{ opacity:0.8;}

.bottomdivleft{ width:47%; height:auto; float:left; padding-right:0px; box-sizing:border-box;}
.bottomdivleft strong{ width:100%; height:auto; float:left; font-size:18px; color:#000;font-family:"ziti"; margin-bottom:15px;}
.bottomdivleft p.p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; margin:4px 0; color:#666; letter-spacing:-0.05px;}
.bottomdivleft p.p1{ width:100%; height:auto; float:left; margin:25px 0 40px 0;}
.bottomdivleft p.p1 img{ width:32px; height:auto; display:block; margin-right:10px; float:left;}
.bottomdivleft p.p2{ width:100%; height:auto; float:left;}
.bottomdivleft p.p2 .input{ width:220px; height:40px; line-height:40px; float:left; background:none; border:none; font-size:16px;font-family:"Montserrat"; border-bottom:2px solid rgba(150,150,150,0.1); outline:none;}
.bottomdivleft p.p2 .button{ width:140px; height:40px; line-height:40px; float:left; background:url(../images/jtr.png) 110px center no-repeat #cccccc;font-family:"ziti"; border-radius:40px; padding:0 20px; font-size:16px; cursor:pointer; outline:none; border:none; text-align:left;}
.bottomdivleft p.p2 .button:Hover{ opacity:0.8;}


.bottomdivright{ width:53%; height:auto; float:left;}
.bottomdivright dl.d1{ width:23%; height:auto; float:left; margin-bottom:25px;}
.bottomdivright dl.d1 dt{ width:100%; height:auto; float:left; font-size:18px; line-height:26px;color:#000;font-family:"ziti"; margin-bottom:15px;}
.bottomdivright dl.d1 dd{ width:100%; height:auto; float:left; }
.bottomdivright dl.d1 dd a{ width:100%; height:auto; letter-spacing:-0.05px; float:left; font-size:16px; line-height:24px; margin:4px 0; color:rgba(0,0,0,0.7);}
.bottomdivright dl.d1 dd a:hover{ color:#000;}
.bottomdivright dl.d1.d1s{ width:27%;} 
 
.bqxx{ width:100%; height:auto; float:left; background:#e3e3e3; padding:20px 0; font-size:14px; line-height:24px; color:rgba(0,0,0,0.7); }
.bqxx a{color:rgba(0,0,0,0.7);}
.bqxx a:hover{ color:#000;}
.bqxx span{ width:auto; float:right;}
 

.float_r{ width:55px; height:auto; float:left; position:fixed; bottom:150px; right:0; z-index:9999;}
.float_r ul{ width:100%; height:auto; float:left; list-style:none;}
.float_r ul li{ width:100%; height:auto; float:left;  margin-bottom:1px; position:relative;}
.float_r ul li.l1 a{ width:100%; height:50px; float:left;  background:url(../images/float_tb1.png) center center no-repeat #fff;}
.float_r ul li.l2 a{ width:100%; height:50px; float:left; background:url(../images/float_tb2.png) center center no-repeat #fff;}
.float_r ul li.l3 a{ width:100%; height:50px; float:left;  background:url(../images/float_tb3.png) center center no-repeat #fff;}
.float_r ul li.l4 a{ width:100%; height:50px; float:left;  background:url(../images/float_tb4.png) center center no-repeat #fff; position:relative; z-index:1;}
.float_r ul li.l4 span{ width:0px; height:50px; line-height:50px; transition:all 0.5s ease; z-index:0; background:#ff0000; position:absolute; right:55px; top:0; font-size:16px; text-align:center; color:#fff; overflow:hidden; border-radius:5px 0 0 5px;}
.float_r ul li.l4:hover span{ width:150px; transition:all 0.5s ease;}
.float_r ul li.l5 a{ width:100%; height:50px; float:left;  background:url(../images/float_tb5.png) center center no-repeat #fff;}
.float_r ul li.l6 a{ width:100%; height:50px; float:left;  background:url(../images/float_tb.png) center center no-repeat #282828;}

.float_r ul li.l1 a:hover{background:url(../images/float_tb1h.png) center center no-repeat #ff0000;}
.float_r ul li.l2 a:hover{background:url(../images/float_tb2h.png) center center no-repeat #ff0000;}
.float_r ul li.l3 a:hover{background:url(../images/float_tb3h.png) center center no-repeat #ff0000;}
.float_r ul li.l4 a:hover{background:url(../images/float_tb4h.png) center center no-repeat #ff0000;}
.float_r ul li.l5 a:hover{background:url(../images/float_tb5h.png) center center no-repeat #ff0000;}
.float_r ul li.l10 a{ width:100%; height:50px; float:left;  background:url(../images/fd_tb4.png) center center no-repeat #007cb5; border-radius:5px 0 0 5px;}
.float_r ul li.l10 a img{ width:0px; height:auto; display:block; position:absolute; right:56px; bottom:0;transition:all 0.5s ease; overflow:hidden;}
.float_r ul li.l10:hover a img{ width:120px; transition:all 0.5s ease;}

/*******关于我们*****/
.nybanner{ width:100%; height:560px; float:left; position:relative;}
.nybanner img{ width:100%; height:560px; display:block; position:absolute; left:0; top:0;}
.nybannerwz{ width:100%; height:auto; float:left; padding-top:15px; opacity:0.5; position:relative; z-index:999;top: 0px;height: 560px;display: flex;align-items: center;}
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:60px; line-height:60px; color:#fff; font-family:"ziti"; margin-top:-15px; }
.nymenu{ width:100%; height:auto; float:left; background:#fff; border-bottom:1px solid #ededed;}
.nymenu ul{ width:100%; height:auto; list-style:none; float:left;}
.nymenu ul li{ width:auto; height:auto; float:left;}
.nymenu ul li a{ width:auto; height:80px; float:left; margin-right:40px; box-sizing:border-box; line-height:20px; font-size:17px; color:#666;float:left; padding:20px 0; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 3px; transition:all 0.5s ease;}
.nymenu ul li a:hover,.nymenu ul li a.cur{ color:#de0615;background-size:100% 3px; transition:all 0.5s ease; color:#000;}	
.mbxie{ width:100%; height:auto; float:left; padding:20px 0;}
.mbxie a.a1{ width:30px; height:30px; background:url(../images/mbx_tb.png) center center no-repeat; float:left;}
.mbxie a.a2{ width:auto; height:30px; line-height:30px; padding:0 10px 0 15px; color:#666; background:url(../images/mbx_tb1.png) left center no-repeat; float:left; font-size:16px;}
.mbxie a.a2:hover{ color:#000;}

.aboutdiv1{ width:100%; height:auto; float:left; padding:30px 0 60px 0; background:#fff;}
.nytt{ width:100%; height:auto; float:left; margin-bottom:15px; text-align:center;}
.nytt strong{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; font-family:"ziti"; color:#000;}
.nytt p{ width:100%; margin:0 auto; max-width:800px; height:auto; font-size:16px; line-height:24px; color:#808080;}

.aboutdiv1 .nytt strong{ text-align:left;}
.aboutdiv1 dl{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding-top:20px; margin-bottom:40px;}
.aboutdiv1 dl dt{ width:30%; height:auto; float:left; margin-right:8%; font-size:24px; line-height:30px; color:#000;}
.aboutdiv1 dl dd{ width:62%; height:auto; float:left; font-size:16px; line-height:26px; color:#808080;}
.aboutdiv1 .box{ width:calc((100% - 60px) / 4); height:auto; float:left; padding:40px 30px 20px 30px; background:#ededed; margin-right:20px; border-radius:10px; box-sizing:border-box; text-align:center;}
.aboutdiv1 .box strong{ width:100%; height:60px; float:left; font-size:24px; line-height:30px; font-family:"ziti"; color:#000;}
.aboutdiv1 .box strong em{ font-size:60px; line-height:60px;}
.aboutdiv1 .box p{ width:100%; height:48px; float:left; font-size:18px; line-height:24px; color:#666;}
.aboutdiv1 .box.last{ margin-right:0;}
.aboutdiv1tp{ width:100%; height:auto; float:left; margin:30px 0;}
.aboutdiv1tp img{ width:100%; height:auto; margin:0 auto; display:block; max-width:1860px;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.aboutdiv2 dl{ width:100%; height:auto; float:left; margin-top:10px;}
.aboutdiv2 dl dt{ width:60%; height:auto; float:left; border-radius:15px; overflow:hidden;}
.aboutdiv2 dl dt img{ width:100%; height:470px; display:block;}
.aboutdiv2 dl dd{ width:calc(40% - 20px); height:470px; font-size:17px; line-height:27px; float:right; background:#ededed; border-radius:15px; padding:45px 30px 0 30px; box-sizing:border-box;}
.aboutdiv2 dl dd strong{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; font-family:"ziti"; color:#000; margin-bottom:20px;}
.aboutdiv2 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#808080; margin-top:15px;}

.aboutdiv3{ width:100%; height:auto; float:left; margin:0px 0 80px 0; background:#fff;}
.aboutdiv3 dl{ width:100%; height:auto;  float:left; padding:60px 0 60px 60px; box-sizing:border-box; background:url(../images/aboutdiv3_bj.jpg) center center no-repeat; background-size:cover; border-radius:15px;}
.aboutdiv3 dl dd{ width:50%; height:auto; min-height:50px; float:left;  padding-top:50px;}
.aboutdiv3 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; padding-left:20px; background:url(../images/aoutdiv3_tb.png) left 10px no-repeat; color:#fff; margin-bottom:15px;}
.aboutdiv3 dl dt{ width:50%; height:auto; float:left;}
.aboutdiv3 dl dt img{ width:100%; height:auto; display:block;}

.aboutdiv4{ width:100%; height:auto; float:left; padding:100px 0 70px 0; background:url(../images/aboutdiv4_bj.jpg) center center no-repeat; background-size:cover;}
.aboutdiv4 .nytt strong{ color:#fff;}
.aboutdiv4c dl{ width:350px; height:auto; float:left; padding:0 50px 0 20px; min-height:209px; margin-top:60px; background:url(../images/aboutdiv4_tb2.png) left top no-repeat; box-sizing:border-box;}
.aboutdiv4c dl dt{ width:100%; height:auto; float:left; font-family:"ziti"; color:#fff; font-size:36px; margin-bottom:10px;}
.aboutdiv4c dl dd{ width:100%; height:auto; float:left; margin-top:15px;}
.aboutdiv4c dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#fff; margin-bottom:8px;}
.aboutdiv4c dl:nth-child(even){ margin-top:0;min-height:280px;  background:url(../images/aboutdiv4_tb1.png) left top no-repeat;}
.aboutdiv4c{ width:100%; height:auto; float:left; padding-bottom:80px; margin-top:80px; position:relative; overflow:hidden; touch-action: pan-y;}
.aboutdiv4list{width:2000000px; height:auto; overflow:hidden; padding:5px;  float:left; transition:transform 600ms;}
.aboutdiv4kj{ width:150px; height:auto; position:relative; margin:0 auto;}

.aboutdiv5{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.aboutdiv5 dl.d1{ width:100%; height:auto; float:left; margin:25px 0;}
.aboutdiv5 dl.d1 dd{ width:480px; height:auto; float:left; padding-right:50px; box-sizing:border-box; margin-bottom:15px;}
.aboutdiv5 dl.d1 dd strong{ width:100%; height:auto; float:left; font-size:36px; line-height:44px; font-family:"ziti"; color:#000;}
.aboutdiv5 dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#808080; margin-top:25px;}
.aboutdiv5 dl.d1 dt{ width:calc(100% - 480px); height:auto; float:left;}
.aboutdiv5 dl.d1 dt img{ width:100%; height:auto; display:block;}
.aboutdiv5tt{ width:100%; height:auto; float:left; border-bottom:2px solid #000; padding-bottom:15px; margin-bottom:25px; margin-top:30px;}
.aboutdiv5tt strong{ width:auto; height:auto; float:left; font-size:36px; line-height:60px; font-family:"ziti"; color:#000;}
.aboutdiv5kz{ width:140px; position:relative; float:right;}
.aboutdiv5kz .divjtl{ background:url(../images/jtl.png) center center no-repeat #eee; left:0px; top:0%;} 
.aboutdiv5kz .divjtr{ background:url(../images/jtr.png) center center no-repeat #eee; right:0px;top:0%;} 

.aboutdiv5c{ width:100%; height:auto; float:left; position:relative; overflow:hidden; touch-action: pan-y;}
.aboutdiv5list{width:2000000px; height:auto; overflow:hidden; padding:5px 0;float:left; transition:transform 600ms;}
.aboutdiv5list dl{ width:calc(1360px / 3); height:auto; float:left; background:#ededed; padding:30px; box-sizing:border-box; border-radius:15px; margin:0 20px 0 0;}
.aboutdiv5list dl dt{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; font-family:"ziti"; color:#000; margin-bottom:15px;}
.aboutdiv5list dl dd{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#808080; margin-top:15px; min-height:96px;}
.aboutdiv5list dl dd p{ width:100%; height:auto; float:left;}

/****产品列表******/
.prodiv{ width:100%; height:auto; float:left; background:#f6f6f7; padding-bottom:80px;}  
.probox{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden; margin:15px 0; background-size:cover !important; padding:50px 40% 60px 50px; box-sizing:border-box;}
.probox h2{ width:100%; height:auto; float:left; font-size:36px; line-height:46px; font-weight:bold; color:#fff; margin-bottom:8px;}
.probox p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#fff;}

.prolist{ width:100%; height:auto; float:left; margin-top:25px;}
dl.dlp{ width:calc(94%/3); height:auto; float:left; padding:20px; border-radius:15px; overflow:hidden; background:#fff; transition:all 0.5s ease; margin:1%; box-shadow:0 0 4px #ededed; box-sizing:border-box;}
dl.dlp dt{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden;}
dl.dlp dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.dlp:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.dlp dd{ width:100%; height:auto; float:left; margin-top:12px; text-align:center;}
dl.dlp dd h3 a{ width:100%; height:28px; line-height:28px; font-size:18px; font-weight:bold; color:#000; overflow:hidden; float:left;}
dl.dlp dd p{ width:100%; height:24px; line-height:24px; font-size:15px; color:#666; overflow:hidden; float:left; margin-bottom:15px;}
dl.dlp dd a.a{ width:100%; margin-top:10px; height:42px; line-height:42px; float:left; border-radius:40px; text-align:center; background:#eeeeee; font-size:15px; font-weight:bold;}
dl.dlp dd a.a s{ color:#000; padding-right:15px; background:url(../images/jtr.png) right center no-repeat;}
dl.dlp:hover dd a.a{ background:#000;}
dl.dlp:hover dd a.a s{ color:#fff; background:url(../images/jtrh.png) right center no-repeat;}
dl.dlp:hover{ box-shadow:0 2px 6px #ccc;}
 
/******产品详情*******/ 
.proxxdw{ width:100%; height:auto; float:left; margin-top:78px; background:#fff;}
.proxxdw dl{ width:100%; height:auto; float:left; padding:5px 0;}
.proxxdw dl dt{ width:100px; height:66px; float:left; opacity:0.8;}
.proxxdw dl dt a{ width:100%; height:auto; float:left; padding-left:20px; background:url(../images/jtl.png) left center no-repeat;} 
.proxxdw dl dt img{ width:auto; height:66px; display:block;} 
.proxxdw dl dt:hover{ opacity:1;} 
.proxxdw dl dd{ width:calc(100% - 100px); height:auto; float:left; text-align:center;} 
.proxxdw dl dd a{ width:auto; height:66px; line-height:66px; margin:0 25px; font-size:17px; color:#777;} 
.proxxdw dl dd a:hover{ color:#000;} 
.proxxdws{ position:fixed; left:0; top:78px;} 

.proxxdiv1{ width:100%; height:auto; float:left; padding:30px 0 0 0; background:#ebebeb; margin-top:80px; }
.proxxdiv1left{ width:50%; height:auto; float:left; margin-top:120px; font-size:16px; line-height:28px;}
.proxxdiv1left strong{ width:100%; height:auto; float:left; font-size:22px; line-height:40px; color:#000;}
.proxxdiv1left h1{ width:100%; height:auto; float:left; font-size:48px; line-height:52px; font-family:"ziti"; color:#000; margin:25px 0 10px 0;} 
.proxxdiv1left p.p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#666;} 
.proxxdiv1left p.p1{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#000; margin-top:45px;} 

.proxxdivtz{ width:550px; height:auto; float:right; position:relative; padding-bottom:20px;}
.jqzoom{float:left; width:100%; background:#efefef; border:1px solid #dedede; position:relative; height:auto; border-radius:5px;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:100%; height:100%; padding:0px; box-sizing:border-box; display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.prev{ position:absolute; left:0px; top:0%;  z-index:99;width:30px;height:90px;  display:block;cursor:pointer; background:url(../images/jtl.png) center center no-repeat; opacity:0.8;}
.next{position:absolute; right:0px;  top:0%; z-index:99;width:30px;height:90px;  display:block;cursor:pointer; background:url(../images/jtr.png) center center no-repeat; opacity:0.8;}
.prev:hover,.next:hover{ opacity:1;} 
.spec-preview{width:100%;height:auto; }
.itemsz{ width:100%; height:auto; float:left;position:relative; padding:0 30px 20px 30px; box-sizing:border-box;}
.items{float:left;position:relative;width:100%;height:auto;overflow:hidden;}
.items ul{ position:relative; left:0; top:0; width:999999px;height:auto; transition: transform 232ms; list-style:none;}
.items ul li{float:left;width:90px; height:auto;text-align:center; border-radius:5px;  background:#fff; cursor:pointer; margin:0 10px 0 0; border:2px solid #fff; box-sizing:border-box; position:relative;}
.items ul li img{width:100%; height:100%; display:block;}
.items ul li:hover,.items ul li.cur{ box-shadow:0 2px 5px #eee;border:2px solid #000; }
.proxxdivtzspan{margin:0px;padding:0px; width:100%; height:10px; position:absolute; bottom:0px;text-align:center; z-index:886;}
.proxxdivtzspan span{  width:8px;height:8px; border-radius:8px; cursor:pointer; transition:all 0.5s ease; display:inline-table; margin:0 3px; background:#999;}
.proxxdivtzspan span.cur{ background:#000;  transition:all 0.5s ease;}
 
.proxxdiv1c{ width:100%; height:auto; float:left; background:#fff; border-radius:20px; padding:30px 0; margin-top:40px;z-index:1; position:relative;} 
.proxxdiv1c dl{ width:calc(100% / 4); height:auto; padding:20px 30px; float:left; box-sizing:border-box;} 
.proxxdiv1c dl dt{ width:100%; height:auto; float:left; margin-bottom:25px;} 
.proxxdiv1c dl dt img{ width:80px; height:auto; margin:0 auto; display:block;} 
.proxxdiv1c dl dd{ width:100%; height:auto; float:left; margin-left:0px;text-align: center;} 
.proxxdiv1c dl dd strong{ width:100%; height:auto; overflow:hidden; float:left; font-size:18px; line-height:24px; color:#000; font-family:"ziti";} 
.proxxdiv1c dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; min-height:66px; color:#777; margin-top:10px;} 
 
.proxxdiv1cbox{ width:100%; height:auto; float:left; border-top:1px solid #ededed;} 
.proxxdiv1cbox ul{ width:60%; height:auto; float:left; margin:0 20%; padding:50px 0; list-style:none;}
.proxxdiv1cbox ul li{ width:calc(100% / 3); height:auto; float:left; text-align:center; background:url(../images/mbx_tb1.png) right center no-repeat; background-size:1px 50px;} 
.proxxdiv1cbox ul li p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#000;} 
.proxxdiv1cbox ul li strong{ width:100%; height:auto; float:left; font-size:24px; line-height:34px; color:#000; font-family:"ziti";} 
.proxxdiv1cbox ul li:last-child{ background:none;}
 
.proxxdiv2{ width:100%; height:auto; float:left; padding:220px 0 60px 0; background:#f8f8f8; margin-top:-160px; font-size:16px;}
.proxxdiv2 .nytt strong,.proxxdiv3 .nytt strong,.proxxdiv4 .nytt strong{ text-align:left; font-size:40px;} 
dl.pxxdl1{ width:100%; height:auto; float:left; background:#fff; border-radius:20px; overflow:hidden; margin-bottom:30px;} 
dl.pxxdl1 dt{ width:50%; height:auto; float:left; overflow:hidden;}
dl.pxxdl1 dt img{ width:100%; height:600px; 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.pxxdl1: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.pxxdl1 dd{ width:50%; float:left; height:600px; padding:0 90px; box-sizing:border-box;display: flex;align-items: center;}
dl.pxxdl1 dd strong{ width:100%; height:auto; float:left; font-size:30px; line-height:38px; font-family:"ziti"; color:#000; margin-bottom:10px;} 
dl.pxxdl1 dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#666;} 
dl.pxxdl1.pxxdl1s dt{ float:right;} 

.proxxdiv3{ width:100%; height:auto; float:left; padding:70px 0; background:#fff;} 
.proxxdiv3 video,.proxxdiv3 img{ width:100%; height:auto; display:block; max-width:100% !important; height:auto !important; border-radius:10px;} 
.proxxdiv3 video{ margin-bottom:40px;} 
.proxxdiv3 p{ width:100%; height:auto; float:left;}
.proxxdiv3 .p1{ width:49%; height:auto; float:left; margin-right:2%; font-size:16px; line-height:24px; padding:12px 4px; box-sizing:border-box; color:#444; border-bottom:1px solid #ededed;} 
.proxxdiv3 .p1:nth-child(even){ margin-right:0;} 
.proxxdiv3 .p2{ width:100%; height:auto; float:left;font-size:14px; line-height:24px; padding:12px 4px; box-sizing:border-box; color:#666; } 
 
.proxxdiv4,.proxxdiv5{ width:100%; height:auto; float:left; padding:20px 0 0 0;}
.proxxdiv5{ width:100%; height:auto; float:left; padding:20px 0 60px 0;}
.proxxdiv5 dl{ width:44%; height:auto; float:left; margin-right:6%;}
.proxxdiv5 dl dd{ width:100%; height:auto; float:left; }
.proxxdiv5 dl dd strong{width:100%; height:auto; float:left; font-size:40px; line-height:42px; color:#000; font-family:"ziti";} 
.proxxdiv5 dl dd p{width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#777; margin:8px 0 25px 0;} 
.proxxdiv5 dl dt{ width:100%; height:auto; float:left;}
.proxxdiv5 dl dt img{ width:100%; height:auto; display:block;} 
.proxxdiv5box{ width:50%; height:auto; float:left; border:1px solid #ccc; border-radius:15px; padding:48px 35px; box-sizing:border-box; box-shadow:0 2px 8px #ededed;} 
.proxxdiv5box strong{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; font-family:"ziti"; color:#000; margin-bottom:20px;} 
.proxxdiv5box .input{ width:calc((100% - 15px) / 2); height:46px; line-height:46px; float:left; border:1px solid #ccc; padding:0 10px; box-sizing:border-box; font-size:16px; font-family:"Montserrat"; background:#f8f8f8; border-radius:8px; margin:0 15px 15px 0; outline:none;} 
.proxxdiv5box .input.last{ margin-right:0;} 
.proxxdiv5box .text{ width:100%; height:120px; line-height:36px; float:left; border:1px solid #ccc; padding:5px 10px; box-sizing:border-box; font-size:16px; font-family:"Montserrat"; background:#f8f8f8; border-radius:8px; margin:0 15px 15px 0; outline:none;} 
.proxxdiv5box .button{ width:auto; height:46px; line-height:46px; float:left; border:1px solid #000; padding:0 45px; box-sizing:border-box; font-size:16px; color:#fff; font-family:"Montserrat"; background:#000; border-radius:30px; cursor:pointer; margin:0; outline:none; float:right;} 
.proxxdiv5box .button:hover{ opacity:0.8;} 
.proxxdiv5box p{ width:50%; height:auto; float:left; position:relative;} 
.proxxdiv5box p .img{ width:auto; height:46px; display:block; position:absolute; right:0; top:0; cursor:pointer;} 
.proxxdiv5box p .input{ width:100%;} 
 
 
/********案例列表**********/
.prolist dl.aldl{ margin:10px;}  
  
/***********案例详情******/
.alxxdiv1{ width:100%; height:auto; float:left; background:#fff; padding:78px 0 80px 0;} 
.alxxdiv1 .h1{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; font-family:"ziti"; color:#000; text-align:center; margin:15px 0  35px 0;}  
  
.alxxdiv1nr{ width:48%; height:auto; float:left; padding-top:40px;}  
.alxxdiv1nr .nytt strong,.alxxdiv2 .nytt strong,.alxxdiv3 .nytt strong{ font-size:36px; text-align:left; line-height:40px;}  
.alxxdiv1nr .p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#777;}  
.alxxdiv1nr .box{ width:100%; height:auto; float:left; border-top:2px solid #000; margin-top:60px;}  
.alxxdiv1nr .box .p1{ width:100%; padding-left:200px; box-sizing:border-box; height:60px; font-size:16px; float:left; line-height:60px; border-bottom:1px solid #e5e5e5;}  
.alxxdiv1nr .box .p1 span{ width:180px; height:60px; margin-left:-200px; float:left; background:#eeeeee; text-indent:20px;}  
  
.alxxdiv1tz{ width:48%; height:auto; float:right; overflow:hidden; border-radius:10px; touch-action: pan-y; position:relative;} 
.alxxdiv1tz ul{width:2000000px; height:auto; overflow:hidden;  float:left; transition:transform 600ms;}
.alxxdiv1tz ul li{ width:750px; height:auto; float:left;}
.alxxdiv1tz ul li img,.aboutdiv1tz ul li video{ width:100%; height:auto; display:block;}
.aboutdiv1tzspan{margin:0px;padding:0px; width:100%; height:10px; position:absolute; bottom:40px;text-align:center; z-index:886;}
.aboutdiv1tzspan span{ width:10px;height:10px; border-radius:10px; transition:all 0.5s ease; cursor:pointer; display:inline-table; margin:0 3px; background:#999; opacity:0.5;}
.aboutdiv1tzspan span.cur{ background:#000;  transition:all 0.5s ease; opacity:1;}
.alxxdiv1tz .divjtl{ left:20px; top:45%;} 
.alxxdiv1tz .divjtr{ right:20px; top:45%;} 

.alxxdiv2{ width:100%; height:auto; float:left; padding:60px 0 80px 0; background:#ededed;}
.alxxdiv2 dl{ width:100%; height:auto; float:left;}
.alxxdiv2 dl dt{ width:45%; height:auto; float:left;}
.alxxdiv2 dl dt img{ width:100%; height:auto; display:block; border-radius:10px;}  
.alxxdiv2 dl dd{ width:55%; height:auto; float:left; padding-left:80px; box-sizing:border-box; margin-top:20px;} 
.alxxdiv2 dl dd span{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#000;}
.alxxdiv2 dl dd img{ width:auto; height:17px; float:left; display:block; margin:10px 0;}  
.alxxdiv2 dl dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#425355; min-height:120px; margin:10px 0 20px 0;}  
.alxxdiv2 dl dd strong{ width:100%; height:auto; float:left; background-size:48px auto !important; padding-left:52px; line-height:48px; font-size:18px;font-family:"ziti"; color:#000; box-sizing:border-box; }  
  
.alxxdiv3{ width:100%; height:auto; float:left; padding:60px 0 80px 0; background:#fff;}
.alxxdiv3 .nytt strong{ margin-bottom:20px;}
.alxxdiv3z{ width:100%; height:auto; float:left; position:relative;}
.alxxdiv3c{ width:100%; height:auto; float:right; overflow:hidden;  touch-action: pan-y; position:relative;} 
.alxxdiv3list{width:2000000px; height:auto; overflow:hidden; padding-bottom:10px; float:left; transition:transform 600ms;}

.alxxdiv3c dl.d2{ width:330px; height:auto; float:left; border:1px solid #ededed; box-shadow:0 2px 6px #ededed; background:#fff; margin:0 10px; border-radius:20px; padding:20px 43px; box-sizing:border-box; box-sizing:border-box;}
.alxxdiv3c dl.d2 dt{ width:100%; height:auto; float:left; overflow:hidden;}
.alxxdiv3c 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;}
.alxxdiv3c 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; }
.alxxdiv3c dl.d2 dd{ width:100%; height:auto; float:left; text-align:center;}
.alxxdiv3c dl.d2 dd h2 a{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#444; font-family:"ziti";}
.alxxdiv3c dl.d2 dd h3{ width:100%; height:20px; overflow:hidden; float:left; font-size:16px; line-height:20px; color:#444;}

.alxxdiv3z .divjtl{ box-shadow:0 2px 6px #ccc; left:-20px; top:42%;}
.alxxdiv3z .divjtr{ box-shadow:0 2px 6px #ccc; right:-20px; top:42%;}


/******服务支持-下载******/
.downlist{ width:100%; height:auto; float:left; padding:20px 0 40px 0; background:#fff;}
dl.xzdl{ width:calc((100% - 60px) / 4); height:auto; float:left; margin:0 20px 20px 0; position:relative;}
dl.xzdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.xzdl 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.xzdl: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.xzdl dd{ width:100%; height:100%; float:left; padding:30px; position:absolute; left:0; top:0; z-index:1; box-sizing:border-box; }
dl.xzdl dd h3 a{ width:100%; height:120px; float:left; font-size:18px; line-height:30px; color:#fff; font-family:"ziti"; overflow:hidden;}
dl.xzdl dd span{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; color:#fff; margin-top:10px;}
dl.xzdl dd p{ width:100%; height:auto; float:left; margin-top:180px;}
dl.xzdl dd p img{ width:auto; height:40px; display:block; float:left;}
dl.xzdl dd p a{ width:auto; height:40px; line-height:40px; float:right; padding-right:32px; font-size:16px; color:#fff; background:url(../images/down_tb2.png) right center no-repeat; box-sizing:border-box;}
dl.xzdl:nth-child(4n+1){ margin-right:0;}

/*****服务支持-售后*******/
.supdiv{ width:100%; height:auto; float:left; padding:20px  0 60px 0; background:#fff;}
.supt{ width:100%; height:auto; float:left; font-size:24px; line-height:60px; font-family:"ziti"; color:#000; border-bottom:1px solid #ededed; margin:20px 0;}
.supdiv .p{ width:100%; height:auto; float:left; padding-left:18px; background:url(../images/sup_tb.png) left 4px no-repeat; margin-bottom:15px; box-sizing:border-box; font-size:16px; line-height:22px; color:#808080;}
.supdiv .s{ width:100%; height:auto; float:left; padding-left:18px; background:url(../images/sup_tb.png) left 6px no-repeat; margin-bottom:5px; box-sizing:border-box; font-size:18px; line-height:22px; color:#000; font-family:"ziti";}
.supdiv .p1{ width:100%; height:auto; float:left; padding-left:18px; margin-bottom:15px; box-sizing:border-box; font-size:16px; line-height:22px; color:#808080;}
.supdiv p{ width:100%; height:auto; float:left;}

.supdiv ul{ width:100%; height:auto; float:left; list-style:none;}
.supdiv ul li{ width:auto; height:56px; float:left;line-height:56px; border-bottom:1px solid #ededed; text-align:center; border-left:1px solid #ededed; box-sizing:border-box;}
.supdiv ul li.l1{ width:18%;}
.supdiv ul li.l2{ width:18%;}
.supdiv ul li.l3{ width:30%;}
.supdiv ul li.l4{ width:34%;}
.supdiv ul.utop{ background:#000;}
.supdiv ul.utop li{ color:#fff;}
.supdiv ul li.l2s{ line-height:22px; padding:6px 0}
.supdiv ul.u1{ background:#f5f5f5;}

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


/*****新闻资讯*****/
.newsleft{ width:1000px; height:auto; float:left;}
.newsleft dl.dl{ width:100%; height:auto; float:left; border:1px solid #eee; border-radius:10px; overflow:hidden; margin-bottom:20px; box-shadow:0 2px 5px #ededed;}
.newsleft dl.dl dt{ width:410px; height:auto; float:left; overflow:hidden;}
.newsleft dl.dl dt img{ width:100%; height:300px; 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;}
.newsleft dl.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; }
.newsleft dl.dl dd{ width:calc(100% - 410px); height:auto; float:left; padding:20px 40px 0 30px; box-sizing:border-box;}
.newsleft dl.dl dd h3 a{ width:100%; height:60px; float:left; font-size:24px; line-height:30px; font-family:"ziti"; color:#000; overflow:hidden;}
.newsleft dl.dl dd p{ width:100%; height:72px; float:left; font-size:16px; line-height:24px; color:#666; overflow:hidden; margin:10px 0 25px 0;}
.newsleft dl.dl dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#000; font-weight:bold; border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px;}
.newsleft dl.dl dd a.a{ width:auto; height:auto; line-height:30px; font-size:16px; padding-right:20px; background:url(../images/404tb.png) right center no-repeat; background-size:auto 10px; transition:all 0.5s ease;}
.newsleft dl.dl dd a.a:hover{ padding-right:25px; transition:all 0.5s ease;}

.newsright{ width:350px; height:auto; float:right;}
.newsrightbox{ width:100%; height:auto; float:left; border:1px solid #ededed; border-radius:15px; padding:20px 20px 0 20px; box-sizing:border-box;}
.newsrightbox strong{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; font-family:"ziti"; color:#000; margin-bottom:15px;}
.newsrightbox dl{ width:100%; height:auto; float:left; margin-bottom:15px;}
.newsrightbox dl dt{ width:120px; height:auto; border-radius:10px; float:left; overflow:hidden;}
.newsrightbox 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;}
.newsrightbox 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; }
.newsrightbox dl dd{ width:calc(100% - 120px); height:auto; float:left; padding-left:15px; box-sizing:border-box; padding-top:5px;}
.newsrightbox dl dd h3 a{ width:100%; height:48px; line-height:24px; font-size:18px; font-weight:bold; color:#000; overflow:hidden; float:left;}
.newsrightbox dl dd span{ font-size:14px; line-height:20px; width:100%; float:left; color:#777; margin-top:5px;}

.newsrightbox1{ width:100%; height:auto; float:left; padding:20px; font-size:16px; line-height:24px; color:#444; box-sizing:border-box;}
.newsrightbox1 strong{width:100%; height:auto; float:left; font-size:22px; line-height:30px; font-family:"ziti"; color:#000; margin-bottom:15px;}
.newsrightbox1 a:hover{ color:#000;}


/******新闻资讯详情*******/
.xwdivxx{ width:100%; height:auto; float:left; min-height:200px;}
.xwdivxx .h1{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; color:#222; font-family:"ziti"; margin-bottom:10px;}
.ptime{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:30px; font-size:16px; color:#555; line-height:26px;}
.xwdivxxnr{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#000;}
.xwdivxxnr p{ width:100%; height:auto; float:left;}
.xwdivxxnr strong{ font-family:"ziti"; }
.xwdivxxnr img{ width:auto; height:auto !important; max-width:100% !important; display:block; }
.sxtdiv{ width:100%; height:auto; float:left; margin:35px 0; border-top:1px solid #ededed; background: url(../images/xt.png) center center no-repeat; background-size: 1px 50%; border-bottom:1px solid #ededed; padding:15px 0;}
.sxtdiv .box{ width:45%; height:auto; float:left;}
.sxtdiv .box a{ width:100%; height:auto; float:left; padding-left:40px; background:url(../images/jts.png) left center no-repeat; box-sizing:border-box;}
.sxtdiv .box a strong{ width:100%; height:26px; float:left; font-size:18px; line-height:26px; color:#333; overflow:hidden;}
.sxtdiv .box a span{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#666;}
.sxtdiv .box a:hover strong{ color:#000}
.sxtdiv .box.boxa{ float:right;}
.sxtdiv .box.boxa a{ float:right; padding-right:40px; padding-left:0; background:url(../images/jtxh.png) right center no-repeat; text-align:right;}
a.ahh{ width:150px; height:42px; line-height:42px; padding:0 20px; border-radius:8px; margin:0 auto; display:table; background:#000; box-sizing:border-box;}
a.ahh s{ width:100%; height:auto; float:right; font-size:16px; color:#fff; font-weight:bold; background:url(../images/newsxx_tb.png) right center no-repeat;}
a.ahh:hover{ opacity:0.8;}  

 
/********联系我们*****/
.lxxt{ width:100%; height:2px; float:left; background:#000; margin:20px 0;} 
.lxwmbox{ width:50%; height:auto; float:left; padding-right:80px; box-sizing:border-box;}
.lxwmbox strong{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; font-family:"ziti"; color:#000; border-bottom:1px solid #ededed; padding-bottom:25px; margin-bottom:25px;}
.lxwmbox p.p1{ width:100%; height:auto; float:left; padding-left:100px; font-size:16px; line-height:24px; color:#666; box-sizing:border-box; background:url(../images/lxwm_tb1.png) left 1px no-repeat; margin-bottom:20px;}
.lxwmbox p.p1 span{ width:auto; font-weight:bold; color:#000; margin-left:-100px; float:left; padding-left:30px; box-sizing:border-box;}
.lxwmbox p.p2{ width:100%; height:auto; float:left; padding-left:60px; font-size:16px; line-height:24px; color:#666; box-sizing:border-box; background:url(../images/lxwm_tb2.png) left 1px no-repeat; margin-bottom:20px;}
.lxwmbox p.p2 span{ width:auto; font-weight:bold; color:#000; margin-left:-60px; float:left; padding-left:30px; box-sizing:border-box;}
.lxwmbox p.p3{ width:100%; height:auto; float:left; padding-left:65px; font-size:16px; line-height:24px; color:#666; box-sizing:border-box; background:url(../images/lxwm_tb3.png) left 1px no-repeat; margin-bottom:20px;}
.lxwmbox p.p3 span{ width:65px; font-weight:bold; color:#000; margin-left:-65px; float:left; padding-left:30px; box-sizing:border-box;}
.lxwmbox p.p4{ width:100%; height:auto; float:left; padding-left:90px; font-size:16px; line-height:24px; color:#666; box-sizing:border-box; background:url(../images/lxwm_tb4.png) left 1px no-repeat; margin-bottom:20px;}
.lxwmbox p.p4 span{ width:auto; font-weight:bold; color:#000; margin-left:-90px; float:left; padding-left:30px; box-sizing:border-box;}

.lxwmbox1{ width:50%; height:auto; float:left;}
.lxwmbox1 dl{ width:49%; height:auto; float:left; margin:0 2% 2% 0;}
.lxwmbox1 dl dt{ width:100%; height:16px; font-size:15px; line-height:16px;  color:#333;}
.lxwmbox1 dl dd{ width:100%; height:auto; float:left; margin-top:5px; position:relative;}
.lxwmbox1 dl dd .input{ width:100%; height:42px; line-height:42px; border-radius:8px; background:#f5f5f5; border:none; outline:none; padding:0 10px; box-sizing:border-box; font-family:"Montserrat";}
.lxwmbox1 dl.last{ margin-right:0;}
.lxwmbox1 dl.d1{ width:100%; height:auto; float:left; margin:0 0 2% 0;}
.lxwmbox1 dl dd .text{ width:100%; height:100px; line-height:24px; border-radius:8px; background:#f5f5f5; border:none; outline:none; padding:4px 10px; box-sizing:border-box; font-family:"Montserrat";}
.lxwmbox1 dl dd .img{ width:auto; height:42px; position:absolute; right:0; top:0; float:left;}
.lxwmbox1 dl dd .button{ width:auto; height:42px; line-height:42px; font-size:16px; color:#fff;; float:right; padding:0 50px 0 30px;font-family:"Montserrat"; background:url(../images/jtx.png) 100px center no-repeat #000; border-radius:20px; border:none; cursor:pointer; outline:none; background-size:auto 10px !important;}
.lxwmbox1 dl dd .button:hover{ opacity:0.8;}

/*****合作-经销商******/
.jxsdiv{ width:100%; height:auto; float:left;}
dl.jxs{ width:100%; height:auto; float:left; margin-bottom:35px;}
dl.jxs dd{ width:100%; height:auto; float:left;}
dl.jxs dd strong{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ededed; color:#000;}
dl.jxs dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#333;}
dl.jxs dt{ width:100%; height:auto; float:left; margin-top:15px;}
dl.jxs dt img{ width:100%; height:auto; display:block; border-radius:10px;}
dl.jxs1{ width:100%; height:auto; float:left; margin-bottom:35px;}
dl.jxs1 dd{ width:50%; height:auto; float:left; padding:40px 60px 0 0; box-sizing:border-box;}
dl.jxs1 dd strong{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ededed; color:#000;}
dl.jxs1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#333;}
dl.jxs1 dt{ width:50%; height:auto; float:right; margin-top:15px;}
dl.jxs1 dt img{ width:100%; height:auto; display:block; border-radius:10px;}
dl.jxs1.last dd{ padding:30px 0 0 60px;}
dl.jxs1.last dt{ float:left;}
dl.jxs1 dd p.p1{ width:100%; height:auto; float:left; margin-bottom:16px; font-size:16px; line-height:22px; padding-left:30px; box-sizing:border-box; color:#444;}
dl.jxs1 dd p.p1 span{ width:24px; line-height:24px; font-size:12px; background:#000; border-radius:24px; text-align:center; color:#fff; margin-left:-30px; float:left;}

.jxsdiv1{ width:100%; height:auto; float:left; padding-top:30px;}
.jxsdiv1 .nytt strong{ font-size:40px; text-align:left;}
.jxsdiv1 dl{ width:calc((100% - 80px) / 5); height:auto; float:left; background:#ededed; border-radius:10px; margin:0 20px 20px 0; padding:30px; box-sizing:border-box; text-align:center;}
.jxsdiv1 dl dt{ width:100%; height:auto; float:left;}
.jxsdiv1 dl dt img{ width:auto; height:60px; display:block; margin:0 auto;}
.jxsdiv1 dl dd{ width:100%; height:48px; margin-top:10px; float:left; font-size:18px; line-height:24px; color:#000; font-family:"ziti";}
.jxsdiv1 dl.last{ margin-right:0;}
.jxsdiv1 .s{ width:100%; height:auto; float:left; margin:25px 0 15px 0; font-size:24px; line-height:34px; color:#000; font-family:"ziti";}
.jxsdiv1 .p{ width:calc((100% - 50px) / 3); height:auto; padding-left:30px; box-sizing:border-box; float:left; border:2px solid #f2f2f2; border-radius:8px; margin:0 25px 20px 0; box-sizing:border-box;}
.jxsdiv1 .p span{ width:100%; height:70px; line-height:70px; padding-left:35px; background-size:auto 28px !important; float:left; font-size:16px; color:#000; box-sizing:border-box;}
.jxsdiv1 .p.last{ margin-right:0;}

.jxsdiv2{ width:100%; height:auto; float:left; border-top:1px solid #000; padding:60px 0 60px 0; margin-top:60px;}
.jxsdiv2 strong{ width:100%; height:auto; float:left; font-size:40px; line-height:44px; font-family:"ziti"; color:#000; text-align:center;}
.jxsdiv2 p{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; color:#666; text-align:center; margin:10px 0 25px 0;}
.jxsdiv2 .box{ width:1100px; height:auto; margin:0 auto;}
.jxsdiv2 .box dl{ width:100%; height:auto; float:left; margin-bottom:12px;}
.jxsdiv2 .box dl dt{ width:200px; height:46px; line-height:46px; float:left; text-align:right; font-size:16px; color:#222; padding-right:15px; box-sizing:border-box;}
.jxsdiv2 .box dl dd{ width:calc(100% - 200px); height:auto; float:left; position:relative;}
.jxsdiv2 .box dl dd .input{ width:100%; height:46px; outline:none; font-size:16px; line-height:46px; float:left; border:none; border-radius:8px; background:#f5f5f5; padding:0 15px; box-sizing:border-box; font-family:"Montserrat";}
.jxsdiv2 .box dl dd .input.input1{ width:calc((100% - 24px) / 3); margin-right:12px;}
.jxsdiv2 .box dl dd .input.input1.last{ margin-right:0;}
.jxsdiv2 .box dl dd .sel{ width:100%; height:46px; outline:none; font-size:16px; line-height:46px; float:left; border:none; border-radius:8px; background:#f5f5f5; padding:0 15px; box-sizing:border-box; font-family:"Montserrat";}
.jxsdiv2 .box dl dd .text{ width:100%; height:120px; outline:none; font-size:16px; line-height:26px; float:left; border:none; border-radius:8px; background:#f5f5f5; padding:5px 15px; box-sizing:border-box; font-family:"Montserrat";}
.jxsdiv2 .box dl dd .img{ width:auto; height:46px; position:absolute; right:0; top:0; cursor:pointer;}
.jxsdiv2 .box .button{ width:auto; height:46px; line-height:46px; font-size:16px; color:#fff; margin:25px auto 0 auto; display:table; padding:0 50px 0 30px;font-family:"Montserrat"; background:url(../images/jtx.png) 130px center no-repeat #000; border-radius:20px; border:none; cursor:pointer; outline:none; background-size:auto 10px !important;}
.jxsdiv2 .box .button:hover{ opacity:0.8;}

/*******合作-招聘*******/
.zhaopdiv{ width:100%; height:auto; float:left; padding:30px 0;}
.zhaopdiv strong.s{ width:100%; height:auto; float:left; font-size:40px; line-height:44px; font-family:"ziti"; color:#000; text-align:center;}
.zhaopdiv p.p{ width:80%; height:auto; float:left; font-size:16px; line-height:24px; color:#666; text-align:center; margin:5px 10% 25px 10%;}
.zhaopdiv .h2{ width:100%; height:auto; float:left; font-size:36px; line-height:44px; font-family:"ziti"; color:#000; margin:30px 0 25px 0; border-bottom:1px solid #dedede; padding-bottom:15px;}
.zhaopdiv p.p1{ width:100%; height:auto; float:left; margin-bottom:15px; font-size:16px; line-height:34px; color:#444;}
.zhaopdiv p.p1 span{ width:auto; height:auto; float:left; font-family:"ziti"; font-size:18px; color:#000; margin-right:15px;}
.zhaopdiv p.p1 a{ width:auto; height:34px; line-height:34px; float:left; margin-right:10px; background:#ededed; padding:0 25px; border-radius:25px; font-family:16px; color:#222;}
.zhaopdiv dl{ width:calc((100% - 40px) / 3); height:auto; float:left; margin:0 20px 20px 0; background:#ededed; border-radius:15px; padding:20px; box-sizing:border-box;}
.zhaopdiv dl dt{ width:60px; height:60px; line-height:60px; text-align:center; background:#000; border-radius:60px; float:left; font-size:24px; color:#fff;}
.zhaopdiv dl dd{ width:100%; height:auto; float:left; min-height:120px; margin-top:35px; font-size:16px; line-height:24px; color:#888;}
.zhaopdiv dl.last{ margin-right:0;}

.zhaopdiv1{ width:100%; height:auto; float:left; padding:50px 0 00px 0;}
.zhaopdiv1 dl{ width:100%; height:auto; float:left; border-bottom:1px solid #dedede; padding-bottom:30px; margin-bottom:40px;}
.zhaopdiv1 dl dd{ width:50%; height:auto; float:left; padding-right:60px; box-sizing:border-box;}
.zhaopdiv1 dl dd .h2{width:100%; height:auto; float:left; font-size:36px; line-height:44px; font-family:"ziti"; color:#000; margin:30px 0 25px 0; border-bottom:1px solid #dedede; padding-bottom:15px;}
.zhaopdiv1 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#000; margin-bottom:15px;}
.zhaopdiv1 dl dd a{width:auto; height:34px; line-height:34px; float:left; margin-right:10px; background:#ededed; padding:0 25px; border-radius:25px; font-family:16px; color:#222;}
.zhaopdiv1 dl dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#888; margin-top:25px;}
.zhaopdiv1 dl dt{ width:50%; height:auto; float:left; padding-left:20px; box-sizing:border-box;}
.zhaopdiv1 dl dt img{ width:100%; height:auto; display:block;}

.zhaopdiv1 .box{ width:calc((100% - 20px) / 2); min-height:260px; height:auto; float:left; margin:0 20px 20px 0; background:#ededed; border-radius:15px; padding:30px 35px; box-sizing:border-box;}
.zhaopdiv1 .box h3{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000; font-family:"ziti"; margin-bottom:40px;}
.zhaopdiv1 .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#777; margin-bottom:15px;}
.zhaopdiv1 .box strong{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#000;}
.zhaopdiv1 .box a{ color:#555;}
.zhaopdiv1 .box.last{ margin-right:0;}
.zhaopdiv1 .box p span{ color:#000; font-weight:bold;}


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

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


/**********/
.xaboutdiv4{ width:100%; height:auto; float:left; padding:80px 0; background:rgb(244, 246, 248);}
.xaboutdiv4c {width: 100%;height: auto;float: left;position: relative;overflow: hidden;touch-action: pan-y; padding-bottom:40px;}
.xaboutdiv4list{ width: 20000px;height: auto !important;overflow: hidden; float: left;position: relative;transition: transform 600ms;}
.xaboutdiv4c dl{ width:330px; height:auto; float:left; margin:0 10px; border-radius:15px; overflow:hidden;}
.xaboutdiv4c dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.xaboutdiv4c 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;}
.xaboutdiv4c 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; }
.xaboutdiv4c dl dd{ width:100%; height:70px; line-height:70px; float:left; display:none; text-align:center; overflow:hidden; font-size:20px; color:#000; background:#fff;}
.xab4span {  margin: 0px; padding: 0px; width: 100%; position: absolute; bottom:0px;  text-align: center; z-index: 886;}
.xab4span span { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 12px;background: #000; cursor: pointer;}
.xab4span span.cur,.xab4span span:hover { background: #f00; width: 12px;height: 12px;border-radius: 12px;}