@charset "utf-8";
@import url("fontawesome.css");
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/poppins-regular.ttf');
}
 @font-face {
 font-family: 'zt'; 
	src: url('../fonts/Poppins-Bold.otf');
}
 
 
i,em{ font-style:normal;}
body {  font-family:"Montserrat",'Poppins', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', '微软雅黑',"AlibabaLight","思源","黑体",Arial, sans-serif,Stawix, Arial, Helvetica, sans-serif; font-size:14px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#74797e; line-height:24px; width:100%; overflow-x:hidden;  }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
/*ul,li,i { list-style:none;}*/
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0; margin:0; }
strong {padding:0; margin:0; }
a{ text-decoration:none; color:#333;}
a:hover{ color:#286fc9;}
img,video { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1440px; padding:0; margin:0 auto; box-sizing:border-box; }
.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}
.txtcen{ text-align:center;}
input[type="radio"]:after {  width: 15px;  height: 15px;border-radius: 50%; top: -2px;left: -1px;position: relative;background-color:white;display: inline-block; visibility: visible;border: 1px solid #000;}
input[type="radio"]:checked:after {border: 4.5px solid #000; }

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:30px; height:36px;float:right; margin:21px 0 0 15px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#fff; transition:all 0.5s ease;float:left; display:inline-block;}
.menutb.close span{ opacity:0;transition:all 0.5s ease; position:absolute; left:0; top:13px;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:13px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:13px; opacity:1;}
.sjmenu{ display:none;}

/****分页****/
.fenye{ margin:40px 0 20px 0; width:100%; height:auto; float:left; background:#ededf0; padding:20px; box-sizing:border-box; border-radius:15px;}
.fenye ul{  text-align:center; white-space:nowrap;list-style:none;}
.fenye ul li{display:inline;  margin:0; padding:0;list-style:none;  }
.fenye ul li a{ display:table-cell; display:inline-block; width:40px; color:#333; border-radius:1px; font-size:16px; height:40px; margin:0 3px; border-radius:100%; line-height:40px;text-align:center; background:#fff; 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;} 
 

 
/*******首页*******/ 
.headdiv{
    width:100%;
    height:96px;
    float:left;
    position:fixed;
    left:0;
    top:0;
    z-index:9998;
    background:linear-gradient(180deg, rgba(6,23,42,0.22) 0%, rgba(6,23,42,0.12) 68%, rgba(6,23,42,0.05) 100%);
    backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(255,255,255,0.12);
}
.headdiv .document_width{
    height:100%;
    display:flex;
    align-items:center;
}
.logo{
    width:auto;
    height:auto;
    float:none;
    margin-top:0;
    margin-right:auto;
    display:flex;
    align-items:center;
}
.logo img{ width:auto; height:70px; display:block; float:none;}

dl.soso{ width:auto; height:40px; float:none; position:relative; margin-top:0; padding-right:10px; margin-right:10px; background:url(../images/baibj.png) right center no-repeat; background-size:1px 15px; }
dl.soso dt{  width:40px; height:40px;  float:left;}
dl.soso dt .button{ width:40px; height:40px; float:left; z-index:2; position:relative; background:url(../images/h_soso.png) center center no-repeat ; border-radius:100%; border:none; outline:none; cursor:pointer; background-size:14px auto;}
dl.soso dd{ width:0; transition: all .5s ease; height:40px; float:left; position:absolute; z-index:1; right:25px; top:0px; }
dl.soso:hover dd{ width:200px; }
dl.soso dd .input{ width:100%; height:40px; line-height:40px; float:left;text-indent:15px; border:none; background:#000; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; border-radius:3px; outline:none;}

a.lxwma{ width:auto; height:40px; line-height:40px; float:none; padding:0 25px; border-radius:30px; background:rgba(255,255,255,0.92); color:#0f2238; border:1px solid rgba(15,34,56,0.2); font-size:15px; margin:0 25px; box-shadow:0 6px 16px rgba(8,20,36,0.12);}
a.lxwma:hover{ background:#d7b36a; color:#071421;}

dl.yydl{ width:82px; float:right; height:96px; position:relative;background:url(../images/yytb.png) 10px center no-repeat; box-sizing:border-box; background-size:20px auto; }
dl.yydl dt{ width:100%; height:36px; margin-top:29px; padding-left:35px;line-height:36px;box-sizing:border-box; float:left; }
dl.yydl dt a{ width:100%; height:auto; float:left; padding-right:10px; box-sizing:border-box; color:#fff;background:url(../images/yytb1.png) right center no-repeat;}
dl.yydl dd{ width:150px; display:none; height:auto; float:left; position:absolute; border-radius: 0 0 10px 10px; left:-50px; top:96px; padding:10px 0; box-sizing:border-box; background:#fff; }
dl.yydl dd a{ width:100%; height:auto; float:left;  font-size:14px; line-height:30px; color:#333; padding-left:50px; box-sizing:border-box; }

dl.yydl:hover dd{ display:block;}
dl.yydl dd a.a1{ background:url(../images/yy_zg.jpg) 15px center no-repeat; background-size:20px !important; }
dl.yydl dd a.a2{ background:url(../images/yy_yg.jpg) 15px center no-repeat; background-size:20px !important; }
dl.yydl dd a.a3{ background:url(../images/yy_dg.jpg) 15px center no-repeat; background-size:20px !important; }
dl.yydl dd a.a4{ background:url(../images/yy_qt1.jpg) 15px center no-repeat; background-size:20px !important; }
dl.yydl dd a.a5{ background:url(../images/yy_rb.jpg) 15px center no-repeat; background-size:20px !important; padding-left:10px;}


ul.ulmenu{ width:auto; height:96px; margin:0; float:none; list-style:none; margin-right:50px;}
ul.ulmenu li{ width:auto; height:96px; float:left;position:relative;}
ul.ulmenu li >a{ width:auto; height:96px; line-height:96px; float:left; padding:0 25px;  font-size:18px; color:rgba(255,255,255,0.92);}  
ul.ulmenu li >a s{ background:url(../images/h_jt.png) right center no-repeat; padding-right:15px;color:#000; font-weight:bold;}
ul.ulmenu li >a:hover,.ul.ulmenu li >a.cur{ color:#f4e7c8;}

ul.ulmenu li .ejp{ display:none; width:160%; height:auto; float:left; position:absolute; z-index:9998;left:-30%; top:96px; background:rgba(6,23,42,0.96); border:1px solid rgba(215,179,106,0.18); border-radius:0 0 12px 12px; overflow:visible;}
ul.ulmenu li .ejp a{ width:100%; height:46px; line-height:46px; color:#ffff; float:left; overflow:hidden; padding:0 10px; box-sizing:border-box; text-align:center; font-size:15px; border-bottom:1px solid rgba(255,255,255,0.1);}
ul.ulmenu li .ejp a:hover{ color:#fff; }  
ul.ulmenu li .ejp .eji{ width:100%; float:left; position:relative;}
ul.ulmenu li .ejp .eji > a{ position:relative; z-index:2;}
ul.ulmenu li .ejp .eji .sanj{ display:none; width:100%; height:auto; position:absolute; left:100%; top:0; background:rgba(8,25,51,0.98); z-index:3;}
ul.ulmenu li .ejp .eji .sanj a{ width:100%; height:46px; line-height:46px; color:#fff; float:left; padding:0 10px; box-sizing:border-box; text-align:center; font-size:15px; border-bottom:1px solid rgba(255,255,255,0.1);}
ul.ulmenu li .ejp .eji:hover .sanj{ display:block;}
ul.ulmenu li:hover .ejp{ display:block;}
ul.ulmenu li:hover >a{ color:#fff}
ul.ulmenu li .ejp.ejpd{ width:200%; left:-50%;} 

.headdiv:hover,.headdivd,.headdivds{
    background:linear-gradient(180deg, rgba(6,23,42,0.96) 0%, rgba(6,23,42,0.92) 100%);
}
  
  
.banner{ width:100%; overflow:hidden; height:48vw !important;min-height:500px !important;  float:left; position:relative; touch-action: pan-y;}
.banner ul {  overflow:hidden; height:48vw !important;min-height:500px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:500px; 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:500px !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_spankz{ width:600px; padding:0 40px;  height:40px; margin:0 auto;  box-sizing:border-box;  position:relative; z-index:999; top:-100px;} 
.banner_span{margin:0px;padding:0px; width:100%;  position:absolute; bottom:11px; left:0; text-align:center; z-index:886;}
.banner_span span{display:inline-block; width:60px;height:5px; margin:0 3px; cursor:pointer; background:rgba(255,255,255,0.2);}
.banner_span span.cur{ background:#fff;}
.banjtl{ width:40px; height:40px; background:url(../images/banjtl.png) center center no-repeat; cursor:pointer; position:absolute; left:0px; top:0; z-index:886;}
.banjtr{ width:40px; height:40px; background:url(../images/banjtr.png) center center no-repeat; cursor:pointer; position:absolute; right:0px; top:0; z-index:886;}
 
.banner .document_width{ position:relative;}
.banwenzi{ position:absolute; top:15vw; 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; float:left; text-align:center;}
.banwenzi h2,.banwenzi h1{ width:100%; height:auto; position:relative;  font-weight:bold; float:left; font-size:60px;line-height:68px; font-family:"zt"; margin-bottom:25px;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:20px;line-height:26px;  margin:-10px 0 25px 0;}
.banwenzi a.a{ width:auto; height:46px; line-height:46px; font-size:18px; overflow:hidden; box-sizing:border-box; position:relative; font-weight:bold; padding:0 20px; display:inline-table; margin:0 auto; color:#fff;    }
.banwenzi a.a span{ padding-right:27px; background:url(../images/ban_jta.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-left: 50px;}30% { opacity: 0;margin-left: 50px;}100% { width: 100%;margin-left: 0px;}}
@-webkit-keyframes donghuawz1 {0% {opacity: 0;margin-left: 50px;}30% {opacity: 0;margin-left: 50px;}100% { width: 100%; margin-left: 0px;  }}
@-webkit-keyframes donghuawz2 {0% { opacity: 0; margin-left: 50px;}30% {opacity: 0;margin-left: 50px;}100% { width:auto; margin-left: 0px; }}
/*
.banwenzi a.a .atop{ width:100%; height:2px; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat; background-size:0 2px;  transition:all 0.5s ease;}
.banwenzi a.a .arights{ width:2px; height:100%; position:absolute; right:0; top:0; z-index:1; background:url(../images/baibj.png) top right no-repeat; background-size:2px 0;  transition:all 0.5s ease;}
.banwenzi a.a .abottom{ width:100%; height:2px; position:absolute; left:0; bottom:0; z-index:1; background:url(../images/baibj.png) right bottom no-repeat; background-size:0 2px;  transition:all 0.5s ease;}
.banwenzi a.a .aleft{ width:2px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat;  background-size:2px 0;  transition:all 0.5s ease;}
.banwenzi a.a:Hover{ border:2px solid rgba(255,255,255,0);}
.banwenzi a.a:hover .atop{background-size:100% 2px; transition:all 0.5s ease;}
.banwenzi a.a:hover .arights{  background-size:2px 100%; transition:all 0.5s ease;}
.banwenzi a.a:hover .abottom{ background-size:100% 2px; transition:all 0.5s ease;}
.banwenzi a.a:hover .aleft{  background-size:2px 100%; transition:all 0.5s ease;}
*/
 





.xpage{ width:240px; height:60px; margin:0 auto; position:relative; z-index:999; margin-top:-60px; background:url(../images/bandian.png) top center no-repeat; background-size:240px 60px;}
.xpage s{ width:100%; height:60px; display:block;animation:td01 1s infinite;  background:url(../images/h_jth.png) center 30px no-repeat; cursor:pointer;}
 @-webkit-keyframes td01{0%{ background-position:center 30px;} 25%{ background-position:center 32px;} 50%{ background-position:center 30px;} 75%{background-position:center 28px;} 100%{ background-position:center 30px;} }

.indextt{ width:100%; height:auto; float:left; text-align:center; margin-bottom:35px;}
.indextt strong,.indextt h2{ width:100%; height:auto; float:left; font-size:54px; line-height:60px; color:#000; font-family:"zt";} 
.indextt p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#333; margin-top:15px;} 
.indextt a.a1{ width:auto; height:60px; line-height:60px; float:right; border-radius:35px; background:#000; padding:0 40px; font-size:18px; color:#fff; margin-top:-60px;}
.indextt a.a1:hover{ opacity:0.8;}

/*******首页新加排版*****/
.xindexdiv{ width:100%; height:auto; float:left; padding:70px 0 50px 0; background:#fff;}
.xindexdiv .indextt{ text-align:left;}
dl.xpd1{ width:calc(100% - ((100% - 60px) / 3) - 30px); height:480px; float:left; display:block; position:relative; margin-right:30px; margin-bottom:30px;}
dl.xpd1 dt{ width:100%; height:480px; float:left; position:relative; border-radius:40px; overflow:hidden;}
dl.xpd1 dt img{ width:100%; height:100%; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.xpd1: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.xpd1 dt span{ position:absolute; left:0; top:0; width:100%; height:auto; padding:40px 50px; box-sizing:border-box; font-size:18px; line-height:22px; color:#fff;}
dl.xpd1 dd{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:40px; padding:0 50px; box-sizing:border-box;}
dl.xpd1 dd h3 a{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; color:#fff; font-weight:bold;}
dl.xpd1 dd p{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; color:#fff; margin-bottom:15px;}
dl.xpd1 dd a.a{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#fff;}
dl.xpd1 dd a.a span{ padding-right:25px; background:url(../images/ban_jta.png) right center no-repeat; background-size:15px auto !important; transition:all 0.5s ease;}
dl.xpd1:hover dd a.a span{ padding-right:30px; transition:all 0.5s ease;}
 
dl.xpd2{ width:calc(( 100% - 60px ) / 3 );   height:480px; padding:30px; box-sizing:border-box; background:#f0f0f2; border-radius:20px; float:left; margin-right:30px; margin-bottom:30px;}
dl.xpd2.first,dl.xpd2.last{margin-right:0;} 
dl.xpd2 dd.dd{ width:100%; height:auto; float:left; text-align:center;}
dl.xpd2 dd.dd h3 a{ width:100%; height:24px; line-height:24px; font-size:18px; color:#000; font-weight:bold; float:left; overflow:hidden;} 
dl.xpd2 dd.dd p{ width:100%; height:22px; line-height:22px; font-size:16px; color:#555; float:left; overflow:hidden;} 
dl.xpd2 dt{ width:80%; margin:10px 10%;height:auto; float:left; overflow:hidden;}
dl.xpd2 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.xpd2: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.xpd2 dd.dd1{ width:100%; height:auto; float:left;} 
dl.xpd2 dd.dd1 a.a{ width:auto; height:auto; display:table; margin:0 auto; font-size:16px; line-height:30px; color:#000;}
dl.xpd2 dd.dd1 a.a span{ padding-right:25px; background:url(../images/ban_jta1.png) right center no-repeat; background-size:15px auto !important; transition:all 0.5s ease;}
dl.xpd2:hover dd.dd1 a.a span{ padding-right:30px; transition:all 0.5s ease;}
 
.xindexdivpro{ width:100%; height:auto; float:left; margin-top:40px;} 
dl.xpd3{ width:calc(( 100% - 90px ) / 4 );   height:auto; padding:30px; box-sizing:border-box; background:#f8f8f8; border-radius:20px; float:left; margin-right:30px; margin-bottom:30px;}
dl.xpd3:last-child{margin-right:0;} 
dl.xpd3 dd.dd{ width:100%; height:auto; float:left; text-align:center;}
dl.xpd3 dd.dd h3 a{ width:100%; height:24px; line-height:24px; font-size:18px; color:#000; font-weight:bold; float:left; overflow:hidden;} 
dl.xpd3 dd.dd p{ width:100%; height:22px; line-height:22px; font-size:16px; color:#555; float:left; overflow:hidden;} 
dl.xpd3 dt{ width:100%; margin:10px 0;height:auto; float:left; overflow:hidden;}
dl.xpd3 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.xpd3: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.xpd3 dd.dd1{ width:100%; height:auto; float:left;} 
dl.xpd3 dd.dd1 a.a{ width:auto; height:auto; display:table; margin:0 auto; font-size:16px; line-height:30px; color:#000;}
dl.xpd3 dd.dd1 a.a span{ padding-right:25px; background:url(../images/ban_jta1.png) right center no-repeat; background-size:15px auto !important; transition:all 0.5s ease;}
dl.xpd3:hover dd.dd1 a.a span{ padding-right:30px; transition:all 0.5s ease;}
 
.xindexdiv1{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/xindexbj1.jpg) center center no-repeat; background-size:cover;}
.xindexdiv1 .indextt strong,.xindexdiv1 .indextt h2{ color:#fff;}
.xindexdiv1 .indextt p{ color:#fff; opacity:0.9; margin-bottom:35px;} 
.indextt a.a2{ width:auto; height:60px; line-height:60px; margin:0 auto; display:table; border-radius:35px; background:#fff; padding:0 40px; font-size:18px; color:#000; }
.indextt a.a2:hover{ opacity:0.8;}
 
.xindexdiv2{ width:100%; height:auto; min-height:650px; float:left; padding:90px 0; background:url(../images/xindexdiv2.jpg) center center no-repeat; background-size:100% auto;}
.xindexdiv2  .indextt p{ margin-bottom:25px;}
.xindexdiv2 .indextt a.a1{ float:none; margin:0 auto; display:table; }
.xindexdiv2 ul{ width:100%; height:auto; float:left; list-style:none; margin-top:360px;}
.xindexdiv2 ul li{ width:23%; height:auto; float:left; text-align:center; margin:0 1%;}
.xindexdiv2 ul li strong{ width:100%; height:auto; float:left; color:#0168f5; font-size:60px; line-height:80px;}
.xindexdiv2 ul li strong em{ font-size:80px;}
.xindexdiv2 ul li p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#000; font-weight:bold;}
 
.indexdiv4{ width:100%; height:auto; float:left; padding:90px 0 60px 0; background:url(../images/xindexdiv3.jpg) center center no-repeat; background-size:cover;}
.indexdiv4 .indextt strong,.indexdiv4 .indextt h2{ color:#fff;}
ul.ulxw{text-align:center; white-space:nowrap;list-style:none; margin-bottom:25px;}
ul.ulxw li{display:inline; margin:0 -2px; padding:0 0 10px 0;list-style:none;  box-sizing:border-box;  }
ul.ulxw li a{ display:inline-block; width:auto; color:#333; font-size:20px; float:inherit; font-weight:bold; color:#555; background:url(../images/yuandian.png) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease;margin:0; height:auto; line-height:30px; padding:0 25px 9px 25px;text-align:center; box-sizing:content-box;}
ul.ulxw li a.cur{ color:#fff; background-size:100% 2px; transition:all 0.5s ease; }
dl.ixw{ width:431px; height:auto; float:left; padding:0 25px; margin:15px 0; border-right:1px solid rgba(255,255,255,0.1);}
dl.ixw dt{ width:100%; height:auto; float:left;overflow:hidden;}
dl.ixw 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.ixw: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.ixw dd{ width:100%; height:auto; float:left; margin-top:20px;}
dl.ixw dd h3 a{ width:100%; height:48px; line-height:24px; float:left; font-size:20px; color:#fff; overflow:hidden; font-weight:bold; margin:5px 0 10px 0;} 
dl.ixw dd p{ width:100%; height:auto; line-height:24px; float:left; font-size:14px; color:#fff; overflow:hidden; margin-top:10px;} 
dl.ixw dd p a.a{ width:30px; height:24px; float:right; background:url(../images/ban_jta.png) left center no-repeat; background-size:15px auto;} 

.indexxwa{ width:100%; height:auto; float:left; position:relative; display:none;}
.indexproz{ width:100%; height:auto; float:left; position:relative;} 
.indexprozc{ width:100%; height:auto; padding-bottom:20px; position:relative; overflow:hidden;}
.indexprozclist{width:200000px; height:auto; overflow:hidden; float:left; padding-bottom:30px; transition:transform 600ms;}
.ipjtl{ width:50px; height:50px; position:absolute; left:-60px; top:36%; border-radius:100%;background:url(../images/jtl.png) center center no-repeat rgba(255,255,255,0.4); cursor:pointer;}
.ipjtr{ width:50px; height:50px; position:absolute; right:-60px; top:36%; border-radius:100%;background:url(../images/jtr.png) center center no-repeat rgba(255,255,255,0.4); cursor:pointer; }
.ipjtl:hover{ background:url(../images/jtl.png) center center no-repeat rgba(255,255,255,1); } 
.ipjtr:hover{ background:url(../images/jtr.png) center center no-repeat rgba(255,255,255,1)} 
a.am1{ width:auto; height:60px; line-height:60px; margin:0 auto; display:table; border-radius:35px; background:#fff; padding:0 40px; font-size:18px; color:#000; }
a.am1:hover{ opacity:0.8;}

.indexbot{ width:100%; height:auto; float:left;padding:90px 0 70px 0; background:url(../images/xindexbj4.jpg) top center no-repeat; background-size:cover;}
.indexbot .indextt strong,.indexbot .indextt h2{ margin-bottom:25px;} 

 
.bottomdiv{ width:100%; height:auto; float:left; padding-top:45px; background:#00287c; overflow:hidden; }
.blogo{ width:100%; height:auto; float:left; margin-bottom:8px; }
.blogo img{ width:auto; height:24px; display:block;}
.bxt{ width:100%; height:1px; background:rgba(255,255,255,0.1); margin:25px 0 30px 0; float:left;}
.bottomdiv dl{ width:14%; height:auto; float:left; padding-right:20px; box-sizing:border-box; margin-bottom:25px; padding-right:20px; box-sizing:border-box;} 
.bottomdiv dl dt{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; font-weight:bold; color:#fff;} 
.bottomdiv dl dd{ width:100%; height:auto; float:left; margin-top:12px;}
.bottomdiv dl dd a{ width:100%; height:auto; float:left; font-size:15px; line-height:20px; margin:5px 0; color:#fff; font-weight:100; opacity:0.8;}
.bottomdiv dl dd a:hover{ opacity:1;} 
.bottomdiv dl.d1{ width:19.3%;}
.bottomdivc{ width:60%; max-width:620px; height:auto; float:left;}
.bottomdivc p{ width:100%; height:auto; float:left; font-size:16px; color:rgb(255,255,255,0.7); line-height:24px; margin:8px 0; padding-left:90px; box-sizing:border-box;}
.bottomdivc p span{ width:90px; float:left; margin-left:-90px; color:#fff; font-size:18px;}
.bottomdivc p a{ color:rgb(255,255,255,0.7);}
.bottomdivc p a:hover{ color:#fff;}
 
.float_r{ width:50px; height:auto; float:left; position:fixed; bottom:130px; right:18px; 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:8px; position:relative;}
.float_r ul li a{
    width:100%;
    height:50px;
    float:left;
    border-radius:14px;
    border:1px solid rgba(215,179,106,0.28);
    background-color:rgba(7,20,33,0.92);
    box-shadow:0 12px 30px rgba(0,0,0,0.28);
    transition:all .25s ease;
}
.float_r ul li.l1 a{ background-image:url(../images/float_tb1.png); background-position:center center; background-repeat:no-repeat;}
.float_r ul li.l4 a{ background-image:url(../images/float_tb2.png); background-position:center center; background-repeat:no-repeat; position:relative; z-index:1;}
.float_r ul li.l5 a{ background-image:url(../images/float_tb3.png); background-position:center center; background-repeat:no-repeat;}
.float_r ul li.l6 a{ background-image:url(../images/float_tb4.png); background-position:center center; background-repeat:no-repeat;}
.float_r ul li.l4 span{
    width:0;
    height:50px;
    line-height:50px;
    transition:all .35s ease;
    z-index:0;
    background:linear-gradient(120deg,#0b2035 0%,#122a46 100%);
    position:absolute;
    right:62px;
    top:0;
    font-size:15px;
    text-align:center;
    color:#f4e7c8;
    overflow:hidden;
    border:1px solid rgba(215,179,106,0.28);
    border-right:none;
    border-radius:12px 0 0 12px;
    white-space:nowrap;
    padding:0;
    box-sizing:border-box;
}
.float_r ul li.l4:hover span{ width:170px; padding:0 14px; }

.float_r ul li a:hover{
    background-color:#d7b36a;
    border-color:#d7b36a;
    transform:translateY(-2px);
}
    
   
   
/****产品中心******/
.nybanner{ width:100%; height:auto; float:left; position:relative}
.nybanner img{ width:100%; height:560px; display:block;}
.nybannerwz{ position:absolute; left:0; top:290px; width:100%; height:auto; float:left; margin-top:-15px; opacity:0.5;}
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:48px; line-height:60px; color:#fff;font-weight:600; 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;}
.nymenu ul li a{ width:auto; height:70px; line-height:70px; font-size:18px; font-weight:bold; position:relative; top:1px; color:#666;background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; float:left; margin-right:30px;font-size:16px; }
.nymenu ul li a:hover,.nymenu ul li a.cur{ background-size:100% 2px;  transition:all 0.5s ease;color:#000;}	
.prodiv{ width:100%; height:auto; float:left; padding:0 0 90px 0; min-height:100px; background:#f6f6f7;}
.mbxdiv{ width:100%; height:auto; float:left; padding:15px 0; font-size:15px; line-height:28px; color:#666;}
.mbxdiv a.a{ width:18px; height:24px; float:left; background:url(../images/mbxtb.png) center center no-repeat;}
.mbxdiv a{ color:#666; margin:0 2px;}
.probox{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden; margin:15px 0; background-size:cover !important; padding:50px 20% 60px 50px; box-sizing:border-box;}
.probox h2,.probox h1{ width:100%; height:auto; float:left; font-size:40px; line-height:56px; 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; background:#f8f9fa;}
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,dl.dlp dd h2 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:48px; 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:#f8f9fa; 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;}

 
/*****产品列表-详情*****/  
.proxdiv1{ width:100%; height:auto; float:left; min-height:200px; padding-bottom:60px; background:url(../images/proxxbj.jpg) center center no-repeat; background-size:cover; margin-top:96px;}
.proxdiv1 .mbxdiv{ background:rgba(230,230,230,0.3); margin-bottom:35px;}

.proxxdivtz{ width:45%; height:auto; float:left; position:relative; margin-right:7%;}
.jqzoom{float:left; width:100%; background:#fff; position:relative; height:auto; border-radius:20px; border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:100%; height:100%; padding:20px 50px; 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:10px; top:40%;  z-index:99;width:40px;height:40px; border-radius:40px; display:block;cursor:pointer; background:url(../images/jtl.png) center center no-repeat; opacity:0.6; background-size:10px auto !important;}
.next{position:absolute; right:10px;  top:40%; z-index:99;width:40px;height:40px; border-radius:40px; display:block;cursor:pointer; background:url(../images/jtr.png) center center no-repeat; opacity:0.6;background-size:10px auto !important;}
.prev:hover{ opacity:1;}
.next:hover{opacity:1;}
.spec-preview{width:100%;height:auto; }
.items{float:left;position:relative;width:100%;height:120px;overflow:hidden; margin:20px 0 0 0;}
.items ul{ position:absolute; left:0; top:0; width:999999px;height:auto; transition: transform 232ms; list-style:none;}
.items ul li{float:left;width:110px; height:auto;text-align:center; border-radius:8px; overflow:hidden; cursor:pointer; margin:0 10px; background:url(../images/heibj.jpg) center bottom no-repeat #fff; background-size:0 2px; transition:all 0.5 ease; border:1px solid #ededed; box-sizing:border-box; position:relative;}
.items ul li img{width:100%; height:100%; margin:0 auto; padding:10px;   box-sizing:border-box;}
.items ul li:hover,.items ul li.cur{ background-size:100% 2px; transition:all 0.5s ease;}

.proxdiv1c{ width:48%; height:auto; float:right; padding-top:25px;}
.proxdiv1c h4{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#666;}
.proxdiv1c h1{ width:100%; height:auto; float:left; font-size:28px; line-height:36px; color:#000; font-weight:bold; margin:10px 0 15px 0;}
.proxdiv1c h5{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; color:#000; padding-bottom:25px; border-bottom:1px solid #e1e2e1; background:url(../images/heibj.jpg) left bottom no-repeat; background-size:100px 2px;}
.proxdiv1c .box{ width:100%; height:auto; float:left; margin:25px 0; min-height:100px;}
.proxdiv1c .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; margin:8px 0; color:#000; font-weight:600;}
.proxdiv1c .boxa{ width:100%; height:auto; float:left; min-height:100px; margin:20px 0;}
.proxdiv1c .boxa img{ width:50px; height:50px; float:left; display:block; margin:5px 10px;}
.proxdiv1c a.a{ width:auto; height:46px; line-height:46px; float:left; display:block; margin:10px; background:#fff; padding:0 50px; border-radius:40px;}
.proxdiv1c a.a s{ padding-right:20px; background:url(../images/jtr.png) right center no-repeat; font-size:16px; font-weight:600; color:#000;}
.proxdiv1c a.a:hover{   background:#000;}
.proxdiv1c a.a:hover s{ background:url(../images/jtrh.png) right center no-repeat; color:#fff;}
.proxxdw{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; background:#fff; margin-bottom:30px;}
.proxxdw dl{ width:100%; height:auto; float:left;}
.proxxdw dl dt{ width:40%; height:auto; line-height:80px; font-size:18px; color:#000; font-weight:bold; float:left; display:none;}
.proxxdw dl dd{ width:100%; height:auto; float:left;}
.proxxdw dl dd a{ width:auto; height:80px; line-height:80px; float:left; margin:0 40px 0 0; font-size:17px; color:#000; padding:0 5px; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease;}
.proxxdw dl dd a:hover,.proxxdw dl dd a.cur{background-size:100% 2px;transition:all 0.5s ease;}
.proxxdwfd{ position:fixed; left:0; top:96px; z-index:9998;}

.proxxdiv2{ width:100%; height:auto; float:left; padding:30px 0 60px 0; background:#fff;}
.proxxdiv2 img{ width:auto; height:auto !important; margin:0 auto; max-width:100% !important; display:block;}
dl.tdl{ width:100%; height:auto; float:left; background:#fcfcfc;}
dl.tdl dt{ width:20%; height:auto; float:left; text-align:center; line-height:40px; font-size:16px; color:#333; border-bottom:1px solid #ededed; box-sizing:border-box;}
dl.tdl dd{ width:80%; height:auto; float:left;}
dl.tdl dd p{ width:100%; height:auto; float:left;}
dl.tdl dd p span{ width:65% !important; height:44px; float:left; line-height:44px; border-bottom:1px solid #ededed; border-left:1px solid #ededed; padding:0 20px; box-sizing:border-box; font-size:16px; overflow:hidden; color:#444;}
dl.tdl dd p span:first-child{ width:30% !important;} 
dl.tdl.top{ background:#f4f4f4;}
dl.tdl.top dt{ font-weight:bold; color:#000; height:70px; line-height:70px; text-align:left; padding-left:30px; box-sizing:border-box;}
dl.tdl.top dd p span{ font-weight:bold; height:70px; line-height:70px; color:#000;}
.proxxdiv2.bj{ background:url(../images/proxxbj1.jpg) center center no-repeat; background-size:cover; padding:60px 0;}
dl.tjdl{ width:1440px; height:auto; float:left;}
dl.tjdl dd.dd{ width:33%; height:auto; padding-top:130px; float:left;}
dl.tjdl dd.dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#444;}
dl.tjdl dd.dd h3 a{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; color:#000; font-weight:bold; margin:5px 0;}
dl.tjdl dd.dd p{ width:100%; height:auto; float:left; font-size:20px; line-height:32px; color:#000;}
dl.tjdl dt{ width:34%; height:auto; float:left; overflow:hidden;}
dl.tjdl 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.tjdl:hover dtimg{ -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.tjdl dd.dd1{ width:33%; height:auto; padding-top:110px; float:left;}
dl.tjdl dd.dd1 p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#000; margin-bottom:35px;}
 
dl.tjdl dd.dd1 a.a{ width:auto; height:50px; line-height:50px;  border-radius:5px; background:#000; display:table; margin:20px auto 50px auto; }
dl.tjdl dd.dd1 a.a s{ font-size:16px; padding-right:15px; background:url(../images/jtrh.png) right center no-repeat;font-size:16px; color:#fff;}
dl.tjdl dd.dd1 a.a div{ width:100%; height:100%; padding:0 28px;box-sizing:border-box; color:#fff; display:block; float:left; position:relative;}
dl.tjdl dd.dd1 a.a .atop{ width:100%; height:3px; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat; background-size:0 3px;  transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a .arights{ width:3px; height:100%; position:absolute; right:0; top:0; z-index:1; background:url(../images/baibj.png) top right no-repeat; background-size:3px 0;  transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a .abottom{ width:100%; height:3px; position:absolute; left:0; bottom:0; z-index:1; background:url(../images/baibj.png) right bottom no-repeat; background-size:0 3px;  transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a .aleft{ width:3px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat;  background-size:3px 0;  transition:all 0.5s ease;}

dl.tjdl dd.dd1 a.a:hover .atop{background-size:100% 3px; transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a:hover .arights{  background-size:3px 100%; transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a:hover .abottom{ background-size:100% 3px; transition:all 0.5s ease;}
dl.tjdl dd.dd1 a.a:hover .aleft{  background-size:3px 100%; transition:all 0.5s ease;}




.proxxtj{ width:100%; height:auto; float:left; padding-bottom:60px; position:relative; overflow:hidden;}
.proxxtjlist{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.proxxspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:10px;text-align:center; z-index:886;}
.proxxspan span{display:inline-block; position:relative; width:40px;height:40px; line-height:40px; border:2px solid none; border-radius:100%; text-align:center; font-size:16px; font-weight:bold; color:#000;  cursor:pointer; margin:0 3px; box-sizing:border-box;}
.proxxspan span.cur{  border:2px solid #000}
.proxxtjlist dl.dlp{ width:450px; margin:14px;}


.proxxdiv2c{ width:100%; height:auto; float:left; padding:40px 0 80px 0; background:url(../images/proxxbj2.png) left bottom no-repeat;}
.proxxdiv2c .indextt{ width:45%; height:auto; float:left; padding-right:100px; box-sizing:border-box; margin:0; text-align:left;}
.proxxdiv2cly{ width:55%; height:auto; float:left;}
.proxxdiv2cly .input{ width:48%; height:50px;font-family:"Montserrat"; line-height:50px; background:#fafafd; float:left; border-radius:20px; padding:0 20px; box-sizing:border-box; margin:1%; border:none; outline:none;}
.proxxdiv2cly .input.last{ width:34%;}
.proxxdiv2cly .text{ width:98%; height:120px;font-family:"Montserrat"; line-height:26px; background:#fafafd; float:left; border-radius:20px; padding:10px 20px; box-sizing:border-box; margin:1%; border:none; outline:none;}
.proxxdiv2cly p{ width:50%; height:auto; float:left;}
.proxxdiv2cly p .inputs{ width:50%; border-radius:20px 0 0 20px; margin-right:0;}
.proxxdiv2cly p .img{ width:30%; height:50px !important; display:block; float:left; margin-top:1%; cursor:pointer;}
.proxxdiv2cly .button{ width:30%; height:50px;font-family:"Montserrat"; line-height:50px;  position:relative; color:#fff; background:#000; float:right; cursor:pointer;   padding:0 20px; margin:1%; color:#fff; font-weight:bold; border:none; outline:none; box-sizing:border-box;}
/*.proxxdiv2cly .button:hover{ opacity:0.8;}*/
.proxxdiv2cly .button .atop{ width:100%; height:2px; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat; background-size:0 2px;  transition:all 0.5s ease;}
.proxxdiv2cly .button .arights{ width:2px; height:100%; position:absolute; right:0; top:0; z-index:1; background:url(../images/baibj.png) top right no-repeat; background-size:2px 0;  transition:all 0.5s ease;}
.proxxdiv2cly .button .abottom{ width:100%; height:2px; position:absolute; left:0; bottom:0; z-index:1; background:url(../images/baibj.png) right bottom no-repeat; background-size:0 2px;  transition:all 0.5s ease;}
.proxxdiv2cly .button .aleft{ width:2px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat;  background-size:2px 0;  transition:all 0.5s ease;}
.proxxdiv2cly .button:Hover{  }
.proxxdiv2cly .button:hover .atop{background-size:100% 2px; transition:all 0.5s ease;}
.proxxdiv2cly .button:hover .arights{  background-size:2px 100%; transition:all 0.5s ease;}
.proxxdiv2cly .button:hover .abottom{ background-size:100% 2px; transition:all 0.5s ease;}
.proxxdiv2cly .button:hover .aleft{  background-size:2px 100%; transition:all 0.5s ease;}




/******Server-产品画册*******/
.nybanner1{ width:100%; height:auto; float:left; position:relative}
.nybanner1 img{ width:100%; height:560px; display:block;}
.nybannerwz1{ position:absolute; left:0; top:210px; width:100%; height:auto; float:left;}
.nybannerwz1 strong{ width:100%; height:auto; float:left; text-align:center; font-size:48px; line-height:56px; font-weight:bold; color:#fff;}
.nybannerwz1 p{ width:100%; height:auto; float:left; text-align:center; font-size:22px; line-height:30px; color:#fff; margin-bottom:20px;}
.nybannerwz1 .div{ width:100%; height:60px; max-width:700px; margin:0 auto; display:table; background:#fff; border-radius:60px;}
.nybannerwz1 .div .input{ width:100%; height:60px; line-height:60px; float:left;font-family:"Montserrat"; border:none; outline:none; padding:0 125px 0 40px; box-sizing:border-box; font-size:16px; background:url(../images/ban_sstb.png) 20px center no-repeat;}
.nybannerwz1 .div .button{ width:120px; height:60px; line-height:60px; float:right;font-family:"Montserrat"; margin-top:-60px; border:none; outline:none; text-align:center;  font-size:16px; background:#000; color:#fff; cursor:pointer; font-weight:bold; border-radius:0 60px 60px 0; }
.nybannerwz1 .div .button:hover{ opacity:0.8;}

.baibj{ background:#fff;}
.hcbox{ width:23%; height:auto; float:left; border-radius:5px; margin:0 1% 2% 1%;  background:url(../images/ser_hctp.png) right top no-repeat; background-size:cover !important; padding:50px 40px 20px 40px; box-sizing:border-box; overflow:hidden; box-sizing:border-box;}
.hcbox h3 a{ width:100%; height:78px; float:left; font-size:18px; line-height:26px; font-weight:600; overflow:hidden; color:#000;margin-bottom:35px;}
.hcbox span{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#888; margin-bottom:110px;}
.hcbox a.a{ width:100%; height:30px; float:left; color:#000; line-height:30px; font-size:16px; font-weight:bold; background:url(../images/ser_hctb.png) right center no-repeat;}
.hcbox:Hover{ background:url(../images/ser_hctph.png) right top no-repeat; box-shadow:-3px 3px 4px #ededed;}
.hcbox:Hover a.a{ color:#286fc9; background:url(../images/ser_hctbh.png) right center no-repeat; }

/******Server-用户手册*******/
.yhul{ width:100%; height:auto; float:left; list-style:none; background:#fcfdfe;}
.yhul li{ width:auto; height:70px; line-height:70px; font-size:16px; color:#777; float:left; overflow:hidden; text-align:center;}
.yhul li.l1{ width:35%; text-align:left; padding:0 40px; box-sizing:border-box; font-weight:bold;}
.yhul li.l1 a{ width:100%; height:70px; line-height:70px; color:#000;}
.yhul li.l2,.yhul li.l3,.yhul li.l4,.yhul li.l5{ width:calc(65% / 4);}
.yhul li.l5 a{ width:100%; height:70px; display:block; background:url(../images/ser_hctb.png) center center no-repeat;}
.yhul.top{ background:#000 !important; border-radius:15px 15px 0 0;}
.yhul.top li{ color:#fff;}
.yhul:hover li.l5 a{ background:url(../images/ser_hctbh.png) center center no-repeat;}
.yhul:nth-child(odd){ background:#f3f6f9;}

/******Server-宣传视频*******/
.ser_sptj{ width:calc(96% - (94% / 3)); height:auto; border-radius:15px; overflow:hidden; float:left; margin:0 1% 2% 1%; position:relative;}
.ser_sptj video,.ser_sptj img{ width:100%; height:530px; display:block; cursor:pointer;}
.ser_sptj strong{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:30px; padding:0 50px; box-sizing:border-box; color:#fff; font-weight:bold;}
.ser_sptj strong s{ width:100%; height:auto;font-size:22px; line-height:30px;  min-height:50px; box-sizing:border-box; float:left; padding:10px 50px 0 0; background:url(../images/videobf.png) right center no-repeat; background-size:50px 50px;}

dl.spdl{ width:calc(94%/3); height:530px; border-radius:15px; overflow:hidden; float:left; margin:0 1% 2% 1%; box-shadow:0 2px 5px #ededed; background:#f8f9fd;}
dl.spdl dt{ width:100%; height:auto; float:left; position:relative;}
dl.spdl dt img{ width:100%; height:auto; display:block;}
dl.spdl dt span{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/videobf.png) center center no-repeat; background-size:50px auto;}
dl.spdl dd{ width:100%; height:auto; float:left; padding:20px 40px; box-sizing:border-box;}
dl.spdl dd h3 a{ width:100%; height:90px; float:left; font-size:22px; line-height:30px; overflow:hidden; margin:10px 0; font-weight:bold; color:#000;}
dl.spdl dd p{ width:100%; height:auto;  float:left; font-size:16px; line-height:24px;margin-bottom:20px; color:#777;}
dl.spdl dd a.a{ width:100%; height:auto; float:left; font-size:16px; padding-top:15px; font-weight:bold; border-top:1px solid #ededed; background:url(../images/jtr.png) right center no-repeat;}
dl.spdl:hover dd a.a{ color:#286fc9;background:url(../images/jtr_y.png) right center no-repeat;}
dl.spdl:hover{ background:#fff;}

/******Server-操作教程*******/
dl.czdl{ width:calc(94%/3); height:auto; float:left; margin:0 1% 2% 1%; cursor:pointer; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease;}
dl.czdl dt{ width:100%; height:auto; float:left; position:relative; border-radius:10px; overflow:hidden;}
dl.czdl 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.czdl: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.czdl dt span{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/videobf.png) center center no-repeat; background-size:50px auto;}
dl.czdl dd{ width:100%; height:70px; line-height:70px; float:left; border-bottom:1px solid #ededed; font-size:18px; font-weight:bold; color:#000; overflow:hidden;}
dl.czdl:hover{background-size:100% 2px; transition:all 0.5s ease;}

/******Server-常见问题*******/
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.cur dd{ display:block;}
dl.faqdl.cur dt strong{ background:url(../images/ser_faqtbh.png) right center no-repeat;}
dl.faqdl.cur dt strong{ border-bottom:1px solid #ededed;}


/*****关于我们*****/
.aboutdiv1{ width:100%; height:auto; float:left; padding:0 0 60px 0; background:url(../images/aboutbj.png) center bottom no-repeat; background-size:100% auto;}
dl.abd1{ width:100%; height:auto; float:left; margin:50px 0 30px 0;}
dl.abd1 dt{ width:40%; height:auto; float:left;}
dl.abd1 dt strong{ width:100%; height:auto; float:left; font-size:110px; line-height:100px; color:#000; font-weight:bold;}
dl.abd1 dt strong.sr{ text-align:right;}
dl.abd1 dt strong.sc{ text-align:center;}
dl.abd1 dd{ width:50%; height:auto; float:right;}
dl.abd1 dd h2{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; color:#000; font-weight:bold;}
dl.abd1 dd div{ width:100%; height:230px; overflow-y: auto;float:left; padding-right:30px; box-sizing:border-box; margin-top:20px;}
dl.abd1 dd div p{ width:100%; height:auto; float:left;  font-size:16px; line-height:28px; color:#222;}
dl.abd1 dd div::-webkit-scrollbar {width: 2px;height: 5px;}
dl.abd1 dd div::-webkit-scrollbar-track { border-radius: 2px; background-color: #ededed;box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
dl.abd1 dd div::-webkit-scrollbar-thumb { border-radius: 2px;background-color: #333;}
.aboutdiv1 .img{ width:100%; height:auto; display:block;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:60px 0 500px 0; background:url(../images/aboutbj1.png) center bottom no-repeat; background-size:100% auto;}
.aboutdiv2 .indextt{ width:50%; height:auto; float:left; margin:0; padding-top:15px; padding-right:9%; box-sizing:border-box; text-align:left;}
.aboutdiv2 .indextt strong{ line-height:50px;}
.aboutdiv2 .indextt p{ color:#000; margin-top:25px;}
.aboutdiv2box{ width:50%; height:auto; padding:40px 0; float:left; background:rgba(250,250,250,0.7); box-shadow:0 3px 5px #e1f3fb; border-radius:15px; min-height:100px;}
.aboutdiv2box ul{ width:100%; height:auto; list-style:none;}
.aboutdiv2box ul li{ width:50%; height:auto; float:left; padding:20px 0 20px 60px; box-sizing:border-box; border-right:1px solid rgba(150,150,150,0.1);}
.aboutdiv2box ul li strong{ width:100%; height:auto; float:left; font-size:60px; line-height:54px; color:#000; font-weight:bold;}
.aboutdiv2box ul li strong s{ font-size:30px;}
.aboutdiv2box ul li p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#000; font-weight:bold;}
.aboutdiv2box ul li.last{ border-right:none;}

.aboutdiv3{ width:100%; height:auto; float:left; position:relative;}
.aboutdiv3a{ width:100%; height:800px; float:left; padding:180px 0 70px 0; background:url(../images/aboutbj2.jpg) left center no-repeat; background-size:50% 100%; box-sizing:border-box;}
.aboutdiv3ac{ width:50%; height:auto; float:left; padding-right:100px; box-sizing:border-box; position:relative; z-index:1;}
.aboutdiv3 .indextt{ width:100%; margin:0; text-align:left; margin-bottom:200px;}
.aboutdiv3 .indextt strong{ line-height:56px;}
.aboutdiv3box{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#444;}
.aboutdiv3b{ width:100%; height:800px; float:left; position:absolute; right:0; top:0; padding:180px 0 70px 0; background:url(../images/aboutbj3.jpg) right center no-repeat; background-size:50% 100%; box-sizing:border-box;}
.aboutdiv3bc{ width:50%; height:auto; float:left; margin-left:50%; padding-left:100px; box-sizing:border-box;}
.aboutdiv3bc .indextt strong,.aboutdiv3bc .aboutdiv3box { color:#fff;}

.aboutdiv4{ width:100%; height:auto; float:left; background:url(../images/aboutbj4.jpg) center top no-repeat; background-size:cover; padding:100px 0 100px 0;}
.aboutdiv4 .indextt{ margin:0; text-align:left;}
.aboutdiv4 .indextt strong,.aboutdiv4 .indextt p{ color:#fff;}
.aboutdiv4 .img{ width:100%; height:auto; display:block; margin:50px 0 25px 0; float:left;}
.aboutdiv4c{ width:100%; height:230px; padding:0; float:left; position:relative; box-sizing:border-box; overflow:hidden; } 
.aboutdiv4clist{width:100%; height:10000px; float:left; margin-top:60px; position:absolute; top:-60px; transition:transform 600ms;}
dl.d1sz{ width:100%; height:60px; float:left; transition:all 0.5s ease;}
dl.d1sz dt{ width:65%; height:auto; float:left; font-size:30px; font-weight:100; line-height:60px; padding-left:0px;  color:rgba(255,255,255,0.2); transition:all 0.5s ease; box-sizing:border-box;}
dl.d1sz dd{ opacity:0; width:35%; height:auto; float:left;}
dl.d1sz dd strong{ width:100%; height:auto; float:left; font-size:100px; line-height:100px; color:#fff; font-weight:normal;}
dl.d1sz dd strong s{ font-size:30px;color:#fff; font-weight:normal;}
dl.d1sz.cur{ height:100px; border-bottom:1px solid rgba(255,255,255,0.1);box-sizing:border-box; transition:all 0.5s ease;}
dl.d1sz.cur dt{ height:100px; line-height:100px; font-size:48px; color:#fff; padding-left:40px; transition:all 0.5s ease;}
dl.d1sz.cur dd{ opacity:1;}
.aboutdiv4cspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:25px;text-align:center;  font-size:16px; font-weight:bold; color:#666;}
.aboutdiv4cspan s{ color:#fff;} 
.aboutjtl{ width:100%; height:60px; position:absolute; left:0; top:0;  cursor:pointer; z-index:10;}
.aboutjtr{ width:100%; height:60px; position:absolute; left:0; bottom:0;  cursor:pointer;z-index:10;}

.aboutdiv5{ width:100%; height:auto; float:left; overflow:hidden; padding:120px 0 100px 0; background:url(../images/aboutbj5.jpg) center center no-repeat; background-size:cover;}
.aboutdiv5c{ width:40%; height:auto; float:left;}
.aboutdiv5c .indextt{ width:100%; margin:0; text-align:left;}
.aboutdiv5c .yhao{ width:100%; height:auto; float:left; min-height:50px; margin-top:60px; background:url(../images/about_tb.png) left top no-repeat;}
.aboutdiv5c p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#666;}
dl.abzs{ width:380px; height:auto; float:left; background:#f8f9fa; border-radius:15px;  margin:0 15px; box-shadow:0 2px 10px #ededed;}
dl.abzs dt{ width:100%; height:auto; float:left; padding:0 20px; box-sizing:border-box;}
dl.abzs dt img{ width:100%; height:auto; display:block;}
dl.abzs dd{ width:100%; height:66px; float:left; border-top:1px solid #ededed; font-size:18px; line-height:66px; text-align:center; overflow:hidden;}
dl.abzs.cur{ width:440px; background:#fff;}
.aboutdiv5rz{ width:50%; height:auto; float:right;  overflow:hidden;}
.aboutdiv5r{ width:100%; height:auto; float:right; position:relative; overflow:hidden;}
.aboutdiv5rlist{width:200000px; height:auto; overflow:hidden;  float:left; padding:10px 0; transition:transform 600ms;}
.aboutdiv5rjt{ width:100%; height:60px; float:left; position:relative; margin-top:25px; background:url(../images/huibj.jpg) 20px 27px no-repeat; background-size:100% 1px !important;}
.jtl{ width:50px; height:50px; position:absolute; left:10px; top:0; border-radius:100%; border:1px solid #ededed; background:url(../images/jtl.png) center center no-repeat #ededed; cursor:pointer;}
.jtr{ width:50px; height:50px; position:absolute; left:80px; top:0; border-radius:100%; border:1px solid #ededed; background:url(../images/jtr.png) center center no-repeat #ededed; cursor:pointer;}
.jtl:hover{background:url(../images/jtlh.png) center center no-repeat #000; } 
.jtr:hover{background:url(../images/jtrh.png) center center no-repeat #000; } 
.aboutdiv5sz{ width:120px; height:60px; line-height:56px; position:absolute; right:0; top:0; font-size:16px; color:#777; font-weight:bold; text-align:center;}
.aboutdiv5sz s.s{ color:#000; font-size:20px;}

.aboutdiv6{ width:100%; height:auto; float:left; padding:100px 0; background:url(../images/aboutbj6.jpg) center center no-repeat; background-size:cover;}
.aboutdiv6 dl{ width:100%; height:auto; float:left;}
.aboutdiv6 dl dd{ width:40%; height:auto; float:left; padding-top:110px;}
.aboutdiv6 dl dd .indextt{ width:100%; margin:0; text-align:left;}
.aboutdiv6 dl dd .indextt strong{ line-height:56px; margin-bottom:25px;}
.aboutdiv6 dl dt{ width:50%; height:auto; float:right;}
.aboutdiv6 dl dt img{ width:100%; height:auto; display:block;}


/*****联系我们*****/
.lxwmdiv1{ width:100%; height:auto; float:left;}
.lxwmdiv1c{ width:100%; height:auto; float:left; background:#f8f9fd; border-radius:15px;}
.lxwmdiv1c dl{ width:calc(100% /3); height:auto; float:left; padding:0 25px; box-sizing:border-box; margin:80px 0 60px 0; text-align:center; border-right:1px solid rgba(150,150,150,0.1);}
.lxwmdiv1c dl.last{ border-right:0;}
.lxwmdiv1c dl dt{ width:100%; height:auto; float:left;}
.lxwmdiv1c dl dt img{ width:64px; height:auto; display:block; margin:0 auto;}
.lxwmdiv1c dl dd{ width:100%; height:auto; float:left; margin-top:15px;}
.lxwmdiv1c dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333; margin-bottom:5px;}
.lxwmdiv1c dl dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:36px; color:#000; font-weight:bold;}

.lxfxdiv{ width:400px; height:60px; background:#fbfcfd; box-shadow:1px -3px 4px #ededed; border-radius:50px 50px 0 0; margin:0 auto; text-align:center;}
.lxfxdiv a img{ margin:19px 10px; display:inline-table; width:22px; height:22px; opacity:0.4;}
.lxfxdiv a:hover img{ opacity:1;} 
.lxwmdiv2{ width:100%; height:auto; float:left; padding:50px 0 70px 0; background:#f8f9fd;}
.lxwmdiv2 .indextt{ width:100%; margin:0; text-align:left; margin:35px 0 25px 0;}
.lxwmdiv2 dl.d1{ width:calc(94% / 3); height:auto; float:left; margin:0 1% 2% 1%; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; border-bottom:1px solid #ededed;}
.lxwmdiv2 dl.d1 dt{ width:100%; height:auto; border-radius:15px; float:left; overflow:hidden;}
.lxwmdiv2 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;}
.lxwmdiv2 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; }
.lxwmdiv2 dl.d1 dd{ width:100%; height:auto; min-height:94px; float:left; padding:15px 0 20px 0;}
.lxwmdiv2 dl.d1 dd span{ width:100%; height:28px; float:left; font-size:18px; line-height:28px; color:#000; font-weight:bold; background:url(../images/lxwm_tb4.png) left center no-repeat; padding-left:20px; box-sizing:border-box;}
.lxwmdiv2 dl.d1 dd strong{ width:100%; height:auto; max-height:56px; overflow:hidden; float:left; font-size:20px; line-height:32px; color:#000; font-weight:normal; margin:5px 0 10px 0;}
.lxwmdiv2 dl.d1 dd p{  width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#666;}
.lxwmdiv2 dl.d1:hover{ background-size:100% 2px; transition:all 0.5s ease;}


/*******新闻列表*******/
.newsdiv{ width:100%; height:auto; float:left; padding-bottom:80px;}
dl.xdl{ width:100%; height:auto; float:left; padding-bottom:40px; margin:20px 0; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:0 1px; transition:all 0.5s ease; border-bottom:1px solid #ededed;}
dl.xdl dd{ width:calc( 100% - 540px); height:auto; float:left; padding-top:30px;}
dl.xdl dd span{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#777;}
dl.xdl dd h3 a{ width:100%; height:30px; float:left; font-size:22px; line-height:30px; font-weight:bold; color:#000; overflow:hidden; margin:10px 0 25px 0;}
dl.xdl dd p{ width:100%; height:52px; float:left; font-size:16px; line-height:26px; color:#666; overflow:hidden; margin-bottom:45px;}
dl.xdl dd a.a{ width:100%; height:auto; float:left;}
dl.xdl dd a.a s{ padding-right:15px; height:30px; font-size:16px; line-height:30px; color:#000; font-weight:bold; background:url(../images/jtr.png) right center no-repeat;}
dl.xdl dt{ width:480px; height:auto; float:right; overflow:hidden; border-radius:10px;}
dl.xdl 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.xdl: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.xdl:hover{ background-size:100% 1px; transition:all 0.5s ease;}
dl.xdl:hover dd h3 a{ color:#286fc9;}
dl.xdl:hover dd a.a s{ color:#286fc9; background:url(../images/jtr_y.png) right center no-repeat; }


/*******新闻列表-展会*******/
.newdivc{ width:100%; height:auto; float:left; margin:20px 0 0 0;}
.newdivc dl{ width:100%; height:auto; float:left; background:#fdfdfe; box-shadow:0 4px 8px #ededed; border-radius:10px; overflow:hidden; position:relative;}
.newdivc dl dt{ width:calc(100% - 500px); height:500px; float:left;}
.newdivc dl dt a img{ width:100%; height:100%; display:none;}
.newdivc dl dt a.cur img{ display:block;} 
.newdivc dl dd{ width:500px; height:auto; float:left; padding:0 40px; box-sizing:border-box; }
.newdivc dl dd ul{ width:100%; height:auto; float:left; list-style:none;}
.newdivc dl dd ul li{ width:100%; height:auto; float:left;padding:37px 0; box-sizing:border-box; border-bottom:1px solid #ededed;}
.newdivc dl dd ul li a{ width:100%; height:60px; line-height:30px; font-size:20px; color:#000; font-weight:bold; overflow:hidden; float:left; margin-bottom:8px;}
.newdivc dl dd ul li p{ width:100%; height:24px; line-height:24px; font-size:18px; color:#777;overflow:hidden; float:left;}
.newdivc dl dd ul li:last-child{ border-bottom:none;}
.newdivc dl dd ul li.cur a{ color:#286fc9;}

.newsdiv1{ width:100%; height:auto; float:left; padding:80px 0; background:#f8f9fb;}
dl.xd2{ width:480px; height:485px; float:left; border-radius:10px; margin-bottom:40px; overflow:hidden; position:relative; border-right:1px solid rgba(150,150,150,0.1); padding:20px 40px; box-sizing:border-box;}
dl.xd2 dd{ width:100%; height:auto; float:left;transition:all 0.5s ease; }
dl.xd2 dd h3 a{ width:100%; height:78px; line-height:26px; float:left; font-size:20px; color:#000; font-weight:bold; overflow:hidden;}
dl.xd2 dd p{ width:100%; height:56px; float:left; font-size:16px; line-height:28px; overflow:hidden; color:#666; margin:15px 0 25px 0;}
dl.xd2 dd span{ width:100%; height:56px; float:left; font-size:18px; line-height:28px; overflow:hidden; color:#666;}
dl.xd2 dd a.a{ width:100%; height:auto; float:left; display:none; margin-top:25px;}
dl.xd2 dd a.a s{ padding-right:15px; height:30px; font-size:16px; line-height:30px; color:#286fc9; font-weight:bold; background:url(../images/jtr_y.png) right center no-repeat;}
dl.xd2 dt{ width:100%; height:auto; float:left;}
dl.xd2 dt img{ width:100%; height:auto; display:block;}
dl.xd2.cur,dl.xd2:hover{ background:#fff; box-shadow:0 2px 4px rgba(150,150,150,0.1)}
dl.xd2.cur dd,dl.xd2:hover dd{ position:absolute; left:0; top:0; height:485px; z-index:11; padding:40px; box-sizing:border-box; transition:all 0.5s ease;}
dl.xd2.cur dd p,dl.xd2:hover dd p{ height:140px;}
dl.xd2.cur dd a.a,dl.xd2:hover dd a.a{ display:block;}
dl.xd2.cur dt,dl.xd2:hover dt{ opacity:0;}

/******新闻列表-详细页******/
.martop{ margin-top:96px; background:#f8f9fb;}
.newsxxdiv{ width:100%; height:auto; max-width:1000px; padding:40px 0; margin:0 auto; display:block; min-height:100px;}
.newsxxdiv span.sp{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; font-weight:bold; color:#000;}
.newsxxdiv .h1{ width:100%; height:auto; float:left; font-size:32px; line-height:40px; font-weight:bold; color:#000; padding-bottom:10px; margin:10px 0 25px 0; border-bottom:1px solid rgba(150,150,150,0.2);}
.newsxxdivc{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#333; padding-bottom:40px;}
.newsxxdivc p{ width:100%; height:auto; float:left;}
.newsxxdivc img{ width:auto; height:auto !important; max-width:100% !important; display:block; margin:0 auto;}

.newsxt{ width:100%; height:auto; float:left; background:#f8f9fb; border-radius:15px; margin-bottom:70px;}
.newsxt a{ width:100%; height:auto; padding:20px 30px; border-bottom:1px solid #ededed; box-sizing:border-box; float:left; overflow:hidden;}
.newsxt a:last-child{ border-bottom:none;}
.newsxt a span{ width:calc(100% - 120px ); height:40px; line-height:40px; font-size:18px; overflow:hidden; font-weight:bold; color:#000; float:left;}
.newsxt a s{ width:100px; height:40px; line-height:40px; float:right; text-align:center; font-size:16px; text-align:center; background:#fff; border-radius:20px; font-weight:bold;}
.newsxt a:hover s{ background:#000; color:#fff;}

.newsxxtj{ width:100%; height:auto; float:left; position:relative; padding-bottom:30px; overflow:hidden;}
.newsxxtjlist{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.newsxxtjspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:10px;text-align:center; z-index:886;}
.newsxxtjspan span{display:inline-block; position:relative; width:12px;height:12px; border:2px solid #f8f9fb; border-radius:100%; background:#888; cursor:pointer; margin:0 3px; box-sizing:border-box;}
.newsxxtjspan span.cur{  background:#000; border:2px solid #000;}


/*******解决方案-光伏******/
.sol_gfdiv{ width:100%; height:auto; float:left; background:url(../images/sol_gfbj.png) center bottom no-repeat; background-size:cover;}
.sol_gfdivc{ width:100%; height:auto; float:left; padding:40px 0 60px 0;}
.sol_gfdivc .indextt{ margin-bottom:45px;}
dl.sgfd1{ width:calc(100% / 3); height:auto; float:left; margin:15px 0; border-right:1px dashed #ededed; padding:15px 35px; box-sizing:border-box; text-align:center;}
dl.sgfd1 dt{ width:100%; height:auto; float:left;}
dl.sgfd1 dt img{ width:54px; height:auto; display:block; margin:0 auto;}
dl.sgfd1 dd{ width:100%; height:auto; float:left; margin-top:15px;}
dl.sgfd1 dd strong{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; padding-bottom:10px; margin-bottom:15px; color:#000; font-weight:bold; background:url(../images/heibj.jpg) center bottom no-repeat; background-size:20px 2px;}
dl.sgfd1 dd p{ width:100%; height:auto; min-height:112px; float:left; font-size:16px; line-height:28px;  color:#444;}
dl.sgfd1:last-child{ border-right:none;}

.sol_gfdiv1{ width:100%; height:auto; float:left; padding:120px 0; background:url(../images/sol_gfbj1.jpg) center center no-repeat; background-size:cover;}
.ziti{ color:#fff !important;}
dl.sgfd2{ width:25%; height:auto; float:left; padding:20px 40px; margin-top:25px; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; text-align:center;}
dl.sgfd2 dt{ width:100%; height:auto; float:left;}
dl.sgfd2 dt img{ width:72px; height:auto; display:block; margin:0 auto;}
dl.sgfd2 dd{ width:100%; height:auto; min-height:96px; float:left; margin-top:15px; font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
dl.sgfd2:last-child{ border-right:none;}

.sol_gfdiv2{ width:100%; height:auto; float:left; padding:90px 0;}
.indextta{ width:80%; margin:0 10% 25px 10%;}
.sol_gfdiv2 .img{ width:100%; height:auto; display:block; float:left; margin-top:20px; }

.sol_gfdiv3{ width:100%; height:auto; float:left; overflow:hidden; padding:90px 0 70px 0; background:url(../images/sol_gfbj2.jpg) center center no-repeat; background-size:cover;}
.sol_gfdiv3cz{ width:980px; height:auto; margin:0 auto;}
.sol_gfdiv3c{ width:980px; height:auto;   float:left; position:relative; padding-bottom:50px;}
.sol_gfdiv3c ul{ width:200000px; height:auto !important; overflow:hidden; list-style:none; float:left; transition:transform 600ms;}
.sol_gfdiv3c ul li{ width:960px; height:auto; float:left; margin:0 10px;}
.sol_gfdiv3c ul li img{ width:100%; height:auto; border-radius:10px; overflow:hidden; display:block;}
.sol_gfdiv3cspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:0px;text-align:center; z-index:886;}
.sol_gfdiv3cspan span{display:inline-block; position:relative; width:12px;height:12px; border:2px solid #f8f9fb; border-radius:100%; background:#888; cursor:pointer; margin:0 3px; box-sizing:border-box;}
.sol_gfdiv3cspan span.cur{  background:#000; border:2px solid #000;}

.sol_gfdiv4{ width:100%; height:auto; float:left; overflow:hidden; padding:90px 0; background:url(../images/sol_gfbj3.jpg) center center no-repeat; background-size:cover;}
dl.sgfd3{ width:1050px; height:auto; float:left; background:rgba(255,255,255,0.9); padding:20px 50px; margin-right:20px; margin-top:15px; box-sizing:border-box; border-radius:10px;}
dl.sgfd3 dd{ width:50%; height:auto; float:left; padding-top:60px;}
dl.sgfd3 dd span.sp1{ width:100%; height:24px; line-height:24px; font-size:16px; color:#555; float:left; overflow:hidden;}
dl.sgfd3 dd h3 a{ width:100%; height:40px; line-height:40px; font-size:30px; color:#000; font-weight:bold; margin:15px 0 5px 0; float:left; overflow:hidden;}
dl.sgfd3 dd span.sp2{ width:100%; height:24px; line-height:24px; font-size:20px; color:#000; float:left; overflow:hidden;}
dl.sgfd3 dd p{ width:100%; height:78px; line-height:26px; font-size:16px; color:#333; float:left; margin:10px 0; overflow:hidden;}
 

dl.sgfd3 dd a.a{ width:auto; height:50px; line-height:50px;  border-radius:5px; background:#286fc9;float:left; display:table; margin:20px auto 50px auto; }
dl.sgfd3 dd a.a s{ font-size:16px; padding-right:15px; background:url(../images/jtrh.png) right center no-repeat;font-size:16px; color:#fff;}
dl.sgfd3 dd a.a div{ width:100%; height:100%; padding:0 28px;box-sizing:border-box; color:#fff; display:block; float:left; position:relative;}
dl.sgfd3 dd a.a .atop{ width:100%; height:3px; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat; background-size:0 3px;  transition:all 0.5s ease;}
dl.sgfd3 dd a.a .arights{ width:3px; height:100%; position:absolute; right:0; top:0; z-index:1; background:url(../images/baibj.png) top right no-repeat; background-size:3px 0;  transition:all 0.5s ease;}
dl.sgfd3 dd a.a .abottom{ width:100%; height:3px; position:absolute; left:0; bottom:0; z-index:1; background:url(../images/baibj.png) right bottom no-repeat; background-size:0 3px;  transition:all 0.5s ease;}
dl.sgfd3 dd a.a .aleft{ width:3px; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/baibj.png) left top no-repeat;  background-size:3px 0;  transition:all 0.5s ease;}

dl.sgfd3 dd a.a:hover .atop{background-size:100% 3px; transition:all 0.5s ease;}
dl.sgfd3 dd a.a:hover .arights{  background-size:3px 100%; transition:all 0.5s ease;}
dl.sgfd3 dd a.a:hover .abottom{ background-size:100% 3px; transition:all 0.5s ease;}
dl.sgfd3 dd a.a:hover .aleft{  background-size:3px 100%; transition:all 0.5s ease;}


dl.sgfd3 dt{ width:50%; height:auto; float:left; overflow:hidden;}
dl.sgfd3 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.sgfd3: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.sgfd3:hover dd a.a{ background:#286fc9;}
.sol_gfdiv4cz{ width:100%; height:auto; float:left; position:relative;}
.sol_gfdiv4c{ width:1050px; height:auto;   float:left; position:relative; padding-bottom:50px;}
.sol_gfdiv4clist{ width:200000px; height:auto !important; overflow:hidden; list-style:none; float:left; transition:transform 600ms;}
.sol_gfdiv4cspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:0px;text-align:center; z-index:886;}
.sol_gfdiv4cspan span{display:inline-block; position:relative; width:12px;height:12px; border:2px solid #f8f9fb; border-radius:100%; background:#888; cursor:pointer; margin:0 3px; box-sizing:border-box;}
.sol_gfdiv4cspan span.cur{  background:#fff; border:2px solid #000;}


/*****解决方案-储能******/
#featured-area{height:auto;width:1440px;margin:70px auto 80px auto;}
.roundabout-holder{list-style:none;width:700px;height:380px;margin:0px auto;}
.roundabout-moveable-item{height:500px;width:960px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%; border-radius:10px; }
.roundabout-in-focus{cursor:auto;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

.sol_cndiv1{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/sol_cnbj.jpg) center center no-repeat; background-size:cover;}

.sol_cndiv1 dl.d1{ width:calc(97% / 3); height:auto; padding:25px 40px 10px 40px; box-sizing:border-box; float:left; margin:0.5%; background:#fff; border-radius:10px;}
.sol_cndiv1 dl.d1 dt{ width:100%; height:80px; float:left; font-size:22px; line-height:28px; color:#000; border-bottom:1px solid #ededed; padding:15px 60px 5px 0; box-sizing:border-box; background-size:52px auto !important;}
.sol_cndiv1 dl.d1 dd{ width:100%; height:130px; overflow:hidden; float:left; font-size:16px; line-height:26px; color:#555; margin-top:15px;}


/****新首页*****/
.headdiv .document_width{ width:1560px;}
.tbindexdiv1{
    width:100%;
    height:auto;
    float:left;
    padding:90px 0;
    background:
        radial-gradient(circle at 12% 12%, rgba(215,179,106,0.12), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #f3f7fc 56%, #eef4fb 100%);
}
.tbindexdiv1 .indextt strong,.tbindexdiv1 .indextt h2{ color:#0f2238; }
.tbindexdiv1 .indextt strong{ text-align:left;}
ul.pfl{ width:auto; height:auto; float:right; list-style:none; margin-top:-80px;}
ul.pfl li{ width:auto; height:40px; float:left; margin-left:15px;}
ul.pfl li a{ width:auto; height:40px; line-height:40px; padding:0 30px; background:#e5e5e5; border-radius:20px; float:left; font-size:16px; color:#333; font-weight:bold;}
ul.pfl li a.cur{ background:#000; color:#fff;}

.tbindexdiv1qh{ width:100%; height:auto; float:left; display:none;}
.tbindexdiv1qhleft{ width:300px; height:auto; float:left;}
.tbindexdiv1qhleftc{ width:100%; height:auto; min-height:395px; float:left; border-radius:20px; background:linear-gradient(180deg,#081933 0%,#071421 100%); border:1px solid rgba(215,179,106,0.24); padding:50px 0 40px 0; box-sizing:border-box;}
.tbindexdiv1qhleftc strong{ width:100%; height:auto; float:left; padding-left:50px; box-sizing:border-box;font-size:30px; line-height:40px; font-family:"zt"; color:#fff;}
.tbindexdiv1qhleftc ul{ width:275px; height:auto; float:left; list-style:none; margin-top:25px;}
.tbindexdiv1qhleftc ul li{ width:100%; height:auto; float:left;}
.tbindexdiv1qhleftc ul li a{ width:100%; height:40px; line-height:40px; border-radius:0 10px 10px 0;font-weight:bold; float:left; font-size:14px; color:rgba(255,255,255,0.74); padding-left:50px; box-sizing:border-box; border-left:2px solid transparent;}
.tbindexdiv1qhleftc ul li a:hover,.tbindexdiv1qhleftc ul li a.cur{ border-left:2px solid #d7b36a; background:rgba(215,179,106,0.14); color:#f4e7c8;}
.tbindexdiv1qhleft a.a{ width:auto; height:40px; line-height:40px; float:left; font-size:16px; color:#102741; font-weight:bold; margin-top:25px;}
.tbindexdiv1qhleft a.a s{ width:40px; height:40px; border-radius:40px; border:1px solid rgba(15,34,56,0.25); box-sizing:border-box; background:url(../images/jta.png) center center no-repeat rgba(255,255,255,0.94); display:block; float:left; margin-right:8px;}
.tbindexdiv1qhleft a.a:hover{ color:#0a1a2f; }
.tbindexdiv1qhleft a.a:hover s{ border-color:#d7b36a; background:url(../images/jtah.png) center center no-repeat #d7b36a; }

.tbindexdiv1qhright{ width:1120px; height:auto; float:right; position:relative; display:none; }
.tbindexdiv1qhrightc{ width:100%; height:auto; padding-bottom:20px; position:relative; overflow:hidden;touch-action: pan-y; }
.tbindexdiv1qhrightlist{width:200000px; height:auto; overflow:hidden; float:left; transition:transform 600ms;}
.tbindexdiv1qhright dl{ width:260px; height:auto; float:left; margin-left:20px; background:rgba(255,255,255,0.96); border-radius:12px; border:1px solid rgba(215,179,106,0.25);}
.tbindexdiv1qhright dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.tbindexdiv1qhright 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;}
.tbindexdiv1qhright 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; }
.tbindexdiv1qhright dl dd{ width:100%; height:auto; float:left; padding:10px 25px; box-sizing:border-box;}
.tbindexdiv1qhright dl dd h3 a{ width:100%; height:78px; float:left; line-height:26px; font-size:18px; font-family:"zt"; color:#000; overflow:hidden;}
.tbindexdiv1qhright dl dd a.a{ width:auto; height:26px; line-height:26px; float:left; padding-right:20px; transition:all 0.5s ease; background:url(../images/jta.png) right center no-repeat; font-size:16px; color:#000; font-weight:bold; margin-top:10px;}
.tbindexdiv1qhright dl:hover{ box-shadow:0 10px 24px rgba(3,10,20,0.28);}
.tbindexdiv1qhright dl:hover dd a.a{padding-right:27px; transition:all 0.5s ease;}
.tbindexdiv1qhright dl:hover h3 a{ color:#00287c;}
.prokz{ width:100%; height:auto; float:left; margin-top:4px;}
.prokz span{ width:calc(100% - 160px); height:2px; background:#ddd; float:left; position:relative; margin-right:25px; margin-top:18px;}
.prokz span s{ width:300px; height:2px; background:#000; position:absolute; left:0; bottom:0;}
.divjtl{ width:60px; height:40px; float:left; background:url(../images/divjtl.png) center center no-repeat #fff; border-radius:25px; box-shadow:0 2px 4px #ededed; cursor:pointer;}
.divjtl:hover{ background:url(../images/divjtlh.png) center center #000 no-repeat;}
.divjtr{ width:60px; height:40px; float:right; background:url(../images/divjtr.png) center center no-repeat #fff; border-radius:25px; box-shadow:0 2px 4px #ededed; cursor:pointer;}
.divjtr:hover{ background:url(../images/divjtrh.png) center center #000 no-repeat;}

.tbindexdiv2{ width:100%; height:auto; float:left; padding:90px 0 100px 0; background:url(../images/idiv2bj.jpg) center center no-repeat; background-size:cover;}
.tbindexdiv2 .indextt{ max-width:650px; text-align:left;}
.tbindexdiv2 .indextt strong,.tbindexdiv2 .indextt p,.tbindexdiv2 .indextt h2{ color:#fff;}
.tbindexdiv2 a.a{ width:auto; height:40px; line-height:40px; float:left; font-size:16px; color:#fff; font-weight:bold; margin-top:25px;}
.tbindexdiv2 a.a s{ width:40px; height:40px; border-radius:40px; border:1px solid #fff; box-sizing:border-box; background:url(../images/jtah.png) center center no-repeat; display:block; float:left; margin-right:8px;}
.tbindexdiv2 ul{ width:100%; height:auto; float:left; list-style:none; margin-top:80px;}
.tbindexdiv2 ul li{ width:calc((100% - 60px) / 4); height:auto; float:left; border-top:1px solid rgba(255,255,255,0.1); color:#fff; margin-right:20px; padding-top:25px; }
.tbindexdiv2 ul li.last{ margin-right:0;}
.tbindexdiv2 ul li strong{ width:100%; height:auto; line-height:60px; font-size:56px; font-family:Arial, Helvetica, sans-serif;}
.tbindexdiv2 ul li p{ width:100%; height:auto; float:left; font-size:16px; line-height:22px;}

.tbindexdiv3{ width:100%; height:auto; float:left; padding-top:80px; background:#fff; margin-top:-15px; border-radius:20px 20px 0 0; overflow:hidden; position:relative; z-index:1;}
.tbindexdiv3 .indextt{ text-align:left; margin-bottom:0;}
.tbindexdiv3 a.a{ width:auto; height:40px; line-height:40px; float:right; font-size:16px; color:#333; font-weight:bold; margin-top:-50px;}
.tbindexdiv3 a.a s{ width:40px; height:40px; border-radius:40px; border:1px solid #dddddd; box-sizing:border-box; background:url(../images/jta.png) center center no-repeat; display:block; float:left; margin-right:8px;}
.tbindexdiv3c{ width:100%; height:auto; float:left; background:#fff; padding:60px 0;}
.tbindexdiv3c dl{ width:100%; height:auto; float:left; position:relative;}
.tbindexdiv3c dl dd{ width:45%; height:auto; float:left; padding-top:15px;}
.tbindexdiv3c dl dd h2 a{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; color:#000; font-family:"zt"; padding-right:100px; box-sizing:border-box;}
.tbindexdiv3c dl dd p{ width:100%; height:auto; float:left; line-height:26px; font-size:16px; color:#333; margin:35px 0 0 0;}
.tbindexdiv3c dl dd a.a1{ width:auto; height:auto; position:absolute; left:0; bottom:20px; float:left; line-height:36px; font-size:16px; padding-right:20px; background:url(../images/jta.png) right center no-repeat; transition:all 0.5s ease;}
.tbindexdiv3c dl:hover dd a.a1{ padding-right:28px; transition:all 0.5s ease;}
.tbindexdiv3c dl dt{ width:45%; height:auto; float:right; overflow:hidden; border-radius:20px;}
.tbindexdiv3c 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;}
.tbindexdiv3c 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; }
.tbindexdiv3c dl.d1 dd h2 a,.tbindexdiv3c dl.d1 dd p{ color:#fff;}
.tbindexdiv3c dl.d1 dd a.a1{ color:#fff; background:url(../images/jtah.png) right center no-repeat;}
.tbindexdiv3c.section2{ background:#f3f4f9;}
.tbindexdiv3c.section3{ background:#e7e8ef;}
.tbindexdiv3c.section4{
    background:
        radial-gradient(circle at 84% 12%, rgba(215,179,106,0.12), transparent 24%),
        linear-gradient(180deg, #081933 0%, #06172a 58%, #04101f 100%);
}

.tbindexdiv4{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/idiv4bj.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.tbindexdiv4 .indextt strong,.tbindexdiv4 .indextt h2{ text-align:left; color:#fff;}
.kzjt4{ width:135px; height:auto; float:right; margin-top:-75px;}
.kzjt4 .divjtl{ background:url(../images/divjtlh.png) center center no-repeat; border:1px solid #fff; box-shadow:none;}
.kzjt4 .divjtl:Hover{background:url(../images/divjtl.png) center center no-repeat #fff;}
.kzjt4 .divjtr{ background:url(../images/divjtrh.png) center center no-repeat; border:1px solid #fff; box-shadow:none;}
.kzjt4 .divjtr:Hover{background:url(../images/divjtr.png) center center no-repeat #fff;}
.tbindexdiv4c{ width:100%; height:auto; padding-bottom:20px; position:relative; touch-action: pan-y; }
.tbindexdiv4list{width:200000px; height:auto; overflow:hidden; float:left; transition:transform 600ms;}
.tbindexdiv4list dl{ width:460px; height:auto; float:left; position:relative; margin-right:20px; border-radius:15px; overflow:hidden;}
.tbindexdiv4list dl dt{ width:100%; height:auto; float:right; overflow:hidden; border-radius:20px;}
.tbindexdiv4list 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;}
.tbindexdiv4list 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; }
.tbindexdiv4list dl dd{ width:92%; height:60px; line-height:60px; float:left; overflow:hidden; background:#fff; border-radius:8px; padding:0 15px; position:absolute; left:4%; bottom:4%; box-sizing:border-box; font-size:18px; color:#333; font-family:"zt";}

.tbindexdiv5{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.tbindexdiv5 .indextt{ max-width:560px; text-align:left;}
.tbindexdiv5 .indextt strong{ line-height:50px;}
.tbindexdiv5 a.a{ width:auto; height:40px; line-height:40px; float:right; font-size:16px; color:#333; font-weight:bold; margin-top:30px;}
.tbindexdiv5 a.a s{ width:40px; height:40px; border-radius:40px; border:1px solid #dddddd; box-sizing:border-box; background:url(../images/jta.png) center center no-repeat; display:block; float:left; margin-right:8px;}
ul.xul{ width:auto; height:auto; float:right; list-style:none; margin-right:5%; margin-top:30px;}
ul.xul li{ width:auto; height:auto; float:left; margin:0 5px; }
ul.xul li a{ width:auto; height:40px; line-height:40px; float:left; padding:0 25px;background:#e5e5e5; border-radius:25px; font-size:16px; color:#000; font-weight:bold;}
ul.xul li a.cur{ background:#000; color:#fff;}
.tbindexdiv5qh{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding-top:25px; display:none;}
.tbindexdiv5qh dl.d1{ width:600px; height:auto; float:left;}
.tbindexdiv5qh dl.d1 dd{ width:100%; height:auto; float:left;}
.tbindexdiv5qh dl.d1 dd span{ width:auto; height:30px; line-height:30px; background:#eee; border-radius:30px; padding:0 15px; font-size:14px; color:#444; float:left;}
.tbindexdiv5qh dl.d1 dd h3 a{ width:100%; height:72px; margin:10px 0 25px 0; float:left; font-size:30px; line-height:36px; font-family:"zt"; color:#000; overflow:hidden;}
.tbindexdiv5qh dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#333; margin-bottom:15px;}
.tbindexdiv5qh dl.d1 dt{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden;}
.tbindexdiv5qh 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;}
.tbindexdiv5qh 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; }
.tbindexdiv5qh dl.d1:hover dd h3 a,.tbindexdiv5qh dl.d2:hover dd h3 a{ color:#00287c;}

.xwgdt{ width:660px; height:525px; float:right; overflow-x:hidden; overflow-y:auto;}
.xwgdt::-webkit-scrollbar { width:5px; height:5px;}
.xwgdt::-webkit-scrollbar-track {border-radius:4px; height:8px;background-color:#edededed; border:1px solid #edededed;box-shadow:inset 0 0 6px rgba(0, 0, 0, .2);}
.xwgdt::-webkit-scrollbar-thumb { border-radius:4px; height:8px;background-color:#333;}



.tbindexdiv5qh dl.d2{ width:660px; height:auto; float:right; border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px;}
.tbindexdiv5qh dl.d2 dt{ width:250px; height:auto; float:left; border-radius:10px; overflow:hidden;}
.tbindexdiv5qh 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;}
.tbindexdiv5qh 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; }
.tbindexdiv5qh dl.d2 dd{ width:calc(100% - 250px); height:auto; float:left; padding-left:20px; margin-top:8px; box-sizing:border-box;}
.tbindexdiv5qh dl.d2 dd span{ width:auto; height:30px; line-height:30px; background:#eee; border-radius:30px; padding:0 15px; font-size:14px; color:#444; float:left;}
.tbindexdiv5qh dl.d2 dd h3 a{ width:100%; height:52px; margin:10px 0 15px 0; float:left; font-size:18px; line-height:26px; font-family:"zt"; color:#000; overflow:hidden;}
.tbindexdiv5qh dl.d2 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#333; margin-bottom:15px;}

.tbindexdiv6{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/idiv6bj.jpg) center center no-repeat; background-size:cover;}
.tbindexdiv6c{ width:47%; height:auto; float:left}
.tbindexdiv6c .indextt,.tbindexdiv6c .indextt strong,.tbindexdiv6c .indextt h2{ text-align:left; margin-bottom:0; color:#fff}
.tbindexdiv6c .s{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; color:#fff; font-family:"zt"; margin:5px 0 35px 0;}
.tbindexdiv6c dl{ width:100%; height:auto; float:left; border-top:1px solid rgba(255,255,255,0.1);}
.tbindexdiv6c dl dt{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; margin:15px 0; cursor:pointer; padding-right:25px; font-family:"zt"; color:#fff; background:url(../images/idiv6tb.png) right center no-repeat; box-sizing:border-box; }
.tbindexdiv6c dl dd{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:rgba(255,255,255,0.5); display:none; padding-bottom:20px;}
.tbindexdiv6c dl dd a{color:rgba(255,255,255,0.5);}
.tbindexdiv6c dl.cur dt{ background:url(../images/idiv6tbh.png) right center no-repeat;}
.tbindexdiv6c dl.cur dd{ display:block;}

.tbindexdiv6ly{ width:47%; height:auto; float:right; background:#fff; border-radius:20px; padding:40px 25px; box-sizing:border-box;}
.tbindexdiv6ly strong{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; color:#000; font-family:"zt"; margin:5px 0 35px 0;}
.tbindexdiv6ly .proxxdiv2cly{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding-top:15px;}
.tbindexdiv6ly .proxxdiv2cly .input{ width:48%; margin:1%; border-radius:5px; background:none; border:1px solid #ededed;}
.tbindexdiv6ly .proxxdiv2cly .input.inputw{ width:98%;}
.tbindexdiv6ly .proxxdiv2cly .text{ background:none; border:1px solid #ededed;}
.tbindexdiv6ly .proxxdiv2cly .button{ border-radius:20px;}

/*****新产品详情页*******/
.xinproxxdiv1{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.xinproxxdiv1 .indextt p{ padding:0 7%; box-sizing:border-box;}
.xinproxxdiv1box{ width:100%; height:auto; float:left;}
.xinproxxdiv1boxdt{ width:100%; height:auto; float:left; position:relative;}
.xinproxxdiv1boxdt img{ width:100%; height:630px; border-radius:15px; overflow:hidden;}
.xinproxxdiv1boxdt strong{ width:100%; height:auto; float:left; position:absolute; left:0; top:0; font-size:36px; line-height:40px; color:#fff; font-family:"zt"; padding:80px 80px; box-sizing:border-box;}
.xinproxxdiv1boxz{ width:100%; height:auto; float:left; position:relative; padding:0 100px 40px 100px; margin-top:-170px; box-sizing:border-box;}
.xinproxxdiv1boxc{ width:100%; height:auto; position:relative; overflow:hidden;touch-action: pan-y; }
.xinproxxdiv1boxclist{width:200000px; height:auto; overflow:hidden; float:left; transition:transform 600ms;}
.xinproxxdiv1boxclist ul{ width:100%; height:auto; float:left; list-style:none;}
.xinproxxdiv1boxclist ul li{ width:228px; height:115px; float:left; margin:0 10px; cursor:pointer; border:1px solid #fff; border-radius:10px; overflow:hidden; position:relative;}
.xinproxxdiv1boxclist ul li img{ width:100%; height:100%; display:block;}
.xinproxxdiv1boxclist ul li span{ width:100%; height:100%; position:absolute; left:0; top:0; font-weight:bold; color:#fff; background:rgba(0,0,0,0.4); font-size:18px; line-height:20px; text-align:center; padding:40px 0 0 0; box-sizing:border-box;}
.xinproxxdiv1boxclist ul li.cur span{ display:none;}
.xinproxxdiv1boxz .divjtl{ position:absolute; left:20px; top:40px;}
.xinproxxdiv1boxz .divjtr{ position:absolute; right:20px; top:40px;}

.xinproxxdiv1a{ width:100%; height:auto; float:left; margin-top:70px;}
.pnyt{ width:100%; height:auto; float:left; font-size:40px; line-height:48px; color:#000; font-family:"zt"; text-align:center; margin-bottom:15px;}
.pnyp{ width:100%; height:auto; float:left; font-size:28px; line-height:32px; color:#000; font-family:"zt"; text-align:center;}
.xinproxxdiv1abox{ width:100%; height:auto; float:left; margin-top:25px; background:url(../images/proxxdiv1a_bj.jpg) center top no-repeat; background-size:cover; border-radius:18px; padding:60px 40px; box-sizing:border-box;}
.xinproxxdiv1abox dl{ width:100%; height:auto; float:left; text-align:center;}
.xinproxxdiv1abox dl dt{ width:100%; height:auto; float:left;}
.xinproxxdiv1abox dl dt img{ width:auto; height:auto; display:block; margin:0 auto; max-width:70% !important;}
.xinproxxdiv1abox dl dd{ width:100%; height:auto; float:left; margin-top:35px;}
.xinproxxdiv1abox dl dd p{ width:calc(100% / 6); height:auto; float:left; text-align:center;}
.xinproxxdiv1abox dl dd p img{ width:120px; height:120px; display:block; margin:0 auto;}
.xinproxxdiv1abox dl dd p span{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#fff; margin-top:15px;}

.xinproxxdiv1b{ width:100%; height:auto; float:left; margin-top:60px;}
.xinproxxdiv1btp{ width:47%; height:auto; float:right;}
.xinproxxdiv1btp img{ width:100%; height:auto; display:block;}
.xinproxxdiv1bnr{ width:47%; height:auto; float:left; padding-top:45px; }
.xinproxxdiv1bnr .pnyt{ text-align:left;}
.pnyp1{ width:100%; height:auto; float:left; font-size:20px; margin-top:25px; line-height:26px; color:#000; padding-right:20%; box-sizing:border-box;}
.xinproxxdiv1bnrtb{ width:100%; height:auto; float:left; margin-top:70px;}
.xinproxxdiv1bnrtb p{ width:180px; height:auto; float:left; margin-right:50px;}
.xinproxxdiv1bnrtb p img{ width:100%; height:auto; display:block;}
.xinproxxdiv1bnrtb p span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#333; font-weight:bold; text-align:center; margin-top:15px;}
.xinproxxdiv1bnrtb p.last{ margin-right:0;}
.xinproxxdiv1b.last .xinproxxdiv1btp{ float:left;}
.xinproxxdiv1b.last .xinproxxdiv1bnr{ float:right;}
.xinproxxdiv1b.last .xinproxxdiv1bnr .pnyp1{ padding-right:10%;}
.xinproxxdiv1bnrwz1{ width:100%; height:auto; float:left; margin-top:20%;}
.xinproxxdiv1bnrwz1 strong{ width:100%; height:auto; float:left; color:#00287c; font-size:70px; line-height:70px; font-family:"zt";}
.xinproxxdiv1bnrwz1 p{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; color:#333; }
.xinproxxdiv1bnrwz2{width:100%; height:auto; float:left; padding-top:14%;}
.xinproxxdiv1bnrwz2 strong{ width:100%; height:auto; float:left; color:#00287c; font-size:70px; line-height:70px; font-family:"zt"; margin:15px 0;}
.xinproxxdiv1bnrwz2 strong s{ width:auto;height:auto; margin-right:15px; float:left;}
.xinproxxdiv1bnrwz2 strong s.s{ margin-right:0; margin-left:15px;}
.xinproxxdiv1bnrwz2 strong span{ width:auto; height:auto; float:left; font-size:20px; margin-top:8px; line-height:26px; color:#333;}
.xinproxxdiv1bnrwz2 strong span.sp{ margin-top:15px;}
.xinproxxdiv1bnrwz3{width:100%; height:auto; float:left; padding-top:10px; border-top:1px solid #ededed; margin-top:60px;}
.xinproxxdiv1bnrwz3 p{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; color:#333; margin-top:40px;}
.xinproxxdiv1bnrwz3 p strong{ color:#00287c;}

.proxxdiv1db{ width:100%; height:auto; float:left; margin-top:70px;}
.proxxdiv1db dl{ width:100%; height:auto; float:left; margin:8px 0;}
.proxxdiv1db dl dt{ width:220px; height:auto; min-height:20px; padding:0 15px; box-sizing:border-box; text-align:center; float:left;}
.proxxdiv1db dl dd{ width:calc(100% - 220px); height:auto; float:left; background:url(../images/huibj.jpg) left center no-repeat; background-size:1px 100%;}
.proxxdiv1db dl dd p{ width:calc(100% / 7); height:auto; text-align:center; padding:15px 0; float:left; background:url(../images/huibj.jpg) right center no-repeat; background-size:1px 100%;}
.proxxdiv1db dl.dtop{ background:#333; border-radius:15px 15px 0 0;}
.proxxdiv1db dl.dtop dd p{ color:#fff;}
.proxxdiv1db dl dt img{ width:100%; height:auto; display:block;}
.proxxdiv1db dl dt span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; font-weight:bold; color:#333; margin-top:5px;}
.proxxdiv1db dl dd p.p{ font-size:30px; height:120px; line-height:36px; padding-top:40px; box-sizing:border-box; color:#000;}
.proxxdiv1db dl dd p.p1{ font-size:24px; height:120px; line-height:30px; padding-top:30px; box-sizing:border-box; color:#000;}
.proxxdiv1db dl dd p.p1 span{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; color:#555;}
.proxxdiv1dbzj{ width:100%; height:auto; float:left; margin:8px 0;}
.proxxdiv1dbzj img{ width:220px; height:auto; padding:0 80px; float:left; box-sizing:border-box; display:block;}
.proxxdiv1dbzj span{ width:calc(100% - 220px); height:56px; float:right; background:url(../images/huibj.jpg) center center no-repeat; background-size:100% 1px;}
.proxxdiv1db .pbz{ width:100%; height:auto; float:left; border-top:2px solid #ededed; padding-top:10px; font-size:14px; line-height:24px; color:#333;}

.xinproxxdiv2{ width:100%; height:auto; float:left; padding:40px 0 80px 0; background:#fff;}
.videobox{ width:100%; height:auto; float:left; padding:280px 0; background-size:cover; border-radius:15px;}
.videobox a{ width:100%; height:80px; float:left; color:#fff; text-align:center;  background:url(../images/proxxdiv2_tb.png) center center no-repeat;}
.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;}

.xinproxxdiv3{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/huibj.jpg) center top no-repeat #fff; background-size:100% 260px;}
.xinproxxdiv3left{ width:calc(100% - 460px); height:auto; float:left; padding-right:60px; box-sizing:border-box;}
.xinproxxdiv3 .indextt{ text-align:left;}
.xinproxxdiv3 .indextt .p{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; color:#444;}
.xinproxxdiv3left dl{ width:100%; height:auto; float:left; margin-top:120px;}
.xinproxxdiv3left dl dt{ width:100%; height:auto; float:left;}
.xinproxxdiv3left dl dt img{ width:48px; height:auto; display:block;}
.xinproxxdiv3left dl dd{ width:100%; height:auto; float:left; padding-bottom:20px; margin-top:20px; font-size:20px; line-height:24px; color:#000; border-bottom:1px solid #ededed;}
.xinproxxdiv3left dl dd strong{ width:100%; height:auto; float:left; color:#00287c; font-size:90px; line-height:90px; font-family:"zt";}
.xinproxxdiv3right{ width:460px; height:auto; float:left;}
.xinproxxdiv3right img{ width:100%; height:auto; display:block;}

.xinproxxdiv4{ width:100%; height:auto; float:left; padding:20px 0 80px 0; background:#fff;}
.xinproxxdiv4 .indextt{ text-align:left;}
ul.ulpqd{ width:auto; height:auto; float:right; list-style:none; margin-top:-90px;}
ul.ulpqd li{ width:160px; height:auto; float:left; margin-left:15px;}
ul.ulpqd li a{ width:100%; height:42px; line-height:42px; float:left; text-align:center; font-size:16px; color:#000; background:#eee; border-radius:20px;}
ul.ulpqd li a.cur{ background:#000; color:#fff;}
.xinproxxdiv4qh{ width:100%; height:auto; float:left; display:none;}
.xinproxxdiv4tp{ width:100%; height:auto; position:relative; overflow:hidden;touch-action: pan-y; }
.xinproxxdiv4tplist{width:200000px; height:auto; overflow:hidden; float:left; transition:transform 600ms;}
.xinproxxdiv4tplist ul{ width:100%; height:auto; float:left; list-style:none;}
.xinproxxdiv4tplist ul li{ width:340px; padding:15px;border-radius:10px; background:#e5e5e5;  box-sizing:border-box; height:auto; float:left; margin-right:20px;}
.xinproxxdiv4tplist ul li a{ width:100%; height:auto; float:left; overflow:hidden;}
.xinproxxdiv4tplist ul li a 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;}
.xinproxxdiv4tplist ul li:hover a 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; }
.xinproxxdiv4kz{ width:100%; height:auto; float:left; margin-top:18px;}
.xinproxxdiv4kz span{ width:calc(100% - 160px); height:2px; background:#ddd; float:left; position:relative; margin-right:25px; margin-top:18px;}
.xinproxxdiv4kz span s{ width:300px; height:2px; background:#000; position:absolute; left:0; bottom:0;}

.xinproxxdiv5{ width:100%; height:auto; float:left; padding:0px 0 80px 0; background:#fff;}
.xinproxxdiv5 table{ font-size:16px; line-height:26px; color:#333;} 
.ptable{ width:100%; height:auto; float:left; border-top:1px solid #ededed;border-left:1px solid #ededed;  border-radius:10px 10px 0 0; overflow:hidden;}
.ptable td{ border-right:1px solid #ededed;border-bottom:1px solid #ededed; text-align:center; font-size:14px; line-height:20px; padding:12px 0;}
.ptable .bj{ background:#333333;}
.ptable .bj td{ color:#fff;}
.bj1{ background:#f6f6f6;}

.xinproxxdiv6{width:100%; height:auto; float:left; padding:0px 0 80px 0; background:#fff; overflow:hidden;}
.xinproxxdiv6z{ width:100%; height:auto; float:left; position:relative;}
.xinproxxdiv6c{ width:100%; height:auto; position:relative; overflow:hidden;touch-action: pan-y; }
.xinproxxdiv6list{width:200000px; height:auto; overflow:hidden; float:left; transition:transform 600ms;}
.xinproxxdiv6list dl{ width:460px; height:auto; float:left; margin:0 10px; position:relative; border-radius:10px; overflow:hidden;}
.xinproxxdiv6list dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.xinproxxdiv6list 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;}
.xinproxxdiv6list 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; }
.xinproxxdiv6list dl dd{ width:92%; height:54px; line-height:54px; position:absolute; left:4%; bottom:4%; background:#fff; border-radius:5px; font-size:16px; font-weight:bold; color:#333; text-align:center; overflow:hidden;}
.xinproxxdiv6 .divjtl{ position:absolute; left:-70px; top:40%;}
.xinproxxdiv6 .divjtr{ position:absolute; right:-70px; top:40%;}

.xinproxxdiv7{ width:100%; height:auto; float:left; padding:80px 0; background:#f3f3f3;}
.xinproxxdiv7c{ width:100%; height:auto; float:left; background:#fff; border-radius:15px; padding:50px; box-sizing:border-box; box-shadow:0 2px 4px #ccc;}
.xinproxxdiv7cleft{ width:440px; height:auto; min-height:10px; float:left; border-right:1px solid #ededed; padding-right:60px; margin-right:60px; box-sizing:border-box;}
.xinproxxdiv7cleft strong{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000; font-family:"zt";}
.xinproxxdiv7cleft p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#555; margin:10px 0 120px 0;}
.xinproxxdiv7cleft strong span{ font-size:18px; font-weight:normal; color:#444; font-family:"Montserrat";}
.xinproxxdiv7cright{ width:calc(100% - 500px); height:auto; float:left;}
.xinproxxdiv7list{ width:100%; height:auto; float:left; position:relative; overflow:hidden;touch-action: pan-y; border-bottom:1px solid #ededed; padding-bottom:20px;}
.xinproxxdiv7list ul{width:200000px; height:auto; overflow:hidden; float:left; transition:transform 600ms; list-style:none;}
.xinproxxdiv7list ul li{ width:840px; height:auto; float:left; font-size:30px; line-height:36px; height:118px; overflow:hidden; font-family:"zt"; color:#222;}
.xinproxxdiv7crightbot{ width:100%; height:auto; float:left; margin-top:25px;}
.xinproxxdiv7crightbot strong{ width:auto; height:auto; min-height:78px; padding-left:85px; background-size:76px 76px !important; float:left;}
.xinproxxdiv7crightbot strong s{ width:100%; height:auto; float:left; font-size:18px; font-family:"zt"; color:#222; line-height:26px; margin-top:10px;}
.xinproxxdiv7crightbotr{ width:130px; height:auto; float:right; margin-top:15px;} 


.xinproxxdiv1app{ width:100%; height:auto; position:relative; overflow:hidden;touch-action: pan-y; margin-top:40px; }
.xinproxxdiv1applist{width:200000px; height:auto; overflow:hidden; float:left; transition:transform 600ms;}
.xinproxxdiv1app dl{ width:465px; height:auto; float:left; margin-right:20px; position:relative;}
.xinproxxdiv1app dl dt{ width:100%; height:auto; float:left; border-radius:15px; overflow:hidden;}
.xinproxxdiv1app 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;}
.xinproxxdiv1app 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; }
.xinproxxdiv1app dl dd{ width:94%; height:auto; float:left; padding:10px 20px; background:#fff; border-radius:8px; position:absolute; left:3%; bottom:3%; box-sizing:border-box;}
.xinproxxdiv1app dl dd strong{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#000; font-family:"zt";}
.xinproxxdiv1app dl dd p{ width:100%; display:none; height:auto; float:left; font-size:16px; line-height:22px; color:#333; margin:8px 0;}
.xinproxxdiv1app dl:hover dd p{ display:block;}


.xinproxxdiv1appkx{ width:100%; height:auto; float:left; margin-top:18px;}
.xinproxxdiv1appkx span{ width:calc(100% - 160px); height:2px; background:#ddd; float:left; position:relative; margin-right:25px; margin-top:18px;}
.xinproxxdiv1appkx span s{ width:300px; height:2px; background:#000; position:absolute; left:0; bottom:0;}







.xinproxxdiv2{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
.xinproxxdiv2 dl{ width:100%; height:auto; float:left; margin:30px 0;}
.xinproxxdiv2 dl dt{ width:50%; height:auto; float:left; padding-right:40px; box-sizing:border-box;}
.xinproxxdiv2 dl dt img{ width:100%; height:auto; display:block;}
.xinproxxdiv2 dl dd{ width:50%; height:auto; float:left; padding-left:40px; margin-top:60px; box-sizing:border-box;}
.xinproxxdiv2 dl dd strong,.xinproxxdiv2 dl dd h2{ width:100%; height:auto; float:left;  font-size:48px; font-weight:bold; margin-bottom:30px;font-family: "ziti"; line-height:54px; color:#000; font-weight:bold;}
.xinproxxdiv2 dl dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:28px; color:#333;}
.xinproxxdiv2 dl.d1 dt{ float:right; padding-left:40px; padding-right:0;}
.xinproxxdiv2 dl.d1 dd{  padding-left:0px; padding-right:40px;}



 


.tbindexdiv3c{ position:relative;}
.section2,.section3,.section4{ margin-top:-220px;}


.lhqhdiv{ width:100%; height:auto; float:left; display:none;}
.xinproxxul {width: 100%;height: auto;float: left;margin: 40px 0;}
.xinproxxul ul {width: 480px;height: auto;margin: 0 auto;list-style: none;border-radius: 10px;overflow: hidden;}
.xinproxxul ul li a {width: 50%;height: 60px;line-height: 60px;float: left;font-size: 18px;background: #ebebeb;color: #333;text-align: center;}
.xinproxxul ul li.cur a {background: #333;color: #fff;}

/********/
.xjxgzt{ width:100%; height:auto; float:left; margin:25px 0;}
.xjxgzt dl{ width:100%; height:auto; float:left; border:1px solid #ededed; border-radius:10px;}
.xjxgzt dl dt{ width:100%; height:auto; font-size:22px; line-height:24px; background:url(../images/heibj.jpg) 15px center no-repeat; background-size:5px 30px;  padding:20px 30px; box-sizing:border-box; color:#333; border-bottom:1px solid #ededed;}
.xjxgzt dl dd{ width:100%; height:auto; float:left; padding:20px 30px; box-sizing:border-box;}
.xjxgzt dl dd h3 a{ width:auto; height:auto; float:left; font-size:16px; line-height:26px; color:#333; margin-right:20px;}
.xjxgzt dl dd h3 a:hover{ color:#000;}
 


.bottomdiv dl dd p {  width: 100%; height: auto;  float: left;  position: relative;}
.bottomdiv dl dd p span {width: 180px; height: 100px; padding:15px; display: none; position: absolute; left:180px; top: 0; overflow-y: auto; background: #fff;  box-sizing: border-box;  z-index: 1;}

.bottomdiv dl dd p span::-webkit-scrollbar { width:5px; height:5px;}
.bottomdiv dl dd p span::-webkit-scrollbar-track {border-radius:4px; height:5px;background-color:#ededed; border:1px solid #ededed;box-shadow:inset 0 0 6px rgba(0, 0, 0, .1);}
.bottomdiv dl dd p span::-webkit-scrollbar-thumb { border-radius:4px; height:5px;background-color:#333;}

.bottomdiv dl dd p span a {width: 100%; height: auto; float: left; font-size: 14px;line-height: 18px; color: #333; opacity: 0.8;}
.bottomdiv dl dd p span a:hover {  opacity: 1;}
.bottomdiv dl dd p:hover span {  display: block;}

/* Footer Premium */
.bottomdiv.footer-premium{
    position:relative;
    overflow:hidden;
    padding:72px 0 0;
    color:#fff;
    background:
        radial-gradient(circle at top left, rgba(215,179,106,0.16), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(255,255,255,0.08), transparent 20%),
        linear-gradient(180deg, #071421 0%, #081933 46%, #04101f 100%);
    isolation:isolate;
}
.bottomdiv.footer-premium:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0));
    pointer-events:none;
}
.footer-premium .document_width{
    position:relative;
    z-index:1;
}
.footer-premium__top{
    display:flex;
    justify-content:space-between;
    gap:32px;
    align-items:flex-start;
    padding-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,0.12);
}
.footer-premium__brand{
    max-width:760px;
}
.footer-premium__logo{
    display:inline-block;
    margin-bottom:16px;
}
.footer-premium__logo img{
    display:block;
    width:auto;
    height:58px;
}
.footer-premium__brand p{
    margin:0;
    font-size:15px;
    line-height:28px;
    color:rgba(255,255,255,0.78);
    max-width:860px;
}
.footer-premium__tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.footer-premium__tags span{
    display:inline-flex;
    align-items:center;
    height:34px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(215,179,106,0.35);
    background:rgba(215,179,106,0.08);
    color:#f4e7c8;
    font-size:12px;
    letter-spacing:0.04em;
    text-transform:uppercase;
}
.footer-premium__social{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding-top:2px;
}
.footer-premium__social a{
    width:44px;
    height:44px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(215,179,106,0.28);
    transition:transform .2s ease, background .2s ease, border-color .2s ease;
    box-shadow:0 10px 24px rgba(0,0,0,0.14);
}
.footer-premium__social a:hover{
    transform:translateY(-3px);
    background:#d7b36a;
    border-color:#d7b36a;
}
.footer-premium__social i{
    font-size:18px;
    color:#f4e7c8;
    transition:color .2s ease;
}
.footer-premium__social a:hover i{
    color:#071421;
}
.footer-premium__social img{
    width:20px;
    height:20px;
    display:block;
    display:none;
}
.footer-premium__grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);
    gap:40px;
    padding:30px 0 24px;
    align-items:start;
}
.footer-premium__panel{
    width:100%;
    min-width:0;
}
.footer-premium__panel h6{
    margin:0 0 14px;
    font-size:17px;
    line-height:26px;
    color:#fff;
    font-weight:600;
    letter-spacing:0.03em;
}
.footer-premium__links{
    list-style:none;
    margin:0;
    padding:0;
}
.footer-premium__links li{
    margin:0;
}
.footer-premium__links a{
    display:block;
    padding:8px 0;
    font-size:14px;
    line-height:22px;
    color:rgba(255,255,255,0.76);
    transition:transform .2s ease, color .2s ease;
}
.footer-premium__links a:hover{
    color:#fff;
    transform:translateX(4px);
}
.footer-premium__cats > li{
    padding-bottom:12px;
}
.footer-premium__cats > li > a{
    font-weight:600;
    color:#fff;
    padding-bottom:4px;
}
.footer-premium__contact a{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:8px 0;
    color:rgba(255,255,255,0.78);
}
.footer-premium__contact strong{
    min-width:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:600;
}
.footer-premium__contact strong i{
    width:26px;
    height:26px;
    display:inline-grid;
    place-items:center;
    font-size:15px;
    color:#d7b36a;
    border:1px solid rgba(215,179,106,0.38);
    border-radius:50%;
    background:rgba(215,179,106,0.08);
}
.footer-premium__contact span{
    color:inherit;
    font-size:14px;
    line-height:22px;
    word-break:break-word;
}
.footer-premium__bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    padding:14px 0 18px;
    border-top:1px solid rgba(255,255,255,0.12);
}
.footer-premium__bottom p{
    margin:0;
    font-size:13px;
    line-height:20px;
    color:rgba(255,255,255,0.68);
}
.footer-premium__bottom a{
    color:#f4e7c8;
    font-size:13px;
}