@charset "utf-8";
/*网站公共样式
@font-face {
 font-family: 'Alibaba'; 
	src: url('../fonts/SOURCEHANSANSCN-REGULAR.OTF');
	font-weight:normal;
}
@font-face {
 font-family: 'Alibabac'; 
	src: url('../fonts/SOURCEHANSANSCN-REGULAR.OTF');
	font-weight:bold;
	 
} */
 
.hide{ display:none !important;}
.show{ display:block !important;} 
i,em{ font-style:normal;}
body {  font-family:/*"Alibaba",'Poppins', 'Hiragino Sans GB', 'Segoe UI',*/ 'Microsoft Yahei', '微软雅黑',"AlibabaLight","思源","黑体",Arial, sans-serif,Stawix, Arial, Helvetica, sans-serif; font-size:14px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#74797e; line-height:24px; width:100%; overflow-x:hidden;  }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
/*ul,li,i { list-style:none;}*/
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0; margin:0; }
strong {padding:0; margin:0; }
a{ text-decoration:none; color:#111;}
a:hover{ color:#e50503;}
img { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1600px; 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;}
 
.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;}





/* 隐藏原生的复选框 */
.custom-checkbox {
    display: none;
}
 
/* 自定义复选框样式 */
.checkbox-custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff; /* 白色背景 */
    border: 2px solid #ccc; /* 灰色边框 */
    border-radius: 3px; /* 圆角 */
    position: relative;
    top:5px;
	left:5px; /* 调整位置使其垂直居中 */
    margin-right: 5px; /* 与文字的间距 */
}
 
/* 选中状态下的自定义复选框 */
.custom-checkbox:checked + .checkbox-custom {
    background-color: #f00; /* 蓝色背景 */
    border-color: #f00; /* 蓝色边框 */
}
 
/* 在自定义复选框内部添加勾选符号 */
.custom-checkbox:checked + .checkbox-custom::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0; /* 对勾形状 */
    transform: rotate(45deg); /* 旋转对勾 */
}

.left{ float:left;}
.aright{ float:right !important; margin-top:15px !important;}
s{ text-decoration:none;}

 
/*
::-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.4); 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%;}
.search_content dl.pdl{ width:23%; margin:1%;}  

.sj_menu {display: none;}
.menutb{ width:30px; height:36px;float:right; margin:22px 0 0 15px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#e82214; 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;}
.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:38px; color:#333; border-radius:38px; font-size:16px; height:38px; margin:0 2px; line-height:38px;text-align:center; background:rgba(150,150,150,0.5); box-shadow:0 0 2px #ededed;}
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; background:#e82214;}
 

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


/******右侧浮动*****/
.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; border-bottom:1px solid #ea3735; position:relative;}
.float_r ul li.ltel a{ width:100%; height:60px; float:left;  background:url(../images/float_tb1.png) center center no-repeat #e50503; border-radius:5px 5px 0 0;}
.float_r ul li.ltel span{ width:0px; height:60px; line-height:60px; transition:all 0.5s ease; z-index:0; background:#e50503; position:absolute; right:55px; top:0; font-size:18px; text-align:center; color:#fff; overflow:hidden; border-radius:5px 0 0 5px;}
.float_r ul li.ltel:hover a{border-radius:0 5px 0 0;}
.float_r ul li.ltel:hover span{ width:170px; transition:all 0.5s ease;}
.float_r ul li.lyx a{ width:100%; height:60px; float:left; background:url(../images/float_tb2.png) center center no-repeat #e50503;}
.float_r ul li.lyx span{ width:0px; height:60px; line-height:60px; transition:all 0.5s ease; z-index:0; background:#e50503; position:absolute; right:55px; top:0; font-size:18px; text-align:center; color:#fff; overflow:hidden; border-radius:5px 0 0 5px;}
.float_r ul li.lyx:hover a{border-radius:0 5px 0 0;}
.float_r ul li.lyx:hover span{ width:260px; transition:all 0.5s ease;}


.float_r ul li.lly a{ width:100%; height:60px; float:left; background:url(../images/float_tb3.png) center center no-repeat #e50503;border-radius:0 0 5px 5px;}
.float_r ul li.lly{ border-bottom:none;}
.float_r ul li.ltop{ margin-top:20px; border-bottom:none;}
.float_r ul li.ltop a{ width:100%; height:40px; float:left; background:url(../images/float_tb4.png) center center no-repeat #e50503;border-radius:5px;}

  
 
/*******首页*******/ 
.headdiv{ width:100%; height:115px; float:left; position:fixed; left:0; top:0; z-index:9999;background:rgba(34,34,34,0.9);backdrop-filter: blur(25px);}
.logo{ width:auto; height:55px; float:left; margin-top:30px;}
.logo img{ width:auto; height:55px; display:block; float:left;}
.logo img.img1{ display:none;}
 
.headdian{ width:38px; height:38px; float:right; background:url(../images/headtb.png) right center no-repeat; display:block; margin-top:40px;}
.yyqh{ width:auto; height:38px; float:right; background:url(../images/yyqh.png) 10px center no-repeat #e50503; border-radius:38px; padding:0 15px 0 45px; margin-top:40px; z-index:2; position:relative;} 
.yyqh s{ width:auto; height:38px; line-height:38px; float:left; color:#fff; font-size:15px; padding-right:15px; background:url(../images/yyjt.png) right center no-repeat;} 
.yyqh p{ display:none; width:100%; height:auto; float:left; position:absolute; left:0; top:34px; background:#e50503; border-radius:0 0 20px 20px; padding:10px 0; z-index:1;}
.yyqh p a{ width:100%; height:auto; float:left; font-size:15px; line-height:30px; color:#fff; text-align:center;}
.yyqh:hover{ border-radius:15px 15px 0 0;}
.yyqh:hover p{ display:block;}

dl.ssdl{ width:auto; height:115px; float:right; margin:0 15px 0 0;  border-radius:0 10px 10px 0;position:relative;}
dl.ssdl dt{ width:38px; height:115px; float:left; background:url(../images/sstb.png) center center no-repeat; }
dl.ssdl dd{ width:200px; display:none; height:38px; position:absolute; right:0; top:115px;background:#e50503; border-radius:5px; padding-left:10px;}
dl.ssdl dd .input{ width:150px; height:38px; transition:all 0.5s ease; float:left; line-height:38px; background:#e50503; font-size:15px; border:none;color:#fff; z-index:99; text-indent:10px; outline:none; font-size:15px; }
dl.ssdl dd .button{ width:42px; height:38px; background:url(../images/sstb.png) center center no-repeat;  border:none; outline:none; cursor:pointer; float:left;} 
dl.ssdl:hover dd{ display:block; }
dl.ssdl:hover dd .input{ width:150px; transition:all 0.5s ease;}
dl.ssdl dd .input::placeholder{ color:#fff;} 
dl.ssdl:hover dd .button{background:url(../images/sstb.png) center center no-repeat !important; } 

ul.ulmenu{ width:auto; height:auto; float:right; margin-right:10%; list-style:none;}
ul.ulmenu li.l1{ width:auto;}
ul.ulmenu li{ width:auto; height:auto; min-height:115px; float:left; text-align:center; position:relative; padding:0 40px 0 15px;  box-sizing:border-box;}
ul.ulmenu li >a{ width:100%; height:115px; line-height:115px; float:left;font-family: 'Alibaba'; font-size:20px; color:#fff; }  
ul.ulmenu li .ejp{ display:none; width:100%; height:auto; float:left; position:absolute; left:0; top:115px; padding:15px 0; z-index:9998; background:rgba(34,34,34,0.9);}
ul.ulmenu li .ejp a{ width:100%; height:40px; line-height:40px; color:rgba(255,255,255,0.8) ; float:left; text-align:left; padding-left:15px; box-sizing:border-box; font-size:16px;  } 
ul.ulmenu li .ejp.ejps{ width:140%}
ul.ulmenu li:hover >a,ul.ulmenu li.cur >a{ color:#e50503 !important;}
ul.ulmenu li .ejp a:hover{color:#e50503 !important;}

.headdiv ul.ulmenu li .ejp{background:rgba(34,34,34,0.9);}
.headdiv.headdiv1{ background:rgba(255,255,255,0.9); }
.headdiv.headdiv1 ul.ulmenu li .ejp{ background:rgba(255,255,255,0.9); }
.headdiv.headdiv1 img.img{ display:none;}
.headdiv.headdiv1 img.img1{ display:block;}
.headdiv.headdiv1 .headdian{ background:url(../images/headtb1.png) right center no-repeat;}
.headdiv.headdiv1 dl.ssdl dt{ background:url(../images/sstbh.png) right center no-repeat;}
.headdiv.headdiv1 ul.ulmenu li >a{ color:#000;}
.headdiv.headdiv1 ul.ulmenu li .ejp a{color:#000;} 
 
.headdiv  ul.ulmenu li:hover .ejp{ display:block;}


 
.banner{ width:100%; overflow:hidden; height:42.8vw !important;min-height:200px !important;  float:left; position:fixed; z-index:0; left:0; top:0; margin-top:115px; touch-action: pan-y;}
.banner ul {  overflow:hidden; height:42.8vw !important; min-height:200px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:200px; 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:42.8vw !important;object-fit: cover;  min-height:200px !important;  float:left; transition:0.5s linear ; transform:scale(1.03);  }
.banner ul li.cur img{transform:scale(1); transition:0.5s linear ;}
.banner ul li.cur{ opacity:1; z-index:112;}
.bannerkzc{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:80px; z-index:886;}
.bannerkz{ margin:0 auto; width:300px; height:auto;}
.banjtl{ width:60px; height:60px; border-radius:10px; float:left; background:url(../images/bantbl.png) center center no-repeat; opacity:0.4; cursor:pointer; position:absolute; left:60px; top:40%; z-index:999;}
.banjtr{ width:60px; height:60px;border-radius:10px; float:right; background:url(../images/bantbr.png) center center no-repeat; opacity:0.4; cursor:pointer;position:absolute; right:60px; top:40%;z-index:999;}
.banjtl:hover,.banjtr:hover{ opacity:1;}
.banjtl:hover{background:url(../images/bantbl.png) center center no-repeat #e50503; }
.banjtr:hover{background:url(../images/bantbr.png) center center no-repeat #e50503; }
.banner_span{margin:0px;padding:0px; width:auto; float:left; height:3px;text-align:center; margin-top:17px; display:none;}
.banner_span span{ float:left; width:190px;height:auto; cursor:pointer; margin:0 5px; color:#fff; font-size:14px; line-height:20px; background:url(../images/baibj.png) left bottom no-repeat; background-size:100% 3px;box-sizing:border-box; }
.banner_span span s{ width:100%; height:auto; float:left; background:url(../images/csbj.png) left bottom no-repeat; padding-bottom:10px; background-size:0 3px;}
.banner_span span.cur s{ background-size:100% 3px; transition:all 5s ease; } 
 
.banner .document_width1{ position:relative;}
.banwenzi{ position:absolute; top:5vw; width:100%; height:auto; left:0px;transition:1s linear; margin-top:20px; color:#fff; text-align:left; z-index:99;box-sizing:border-box}
.banwenzic{ width:100%; height:auto; text-align:center; color:#fff;}
.banwenzi h4{ width:100%; height:auto; float:left; font-size:24px;line-height:26px;}
.banwenzi h2{ width:100%; height:auto; float:left; font-size:60px;line-height:75px;font-family:"Alibabac";font-weight:bold; margin-bottom:15px;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:30px;line-height:36px;  margin:0 0 45px 0;}
.banwenzi a.a{ width:auto; height:48px; line-height:48px; padding:0 25px; background:#e50503; border-radius:48px; color:#fff; display:table; margin:0 auto; display:none;}
.banwenzi a.a s{ padding-right:25px; background:url(../images/bantb3.png) right center no-repeat;}
.banwenzi a.a:hover{ opacity:0.8;}

.addCur{transform:scale(1) !important; }
.wzaddCur{ margin-top:0px;}
.banner ul li.cur  .f1 { animation: donghuawz 1s infinite;animation-iteration-count: 1; animation-fill-mode: forwards;}
.banner ul li.cur  .f2 {animation: donghuawz1 1.3s infinite; animation-iteration-count: 1; animation-fill-mode: forwards;}
.banner ul li.cur  .f3 { animation: donghuawz2 1.6s infinite;animation-iteration-count: 1; animation-fill-mode: forwards;}

@-webkit-keyframes donghuawz {0% {opacity: 0;margin-top: 50px;}30% { opacity: 0;margin-top: 50px;}100% { width: 100%;margin-top: 0px;}}
@-webkit-keyframes donghuawz1 {0% {opacity: 0;margin-top: 50px;}30% {opacity: 0;margin-top: 50px;}100% { width: 100%; margin-top: 0px;  }}
@-webkit-keyframes donghuawz2 {0% { opacity: 0; margin-top: 50px;}30% {opacity: 0;margin-top: 50px;}100% { width:auto; margin-top: 0px; }}


.indextt{ width:100%; height:auto; float:left; margin-bottom:30px; text-align:center;}
.indextt span{ width:100%; height:auto; float:left; font-size:28px;line-height:34px; margin-bottom:10px; color:#000;}
.indextt span s{ padding:0 35px; background:url(../images/index_tt.png) left center no-repeat; box-sizing:border-box;}
.indextt strong{ width:100%; height:auto; float:left;font-family:"Alibabac"; font-size:48px; line-height:56px; font-weight:normal; color:#000;}
 
.indexdiv1{ width:100%; height:auto; float:left; padding:130px 0; margin-top:49vw; z-index:22; position:relative; background:#f2f2f2;}
.indexdivqh1{ width:100%; height:auto; float:left; position:relative; overflow:hidden;touch-action: pan-y; margin:10px 0 20px 0} 
.indexdivqh1list{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.indexdivqh1 dl{ width:385px; height:440px; transition:all 0.5s ease; float:left; margin-right:20px; border-radius:50px; overflow:hidden; position:relative;  }
.indexdivqh1 dl dt{ width:100%; height:100%; float:left; overflow:hidden;} 
.indexdivqh1 dl 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;}
.indexdivqh1 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; }
.indexdivqh1 dl dd{ width:100%; height:100%; float:left; position:absolute; left:0; top:0; padding:55px 40px; box-sizing:border-box; color:#fff;} 
.indexdivqh1 dl dd h2{ width:200px; height:auto; float:left; font-size:36px; line-height:48px;font-family:"Alibabac"; color:#fff; font-weight:normal; } 
.indexdivqh1 dl dd p{ display:none; width:90%; height:auto; float:left; position:absolute; left:0; bottom:40px; padding:0 40px; box-sizing:border-box;}
.indexdivqh1 dl dd p a{ width:120px; height:36px; line-height:36px; border-radius:20px; overflow:hidden; float:left; margin:0 10px 10px 0; border:1px solid rgba(255,255,255,0.5); text-align:center; font-size:14px; color:#fff;} 
.indexdivqh1 dl dd p a:Hover,.indexdivqh1 dl dd p a.cur{ background:#e50503; border:1px solid #e50503;} 
.indexdivqh1 dl.cur{width:1195px; transition:all 0.5s ease;  } 
.indexdivqh1 dl.cur dd h2{ width:100%;}
.indexdivqh1 dl.cur dd p{ display:block;}

.indexdivqh1 dl.cur dd h2 a{ margin-top:90px; width:40px; height:40px;border-radius:40px;border:1px solid rgba(255,255,255,0.7); background:url(../images/bantbr.png) center center no-repeat; display:block; }
.indexdivqh1 dl.cur dd h2 a:hover{border:1px solid #e50503; background:url(../images/bantbr.png) center center no-repeat #e50503; }




.divjtl{ width:44px; height:44px; border-radius:44px; border:1px solid rgba(255,255,255,0.7); background:url(../images/bantbl.png) center center no-repeat; display:block; position:absolute; left:40px; top:200px; cursor:pointer; } 
.divjtr{ width:44px; height:44px; border-radius:44px; border:1px solid rgba(255,255,255,0.7); background:url(../images/bantbr.png) center center no-repeat; display:block; position:absolute; left:1258px; top:200px; cursor:pointer; } 
.divjtl:hover,.divjtr:hover{ opacity:0.8;} 
 
.indexdivqh2{ width:100%; height:auto; float:left; position:relative;} 
.indexdivqh2c{ width:100%; height:auto; float:left; position:relative; overflow:hidden;touch-action: pan-y;} 
.indexdivqh2list{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
dl.pdl{ width:385px; height:auto; float:left; margin-right:20px; background:#fff; border-radius:20px; overflow:hidden;}
dl.pdl dt{ width:100%; height:auto; float:left; overflow:hidden; position:relative;}  
dl.pdl dt img{ width:100%; height:auto; float:left; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.pdl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.pdl dt span{ width:auto; height:auto; float:left; position:absolute; left:40px; top:40px; font-size:20px; line-height:24px; color:#e50503;}
dl.pdl dd{ width:100%; height:auto; float:left; padding:0 40px 40px 40px;  box-sizing:border-box; }
dl.pdl dd h3 a{ width:100%; height:36px; float:left; font-size:30px; line-height:36px; color:#000; overflow:hidden;font-family:"Alibabac";}
dl.pdl dd p{ width:100%; height:24px; line-height:24px; float:left; font-size:18px; color:#333; overflow:hidden; margin-top:8px;; transition:all 0.5s ease; box-sizing:border-box;}
dl.pdl dd span{ width:100%; height:2px; float:left; margin-top:30px;background:url(../images/csbj.png) left bottom no-repeat; background-size:30px 2px}
dl.pdl:hover dd span{  background-size:100% 2px; transition:all 0.5s ease;}
dl.pdl:hover dd h3 a{ color:#e50503;}

.jtl{ width:60px; height:60px; border-radius:60px; position:absolute; left:-75px; top:50%; margin-top:-30px; background:url(../images/jtl.png) center center no-repeat #a9a9a9; cursor:pointer;}
.jtr{ width:60px; height:60px; border-radius:60px; position:absolute; right:-75px; top:50%; margin-top:-30px; background:url(../images/jtr.png) center center no-repeat #a9a9a9; cursor:pointer;}
.jtl:hover{background:url(../images/jtl.png) center center no-repeat #e50503 !important; }
.jtr:hover{background:url(../images/jtr.png) center center no-repeat #e50503 !important; }

.indexdiv2{ width:100%; height:auto; float:left; padding:130px 0 100px 0; position:relative; z-index:22px; background:url(../images/idiv2_bj.jpg) center center no-repeat; background-size:cover;}
.indexdiv2 .indextt{ text-align:left;}  
.indexdiv2 .indextt span{ margin-left:-30px; color:#fff;}
.indexdiv2 .indextt strong{ color:#fff;}  
.indexdiv2box{ width:100%; height:auto; float:left; max-width:710px; margin-bottom:120px;}
.indexdiv2box p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#fff; margin-bottom:50px;}  
.indexdiv2box a{ width:auto; height:45px; line-height:45px; border:1px solid #fff; border-radius:45px; padding:0 20px; font-size:16px; color:#fff; float:left; margin-right:20px;}  
.indexdiv2box a s{ padding-right:35px; background:url(../images/jta.png) right center no-repeat;}  
.indexdiv2box a:hover{ background:#e50503; color:#fff; border:1px solid #e50503;}
.indexdiv2box a:hover s{  }  
  
.indexdiv2boxc{ width:100%; height:auto; float:left; padding:70px 0;  background:rgba(255,255,255,0.5);backdrop-filter: blur(25px); border-radius:30px;}  
.indexdiv2boxc ul{ width:100%; height:auto; float:left; list-style:none;}
.indexdiv2boxc ul li{ width:25%; height:auto; float:left; text-align:center; background:url(../images/xt.png) right center no-repeat;}  
.indexdiv2boxc ul li:last-child{ background:none;}  
.indexdiv2boxc ul li strong{ width:100%; height:auto; line-height:60px; font-size:60px; font-family:"Alibabac"; color:#fff; font-weight:normal;}
.indexdiv2boxc ul li strong s{ font-size:30px;}
.indexdiv2boxc ul li p{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; color:#fff;}  
.indexdiv2boxc ul li strong.s{ font-size:36px; line-height:42px;}  
 
.indexdiv3{ width:100%; height:auto; float:left;position:relative; z-index:22px; padding:130px 0 100px 0; background:#fff; overflow:hidden;}  
.indexdiv3z{ width:1600px; height:auto; margin:0 auto; float:left; padding:0 150px; box-sizing:border-box; position:relative;}
.indexdiv3c{ width:100%;position:relative; height:auto; float:left; touch-action: pan-y;}
.indexdiv3list{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.indexdiv3list dl{ width:1300px; padding:40px 130px; box-sizing:border-box; height:auto; float:left;  border-radius:40px; overflow:hidden;}
.indexdiv3list dl dt{ width:100%; height:auto; float:left; position:relative; border-radius:40px; overflow:hidden;}
.indexdiv3list dl dt img{ width:100%; height:auto; float:left; 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;}
.indexdiv3list 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; }
.indexdiv3list dl dt a.a{ display:none; width:60px; height:60px; line-height:60px; border-radius:60px; position:absolute; right:40px; bottom:40px; background:#e50503; color:#fff; font-size:20px; text-align:center;}
.indexdiv3list dl dd{ opacity:0; transition:all 0.5s ease; width:650px; height:auto; float:left; border-radius:0 20px 20px 0; background:#fff; padding:30px 80px 30px 0; position:relative; z-index:1; margin-top:-70px;}
.indexdiv3list dl dd h3 a{ width:100%; height:36px; line-height:36px; float:left; font-size:24px; font-weight:normal; font-family:"Alibabac"; color:#000; overflow:hidden; margin-bottom:10px; }
.indexdiv3list dl dd p{ width:100%; height:48px; float:left; font-size:16px; line-height:24px; color:#333; overflow:hidden;}
.indexdiv3list dl.cur{ padding:0;}
.indexdiv3list dl.cur dt a.a{ display:block;}
.indexdiv3list dl:hover dd h3 a{ color:#e50503;}
.indexdiv3list dl.cur:Hover dd{ opacity:1; transition:all 0.5s ease;}
.aljtl{ width:60px; height:60px; border-radius:60px; position:absolute; left:50px; top:230px;  background:url(../images/ialjtl.png) center center no-repeat ; cursor:pointer;}
.aljtr{ width:60px; height:60px; border-radius:60px; position:absolute; right:50px; top:230px;  background:url(../images/ialjtr.png) center center no-repeat; cursor:pointer;}
.aljtl:hover{background:url(../images/ialjtlh.png) center center no-repeat; }
.aljtr:hover{background:url(../images/ialjtrh.png) center center no-repeat; }

.indexdiv4{ width:100%; height:auto; float:left; padding:130px 0 100px 0; position:relative; z-index:22px;background:url(../images/idiv4_bj.jpg) left center no-repeat; background-size:cover;}
.indexdiv4 .indextt,.indexdiv5 .indextt{ text-align:left;}  
.indexdiv4 .indextt span,.indexdiv5 .indextt span{ margin-left:-30px;}
.indexdiv4c{width:100%;position:relative; height:auto; float:left; touch-action: pan-y; overflow:hidden;}
.indexdiv4list{ width:200000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.indexdiv4c ul{ width:1620px; height:auto; float:left; list-style:none;}
.indexdiv4c ul li{ width:calc((100% - 120px) / 6); height:auto; float:left; margin:10px 20px 10px 0; border-radius:20px; overflow:hidden;}
.indexdiv4c ul li 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;}
.indexdiv4c ul li:hover 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; }
.hzjt{ width:130px; height:auto; float:right; position:relative; margin-top:-95px;}
.hzjt .jtl{ left:0; margin-top:0; background:url(../images/jtl.png) center center no-repeat rgba(0,0,0,0.5);}
.hzjt .jtr{ right:0; margin-top:0; background:url(../images/jtr.png) center center no-repeat rgba(0,0,0,0.5);}

.indexdiv5{ width:100%; height:auto; float:left; padding:130px 0 100px 0;position:relative; z-index:22px; background:#fff;}
a.iam{ width:auto; height:45px; line-height:45px; background:#eeeeee; position:relative; z-index:222;  border-radius:45px; padding:0 20px; font-size:16px; color:#000; float:right; margin-top:-80px;}  
a.iam s{ padding-right:35px; background:url(../images/jtah.png) right center no-repeat;}  
a.iam:Hover{ background:#e50503; color:#fff;}
a.iam:hover s{ padding-right:35px; background:url(../images/jta.png) right center no-repeat;}  
.indexdiv5box{ width:690px; height:auto; float:left; border-radius:20px;overflow:hidden; margin-right:30px;}
.indexdiv5box img{ width:100%; height:385px; 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;}
.indexdiv5box img:Hover{ -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; }

.indexdiv5box1{ width:410px; margin-right:20px; height:auto; float:left; overflow:hidden; position:relative; touch-action: pan-y;}
.indexdiv5box1list{ width:200000px; height:auto !important; overflow:hidden; float:left;transition:transform 600ms;}
.indexdiv5box1 dl{ width:410px; height:385px; float:left; position:relative; overflow:hidden; border-radius:20px;}
.indexdiv5box1 dl dt{ width:100%; height:100%; float:left; overflow:hidden;}
.indexdiv5box1 dl 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;}
.indexdiv5box1 dl:hover dt:Hover 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; }
.indexdiv5box1 dl dd{ width:100%; height:auto; float:left; position:absolute; left:0; top:0; padding:36px; box-sizing:border-box;}
.indexdiv5box1 dl dd h3 a{ width:100%; height:60px; line-height:30px; font-size:24px; color:#fff;font-family:"Alibabac"; overflow:hidden; margin-bottom:15px; float:left;}
.indexdiv5box1 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#fff; margin-bottom:75px;}
.indexdiv5box1 dl dd a.a{ width:auto; height:auto; float:left; font-size:14px; padding-right:20px; background:url(../images/bantb3.png) right center no-repeat; color:#fff;}
.indexdiv5box1span{margin:0px;padding:0px; width:100%;  height:35px; position:absolute; left:36px; bottom:36px;text-align:left; z-index:886; box-sizing:border-box;}
.indexdiv5box1span span{  width:30px;height:4px;  display:inline-table; margin:0 4px; background:#fff;}
.indexdiv5box1span span.cur{background:#e50503;}

.indexdiv5box2{ width:450px;  height:385px; background:#f1f1f1; padding:35px 40px; box-sizing:border-box; border-radius:20px; float:left;}
.indexdiv5box2 strong{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; color:#000;font-family:"Alibabac"; border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin-bottom:15px; font-weight:normal;}
.indexdiv5box2 ul{ width:100%; height:auto; float:left; list-style:none;}
.indexdiv5box2 ul li a{ width:100%; height:30px; line-height:30px; font-size:16px; color:#666; float:left; overflow:hidden;}
.indexdiv5box2 ul li a:hover{ color:#222;}

.ixwbox{ width:690px; height:auto; float:left; margin:40px 30px 0 0;}
.ixwbox s{ width:auto; height:24px; line-height:24px; float:left; background:#e9e9e9; padding:0 15px; border-radius:24px; font-size:12px; color:#111;}
.ixwbox h3 a{ width:100%; height:30px; line-height:30px; float:left; font-size:24px; color:#000;font-family:"Alibabac"; overflow:hidden;  margin:15px 0 25px 0;}
.ixwbox p{ width:100%; height:48px; line-height:24px; font-size:14px; color:#444; overflow:hidden; float:left; margin-bottom:25px;}
.ixwbox span{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#666;}
.ixwbox span a{ width:auto; height:auto; float:right; color:#e50503;}
.ixwbox h3 a:hover{ color:#e50503;}
.ixwbox.ixwboxs{ width:calc(100% - 720px); margin-right:0;}


.bottomdiv{ width:100%; height:auto; float:left; padding:50px 0 30px 0;position:relative; z-index:22px; background:#333;} 
.bottomdivleft{ width:29%; height:auto; float:left;}
.bottomdivleft .img{ width:230px; height:auto; float:left; display:block;}
.bottomdivleft p{ width:230px; height:auto; float:left; margin-top:50px; text-align:center;}
.bottomdivleft p img{ width:120px; height:auto; display:block; margin:0 auto;}
.bottomdivleft p span{ width:100%; height:auto; float:left; font-size:14px; margin-top:5px; line-height:20px; color:#999;}
 
.bottomdivright{ width:71%;height:auto; float:left;}
.bottomdivright dl{ width:20%; height:auto; float:left;}
.bottomdivright dl dt a{ width:100%; cursor:pointer; height:34px; line-height:34px; float:left;  color:#fff; font-size:20px; }
.bottomdivright dl dd{ width:100%; height:auto; float:left; margin-top:15px;}
.bottomdivright dl dd a{ width:100%; height:auto; float:left;font-size:14px;color:#b2b2b2; line-height:30px;}
.bottomdivright dl dd a:Hover{ color:#fff;}
.bottomdivright .xt{ width:100%; height:1px; float:left; margin:45px 0 20px 0; background:#484848}
.bottomdivright .boxt{ width:calc(100% - 250px); height:auto; float:left;}
.bottomdivright .boxt p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#b2b2b2;}
.bottomdivright .boxt p a{color:#b2b2b2;}
.bottomdivright .boxt1{ width:auto; height:auto; float:right;}
.bottomdivright .boxt1 span{ width:auto; height:30px; line-height:30px; float:left; font-size:16px; color:#fff; margin-right:4px;}
.bottomdivright .boxt1 a{ width:34px; height:34px; border-radius:34px; float:left; background:rgba(255,255,255,0.4); margin-left:7px;}
.bottomdivright .boxt1 a img{ width:100%; height:auto; display:block; padding:6px; box-sizing:border-box;}
.bottomdivright .boxt1 a:hover{ background:#e50503;}

.bqxx{ width:100%; height:auto; float:left; padding:15px 0;position:relative; z-index:22px; background:#222;}
.bqxx p{ width:calc(100% - 120px); height:auto; float:left;  font-size:14px; line-height:40px; color:rgba(255,255,255,0.8); }
.bqxx a{color:rgba(255,255,255,0.8);}
.bqxx a:hover{ color:#fff;}

.bqxx dl{ width:120px; height:40px; float:right; position:relative;}
.bqxx dl dt{ width:100%; height:40px; line-height:40px; border:1px solid #b2b2b2; border-radius:40px; padding:0 20px; background:url(../images/bot_tb.png) 90px center no-repeat; font-size:15px; color:#b2b2b2; box-sizing:border-box;}
.bqxx dl dd{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:40px; display:none;}
.bqxx dl dd a{ width:100%; height:auto; float:left;font-size:16px;color:#b2b2b2; line-height:30px; overflow:hidden; padding-left:20px; box-sizing:border-box;}
.bqxx dl:Hover dd{ display:block;}

 

/****产品中心******/
.nybanner{ width:100%; height:auto; float:left; margin-top:115px;}
.nybanner .img{ width:100%; height:420px; border-radius:70px 0 70px 0; display:block;}
.nybanner .document_width1,.nybanner .document_width{ position:relative;}
.nybannerwz{ position:absolute; left:0; top:190px; width:100%; height:auto; float:left; }
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:60px; line-height:60px; color:#fff;font-weight:normal;margin-top:-15px; opacity:0.5;}
.mbx p{ width:auto; height:auto; float:left;}
.mbx{ width:100%; height:auto; float:left;  position:absolute; left:0; top:170px;}
.mbx .a{ width:30px; height:30px; float:left; background:url(../images/mbx_tb.png) center center no-repeat;}
.mbx span{ width:20px; height:30px; float:left; display:block; background:url(../images/mbx_tb1.png) center center no-repeat;}
.mbx a{ width:auto; height:30px; line-height:30px; float:left; font-size:14px; color:#fff;}
.mbx a:Hover{ opacity:0.9;}

.prodiv{ width:100%; height:auto; float:left; padding:80px 0 50px 0; background:#fff;}

.prodivleft{ width:460px; height:auto; float:right; margin-top:-42px;}
.prodivleft dl{ width:210px; height:auto; float:left;  margin-bottom:0; margin-left:20px; position:relative;}
.prodivleft dl dt{ width:100%; height:auto; float:left; padding:0 20px; box-sizing:border-box; background:#e5e5e5; border-radius:12px 0 12px 0;position:relative;}
.prodivleft dl dt a{ width:100%; height:auto; float:left; line-height:75px; font-size:24px; color:#000; text-align:center; background:url(../images/pro_fltbh.png) right center no-repeat; }
.prodivleft dl dt span{ width:60px; height:100%; float:right; position:absolute; right:-5px; top:0; cursor:pointer; z-index:11; background:none;}
.prodivleft dl dd{ display:none; width:100%; height:auto; float:left; padding:0 20px; background:#fff;  box-sizing:border-box; position:absolute; left:0; top:60px; z-index:22; }
.prodivleft dl dd a{ width:100%; height:60px; line-height:60px; float:left; padding-left:39px; background:url(../images/pro_fltb1.png) 15px center no-repeat; overflow:hidden; box-sizing:border-box; font-size:18px; color:#333; border-bottom:1px solid #e5e5e5;}
.prodivleft dl dd a:hover,.prodivleft dl dd a.cur{ border-radius:5px;  color:#fff;background:url(../images/pro_fltb1h.png) 15px center no-repeat #e50503;}
.prodivleft dl:Hover dd{ display:block;} 
.prodivleft dl.cur{ border-radius:12px 0 12px 12px;background:#f2f2f2;}
.prodivleft dl.cur dt{ background:#e50503;}
.prodivleft dl.cur dt a{ color:#fff; background:url(../images/pro_fltb.png) right center no-repeat;}
/*.prodivleft dl.cur dd{ display:block;}*/

.prodivright{ width:100%; height:auto; float:left; background:#f2f2f2; padding:30px; box-sizing:border-box; min-height:200px; border-radius:20px;}
.prodivright .pdl{ width:23%; margin:1%;}

 
 
/*****产品列表-详情*****/ 
.proxxdiv{ width:100%; height:auto; float:left; margin-top:115px; background:#f2f2f2; padding:20px 0 80px 0;}
.mbx.mbx1{ position:static; color:#000; margin-bottom:20px;}
.mbx.mbx1 a.a{ background:url(../images/mbx_tbh.png) center center no-repeat;}
.mbx.mbx1 span{ background:url(../images/mbx_tb1h.png) center center no-repeat;}
.mbx.mbx1 a{ color:#444;}

.proxxdivleft{ width:34%; height:auto; float:left; background:#fff; }
.proxxdivright{ width:62%; height:auto; float:left; margin-left:4%;}

.proxxdivbox{ width:100%; height:auto; min-height:80px; float:left; background:#fff; border-radius:20px; padding:15px 35px 80px 35px; box-sizing:border-box; position:relative;}
.proxxdivbox h3{ width:100%; height:auto; float:left; font-size:18px; color:#000; line-height:28px;}
.proxxdivbox h1{ width:100%; height:auto; float:left; font-size:40px; color:#000; line-height:46px;font-family:"Alibabac";}
.xt1{ width:100%; height:1px; float:left; margin:25px 0 30px 0; background:#e5e5e5;}
.proxxdivbox p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333;}

.proxxdivboxa{ width:auto; height:auto; float:left; position:absolute; left:35px; bottom:30px;}
.proxxdivboxa a{ width:auto; height:44px; line-height:44px; padding:0 25px; border-radius:40px; font-size:16px; color:#fff; background:#e50503; float:left; margin:10px 20px 10px 0;}
.proxxdivboxa a s{ padding-right:30px; background:url(../images/proxx1_tb.png) right center no-repeat;}
.proxxdivboxa a.a s{ padding-right:30px; background:url(../images/jta.png) right center no-repeat;}
.proxxdivboxa a:hover{ opacity:0.8;}

.proxxdivtzc{ width:100%; float:right; height:auto; position:relative;}
.proxxdivtz{ width:456px; height:auto; float:left; position:relative; }
.jqzoom{float:left; width:100%;position:relative; height:auto; border-radius:5px;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:100%; height:100%;  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:100%;  display:block;cursor:pointer; background:url(../images/ialjtl.png) center center no-repeat; opacity:0.8; background-size:auto 25px !important;}
.next{position:absolute; right:0px;  top:0%; z-index:99;width:30px;height:100%;  display:block;cursor:pointer; background:url(../images/ialjtr.png) center center no-repeat; opacity:0.8; background-size:auto 25px !important;}
.prev:hover{ background:url(../images/ialjtlh.png) center center no-repeat;}
.next:hover{ background:url(../images/ialjtrh.png) center center no-repeat;} 
.spec-preview{width:100%;height:auto; }
.itemsz{ width:100%; height:auto; float:left;position:relative; margin-top:20px; 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:87px; 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 #e50503; }
.proxxtzjt{ width:60px; height:auto; float:left; position:absolute; right:0; top:40%; display:none;}
.proxxtzjt .jtl,.proxxtzjt .jtr{ position:static; margin:10px 0;}

.proxxdiv1{ width:100%; height:auto; float:left; padding:130px 0 100px 0; background:#fff;}
.pxxs{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; color:#000;font-family:"Alibabac"; margin-bottom:20px; font-weight:normal;}
.proxxdiv1box1{ width:100%; height:auto; float:left; background:#eee; padding:8px; box-sizing:border-box; border-radius:20px; margin-bottom:80px; }
.proxxdiv1box1 ul.u1{ width:100%; height:auto; float:left; list-style:none;}
.proxxdiv1box1 ul.u1 li{ width:48%; height:63px; line-height:63px; font-size:15px; color:#111; float:left; margin:0 1%; overflow:hidden; border-bottom:1px solid #dcdcdc; padding-left:35px; background:url(../images/proxx2_tb.png) 5px center no-repeat; box-sizing:border-box;}
.proxxdiv1box1 ul.u1 li.lis{ line-height:24px; padding-top:10px;}
.proxxdiv1 dl.pdl,.alxxdiv1 dl.pdl { border:1px solid #ededed; width:523px; margin:0 5px; box-sizing:border-box;}
.proxxdiv1 dl.pdl dd,.alxxdiv1 dl.pdl dd{ padding:0 30px 30px 30px;}
.proxxdiv1 dl.pdl dt span,.alxxdiv1 dl.pdl dt span{ left:30px;}
.proxxdiv1 dl.pdl dd h3 a,.alxxdiv1 dl.pdl dd h3 a{ font-size:24px;}

.proxxdiv1box2{ width:100%; height:auto; float:left; margin-top:80px; background:#f2f2f2; border-radius:20px; overflow:hidden;}
.proxxdiv1box2 dl{ width:100%; height:auto; float:left;}
.proxxdiv1box2 dl dt{ width:30%; height:auto; float:left; position:relative;}
.proxxdiv1box2 dl dt img{ width:100%; height:auto; display:block; min-height:480px;}
.proxxdiv1box2 dl dt span{ width:100%; height:auto; float:left; position:absolute; left:0; top:0; padding:60px; box-sizing:border-box; font-size:36px; line-height:46px; color:#fff;font-family:"Alibabac"; font-weight:normal;}
.proxxdiv1box2 dl dd{ width:70%; height:auto; float:left; padding:40px 50px 0 50px; box-sizing:border-box;}
.proxxdiv1box2 dl dd .input{ width:calc(50% - 16px); height:48px; line-height:48px; background:#fff; margin:8px; outline:none; border:1px solid #ededed; border-radius:10px; padding:0 15px; font-size:16px;font-family:"Alibaba"; float:left; box-sizing:border-box;}
.proxxdiv1box2 dl dd .sel{ width:calc(100% - 16px); height:48px; line-height:48px; background:#fff; margin:8px; outline:none; border:1px solid #ededed; border-radius:10px; padding:0 15px; font-size:16px;font-family:"Alibaba"; float:left; box-sizing:border-box;}
.proxxdiv1box2 dl dd .text{ width:calc(100% - 16px); height:130px; line-height:24px; background:#fff; margin:8px; outline:none; border:1px solid #ededed; border-radius:10px; padding:15px; font-size:16px;font-family:"Alibaba"; float:left; box-sizing:border-box;}
.proxxdiv1box2 dl dd p{width:calc(100% - 16px); height:auto; float:left;margin:8px; position:relative;}
.proxxdiv1box2 dl dd p .input{ width:100%; margin:0;}
.proxxdiv1box2 dl dd p .img{ width:auto; height:48px; float:right; display:block; position:absolute; right:0; top:0; cursor:pointer;}

.proxxdiv1box2 dl dd span{  }
.proxxdiv1box2 dl dd span .che{ width:16px; height:16px; float:left; margin:16px 5px;}
.proxxdiv1box2 dl dd .button{ width:160px; height:48px; float:right; margin:8px; background:url(../images/jta.png) 120px center no-repeat #e50503; cursor:pointer; border:none; border-radius:40px; box-sizing:border-box; padding:0 45px 0 20px; font-size:16px; color:#fff;font-family:"Alibaba"; }
.proxxdiv1box2 dl dd .button:hover{ opacity:0.8;}


.aback{ width:auto; height:44px; line-height:44px; float:left; background:#e50503; padding:0 30px; border-radius:15px; margin:15px 0 0 15px; color:#fff; font-size:15px;}
.aback s{ padding-right:15px; background:url(../images/jta.png) right center no-repeat;}
.aback:hover{ color:#fff; opacity:0.8;}





/****案例场景******/
.mbx ul{ width:auto; height:auto; float:right; list-style:none; margin-top:-35px;}
.mbx ul li{ width:auto; height:auto; float:left; }
.mbx ul li a{ width:auto; height:60px; line-height:60px; padding:0 30px; border-radius:14px 0 14px 0; background:#f2f2f2; font-size:16px; color:#000; margin-left:15px; float:left;}
.mbx ul li a:hover,.mbx ul li a.cur{ background:#e50503; color:#fff; opacity:1;}

dl.aldl{ width:calc((100% - 60px) /3); height:auto; float:left; position:relative; border-radius:20px 20px 20px 0; overflow:hidden; margin:10px;} 
dl.aldl dt{ width:100%; height:100%; float:left; overflow:hidden;}
dl.aldl dt img{ width:100%; height:100%; min-height:310px; 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{ opacity:0; transition:all 0.5s ease; width:100%; height:auto; float:left; position:absolute; left:0; bottom:0; z-index:1;}
dl.aldl dd h3 a{ width:50%; height:72px; line-height:72px; float:left; padding:0 20px; box-sizing:border-box; font-size:18px; background:#fff; color:#000; border-radius:0 20px 0 0; overflow:hidden;font-family:"Alibabac"; font-weight:bold;}
dl.aldl dd a.a{ width:50px; height:50px; border-radius:50px; text-align:center; line-height:50px; font-size:20px; color:#fff; background:#e50503; float:right; margin:0 25px 20px 0;}
dl.aldl:hover dd{ opacity:1; transition:all 0.5s ease; }
/********案例场景-详情*******/
.alxxdiv{ width:100%; height:auto; float:left; padding:60px 0 80px 0; background:#fff; overflow:hidden;}
.alxxdiv .pxxs{ text-align:center;}
dl.alxxdl{ width:100%; height:auto; float:left;}
dl.alxxdl dt{ width:100%; height:auto; float:left; border-radius:20px 20px 20px 0; overflow:hidden;}
dl.alxxdl dt img{ width:100%; height:auto; display:block; max-height:408px;}
dl.alxxdl dd{ width:50%; height:auto; float:left; padding:30px 40px 30px 0; background:#fff; border-radius:0 20px; box-sizing:border-box; margin-top:-90px;}
dl.alxxdl dd h1{ width:100%; height:auto; float:left; font-size:36px; line-height:46px; color:#000;font-family:"Alibabac";  margin-bottom:15px;}
dl.alxxdl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333;}

.alxxtz{ width:1400px; height:auto; margin:0 auto;}
.alxxtzc{width:100%;position:relative; height:auto; float:left; touch-action: pan-y; margin-top:30px; padding-bottom:30px;}
.alxxtzc ul{ width:200000px; height:auto !important; overflow:hidden; float:left; list-style:none; position:relative;transition:transform 600ms;}
.alxxtzc ul li{ width:1400px; height:auto; float:left;padding:0 50px; box-sizing:border-box; }
.alxxtzc ul li img{ width:100%; height:auto; display:block; border-radius:20px;}
.alxxtz .aljtl{ left:-25px; top:44%;} 
.alxxtz .aljtr{ right:-25px; top:44%;} 
.alxxspan{margin:0px;padding:0px; width:100%; height:10px; position:absolute; bottom:0px;text-align:center; z-index:886;}
.alxxspan span{  width:30px;height:4px; border-radius:4px; cursor:pointer; display:inline-table; margin:0 3px; background:#999;}
.alxxspan span.cur{ background:#e50503; }
.alxxdiv1{ width:100%; height:auto; float:left; padding:80px 0; background:#f2f2f2;}


/*********新闻列表******/
.xwdiv{ width:100%; height:auto; min-height:480px; float:left; padding:190px 0 80px 0; background:url(../images/xwdivbj.jpg) top center no-repeat #f2f2f2; margin-top:-100px; background-size:100% 480px;}
.xwdivc{width:100%;position:relative; height:auto; float:left; touch-action: pan-y; overflow:hidden;}
.xwdivlist{ width:200000px; height:auto !important; overflow:hidden; float:left; list-style:none; position:relative;transition:transform 600ms;}
.xwdivcspan{margin:0px;padding:0px; width:auto; height:10px; position:absolute; bottom:50px; left:55%; z-index:886;}
.xwdivcspan span{  width:30px;height:4px; border-radius:4px; cursor:pointer; display:inline-table; margin:0 3px; cursor:pointer; background:#999;}
.xwdivcspan span.cur{ background:#e50503; }

.xwdivlist dl{ width:1600px; height:auto; float:left; background:#fff; border-radius:20px; overflow:hidden;}
.xwdivlist dl dt{ width:50%; height:auto; float:left; overflow:hidden;}
.xwdivlist dl 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;}
.xwdivlist 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; }
.xwdivlist dl dd{ width:50%; height:auto; float:left; padding:30px 70px; box-sizing:border-box;}
.xwdivlist dl dd s{ width:auto; height:26px; line-height:26px; float:left; padding:0 15px; border-radius:20px; font-size:14px; color:#333; background:#e9e9e9;}
.xwdivlist dl dd h3 a{ width:100%; height:30px; float:left; font-size:24px; line-height:30px; color:#000;font-family:"Alibabac";  margin:14px 0 25px 0; overflow:hidden;}
.xwdivlist dl dd p{ width:100%; height:48px; float:left; font-size:16px; line-height:26px; color:#444; overflow:hidden; }
.xwdivlist dl dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#444; margin-top:40px;}
.xwdivlist dl:Hover dd h3 a{ color:#e50503;}
.xwdivz{ width:100%; height:auto; float:left; margin-top:80px; position:relative;}
.xwdivzc{width:100%;position:relative; height:auto; float:left; touch-action: pan-y; overflow:hidden;}
.xwdivzlist{ width:200000000px; height:auto !important; overflow:hidden; float:left; list-style:none; position:relative;transition:transform 600ms;}

.xwdivzlist dl{ width:520px; height:auto; float:left; background:#fff; border-radius:15px; margin-right:20px; padding:30px 35px; box-sizing:border-box;}
.xwdivzlist dl dt{ width:100%; height:auto; float:left;}
.xwdivzlist dl dt span{ width:auto; height:26px; line-height:26px; float:left; padding:0 15px; border-radius:20px; font-size:14px; color:#333; background:#e9e9e9;}
.xwdivzlist dl dt h3 a{ width:100%; height:60px; line-height:30px; font-size:24px; color:#000; overflow:hidden; float:left;font-family:"Alibabac";  margin:10px 0 15px 0;}
.xwdivzlist dl dd{ width:100%; height:auto; float:left;}
.xwdivzlist dl dd p{ width:100%; height:50px; float:left; font-size:16px; line-height:25px; color:#333; overflow:hidden; margin-bottom:15px;}
.xwdivzlist dl dd span{ width:100%; height:auto; float:left; font-size:14px; color:#666; line-height:24px;}
.xwdivzlist dl:Hover  dt h3 a{ color:#e50503;}


/*******新闻列表-详情****/ 
.xwxxdiv{ width:100%; height:auto; float:left; padding:60px 0 80px 0; background:#fff;}
.xwxxdivleft{ width:920px; height:auto; float:left; margin-right:100px; border-top:1px solid #999; padding:40px 0;}
.xwxxdivleft .h1{ width:100%; height:auto; float:left; font-size:36px; line-height:46px; color:#000;font-family:"Alibabac"; }
.stime{ width:100%; height:auto; float:left; font-size:15px; line-height:24px; color:#555; padding-bottom:15px; margin:8px 0 0 0; border-bottom:1px solid #ededed;}
.stime span{ width:auto; height:auto; float:left; margin-right:25px;}
.xwxxbox{ width:100%; height:auto; float:left; padding:25px 0; font-size:16px; line-height:26px; color:#333;}
.xwxxbox p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px;}
.xwxxbox img{ width:auto; height:auto !important;; display:block; margin:0 auto; max-width:100% !important;}

.xwxxdivright{ width:calc(100% - 1020px); height:auto; float:left;}
.xwxxdivright ul{ width:100%; height:auto; float:left; list-style:none;}
.xwxxdivright ul li{ width:100%; height:auto; float:left; margin-bottom:15px; padding:35px; box-sizing:border-box; border-radius:8px; background:#f2f2f2;}
.xwxxdivright ul li h3 a{ width:100%; height:30px; line-height:30px; float:left; font-size:24px; color:#000;font-family:"Alibabac";  overflow:hidden;}
.xwxxdivright ul li p{ width:100%; height:auto; float:left; margin-top:8px; font-size:15px; line-height:26px;}
.xwxxdivright ul li p s{width:auto; height:26px; line-height:26px; float:left; margin-right:15px; padding:0 15px; border-radius:20px; font-size:14px; color:#333; background:#e9e9e9;}
.xwxxdivright ul li:hover h3 a{ color:#e50503;}

.sxtdiv{ width:100%; height:auto; float:left; margin:35px 0; border-top: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/xwxx_tbl.png) left center no-repeat; box-sizing:border-box;}
.sxtdiv .box a strong{ width:100%; height:32px; float:left; font-size:24px; line-height:32px; color:#333; overflow:hidden; font-weight:normal;}
.sxtdiv .box a span{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#666;}
.sxtdiv .box a:hover strong{ color:#e50503}
.sxtdiv .box.boxr{ float:right;}
.sxtdiv .box.boxr a{ float:right; padding-right:40px; padding-left:0; background:url(../images/xwxx_tbr.png) right center no-repeat; text-align:right;}
.alxxdiv1 .xwdivz{ margin-top:0;} 

 
/*****常见问题*******/
.faqdiv{ width:100%; height:auto; float:left; background:#fff; padding:80px 0; box-sizing:border-box;}
.faqdiv .img{ width:100%; height:auto; display:block; padding-bottom:25px; margin-bottom:25px; border-radius:20px; border-bottom:1px solid #dedede;}
dl.faqdl{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed;}
dl.faqdl dt{ width:100%; height:100px; float:left; cursor:pointer; padding:0 40px; box-sizing:border-box;}
dl.faqdl dt strong{ width:100%; height:100px; position:relative;border-bottom:1px solid #f8f9fd; line-height:100px; overflow:hidden; float:left; padding:0 40px 0 50px; background:url(../images/faq_tb.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:30px;}
dl.faqdl dd{ width:100%; height:auto; background:#f8f8f8; 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:#e50503; color:#fff; border-radius:40px; display:block; position:absolute; left:40px; top:14px;}
dl.faqdl.cur dd{ display:block;}
dl.faqdl.cur dt strong{ background:url(../images/faq_tbh.png) right center no-repeat;}
dl.faqdl.cur dt strong{ border-bottom:1px solid #ededed;}


 
/******关于我们*****/
.aboutdiv{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.nytt{ width:100%; height:auto; float:left; margin-bottom:20px;}
.nytt strong{ width:100%; height:auto; float:left; font-size:48px; text-align:center;font-family:"Alibabac"; line-height:56px; color:#000; font-weight:normal;}
.aboutdiv .h2{ width:100%; height:auto; float:left; text-align:center; font-size:36px; line-height:46px; color:#000; font-weight:bold;font-family:"Alibabac";}
.aboutdiv .h2 span.s1{ padding-left:45px; background:url(../images/abdiv1_tb.png) left top no-repeat;}
.aboutdiv .h2 span.s2{ padding-right:45px; background:url(../images/abdiv1_tbh.png) right bottom no-repeat;}
.aboutdiv .h4{ width:100%; height:auto; float:left; color:#f0f1f6; font-size:120px; line-height:120px; opacity:0.5;font-family:"Alibabac"; z-index:0; font-weight:bold; font-style:italic; text-align:center;}
dl.abd1{ width:100%; height:auto; float:left; border-radius:20px; overflow:hidden; background:#f2f2f2; margin-top:-40px; position:relative; z-index:1;}
dl.abd1 dt{ width:50%; height:auto; float:left;}
dl.abd1 dt img,dl.abd1 dt video{ width:100%; height:auto; display:block;}
dl.abd1 dd{ width:50%; height:auto; float:left; padding:40px 70px 0 70px; box-sizing:border-box;}
dl.abd1 dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000; margin-bottom:15px;}
dl.abd1 dd strong span{ color:#e50503;}
dl.abd1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#333; margin-top:15px;}
.aboutdiv ul{ width:100%; height:auto; float:left; list-style:none; margin-top:40px;}
.aboutdiv ul li{ width:calc(50% - 20px); height:auto; float:left; margin-right:40px; padding:25px 25px 25px 80px; box-sizing:border-box; background-size:auto 60px; border-bottom:1px solid #ededed;}
.aboutdiv ul li strong{ width:100%; height:30px; float:left; font-size:24px; line-height:30px; color:#000; overflow:hidden; font-weight:normal;}
.aboutdiv ul li p{ width:100%; height:48px; float:left; font-size:16px; line-height:24px; color:#333; overflow:hidden;}
.aboutdiv ul li.ls{ margin-right:0;}
.aboutdiv .box{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#333; text-align:center; margin-top:25px;}

.aboutdiv1{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/abdiv2_bj.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.aboutdiv1 .nytt strong{ color:#fff;}
.aboutdiv1left{ width:calc(100% - 1080px); margin-top:-80px; padding:30px 20px; box-sizing:border-box; border-radius:20px; height:auto; min-height:750px; float:left; background:rgba(255,255,255,0.2); backdrop-filter:blur(25px);}
.aboutdiv1left strong{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#fff; text-align:center; font-weight:normal;}
.aboutdiv1left dl{ width:100%; height:auto; float:left;}
.aboutdiv1left dl dt{ width:120px; height:110px; float:left;}
.aboutdiv1left dl dt img{ width:88px; height:88px; margin-top:11px; float:left; display:block;}
.aboutdiv1left dl dd{ width:calc(100% - 120px); height:110px;display: flex;align-items: center; border-bottom:1px solid #6b6b65; float:left; font-size:18px; line-height:24px; color:#fff; padding-right:20px; box-sizing:border-box; }
.aboutdiv1left dl.last dd{ border-bottom:none;}

.aboutdiv1right{ width:1080px; height:auto; float:left; margin-top:25px; overflow:hidden;}
.aboutdiv1rc{ width:100%; float:right; height:auto; position:relative; touch-action: pan-y;background:url(../images/aboutdiv2_xt.png) right 11px no-repeat; background-size:90% 1px; }
.aboutdiv1rclist{ width:200000px; height:auto !important; overflow:hidden; float:left;  position:relative;transition:transform 600ms;}

.aboutdiv1rcqhd{ width:1080px; height:auto; float:left;}
.aboutdiv1rcqhd span{ width:auto; height:auto; float:left; cursor:pointer; padding-top:30px; background:url(../images/aboutdiv2_tb.png) center top no-repeat; text-align:center; font-size:24px; line-height:30px; color:#fff;}
.aboutdiv1rcqhd span.cur{ background:url(../images/aboutdiv2_tbh.png) center top no-repeat;}
.aboutdiv1rclist dl{ width:1080px; height:auto; float:left; padding-top:240px; position:relative;}
.aboutdiv1rclist dl dt{ width:40%; height:auto; float:left; text-align:right; font-size:100px; font-weight:bold; line-height:100px;color:#fff; }
.aboutdiv1rclist dl dd{ width:60%; height:auto; float:left; padding-left:30px; box-sizing:border-box; position:absolute; right:0; bottom:0;}
.aboutdiv1rclist dl dd p{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; color:#fff;}
.ab2jt{ width:130px; height:60px; float:right; position:relative; margin-top:150px;}
.ab2jt .jtl{ position:static; float:left;}
.ab2jt .jtr{ position:static; float:right;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.aboutdiv2z{ width:100%; height:auto; float:left;  position:relative; }
.aboutdiv2c{width:100%; height:auto; float:left;  position:relative; touch-action: pan-y; overflow:hidden;}
.aboutdiv2list{ width:200000px; height:auto !important; overflow:hidden; float:left;  position:relative;transition:transform 600ms;}
.aboutdiv2c span{ width:1600px; height:2px; float:left; margin-top:25px; background:#ededed;}
.aboutdiv2c span s{ width:20%; height:2px; float:left; background:url(../images/csbj.png) left center no-repeat; background-size:100% 2px;}
.aboutdiv2list dl{ width:520px; height:auto; float:left; margin-right:20px; position:relative; }
.aboutdiv2list dl dt{ width:100%; height:auto; float:left; overflow:hidden;border-radius:20px; overflow:hidden;}
.aboutdiv2list 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;}
.aboutdiv2list 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; }
.aboutdiv2list dl dd{ width:calc(100% - 30px); height:60px; line-height:60px; float:left; position:absolute; left:15px; bottom:15px; background:#fff; border-radius:8px; text-align:center; overflow:hidden; font-size:18px; color:#000;}

.aboutdiv3{ width:100%; height:auto; float:left; padding:20px 0 90px 0; background:#fff;}
.aboutdiv3 ul.u1{ width:auto; height:auto; float:right; list-style:none; margin-top:-60px;}
.aboutdiv3 ul.u1 li{ width:auto; height:50px; line-height:50px; float:left; margin-left:15px; padding:0 25px; font-size:16px; font-weight:bold; color:#000; background:#f2f2f2; border-radius:5px; cursor:pointer;}
.aboutdiv3 ul.u1 li.cur{ background:#e50503; color:#fff;}

.aboutdiv3z{ width:560px; height:auto; margin:0 auto;position:relative; display:none;}
.aboutdiv3c{ width:100%; height:auto; float:left; position:relative;touch-action: pan-y;}
.aboutdiv3list{ width:200000px; height:630px; overflow:hidden; float:left; padding:10px 0;  position:relative;transition:transform 600ms;}
.aboutdiv3list dl{ width:220px; height:auto; float:left; box-sizing:border-box; border-radius:20px; margin:150px 20px; transition:all 0.5s ease; box-shadow:2px 4px 15px #ededed; overflow:hidden;}
.aboutdiv3list dl dt{ width:100%; height:auto; float:left;}
.aboutdiv3list dl dt img{ width:100%; height:auto; display:block; }
.aboutdiv3list dl dd{ width:100%; height:50px; margin-top:8px; line-height:50px; float:left; text-align:center; font-size:20px; color:#fff; display:none;}
.aboutdiv3list dl.cur{ width:400px; padding:10px; margin:0 80px; transition:all 0.5s ease; background:#e50503; box-shadow:none;}
.aboutdiv3list dl.cur dd{ display:block;}
.aboutdiv3c .jtl{ left:0px;}
.aboutdiv3c .jtr{ right:0;}

.aboutdiv3box{ width:100%; height:auto; float:left; overflow:hidden;}


/*****联系我们*****/
.lxwmdiv{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
dl.lxd1{ width:calc((100% - 40px) / 3); height:auto; float:left; box-shadow:0 2px 4px #ededed; border-radius:20px; padding:30px 55px; background:#f2f2f2; margin-right:20px; box-sizing:border-box; text-align:center;} 
dl.lxd1 dt{ width:100%; height:auto; float:left;}
dl.lxd1 dt img{ width:88px; height:auto; display:block; margin:0 auto;} 
dl.lxd1 dd{ width:100%; height:auto; float:left; margin-top:20px;} 
dl.lxd1 dd strong{ width:100%; height:auto; float:left; font-size:26px; line-height:30px; color:#000; margin-bottom:10px; font-weight:normal;}
dl.lxd1 dd p{ width:100%; height:48px; line-height:24px; float:left; font-size:16px; color:#333;} 
dl.lxd1.last{ margin-right:0;} 

.lxdt{ width:100%; height:auto; float:left; margin-top:50px;}
.lxdt img{ width:100%; height:auto; display:block; border-radius:30px;} 
  
 
 
/****加入我们****/
dl.zpdl{ width:100%; height:auto; float:left; margin-bottom:20px; border-radius:10px; background:#f2f2f2; padding:30px 35px; box-sizing:border-box;}
dl.zpdl dd{ width:calc(100% - 100px); height:auto; float:left;}
dl.zpdl dd span{ width:100%; height:auto; float:left; font-size:14px; color:#e50503; line-height:24px;}
dl.zpdl dd h3 a{ width:100%; height:auto; float:left; font-size:24px; line-height:36px;  color:#000;}
dl.zpdl dd p{ width:100%; height:auto; float:left; font-size:15px; line-height:20px; color:#444; margin-top:8px;}
dl.zpdl dt{ width:100px; height:auto; float:left; margin-top:25px;}
dl.zpdl dt a{ width:100%; height:auto; float:left; font-size:14px; padding-top:24px; background:url(../images/zp_tb.png) center top no-repeat; line-height:24px; color:#333; text-align:center;}
dl.zpdl dt a:hover{ background:url(../images/zp_tbh.png) center top no-repeat; color:#e50503;}

dl.zpxxdl{ width:100%; height:auto; float:left; border-top:1px solid #444;}  
dl.zpxxdl dt{ width:100%; height:130px; float:left; padding:0 40px; background:#f2f2f2; box-sizing:border-box;}
dl.zpxxdl dt h1{ width:calc(100% - 100px); height:130px; line-height:130px; float:left; font-size:48px;   color:#000;}
dl.zpxxdl dt a.a{ width:100px; height:130px; background:url(../images/zpxx_tb.png) center center no-repeat; display:block; float:right;} 
dl.zpxxdl dd{ width:100%; height:auto; float:left; padding:40px; box-sizing:border-box;}
dl.zpxxdl dd strong{ width:100%; height:auto; float:left; color:#000; font-size:18px; line-height:32px;}
dl.zpxxdl dd p{ width:100%; height:auto; float:left; color:#333; font-size:16px; line-height:28px;}

dl.zpxxdl dd a.a{ width:auto; height:58px; line-height:58px; float:left; padding:0 30px; border-radius:58px; background:#e50503; font-size:16px; color:#fff; margin-top:30px;} 
dl.zpxxdl dd a.a s{ padding-right:40px; background:url(../images/jta.png) right center no-repeat;}
dl.zpxxdl dd a.a:hover{ opacity:0.8;}


/******动画效果******/
.indextt{ opacity: 0.5;margin-top: 90px;}
.indextt strong,.indextt span { top: 20px; position: relative; opacity: 0;}
.indexdivqh2list dl.pdl:nth-child(1){ position:relative; top:40px;}
.indexdivqh2list dl.pdl:nth-child(2){ position:relative; top:40px;}
.indexdivqh2list dl.pdl:nth-child(3){ position:relative; top:40px;}
.indexdivqh2list dl.pdl:nth-child(4){ position:relative; top:40px;}
.ixwbox{ position:relative; top:40px;}

.indexdiv2boxc ul li{ position:relative; top:40px;}
 

@keyframes No000_auto_loop_row_left {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-50%);}
}
@keyframes No000_auto_loop_row_right {
    0% {transform: translateX(0%);}
    100% { transform: translateX(50%);  }
}
@keyframes No000_auto_loop_col_top {
    0% { transform: translateY(0%);}
    100% {transform: translateY(-50%);}
}
@keyframes No000_auto_loop_col_bottom {
    0% { transform: translateY(0%);}
    100% {  transform: translateY(50%);}
}

[ly-carousel-autoloop]{width: 100%;overflow: hidden;display: flex;justify-content: flex-start;align-items: flex-start;}
[ly-carousel-autoloop][data-direction='right']{justify-content: flex-end;}
[ly-carousel-autoloop][data-direction='bottom']{align-items: flex-end;}
[ly-carousel-autoloop] .wrapper{display: flex;animation: 16s No000_auto_loop_row_left linear infinite;position: relative;}
[ly-carousel-autoloop][data-direction='right'] .wrapper{animation-name: No000_auto_loop_row_right;}
[ly-carousel-autoloop][data-direction='top'] .wrapper{animation: 16s No000_auto_loop_col_top linear infinite;}
[ly-carousel-autoloop][data-direction='bottom'] .wrapper{animation-name: No000_auto_loop_col_bottom;}
[ly-carousel-autoloop] .wrapper .slide{flex:0 0 auto; margin:10px;}
[ly-carousel-autoloop] .wrapper.pause{animation-play-state: paused;}
[ly-carousel-autoloop] .wrapper .slide img{ width:250px; height:auto;}


.prodivleft{ position:relative; }
.prodivright{ position:relative; right:-200px;opacity:0.5;}

.proxxdivbox{ position:relative; left:-200px; opacity:0.5;}
.proxxdivtzc{ position:relative; right:-200px;opacity:0.5;}

dl.aldl:nth-child(1),dl.aldl:nth-child(2),dl.aldl:nth-child(3),dl.aldl:nth-child(4),dl.aldl:nth-child(5),dl.aldl:nth-child(6){ position:relative; top:50px;}
dl.alxxdl dd{ position:relative;top:-80px; opacity:0.5;}

.xwdivc{ top:90px; opacity:0.5;}
.xwdivzlist dl:nth-child(1),.xwdivzlist dl:nth-child(2),.xwdivzlist dl:nth-child(3){ position:relative; top:80px; opacity:0.5;}
.xwxxdivleft{ position:relative; left:-90px; opacity:0.5;}
.xwxxdivright{ position:relative; right:-90px; opacity:0.5;}
.aboutdiv{ margin-top:90px; opacity:0.5;}
dl.abd1 dt{ position:relative; left:-90px; opacity:0.5;}
dl.abd1 dd{ position:relative; right:-90px; opacity:0.5;}
.aboutdiv ul li{ position:relative; top:40px; opacity:0.5;}
.aboutdiv1left{ position:relative; left:-90px; opacity:0.5;}

dl.lxd1{ position:relative; top:80px; opacity:0.5;}


.ssdiv{ width:100%; height:auto; float:left; position:fixed; left:0; top:115px; background:#fff; padding:25px 0; z-index:999; display:none; }
.ssdiv p{ width:100%; height:auto; margin:0 auto; max-width:700px; padding-right:60px; box-sizing:border-box; position:relative;}
.ssdiv p .input{ width:calc(100% - 40px); float:left; height:40px; border:none; border-bottom:1px solid #ededed; outline:none;}
.ssdiv p .button{ width:40px; height:40px; line-height:40px; background:none; outline:none; cursor:pointer; border:none; font-size:14px; cursor:pointer;}
.ssdiv p .close{ width:30px; height:40px; line-height:40px; text-align:center; font-size:16px; position:absolute; right:0; top:0; color:#e50503;}
.ssdiv p .button:Hover{ font-weight:bold;}
.ssdiv p .close:Hover{ opacity:0.8;}