@charset "utf-8";/* reset*/
*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
html,body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:100%;margin: 0;padding: 0;border: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html,body{color:#333;overflow-x:hidden;transition:all 0.3s;}
ul,ol,li{list-style:none;margin:0;padding:0;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5{margin: 0;padding: 0;border: 0;line-height: normal;}
select::-ms-expand{display:none;} 
input,a{outline:none;}
a{color:#333333;text-decoration:none;outline:none;}
a:link{text-decoration:none;outline:none;}
a:visited{text-decoration:none;outline:none;}
a:hover{text-decoration:none;color:#c30d23;outline:none;}
a:focus{outline:none;}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;}
.clear{clear:both;}
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.none{display:none;}
.hide{display:none;}
textarea{outline:none;}
table{border-spacing:0;}
/* È¥³ýiPhoneÖÐĬÈϵÄinputÑùʽ */
input,select,button{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;resize:none;border-radius:0;outline:none;border:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button{cursor:pointer;}

body::-webkit-scrollbar{width:0;height:1px}
body::-webkit-scrollbar-button{display:none}
body::-webkit-scrollbar-track-piece{background:0 0}
body::-webkit-scrollbar-thumb{background:0 0}
@font-face{font-family:'Montserrat';src:url('/html/class/template/css/fonts/Montserrat-Regular.eot');src:url('/html/class/template/css//html/class/template/css/fonts/Montserrat-Regular.eot') format('embedded-opentype'),url('/html/class/template/css//html/class/template/css/fonts/Montserrat-Regular.woff2') format('woff2'),url('/html/class/template/css/fonts/Montserrat-Regular.woff') format('woff'),url('/html/class/template/css/fonts/Montserrat-Regular.ttf') format('truetype'),url('/html/class/template/css/fonts/Montserrat-Regular.svg') format('svg');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('/html/class/template/css/fonts/Montserrat-Light.eot');src:url('/html/class/template/css//html/class/template/css/fonts/Montserrat-Light.eot') format('embedded-opentype'),url('/html/class/template/css//html/class/template/css/fonts/Montserrat-Light.woff2') format('woff2'),url('/html/class/template/css/fonts/Montserrat-Light.woff') format('woff'),url('/html/class/template/css/fonts/Montserrat-Light.ttf') format('truetype'),url('/html/class/template/css/fonts/Montserrat-Light.svg') format('svg');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'NewsGoth BT';src:url('/html/class/template/css/fonts/NewsGothicBT-Bold.eot');src:url('/html/class/template/css//html/class/template/css/fonts/NewsGothicBT-Bold.eot') format('embedded-opentype'),url('/html/class/template/css//html/class/template/css/fonts/NewsGothicBT-Bold.woff2') format('woff2'),url('/html/class/template/css/fonts/NewsGothicBT-Bold.woff') format('woff'),url('/html/class/template/css/fonts/NewsGothicBT-Bold.ttf') format('truetype'),url('/html/class/template/css/fonts/NewsGothicBT-Bold.svg') format('svg');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Swis721 Hv BT';src:url('/html/class/template/css/fonts/Swiss721BT-Heavy.eot');src:url('/html/class/template/css//html/class/template/css/fonts/Swiss721BT-Heavy.eot') format('embedded-opentype'),url('/html/class/template/css//html/class/template/css/fonts/Swiss721BT-Heavy.woff2') format('woff2'),url('/html/class/template/css/fonts/Swiss721BT-Heavy.woff') format('woff'),url('/html/class/template/css/fonts/Swiss721BT-Heavy.ttf') format('truetype'),url('/html/class/template/css/fonts/Swiss721BT-Heavy.svg') format('svg');font-weight:900;font-style:normal;font-display:swap}
/*end reset*/


/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#000; font:12px/1.5 "PingFang SC","PingFang-SC-Regular", Microsoft Yahei,"Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","΢ÈíÑźÚ",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;position:relative;min-width:320px;}
.w1600{max-width:1600px;margin:0 auto;}
.w1400{width:1360px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.container{max-width:1600px;margin:0 auto;}
@media (max-width: 1685px){
   .w1600{ padding:0 1.9%;}
   .container{padding:0 5%;}
}
@media (max-width: 1520px){
   .w1200 {width: 1100px; }	
   .w1400 {width: 1300px; }
}
@media (max-width: 1400px){
   .w1400 {width: 1200px; }
}
@media (max-width: 1220px){
   .w1400 {width: 1000px; }	
   .w1200{width: 1000px; }	
}
@media (max-width: 1023px){
   .w1400 {width: 90%; }	
   .w1200{width: 90%; }	
    .container{padding:0 5%;}
	   .w1600{ padding:0 5%;}
}


/*header*/
.header{position:fixed;left:0;right:0;top:0;z-index:100;padding:0 1.9%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.header .headerBox{ margin:0 auto; max-width:1600px; position:relative;  height:100px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.header .hdr{float:right;padding-top:30px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.logo{float:left;height:100px;line-height:100px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.logo img{display:inline-block;vertical-align:middle;margin-right:-2px; max-height:40px;}
.logo .logo2{display:none}

/*menu-btn*/
.menu-btn{float:left;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-background-size:cover;background-size:cover;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.menu-btn{position:relative;z-index:3;/*display:flex;justify-content:center;align-items:center;*/width:43px;height:43px;border-radius:22px;cursor:pointer;transition:0.4s 0.2s;}
.menu-btn .menubtn{ position:relative; z-index: 20; cursor: pointer; transition: 0.4s; cursor: pointer; margin:auto auto;}
.menu-btn .menubtn span{ display:block; width:18px; height:2px;margin: 20px auto;background:#fff; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-btn .menubtn span:after,
.menu-btn .menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-btn .menubtn span:before {top: -6px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-btn .menubtn span:after {bottom: -6px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.open .menu-btn .menubtn span{ background-color:#333;}
.header-black .menu-btn .menubtn span { background-color:#333;}
.menu-btn.open .menubtn span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.menu-btn .menubtn span:after,
.menu-btn .menubtn span:before {background: #fff; -webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;}
.menu-btn.open .menubtn span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-btn.open .menubtn span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.header-black .menu-btn .menubtn span:before,
.header-black .menu-btn .menubtn span:after,
.open .menu-btn .menubtn span:before,
.open .menu-btn .menubtn span:after { background:#333;}

/*soBox*/
.soBox{float:left;width:43px;height:43px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:relative;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;margin: 0 27px;}
.soBox .inp{display:block;width:100%;height:43px;background:0 0;border:none;padding:0 50px 0 20px;font-size:14px;color:#fff;line-height:43px}
.soBox .btn-so,.soBox .btn-sub{display:block;width:43px;height:43px;position:absolute;right:0;top:0;background:url(/html/class/template/images/top-search.png) center center no-repeat;-webkit-background-size:18px;background-size:18px;border:none;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.soBox .btn-sub{display:none;}
.soBox .inp{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;}
.soBox.open .inp{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}
.soBox.open{width:200px;background-color:rgba(0,0,0,.5);}
.soBox.open .btn-so{display:none}
.soBox.open .btn-sub{display:block}
/*toptel*/
.toptel{float:right;/*display:none;display:inline-flex;display:-webkit-inline-flex;align-items:center;-webkit-align-items:center;*/height:100%;line-height:100px;}
.toptel{font-size:15px;color:#fff;position:relative;font-family: 'Montserrat',Arial, Helvetica, sans-serif; font-weight:300;letter-spacing:0;}
.toptel span{ display:inline-block; margin-right:10px;}
/*nav*/
.nav{float:right;/*display:none*/display:inline-flex;display:-webkit-inline-flex;align-items:center;-webkit-align-items:center;height:100%;}
.nav li{float:left;margin:0 15px; line-height:100px;}
.nav .v1{font-size:15px;color:#fff;line-height:35px; position:relative;display: inline-block;}
.nav .v1:before{content:"";width:0;height:3px;background:#5862ff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:-1}
.nav .v1:hover:before,.nav .v1.active:before{width:100%;right:auto;left:0}
.home .nav{ display:none;}
/*nav2*/
.nav li{ position:relative;}
.nav li dl{ padding-left: 25px !important; padding-right: 25px !important; width:110px; position:absolute; margin-left: -25px;background:#fff; padding:0;height: 0;overflow: hidden;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s; -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.nav2 dd{float:none!important;margin:0!important; line-height:30px!important;overflow:hidden;}
.nav2 .v2{font-size:15px; color: #222;line-height:35px;height:35px; position:relative;display:block;-webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.nav2 .v2:before{content:"";width:0;height:3px;background:#5862ff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:0}
.nav2 .v2:hover:before,
.nav2 .v2.active:before{width:100%;right:auto;left:0}
.nav2 .v2:hover{ color:#5862ff;}

/*header-black*/
.header-black{border-color:#e8e8e8;background:#fff}
body.open .header{background:#fff;border-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);}
.header-black .logo1,body.open .logo1{display:none}
.header-black .logo2,body.open .logo2{display:inline-block}
.header-black .menuBtn,body.open .menuBtn{background-image:url(/html/class/template/images/img10.png);color:#333}
.header-black .menu-btn.open .menubtn,body.open .menu-btn.open .menubtn{background-image:url(/html/class/template/images/img11.png)}

.header-black .nav .v1,body.open .nav .v1{color:#333}
.header-black .toptel,body.open .toptel{color:#333;}

.header-black .soBox.open,body.open .soBox.open{background:#f1f1f1}
.header-black .soBox .btn-so,.header-black .soBox .btn-sub,body.open .soBox .btn-so,body.open .soBox .btn-sub{background-image:url(/html/class/template/images/top-search2.png)}
.header-black .soBox .inp,body.open .soBox .inp{color:#333}

/*body.open*/
body.open .header{height:70px;}
body.open .header.header-black2{height:auto!important;}
.header.header-black2{height:auto!important;}
body.open .logo{height:70px;line-height:70px;}
body.open .header .headerBox{height:70px;}
body.open .header .hdr{padding-top:10px}
body.open .nav{line-height:70px;}
body.open .nav li{line-height:70px;}
body.open .toptel{line-height:70px;}




/*header-m*/
.header-m{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;background:#f4f4f4;padding:0 8% 10px 8%;overflow-x:hidden;overflow-y:auto;}
.logo-m{float:left;height:100px;line-height:100px}
.logo-m img{display:inline-block;vertical-align:middle;max-height:40px;}
body.open .logo-m{height:70px;line-height:70px;}
.btn-close{float:right; margin-top:30px;width:40px;height:40px;background:url(/html/class/template/images/close.png) center center no-repeat; background-size:20px;}
body.open .btn-close{margin-top:10px;}
.nav-m{clear:both;padding-top:60px; padding-right:60px; text-align:center;}
.nav-m li{ margin-bottom:20px;}
.nav-m .v1{display:inline-block;font-size:36px;color:#333;line-height:1.2; position:relative;}
.nav-m .v1:before{content:"";width:0;height:12px;background:#5862ff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:-1}
.nav-m .v1:hover:before,.nav-m .v1.active:before{width:100%;right:auto;left:0}
.header-m{opacity: 0;visibility: hidden;transition: 0.4s;}
.header-m.on{opacity: 1;visibility: visible;}
.nav-m li{opacity: 0;visibility: hidden;transition: 0.4s;transform: translateY(30px);}
.header-m.on .nav-m li{opacity: 1;visibility: visible;transform: translateY(0px);}
.header-m.on .nav-m li:nth-child(2) {transition-delay: 0.6s;}
.header-m.on .nav-m li:nth-child(3) {transition-delay: 0.8s;}
.header-m.on .nav-m li:nth-child(4) {transition-delay: 1s;}
.header-m.on .nav-m li:nth-child(5) {transition-delay: 1.2s;}
.header-m.on .nav-m li:nth-child(6) {transition-delay: 1.4s;}
.header-m.on .nav-m li:nth-child(7) {transition-delay: 1.6s;}
.header-m.on .nav-m li:nth-child(8) {transition-delay: 1.8s;}
/**/
.header-m .cont-m{position:absolute;left:8%;right:15px;bottom:2%;font-size:12px;color:#333;line-height:1.5}
.header-m .cont-m p{margin-bottom:5px;overflow:hidden}
.header-m .cont-m p a{text-decoration:underline}
.header-m .cont-m p em{display:block;float:left}
.header-m .cont-m p span{display:block;overflow:hidden}
.header-m .cont-m .tel{font-family:MINIONPRO-REGULAR,Arial;font-size:24px;margin-bottom:20px}
@media only screen and (max-width:1460px){
.soBox{margin: 0 25px;}	
	
}
@media only screen and (max-width:1360px){
.soBox{margin: 0 20px;}	
}
@media only screen and (max-width:1280px){
.soBox{margin: 0 10px;}
.nav li{margin: 0 12px;}

}
@media only screen and (max-width:1240px){
.logo{margin-right:20px}
.nav li{margin:0 15px}
.menuBtn{margin-right:10px}
.nav{ display:none;}
.toptel{ display:none;}
.header-m .cont-m .tel{font-size:20px;margin-bottom:15px}
.nav-m{padding-top:30px; padding-right:30px;}
.nav-m li{ margin-bottom:20px;}
.nav-m .v1{font-size:30px;}
}
@media only screen and (max-width:1024px){
body{padding-top:50px}
.header{height:50px;background:#fff;overflow:hidden;padding:0 10px}
.header .headerBox{height:50px;}
.header-space{display:none}
.logo{height:50px;line-height:50px}
.logo img{height:50%}
.logo .logo1{display:none}
.logo .logo2{display:inline-block}
.logo-m img{height:60%; }

body.open .header{height:50px;}
body.open .logo{height:50px;line-height:50px;}
body.open .header .headerBox{height:50px;}
body.open .header .hdr{padding-top:10px}

.soBox{margin: 0 25px;}



.menu-btn.open .menubtn{background-image:url(/html/class/template/images/img10.png)}
.menu-btn{width:32px;height:32px;position:absolute;right:0;top:50%;z-index:2;margin-top:-16px;margin-right:0}
.menu-btn .menubtn span,
.menu-btn .menubtn span:after,
.menu-btn .menubtn span:before {background: #333;}
.menu-btn.open .menubtn span {background-color: transparent;}

.header .hdr{padding-top:9px}
.soBox{width:32px;height:32px;position:absolute;right:10px;top:50%;z-index:10;margin-top:-16px}
.soBox .inp{height:32px;line-height:32px;padding:0 40px 0 15px;color:#333}
.soBox .btn-so,.soBox .btn-sub{width:32px;height:32px;background-image:url(/html/class/template/images/top-search2.png)}
.nav{position:absolute;left:-999px}
.nav-m{padding-top:3%; padding-right:3%; text-align:right;}
.nav-m li{ margin-bottom:20px;}
.nav-m .v1{font-size:26px;}
.nav-m .v1:before{height:8px;}
.header-m{padding: 0 1.9% 10px 1.9%;}
.logo-m{height:40px;line-height:70px}
body.open .logo-m{height:40px;line-height:70px;}
.btn-close{margin-top:10px;}
body.open .btn-close{margin-top:10px;}
.header-m .cont-m .tel{font-size:22px;margin-bottom:15px}
}

@media only screen and (max-width:768px){
.logo{margin-right:10px}
.menuBtn{font-size:12px;-webkit-background-size:14px auto;background-size:14px auto;padding-left:20px}
.soBox.open{width:140px}
.soBox .inp{font-size:12px;padding:0 35px 0 10px}
.nav-m .v1{font-size:24px;}
.menu-btn{margin-top: -20px;}
.header-m .cont-m .tel{font-size:20px;margin-bottom:10px}
}
@media only screen and (max-width:640px){
.header-m .cont-m .tel{font-size:18px;margin-bottom:0px}	
}


.main{padding-bottom:130px;}

/*footer*/
.footer{position:relative;z-index:2;background:url(/html/class/template/images/bottombg.png) no-repeat center top #232438;background-size:cover;border-top-right-radius:130px; margin-top:-130px; position:relative;}
.footer:after{content:"";width:1px;height:100%;background:#34374a;position:absolute;left:50%;top:0;transition:0.4s;}
.footer .w1600{ position:relative;}
.footer .w1600:before{content:"";width:1px;height:100%;background:#34374a;position:absolute;left:20%;top:0;transition:0.4s;}
/*footer-nav*/
.footer .footer-nav{width:100%;padding-top:104px;}
.footer .footer-nav .t1{font-size:22px;margin-bottom:55px;color:#ffffff;}
.footer .footer-nav .t1 .en{display:inline-block;color:#5862ff;text-transform:uppercase;font-weight:300;font-family:'Montserrat',Arial, Helvetica, sans-serif;font-size:16px;padding-left:15px;}
/*footer-logo*/
.footer .footer-logo{width:23.75%;float:left;}
.footer .footer-logo a{ display:inline-block;}
.footer .footer-logo a img{ max-height:86px;}
/*footer-left*/
.footer .footer-left{width:26.25%;float:left;text-align:left;}
.footer .footer-left .t2{display:block;line-height:0;padding:0;margin:0;}
.footer .footer-left .t2{font-size:16px;}
.footer .footer-left .t2 a{font-size:16px;display: inline-block;overflow:hidden;line-height:26px;margin-bottom:10px;color:#909090; position:relative; overflow:hidden;}
.footer .footer-left .t2 a:before{content:"";width:0;height:3px;background:#5862ff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:-1}
.footer .footer-left .t2 a:hover:before{width:100%;right:auto;left:0}
/*footer-right*/
.footer .footer-right{width:46.25%;float:right;font-size:16px;line-height:36px; color:#ffffff;}
.footer .footer-right h1{font-size:18px;line-height:normal;color:#fff; font-weight:normal;text-transform: uppercase; position:relative;margin-bottom:10px; padding-left:26px;}
.footer .footer-right h1:before{content:"";width:12px;height:2px;background:#5862ff;position:absolute;left:0;top:50%;transition:0.4s;z-index:-1}
.footer .footer-right p{ border-bottom:1px solid #4e4f5f;}
.footer .footer-right td{vertical-align:top;padding-bottom:10%}
.footer .footer-right td.td1{padding-right:13.51351351351351%}
/*bq*/
.footer .bq{width:100%;position:relative;text-align:center;padding-top:115px;padding-bottom:105px;} 
.footer .bq .w1400{position:relative;}
.footer .bq .footer-copyright{width:26.125%;text-align:left; float:right;font-size:14px;line-height:26px;color:#fff; padding-top:30px;}
.footer .bq .footer-code{ width:20.125%;text-align:right; float:right;font-size:14px; color:#fff;}
.footer .bq .footer-code table{ max-width:245px;float:right;}
.footer .bq .footer-code td img{width:100px; padding:10px;border:1px solid #4a4c5c;}
.footer .bq a{color:#fff;}
.footer .bq a:hover{color:#5862ff}
/**/
.footer-share{float:left; width:50%; padding-top:30px;}
.footer-share .footer-item{float:left;margin-right:8px;position:relative}
.footer-share .footer-item .footer-icon{display:block;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;color:#fff;font-size:16px;cursor:pointer;background-repeat: no-repeat;background-color:#fff;background-size:100%;background-position:center center;}
.footer-share .footer-item .footer-icon.qq{background-image:url(/html/class/template/images/bottom-qq.png);}
.footer-share .footer-item .footer-icon.wx{background-image:url(/html/class/template/images/bottom-wx.png);}
.footer-share .footer-item .footer-icon.em{background-image:url(/html/class/template/images/bottom-em.png);}
.footer-share .footer-item:hover .footer-eq,
.footer-share .footer-item:hover .footer-email{opacity:1;visibility:visible;transform:translateY(0px)}
.footer-share .footer-item .footer-eq{width:136px;padding-bottom:16px;position:absolute;left:-10px;bottom:100%;z-index:6;opacity:0;visibility:hidden;transform:translateY(-40px);transition:0.45s}
.footer-share .footer-item .footer-eq-wrap{position:relative;padding:13px;background:#5862ff;border-radius:10px;}
.footer-share .footer-item .footer-eq-wrap img{width:100%;height:auto}
.footer-share .footer-item .footer-eq-wrap:before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top: 8px solid #5862ff;position:absolute;left:20px;bottom:-8px}
.footer-share .footer-item .footer-email{position:absolute;left:-10px;bottom:100%;padding-bottom:16px;z-index:5;opacity:0;visibility:hidden;transform:translateY(-40px);transition:0.45s}
.footer-share .footer-item .footer-email span{display:block;position:relative;padding-left:15px;width:180px;height:42px;line-height:42px;font-size:15px;border-radius:10px;background:#5862ff;color: #fff;text-align:left;}
.footer-share .footer-item .footer-email span:before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:8px solid #5862ff;position:absolute;left:20px;bottom:-8px}
@media only screen and (max-width:1685px){
.footer .footer-right{font-size:14px;line-height:32px;}
.footer .footer-right h1{font-size:16px;margin-bottom:10px;padding-left:24px;}
.footer .footer-right td{padding-bottom:10%;}
.footer .footer-right td.td1{padding-right:5%}
}

@media only screen and (max-width:1446px){
	
}
@media only screen and (max-width:1366px){
.footer .footer-nav{padding-top:94px;}
.footer .bq{padding-top:105px;padding-bottom:95px;} 

.footer .footer-right{font-size:14px;line-height:30px;}
.footer .footer-right h1{font-size:16px;margin-bottom:8px;padding-left:24px;}
.footer .footer-right td{padding-bottom:9%;}
.footer .footer-right td.td1{padding-right:8%}

}
@media only screen and (max-width:1280px){
.footer .footer-nav{padding-top:80px;}
.footer .bq{padding-top:95px;padding-bottom:85px;}

.footer .footer-right{font-size:14px;line-height:30px;}
.footer .footer-right h1{font-size:16px;margin-bottom:8px;padding-left:24px;}
.footer .footer-right td{padding-bottom:9%;}
.footer .footer-right td.td1{padding-right:4%}

.footer .footer-left .t2 a{font-size:15px;}
.footer .footer-logo a img{ max-height:75px;}
.footer .bq .footer-copyright{font-size:13px;}
.footer .bq .footer-code{ font-size:13px;}
}
@media only screen and (max-width:1199px){
.footer .footer-nav{padding-top:70px;}
.footer .bq{padding-top:85px;padding-bottom:75px;}
.footer .footer-nav .t1{font-size:20px;margin-bottom:35px;}
.footer .footer-nav .t1 .en{font-size:15px;padding-left:15px;}
.footer .bq .footer-code{ font-size:12px;}
}
@media screen and (max-width:1024px){
.main{padding-bottom:100px;}
.footer{border-top-right-radius:100px; margin-top:-100px;}

.footer .footer-nav{padding-top:50px;}
.footer .bq{padding-top:55px;padding-bottom:55px;}	

.footer .footer-logo{display:none;}
.footer .footer-left{ display:none;}
.footer .footer-right{ /*display:none;*/width:100%;float:none;}
.footer .footer-right td{padding-bottom:3%;}
.footer .footer-right td.td1{padding-right:5%}
.footer .footer-right h1{font-size:15px;margin-bottom:5px;}

.footer:after{ display:none;}
.footer .w1600:before{ display:none;}
.footer-share{float:none; width:100%; padding-top:0px;}
.footer .bq{padding-top:30px;}
.footer .bq .footer-copyright{width:100%;float:none;padding-top:30px;}
.footer .bq .footer-code{ width:100%;text-align:left; float:none; display:none;}
.footer .bq .footer-code table{ float:none;}

.footer .footer-nav .t1{font-size:18px;margin-bottom:20px;}
.footer .footer-nav .t1 .en{font-size:14px;padding-left:15px;}
.footer .bq {font-size:12px;}
.footer .bq p{font-size:12px;}
.footer .bq .footer-copyright{padding-top:15px;font-size:12px;}
}
@media only screen and (max-width:959px){

}
@media only screen and (max-width:768px){
.main{padding-bottom:80px;}
.footer{border-top-right-radius:80px; margin-top:-80px;}

.footer .footer-nav{padding-top:40px;}
.footer .bq{padding-top:35px;padding-bottom:35px;}	
.footer .footer-right td{padding-bottom:3%; display:block!important; width:100%!important;}
.footer .footer-right td.td1{padding-right:0%}
.footer .footer-nav .t1{font-size:16px;margin-bottom:15px;}
.footer .footer-nav .t1 .en{font-size:12px;padding-left:10px;}
.footer .footer-right{font-size:13px;line-height:30px;}
.footer .footer-right h1{font-size:13px;margin-bottom:0px;}
.footer .bq .footer-copyright{font-size:12px; line-height:normal;}
}
@media only screen and (max-width:640px){
.footer .footer-nav .t1{font-size:16px;margin-bottom:15px;}
.footer .footer-nav .t1 .en{font-size:12px;padding-left:10px;}
.footer .footer-right{font-size:12px;line-height:26px;}
.footer .footer-right h1{font-size:13px;margin-bottom:0px;}
.footer .bq .footer-copyright{font-size:12px; line-height:normal;}
}
@media only screen and (max-width:479px){

}








/*ind-banner*/
.bannershadow{background-color:#000;position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
.ind-banner{width: 100%; overflow: hidden; position:relative;} 
.ind-banner h3{ position:absolute;right:5.5%; bottom:10%;  z-index:3;}
.ind-banner .shipin:after{ content:''; width:100%; height:100%;position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;background-image:url(/html/class/template/images/dot50.png); background-repeat:repeat;}
.ind-banner .swiper-slide { color: #fff; background:#000; } 
.ind-banner .swiper-slide .bannershadow{/* background:url(/html/class/template/images/dot50.png) repeat;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;*/filter:alpha(opacity=50); -moz-opacity:0.4; -khtml-opacity:0.5; opacity:0.5;}
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%;position: relative; z-index:2;}
.ind-banner .swiper-slide .img{ display: block; width: 100%; height: 100%; position:relative; min-height:750px; height:100vh;}
.ind-banner .swiper-slide .img .shipin {position: absolute;top: 0;left: 0; width: 100%;height: 100%;overflow:hidden;}
.ind-banner .swiper-slide .img video {width: 100%;height: 100%;object-fit: cover;/*filter: alpha(opacity=95);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/}

.ind-banner .swiper-pagination{width:50px;text-align:left; left:3%;top:50%; bottom:auto;-webkit-transform:translateY(-50%); transform:translateY(-50%);z-index:10; display:none;} 
.ind-banner .swiper-pagination-bullet {opacity: 1!important; width:30px; height:3px;background:#fff; cursor:pointer;text-align:center;border:none;border-radius:0;margin:10px 0px!important; } 
.ind-banner .swiper-pagination-bullet-active {width:50px;background:#fff;} 
.ind-banner .ban1 .txtDiv{ position: absolute; left: 12%; margin-left: 0px; top: 50%; height: 270px; margin-top: -135px;}
.ind-banner .ban1 .txt1{ font-size: 0.24rem; padding-bottom: 0.16rem; line-height: 0.24rem; color:#fff; position: relative;} 
.ind-banner .ban1 .txt2{ font-size: 0.52rem; color: #fff; font-weight: bold; text-transform: uppercase;} 
.ind-banner .ban1 .btnDiv{ text-transform: uppercase; margin-top: 0.25rem; width: 1.53rem; height: 0.38rem; font-weight: bold; border: #fff solid 2px; text-align: center; color: #fff; line-height: 0.38rem;}
.ind-banner .swiper-button-prev{position:absolute; top:50%;width:40px; height:40px;left: 3%; margin-top: -44px;/*background: url(/html/class/template/images/s1.png) center no-repeat;*/border-radius: 50%;opacity:0; filter:Alpha(opacity=0);    -webkit-transition: .2s ease-out;
    transition: .2s ease-out; background-size:30px; display:none;} 
.ind-banner .swiper-button-next{position:absolute; top:50%;width:40px; height:40px;right: 3%; margin-top: -44px;/*background: url(/html/class/template/images/s.png) center no-repeat;*/border-radius: 50%;opacity:0; filter:Alpha(opacity=0);    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;background-size:30px; display:none;} 
.ind-banner:hover .swiper-button-prev,
.ind-banner:hover .swiper-button-next{opacity:1; filter:Alpha(opacity=100);} 
.ind-banner .swiper-button-prev:hover,
.ind-banner .swiper-button-next:hover{width:45px; height:45px;}
/*banner_mouse*/
.banner-mouse{display:block;position: absolute;bottom:2%;left:0;right: 0;margin: 0 auto;z-index: 9;  width: 23px;height: 40px;cursor:pointer;background:url(/html/class/template/images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;}
.banner-mouse:after,.banner-mouse:before{content: "";position: absolute;}
.banner-mouse:before{width:23px;height:40px;background:url(/html/class/template/images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner-mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
/*banner_mouse css3*/
@-webkit-keyframes colorSlide{0%{height:0;}90%{height:40px;}}
@keyframes colorSlide{0%{height:0;}90%{height:40px;}}
@-webkit-keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}68%{opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}100%{opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);}}
@keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}68%{opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}100%{opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);}}
/*bannerTel*/
.bannerTel{ display: none; }
.ind-bannerTel{width: 100%; overflow: hidden;} 
.ind-bannerTel .swiper-slide { color: #fff; } 
.ind-bannerTel .swiper-slide img{width: 100%;}
.ind-bannerTel .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-bannerTel .swiper-pagination{  text-align: center; left: 0; width: 100%; bottom: 0.68rem!important; } 
.ind-bannerTel .swiper-pagination-bullet { opacity: 1!important; width:8px; height:8px; text-align: center;border:1px solid #fff;background: transparent;border-radius:50%;margin:0 4px!important; } 
.ind-bannerTel .swiper-pagination-bullet-active {background:#fff;} 
@media screen and (max-width:1024px){
.ind-banner .swiper-slide .img img{position: absolute;top:50%; left:0; margin:auto auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
}
@media screen and (max-width:992px){
/*	.ind-banner{ display:none;}
	.bannerTel{ display:block;}*/
	
}
@media screen and (max-width:768px){
.ind-banner .swiper-slide .img{min-height:180px; height:640px;width:960px;}
.ind-banner h3 img{ width:8px;}
.ind-banner .shipin:before{display:block;content: "";position: absolute;width:35px;height:35px;left: 4.5%;top: 80%;margin-top:-15px;background:url(/html/class/template/images/v-btn.png) no-repeat center center;background-size:100%;}
}
@media screen and (max-width:640px){
.ind-banner .swiper-slide .img{height:100vw;}
.ind-banner .swiper-slide .img img{ width:150vw;}
.ind-banner h3 img{ width:6px;}
.ind-banner .shipin:before{/*width:4.6875vw;height:4.6875vw;margin-top:-2.34375vw;*/}
}


/*banner*/
#banner{overflow:hidden; position:relative; background:#f1f1f1;}
#masterslider { width:100%!important;height:auto!important;}
#masterslider  a{ display:block;}
#masterslider img{max-width: none; width:100%!important; height:100%!important;}
#masterslider .ms-slide{-webkit-transition: initial; -moz-transition: initial; -ms-transition: initial; -o-transition: initial; transition: initial;}

#masterslider .ms-bullets{position:absolute; left:0; right:0; width:100%; margin:0 auto; font-size: 0; letter-spacing:0; z-index: 10; text-align: center;bottom:70px!important;}
#masterslider .ms-bullets .ms-bullets-count{right:auto; left:0;}
#masterslider .ms-bullets .ms-bullet{display:inline-block; font-size:0px; color:#fff; line-height:8px; font-family: "MONTSERRAT-REGULAR"; border-bottom: 2px solid #fff; width:8px; border:1px solid #fff; letter-spacing:normal; text-align: left; text-indent:0; border-radius:50%; text-align:center; margin:0 3px!important;}
#masterslider .ms-bullets .ms-bullet-selected{color:#00793a; border-color:#fff; background:#fff;}

#banner .ms-nav-prev,#banner .ms-nav-next{position:absolute; top:50%; margin-top:-26px; width:50px; height:52px; border:1px solid #fff; z-index: 250; cursor:pointer; transition:width .4s,left .4s,right .4s,border .4s,background .4s,opacity 1s,transform 1s !important; border-radius:5px; overflow:hidden;}
#banner .ms-nav-prev{left:80px;}
#banner .ms-nav-next{right:80px;}
#banner .ms-nav-prev:after,#banner .ms-nav-next:after{content:" "; display:block; position:absolute; width:21px; height:18px; top:50%; margin-top: -9px; background:no-repeat center; background-size:10px;}
#banner .ms-nav-prev:after{left:15px; background-image: url("/html/class/template/images/index-left.png");}
#banner .ms-nav-next:after{right:15px; background-image: url("/html/class/template/images/index-right.png");}
#banner .ms-nav-prev:hover,#banner .ms-nav-next:hover{width:86px;}
#banner .ms-nav-prev:hover{left:44px;}
#banner .ms-nav-next:hover{right:44px;}
@media screen and (max-width:1680px){
#banner .ms-nav-prev{left:3%;}
#banner .ms-nav-next{right:3%;}
}
 @media screen and (max-width:1024px){
#banner{ display:none!important;} 
 }









/*****************************page start*****************************/
/*pagebanner*/
.pagebanner{ display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;background-size:cover;color:#fff; /*background-attachment:fixed; */padding:22.13541666666667% 0; position:relative;}
.pagebanner .pagebanner-tt{ position:absolute; left:0;right:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin:0 auto; z-index:2; text-align:left;}
.pagebanner .pagebanner-tt .cn{display:block;font-size:36px;color:#ffffff;line-height: normal; margin-bottom:10px;}
.pagebanner .pagebanner-tt .en{display:inline-block;font-size:80px;color:#ffffff;line-height:76px;text-transform:uppercase;font-weight:900;font-family: 'Swis721 Hv BT',Arial,sans-serif; position:relative;}
.pagebanner .pagebanner-tt .en:before{content:"";width:100%;height:12px;background:#5862ff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:-1}
@media screen and (max-width:1680px) {
.pagebanner .pagebanner-tt .en{font-size:75px;line-height:70px;}	
.pagebanner .pagebanner-tt .cn{font-size:26px;}		
}
@media screen and (max-width:1520px) {
.pagebanner .pagebanner-tt .en{font-size:70px;line-height:65px;}	
.pagebanner .pagebanner-tt .cn{font-size:24px;}		
}
@media screen and (max-width:1220px) {
.pagebanner .pagebanner-tt .en{font-size:65px;line-height:60px;}	
.pagebanner .pagebanner-tt .cn{font-size:22px;}	
}
@media screen and (max-width:1150px){
.pagebanner .pagebanner-tt .en{font-size:60px;line-height:55px;}	
.pagebanner .pagebanner-tt .cn{font-size:20px;}			
}
@media screen and (max-width:1024px){
.pagebanner{height:130px;background-attachment:inherit;}
.pagebanner .pagebanner-tt .en{font-size:55px;line-height:50px;}	
.pagebanner .pagebanner-tt .cn{font-size:18px;}		
.pagebanner .pagebanner-tt .en:before{height:10px;}
}
@media screen and (max-width:992px){
.pagebanner{height:120px;}
.pagebanner .pagebanner-tt .en{font-size:50px;line-height:45px;}	
.pagebanner .pagebanner-tt .en:before{height:9px;}	
}
@media screen and (max-width:768px){
.pagebanner{height:80px;}
.pagebanner .pagebanner-tt .en{font-size:45px;line-height:40px;}	
.pagebanner .pagebanner-tt .en:before{height:8px;}	
}
@media screen and (max-width:640px){
.pagebanner{height:15.625vw;}
.pagebanner .pagebanner-tt .cn{font-size:2.8125vw; margin-bottom:1.5vw;}	
.pagebanner .pagebanner-tt .en{font-size:7vw;line-height:6.25vw;}	
}





/*PageNav*/
.PageNav {margin:0 auto;padding: 0;display:block;margin-bottom:20px; border-bottom:1px solid #f1f1f1;}
.PageNav ul{margin:0 auto; font-size:0; text-align:center;}
.PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align:center;width:auto;}
.PageNav li a {display:inline-block;line-height:79px;font-size:18px; color:#000000;padding:0 25px;position:relative;}
.PageNav li a:after {content: "";display: block;position: absolute;bottom:0;left:0;width: 0;height:100%;background:#5862ff; z-index:-1;}
.PageNav .cur a{color:#fff;box-shadow: 0 0 35px rgba(88, 98, 255, 0.30);}
.PageNav .cur a:after{width:100%;}
.PageNav .Navtit{ display:none;}
@media screen and (max-width:1520px){
.PageNav li a {line-height:69px;font-size:16px;padding:0 22px;}
}
@media screen and (max-width:1024px) {
.PageNav li a {line-height:60px;font-size:16px;padding:0 20px;}
}
@media screen and (max-width:768px) {
.PageNav{margin-bottom:0;/*padding: 10px 0 10px 0;*/margin-top:0;}
.PageNav .w1400{ width:100%;}
.PageNav li{text-align:left;}
.PageNav li a {line-height:50px;height:50px;margin:0;font-size:14px;padding:0 10px;}
.PageNav .Navtit {line-height: normal;padding: 10px 20px;position: relative;text-transform: uppercase;font-size: 16px;letter-spacing: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background .15s;-moz-transition: background .15s;-ms-transition: background .15s;-o-transition: background .15s;transition: background .15s;text-align: center;ddisplay:none;width: 100%;color: #fff;background: #202020;}
.PageNav .Navtit span {position: relative;z-index: 1;-webkit-transition: color .25s;-moz-transition: color .25s;-ms-transition: color .25s;-o-transition: color .25s;transition: color .25s;color: inherit;text-align: left;}
.PageNav .Navtit span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}	
/*.PageNav ul li.on a:before,.PageNav ul li.on a:after{ display:none;}
.PageNav li:hover a:after,.PageNav li.on a:after{ width:0;}*/

}



/*********************************page*********************************/
.page{color:#000000; font-size:18px;line-height:32px; min-height:300px; overflow:hidden;}
.pageInfo{padding:50px 0;}
.pageInfo video,.pageInfo source{ background:#000;}
.page img{ max-width:100%; height:auto;}
.page hr{border:none;border-top:1px solid #e7e7e7;}
@media screen and (max-width:1440px) {
.page{font-size:16px;line-height:30px;}
}
@media screen and (max-width:1024px) {	
.pageInfo{padding:20px 0;}
.page{font-size:14px;line-height:26px;}
}
@media screen and (max-width:768px) {	
.pageInfo{ font-size:14px;line-height:26px;}
}

/*********************************pageTit*********************************/
/*pageTit*/
.pageTit{text-align:left;margin-bottom:70px;padding-top:50px;background:url(/html/class/template/images/v.png) right center no-repeat; background-size:30px;}
.pageTit .cn{font-size:26px; color:#000; margin-bottom:10px;}
.pageTit .en{ text-transform:uppercase;color:#333333;font-size:80px;line-height:70px;font-family:'Montserrat',Arial, Helvetica, sans-serif; font-weight:normal;}
.pageTit .en span{ display:inline-block; position:relative; z-index:1;}
.pageTit .en span:before{content:"";width:100%;height:12px;background:#5862ff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:-1; }
.pageTit .wz{ text-transform:uppercase;color:#bdbfc2;font-size:16px; line-height:18px;font-family:'Montserrat',Arial, Helvetica, sans-serif;font-weight:normal; /*max-width:200px; */letter-spacing:-1px;margin-top:20px;}
@media screen and (max-width:1680px) {
.pageTit .en{font-size:75px;line-height:65px;}	
.pageTit .cn{font-size:26px;}		
}
@media screen and (max-width:1520px) {
.pageTit .en{font-size:70px;line-height:60px;}	
.pageTit .cn{font-size:24px;}		
}
@media screen and (max-width:1220px) {
.pageTit .en{font-size:65px;line-height:55px;}	
.pageTit .cn{font-size:22px;}	
}
@media screen and (max-width:1150px){
.pageTit .en{font-size:60px;line-height:50px;}	
.pageTit .cn{font-size:20px;}			
}
@media screen and (max-width:1024px){
.pageTit{margin-bottom:30px;padding-top:30px;}
.pageTit .en{font-size:55px;line-height:45px;}	
.pageTit .cn{font-size:18px; margin-bottom:0px;}	
.pageTit .en span:before{height:10px;}	
.pageTit .wz{font-size:15px;margin-top:15px;}
}
@media screen and (max-width:992px){
.pageTit{margin-bottom:20px;padding-top:20px;}
.pageTit .en{font-size:50px;line-height:40px;}	
.pageTit .en span:before{height:9px;}	
}
@media screen and (max-width:768px){
.pageTit{margin-bottom:10px;padding-top:20px;background-size:20px;}
.pageTit .en{font-size:45px;line-height:40px;}	
.pageTit .en span:before{height:8px;}
.pageTit .wz{font-size:14px;margin-top:10px;}
}
@media screen and (max-width:640px){
.pageTit .cn{font-size:3vw; margin-bottom:1.5vw;}	
.pageTit .en{font-size:7vw;line-height:6.25vw;}	
.pageTit .wz{font-size:12px;margin-top:5px;}
}





/********************************about********************************/
/*pageTable*/
.pageTable{ padding-top:7%;}
.pageTable td{ vertical-align:middle;}
.pageTable .td1{ width:60%;}
.pageTable .td2{width:40%; vertical-align:bottom; padding-top:30px;}
@media screen and (max-width:768px) {
.pageTable .td1{ width:100%!important; display:block!important;}
.pageTable .td2{width:100%!important; display:block!important;}	
}

/*pageTable2*/
.pageTable2{padding-top:10%;}
.pageTable2 td h1{ font-size:100px; color:#bdbfc2; line-height:normal;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}




/*pageTable3*/
.pageTable3{padding-top:13%;}
.pageTable3 td{ vertical-align:middle;}
.pageTable3 .td1{ width:61.39705882352941%; position:relative;}
.pageTable3 .td1 img{ border-radius:5px;}
.pageTable3 .td1:before {content: "";position: absolute;right:10%;top:-30px;width:56.57276995305164%; padding-bottom:66.89814814814815%;background-color:#f7f8fa;transition: all .3s; z-index:-1;}
.pageTable3 .td2 h1{ font-size:36px;font-weight:normal; line-height:normal; padding-bottom:10%; position:relative;}
.pageTable3 .td2 h1:after{content:""; margin-left:10px;display:inline-block;width:22px;height:3px; background:#5862ff; position:relative;vertical-align:middle;}
.pageTable3 .td2{width:38.60294117647059%; padding-left:8.455882352941176%; padding-top:30px; padding-bottom:30px;}
@media screen and (max-width:1685px) {
.pageTable3 .td2 h1{ font-size:32px;}
}
@media screen and (max-width:1440px) {
.pageTable3 .td2 h1{ font-size:30px;}
}
@media screen and (max-width:1280px) {
.pageTable3 .td2 h1{ font-size:28px;}
}
@media screen and (max-width:1024px) {
.pageTable3 .td2 h1{ font-size:26px;}
}
@media screen and (max-width:992px) {
.pageTable3 .td2 h1{ font-size:24px;}
.pageTable3 .td1{ width:60%;}
.pageTable3 .td2{width:40%; padding-left:5%;}
}
@media screen and (max-width:768px) {
.pageTable3{padding-top:70px;}
.pageTable3 .td2 h1{ font-size:20px;padding-bottom:3%;}
.pageTable3 .td1{ width:100%!important; display:block!important;}
.pageTable3 .td2{width:100%!important; display:block!important; padding-left:0;}	
}

/*pageTable4*/
.pageTable4{padding-top:12%;padding-bottom:9%;}
.pageTable4 td{ vertical-align:middle;}
.pageTable4 .td1{ width:61.39705882352941%; position:relative;}
.pageTable4 .td1 img{ border-radius:5px;}
.pageTable4 .td1:before {content: "";position: absolute;left:-30px;bottom:-30px;width:43%; padding-bottom:40%;background-color:#f7f8fa;transition: all .3s; z-index:-1;}
.pageTable4 .td2 h1{ font-size:36px;font-weight:normal; line-height:normal; padding-bottom:10%; position:relative;}
.pageTable4 .td2 h1:after{content:""; margin-left:10px;display:inline-block;width:22px;height:3px; background:#5862ff; position:relative;vertical-align:middle;}
.pageTable4 .td2{width:38.60294117647059%; padding-right:8.455882352941176%; padding-top:30px; padding-bottom:30px;}
@media screen and (max-width:1685px) {
.pageTable4 .td2 h1{ font-size:32px;}
}
@media screen and (max-width:1440px) {
.pageTable4 .td2 h1{ font-size:30px;}
}
@media screen and (max-width:1280px) {
.pageTable4 .td2 h1{ font-size:28px;}
}
@media screen and (max-width:1024px) {
.pageTable4 .td2 h1{ font-size:26px;}
}
@media screen and (max-width:992px) {
.pageTable4 .td2 h1{ font-size:24px;}
.pageTable4 .td1{ width:60%;}
.pageTable4 .td2{width:40%; padding-right:5%;}
}
@media screen and (max-width:768px) {
.pageTable4{padding-top:70px;}
.pageTable4 .td2 h1{ font-size:20px;padding-bottom:3%;}
.pageTable4 .td1{ width:100%!important; display:block!important;}
.pageTable4 .td2{width:100%!important; display:block!important; padding-right:0;}	
}




/********************************page-page2List********************************/
/*page-page2List*/
.page-page2List{ padding-bottom:44px; max-width:1350px; margin:0 auto;}
.page-page2List ul{position:relative; font-size:0;}
.page-page2List li.li3{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1; width:33.333333%; margin-bottom:40px; vertical-align:top;}
.page-page2List li.li3 a{display:block; position:relative; margin:0 20px;text-align:center; padding-bottom:10px;background: url("/html/class/template/images/honorbg.jpg") center top no-repeat #fff;background-size:cover; padding:30px 0 30px 0;}
.page-page2List li.li3 .ImgBoxB{display: block;position:relative;width:67.07317073170732%; margin:0 auto; padding:20px 0 80px 0;}
.page-page2List li.li3 a:before,
.page-page2List li.li3 .ImgBoxB:after{-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.page-page2List li.li3 .ImgBoxB:after{content: '';color:#fff;font-size: 18px;display: block;width:40px;height:40px;line-height:40px;text-align: center;box-sizing:content-box;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("/html/class/template/images/top-search.png") center center no-repeat #333;background-size:18px;}
.page-page2List li.li3 a:hover:before{background-color: rgba(0,0,0,0.15); z-index:2; left:0;}
.page-page2List li.li3 a:hover .ImgBoxB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;z-index: 9;}
.page-page2List li.li3 .ImgBox{display: block;position: relative;padding:44.54545454545455% 0;overflow: hidden; margin:0 auto;}
.page-page2List li.li3 .ImgBox img{transition: 0.4s;position: absolute;left: 0;right:0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.page-page2List li.li3 a,
.page-page2List li.li3 .ImgBox img,
.page-page2List li.li3 .ImgBox,
.page-page2List li.li3 .ImgBoxB,
.page-page2List li.li3 .title{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.page-page2List li.li3 .title { position:relative;font-size:18px; color:#000000; padding:0 35px;line-height:30px;height:30px; overflow:hidden; white-space:nowrap; text-align:left;padding-right:60px;/*padding:15px 0;height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ }
.page-page2List li.li3 .title:before {content: "";position: absolute;right:37px;top:50%;width:23px;height:3px; margin-top:-1.5px;background-color:#5862ff;transition: all .3s;}
.page-page2List li.li3 a:hover:before {width: 100%;}
.page-page2List li.li3 a:hover .title{color:#e80313}

.page-page2List li.li3 a:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-moz-box-shadow:0 30px rgba(0,0,0,0.1);-webkit-box-shadow:0 30px rgba(0,0,0,0.1);box-shadow:0 0px 30px rgba(0,0,0,0.1);}
@media screen and (max-width:1300px){
.page-page2List li.li3{margin-bottom:30px;}
.page-page2List li.li3 a{ margin:0 10px;}
.page-page2List li.li3 .title {font-size:17px;line-height:26px; height:26px;}
}
@media screen and (max-width:1024px){
.page-page2List li.li3{margin-bottom:20px;}
.page-page2List ul{margin:0 -8px;}
.page-page2List li.li3 a{ margin:0 8px;}
.page-page2List li.li3 .ImgBoxB{padding:20px 0 50px 0;}
.page-page2List li.li3 .title:before{ display:none;}
.page-page2List li.li3 .title {font-size:16px;line-height:26px; height:26px;}
}
@media screen and (max-width:768px){
	.page-page2List li.li3{margin-bottom:10px;}
.page-page2List ul{margin:0 -5px;}
.page-page2List li.li3 a{ margin:0 5px;}
.page-page2List li.li3 {width:50%; margin-bottom:10px;}
.page-page2List li.li3 a{padding:10px 0 10px 0;}
.page-page2List li.li3 .ImgBoxB{padding:10PX 0 20px 0;}
.page-page2List li.li3 a:hover .ImgBox:after{display:none!important;}
.page-page2List li.li3 .title {padding:0 20px;font-size:14px;line-height:20px; height:20px;}
.page-page2List li.li3 .ImgBox{padding:50% 0;}
.page-page2List li.li3 .title:before{ display:none;}
}




/********************************page3********************************/
.page3Listul{ padding-bottom:50px;margin:0 -10px; font-size:0; line-height:0;font-size:0;}
.page3Listul li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:25%;vertical-align:top;margin-bottom:20px;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.page3Listul li .item{display:block;padding:0;position:relative;margin:0 10px;background:#fff;border:1px solid #c7c7c7;padding-bottom:55px;}
.page3Listul li:hover{transform:translateY(-20px);}
    
.page3Listul li .ImgBox{width: 100%;overflow: hidden;display: block; padding-bottom:123.0769230769231%; position:relative;}
.page3Listul li .ImgBox img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0%;width: 100%;/*height: 100%;object-fit: contain;*/ max-width:none;}
.page3Listul li .ImgBox:after{content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);opacity:0;transition:all 0.6s ease-out;}
.page3Listul li .item:hover .ImgBox:after{opacity:1;}
.page3Listul li .listTitle{position:relative;margin:0 33px;padding-top:50px;padding-bottom:55px;font-size:18px; line-height:30px; color:#000000;min-height:270px;}

.page3Listul li h1{font-size:30px;margin-bottom:25px;line-height:normal;overflow:hidden;color:#000000; text-align:left;font-weight:300; }
.page3Listul li h1:after{content:""; margin-left:10px;display:inline-block;width:22px;height:3px; background:#5862ff; position:relative;vertical-align:middle;}
.page3Listul li em{font-size:30px;color:#dedfe0;line-height:normal;position:absolute;right:0;bottom:0; font-style:normal; font-weight:300; font-family:'Montserrat', Arial, Helvetica, sans-serif; letter-spacing:-2px;}

.page3Listul li:hover .listTitle:after {content: "";display: block;position: absolute;top: -15px;left: 30px;width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #fff  transparent;z-index:3;transition:all 0.6s ease-out;}
@media screen and (max-width: 1440px) {
.page3Listul li h1{font-size:26px;margin-bottom:15px;}
.page3Listul li h1:after{ margin-left:10px;width:22px;height:3px;}
.page3Listul li em{font-size:26px;}
.page3Listul li .listTitle{margin:0 30px;padding-top:40px;padding-bottom:45px;min-height:250px;font-size:17px;}
}
@media screen and (max-width: 1220px) {
.page3Listul li h1{font-size:24px;margin-bottom:10px;}
.page3Listul li h1:after{ margin-left:10px;width:22px;height:3px;}
.page3Listul li em{font-size:24px;}
.page3Listul li .listTitle{margin:0 25px;padding-top:40px;padding-bottom:45px;min-height:200px;font-size:16px;}
}
@media screen and (max-width: 1024px) {
.page3Listul li h1{font-size:20px;margin-bottom:10px;}
.page3Listul li h1:after{ margin-left:10px;width:22px;height:3px;}
.page3Listul li em{font-size:20px;}
.page3Listul li .listTitle{margin:0 20px;padding-top:40px;padding-bottom:45px;min-height:180px;font-size:15px;}
}
@media screen and (max-width:992px) {
.page3Listul li{ width:50%;}
.page3Listul li .ImgBox{ padding:40% 0;}
}
@media screen and (max-width:640px) {
.page3Listul{ margin:0;}
.page3Listul li{ width:100%;}
.page3Listul li .item{ margin:0 0;}	
.page3Listul li .ImgBox{padding:50% 0; }
}


/********************************page4********************************/
.page4{background:url(/html/class/template/images/page4bg.jpg) no-repeat center bottom;background-size:100%;}
.page4imgListBox{padding-top:60px;padding-bottom:240px;background:url(/html/class/template/images/page4bg1.jpg) no-repeat center top;background-size:100%;}
.page4imgList{margin:0 -10px; position: relative; font-size:0; line-height:0;}
.page4imgList .img{width: auto;height: auto; position: relative!important;transition: box-shadow 0.5s; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -ms-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; width:50%; display:inline-block;*display:inline;zoom:1; vertical-align:top; margin-bottom:20px;}
.page4imgList .imgB{margin:0 10px;}
.page4imgList .img .imgBox{ padding-bottom:58.2089552238806%; overflow:hidden; background:#fcfcfc; position:relative;}
.page4imgList .img .imgBox img{ max-width:none; height:100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;}
.page4imgList .img:nth-child(2n){ position:relative;top:240px;}
.page4imgList .box{height:240px;position:absolute;top:0;left:9%; width:41%;}
.page4imgList .box .t{position:absolute;top:50%;left:0;display:inline-block; font-size:18px; line-height:32px; color:#000000;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); max-width:250px;padding-left:17px;}
.page4imgList .box .t:after{ content:'';position:absolute;left:0;top:10%;height:80%;width:4px;background:#5862ff;transition:all 0.8s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;z-index:0;}
@media screen and (max-width:1685px){
.page4imgListBox{}	
	
}
@media screen and (max-width:1024px){
.page4imgListBox{padding-bottom:200px;padding-top:60px;}
.page4imgList .img:nth-child(2n){top:200px;}
.page4imgList .box{height:200px;}
.page4imgList .box .t{font-size:16px;line-height:30px;padding-left:15px;}
}
@media screen and (max-width:992px){
.page4imgListBox{padding-bottom:150px;padding-top:50px;}
.page4imgList .img:nth-child(2n){top:150px;}
.page4imgList .box{height:150px;}
.page4imgList .box .t{font-size:14px;line-height:26px;padding-left:15px;}
}
@media screen and (max-width:992px){
.page4imgList{margin:0 -5px;}
.page4imgList .img{margin-bottom:10px;}
.page4imgList .imgB{margin:0 5px;}
.page4imgList .box{left:5%;}
}
@media screen and (max-width:640px){
.page4imgListBox{padding-bottom:23.4375vw;padding-top:50px;}
.page4imgList .img:nth-child(2n){top:23.4375vw;}
.page4imgList .box{height:23.4375vw;left:3%; width:41%;}
.page4imgList .box .t{font-size:13px;line-height:22px;padding-left:10px;}
.page4imgList .box .t:after{width:2px;}
}





/********************************partner********************************/
/*page-partnerList*/
.page-partnerList{}
.page-partnerList{margin-bottom:35px; padding-top:30px;margin:0 auto;}
.page-partnerList .partnerListul{margin:0 -3px; font-size:0; line-height:0;}
.page-partnerList ul .li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;min-width:25%;margin-bottom:20px;position:relative; vertical-align:top;}
.page-partnerList ul .li a{display:block;overflow:hidden;background:#f9f9f9;border-radius:60px; margin:0 3px;  text-align:center; padding:0 10px;}
.page-partnerList ul .li a span{ display:inline-block; padding-left:20px;background:url(/html/class/template/images/partner-d.png) no-repeat left center;background-size:6px; font-size:18px; color:#000000;line-height:60px;height:60px; overflow: hidden;}
.page-partnerList ul .li a{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;}
.page-partnerList ul .li a:hover{background:#5862ff;}
.page-partnerList ul .li a.more{background:#5862ff;}
.page-partnerList ul .li a:hover span{ background-image:url(/html/class/template/images/partner-d1.png);color:#fff;}
.page-partnerList ul .li a.more span{ display:block;padding-left:0;background:url(/html/class/template/images/partner-d3.png) no-repeat center center;background-size:60px; }
.page-partnerList ul .li a.more:hover span{ background-image:url(/html/class/template/images/partner-d3.png);}
@media screen and (max-width:1520px){
.page-partnerList ul .li a span{ font-size:16px;line-height:50px;height:50px;padding-left:18px;}	
}
@media screen and (max-width:1024px){
.page-partnerList ul .li{margin-bottom:10px;min-width:20%;}
}
@media screen and (max-width:640px){	
.page-partnerList ul .li a span{ font-size:15px;line-height:45px;height:45px;}	
}



/*page-partnerList2*/
.page-partnerList2{padding-top:50px; padding-top:50px;margin:0 auto;}
.page-partnerList2 .partnerListul2{margin:0; font-size:0; line-height:0;}
.page-partnerList2 ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;width:25%;position:relative;vertical-align:top;}
.page-partnerList2 ul li a{display:block;margin:0;text-align:center;}
.page-partnerList2 ul li a .imgBox{ padding-bottom:48.52941176470588%;overflow:hidden;background:#fff;position:relative;}
.page-partnerList2 ul li a .imgBox img{max-width:none;height:100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;}
.page-partnerList2 ul li a,
.page-partnerList2 ul li a .imgBox{-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;transition:all 0.6s ease-out 0s;}
/*.page-partnerList2 ul li a:hover .imgBox img{box-shadow: 0 0 0 rgba(0,0,0,0.1),0 0 0 rgba(255,255,255,1),inset 18px 18px 30px rgba(0,0,0,0.1),inset -18px -18px 30px rgba(255,255,255,1);transition: box-shadow .2s ease-out;}
.page-partnerList2 ul li a:hover .imgBox{ box-shadow: 0px 0px 30px rgba(0,0,0,0.1), -18px -18px 30px rgba(255,255,255,1); z-index:2;-webkit-transform: translate(5px, 5px);-moz-transform: translate(5px, 5px);-o-transform: translate(5px, 5px);-ms-transform: translate(5px, 5px);transform: translate(5px, 5px);}*/
@media screen and (max-width:768px){	
.page-partnerList2 ul li{width:33.333333%;}
}
@media screen and (max-width:350px){	
.page-partnerList2 ul li{width:50%;}
}







/********************************news********************************/
/*page-tab*/
.page-tab{margin:0 auto;padding:33px 0 33px 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height:44px;line-height:44px;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height:44px;line-height: 44px;}
.page-tab ul li a{display: inline-block;text-align: center;font-size: 12px;color: #1e2831;padding: 0 18px;margin:0 4px;height:42px;line-height:42px;border: 1px solid #d2d2d2;background: #ffffff;}
.page-tab ul li a:hover,.page-tab ul li a.focus{background:#5862ff;color: #fff;border-color:#5862ff;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 36px;}
@media screen and (max-width:1024px){
.page-tab{margin:0 auto;padding:30px 0 30px 0;text-align: center; }
}
@media screen and (max-width:768px){
.page-tab ul li{ }	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}


/*page-newsList*/
.page-newsList{margin-bottom:35px; padding-top:30px;margin:0 auto;}
.page-newsList .newsListul{margin:0 -10px; font-size:0;}
.page-newsList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;margin-bottom:20px;position:relative; vertical-align:top;}
.page-newsList ul li a{display:block;position: relative;overflow:hidden; background:#e6e9ee; padding-bottom:325px; border-radius:10px; margin:0 10px; }
.page-newsList ul li .listTitle{overflow:hidden;display:block; position:absolute;width:100%; height:100%; position:absolute;right:0;top:0;color: #000000; z-index:3;}
.page-newsList ul li .listTitle .title{font-size:22px;line-height: normal; position:absolute;top:65px; left:35px;right:35px;}
.page-newsList ul li .listTitle .more{background:url(/html/class/template/images/ss.png) no-repeat center center;background-size:25px;position:absolute;bottom:65px;right:35px; width:25px; height:25px;}
.page-newsList ul li a:before {border-radius:10px;position:absolute; top:0;left:0;height:0%;width:0%;background:#e6e9ee none repeat scroll 0 0;content:" ";padding:0;transition:all 0.8s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;z-index:1;ransform:rotate(180deg);}
.page-newsList ul li a:hover:before {height:95%;width:95%;ransform:rotate(0);}
.page-newsList ul li a:after {border-radius:10px;position:absolute; bottom:0;right:0;height:0%;width:0%;background:#5862ff none repeat scroll 0 0;content:" ";padding:0;transition:all 0.8s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;z-index:0;ransform:rotate(180deg);}
.page-newsList ul li a:hover:after {height:95%;width:95%;ransform:rotate(0);}
.page-newsList ul li a:hover{background:#fff;}
.page-newsList ul li a{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
@media (max-width: 1220px){
.page-newsList ul li{ width:33.333333%;}	
}
@media (max-width: 768px){
.page-newsList ul li{ width:50%;}	
}
@media (max-width: 640px){
.page-newsList ul{margin:0 -8px;}
.page-newsList ul li a{padding-bottom:43.75vw;margin:0 8px; }
.page-newsList ul li .listTitle .title{font-size:3.4375vw;top:10.15625vw; left:5.46875vw;right:5.46875vw;}
.page-newsList ul li .listTitle .more{background-size:3.90625vw;bottom:10.15625vw;right:5.46875vw; width:3.90625vw; height:3.90625vw;}
}





/*page-newsInfo*/
.page-newsInfo{text-align:left; padding-bottom:6%;}
.page-newsInfo .newsTit{font-size:48px; color:#000000; line-height: normal; text-align:center;font-weight:300;padding-top:30px;width:72.83950617283951%; margin:0 auto;margin-bottom:30px;}
.page-newsInfo .newsShuju{ font-size:12px; color:#909090;line-height:30px;text-align:center;padding-bottom:30px; }
.page-newsInfo .newsShuju em{ display:inline-block;margin:0 20px;font-size:18px; color:#757575;line-height:30px; font-style:normal;}
.page-newsInfo .newsShuju em.d{padding-left:28px;background:url(/html/class/template/images/news-d.png) left center no-repeat; background-size:18px;}
.page-newsInfo .newsShuju em.u{padding-left:28px;background:url(/html/class/template/images/news-u.png) left center no-repeat; background-size:18px;}
.page-newsInfo .newsShare{display:inline-block;text-align:center;margin:0 auto; width:180px;}
.page-newsInfo .newsText{margin:0 0;text-align:left;font-size:18px;color:#464646;line-height:36px;border-top:1px solid #e5e5e5;}
.page-newsInfo .newsTextNr{padding-top:60px;padding-bottom:20px; width:77.20588235294118%; margin:0 auto;}
@media screen and (max-width:1520px) {
    .page-newsInfo .newsTit{font-size:46px;}
}
@media screen and (max-width:1360px) {
    .page-newsInfo .newsTit{font-size:36px;}
	.page-newsInfo .newsShuju em{margin:0 15px;font-size:16px;}
}
@media screen and (max-width:1220px) {
    .page-newsInfo .newsTit{font-size:30px;}
}
@media screen and (max-width:1024px) {
    .page-newsInfo .newsTit{font-size:28px;}
		.page-newsInfo .newsShuju em{margin:0 10px;font-size:14px;}
  .page-newsInfo .newsShuju em.d,
.page-newsInfo .newsShuju em.u{background-size:15px;}

.page-newsInfo .newsText{font-size:16px;line-height:32px;}
}
@media screen and (max-width:992px) {
  .page-newsInfo .newsTit,.page-newsInfo .newsText{margin:0 10px;}
  .page-newsInfo .newsTit{ font-size:26px;width:auto;}
  .page-newsInfo .newsTextNr{padding-top:30px;padding-bottom:20px;width:100%;}
}
@media screen and (max-width:768px) {
	.page-newsInfo .newsTit,.page-newsInfo .newsText{margin:0 0px;}
  .page-newsInfo .newsTit{ font-size:24px;}
}
@media screen and (max-width:640px) {
  .page-newsInfo .newsTit{ font-size:20px;}
  
.page-newsInfo .newsText{font-size:15px;line-height:30px;}
}

/********************************case********************************/
/*page-caseList*/
.page-caseList{margin-bottom:35px; padding-top:30px;margin:0 auto;}
.page-caseList .caseListul{margin:0; font-size:0;}
.page-caseList ul li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:100%;margin-bottom:30px;position:relative; vertical-align:top;}
.page-caseList ul li a{display:block;position: relative;overflow:hidden; background:#f3f5f7;}
.page-caseList ul li .ImgBox img{height:100%; max-width:none;}
.page-caseList ul li .ImgBox{width:35.29411764705882%;height:auto;overflow:hidden;overflow:hidden;width:480px;height:480px;}
.page-caseList ul li:nth-child(2n) .ImgBox{ float:right;}
.page-caseList ul li .listTitle{overflow:hidden;display:block; position:absolute; width:64.70588235294118%; height:100%; position:absolute;right:0;top:0;color: #333333;}
.page-caseList ul li:nth-child(2n) .listTitle{right:auto; left:0;}
.page-caseList ul li .listTitle .title{font-size:80px;line-height: normal; position:absolute;top:9%;right:9%;font-weight: 300;}
.page-caseList ul li .listTitle .text-box{position:absolute;bottom:9%;left:9%;}
.page-caseList ul li .listTitle .text-box .en{font-size:80px;color:#bdbfc2;line-height: normal; font-family:'Montserrat',Arial, Helvetica, sans-serif; font-weight:normal;letter-spacing:-6px;}
.page-caseList ul li .listTitle .text-box .wz{font-size:16px;color:#d8d8d8;line-height:28px;font-family:'Geometr706 BlkCn BT',Arial, Helvetica, sans-serif; letter-spacing:6px; max-width:280px; text-transform:uppercase; display:block;}

.page-caseList ul li .ImgBox:before,
.page-caseList ul li .ImgBox:after {background:rgba(0,0,0,0.1) none repeat scroll 0 0;content:" ";height:0;padding:0;position:absolute;transition:all 0.8s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;width:0;transform:rotate(180deg);z-index:1;}
.page-caseList ul li .ImgBox:before {left:0;top:0;}
.page-caseList ul li .ImgBox:after {bottom:0;right:0;}
.page-caseList ul li a:hover .ImgBox:before,
.page-caseList ul li a:hover .ImgBox:after {height:100%;width:100%;transform:rotate(0);}
.page-caseList ul li .ImgBox img,
.page-caseList ul li .listTitle .listTitleBox{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.page-caseList ul li:hover .ImgBox img{-moz-transform: scale(1.05) translate(-50%, -50%); -webkit-transform: scale(1.05) translate(-50%, -50%);-ms-transform: scale(1.05) translate(-50%, -50%);transform: scale(1.05) translate(-50%, -50%);}
@media screen and (max-width:1680px) {
	
}
@media screen and (max-width:1320px) {
.page-caseList ul li .ImgBox{width:35.29411764705882%;height:auto;}

.page-caseList ul li .listTitle .title{font-size:70px;}
.page-caseList ul li .listTitle .text-box .en{font-size:70px;}
.page-caseList ul li .listTitle .text-box .wz{font-size:15px;max-width:280px;}
}
@media screen and (max-width:1220px) {
	.page-caseList ul li{ margin-bottom:25px;}
.page-caseList ul li .listTitle .title{font-size:60px;}
.page-caseList ul li .listTitle .text-box .en{font-size:60px;}
.page-caseList ul li .listTitle .text-box .wz{font-size:14px;line-height:20px;max-width:280px;}
}
@media screen and (max-width:1024px) {
	.page-caseList ul li{ margin-bottom:20px;}
.page-caseList ul li a{margin:0 5px;}
.page-caseList ul li .listTitle .title{font-size:50px;}
.page-caseList ul li .listTitle .text-box .en{font-size:50px;letter-spacing:0;}
}
@media screen and (max-width:768px) {	.page-caseList ul li{ margin-bottom:10px;}
.page-caseList ul li .listTitle .title{font-size:40px;}
.page-caseList ul li .listTitle .text-box .en{font-size:40px;}
}
@media screen and (max-width:640px) {	.page-caseList ul li{ margin-bottom:10px;}
.page-caseList ul li .listTitle .title{font-size:4.6875vw;}
.page-caseList ul li .listTitle .text-box .en{font-size:4.6875vw; }
.page-caseList ul li .listTitle .text-box .wz{font-size:12px;line-height:normal;/*max-width:40.25vw;*/}
}




/********************************pro********************************/
.pagepro{background:#f4f4f4;}
/**/
.xyimg {height:0;position: relative;overflow: hidden;padding:50% 0;}
.xyimg img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;}
/*page-proList*/
.page-proList{padding-bottom:55px; padding-top:55px;margin:0 auto;}
.page-proList ul{ font-size:0;margin:0 -10px;}
.page-proList li{ display:inline-block;*display:inline;zoom:1;width:50%;margin-bottom:25px;vertical-align:top;}
.page-proList a{display:block;margin:0 10px; position:relative; background:#fff;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; overflow:hidden;}
.page-proList .img-box{position:relative;text-align:left;width:55.22388059701493%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.page-proList .img-box .zsyimg{ text-align:left;}
.page-proList .img-box .zsyimg img{max-width: 100%; width: 100%; max-height: none; height: auto;}
.page-proList .text-box{color:#000;width:42%;position:absolute;right:8%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:right;}
.page-proList .text-box .title{font-size:24px;margin-bottom:15px;}
.page-proList .text-box .en{color:#000000;font-size:22px;text-transform: uppercase;font-weight:900;font-family: 'Swis721 Hv BT',Arial,sans-serif;}
.page-proList .text-box .en span{ display:inline-block; width:55px; height:1px; background:#e5e5e5; position:relative;right:20px;vertical-align: middle;}
.page-proList a:hover .text-box .en{color:#5562ff;}
.page-proList a:hover{-webkit-box-shadow:0 0 15px 10px #eceded;box-shadow:0 0 15px 10px #eceded;}
.page-proList a:hover .img-box{transform: scale(1.05);}
@media screen and (max-width:1685px){

}
@media screen and (max-width:1446px){
.page-proList .text-box .title{font-size:22px;margin-bottom:10px;}
.page-proList .text-box .en{font-size:20px;}
.page-proList .text-box .en span{width:55px;right:20px;}
}
@media screen and (max-width:1024px){	
.page-proList{padding-bottom:35px; padding-top:35px;}
.page-proList .text-box .title{font-size:20px;margin-bottom:5px;}
.page-proList .text-box .en{font-size:18px;}
.page-proList .text-box .en span{width:55px;right:20px;}
.page-proList ul{margin:0 -5px;}
.page-proList a{margin:0 5px; }
.page-proList li{ margin-bottom:15px;}
}
@media screen and (max-width:960px){
.page-proList .text-box .title{font-size:18px;margin-bottom:5px;}
.page-proList .text-box .en{font-size:16px;}
.page-proList .text-box .en span{width:55px;right:20px;}
}
@media screen and (max-width:768px){
.page-proList{padding-bottom:30px; padding-top:30px;}

.page-proList li{ margin-bottom:10px;}
}
@media screen and (max-width:641px){
.page-proList li{ width:100%;}
.page-proList .text-box .title{font-size:3.5vw;margin-bottom:1.5625vw; line-height:normal;}
.page-proList .text-box .en{font-size:3.4375vw; line-height:normal;}
.page-proList .text-box .en span{width:8.5vw;right:3.125vw;}
}
@media screen and (max-width:575px){

}
@media screen and (max-width:350px){
	.page-proList ul{margin:0;}
	.page-proList a{margin:0;}
	.page-proList li{ width:100%; margin-bosttom:10px;}
}



/*proDetails*/
.proDetails{padding-top:30px;padding-bottom:20px;}
.proBigimg{position:relative; padding-top:55px;margin-bottom:50px;}
.proBigimg .proimg{ width:100%;height:670px; background:#fff; position:relative;border-bottom:6px solid #5862ff;}
.proBigimg .proimg img{ width:100%;position:absolute;right:0; left:0;bottom:0;}
.proBigimg .proTit{font-size:30px;color:#fff;width:283px;height:283px; position:relative; background:#5862ff;box-shadow: 0 0 35px rgba(88, 98, 255, 0.30); position:absolute;right:9%; top:0;}
.proBigimg .proTit span{display:inline-block; max-width:150px;position:absolute;right:0; left:0; margin:0 auto;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); line-height:normal;}
.proBigimg .prowz{width:100%;position:absolute;right:7%;top:400px; font-size:18px; line-height:34px; color:#000000;max-width:320px;}
/*proBigXq */
.proBigXq{ margin-bottom:80px;}
.proBigXq .proXqTit{font-size:30px;color:#fff;line-height:90px; text-align:center;border-top-left-radius:45px;border-bottom-right-radius:45px;background: linear-gradient(to right,#383ea5,#222336); margin-bottom:-45px; position:relative; z-index:2;}
.proBigXq .proXqText{ text-align:center; background:#fff; padding-top:115px;padding-bottom:115px;}
@media screen and (max-width:1220px) {
.proBigimg .proTit{font-size:24px;width:250px;height:250px;right:9%;}
.proBigimg .proTit span{max-width:150px;}	
.proBigimg .prowz{right:7%;top:350px;max-width:300px;font-size:16px; line-height:30px;}
.proBigXq{ margin-bottom:70px;}
.proBigXq .proXqTit{font-size:24px;line-height:80px;border-top-left-radius:40px;border-bottom-right-radius:40px;margin-bottom:-40px;}
}
@media screen and (max-width:1024px) {
.proBigXq{ margin-bottom:50px;}
.proBigXq .proXqTit{font-size:22px;line-height:60px;border-top-left-radius:30px;border-bottom-right-radius:30px;margin-bottom:-30px;}
}
@media screen and (max-width:768px) {
.proBigimg .proTit{font-size:22px;width:220px;height:220px;right:9%;}
.proBigimg .proTit span{max-width:150px;}	
.proBigimg .prowz{right:7%;top:280px;max-width:300px;font-size:16px; line-height:30px;}	

.proBigXq{ margin-bottom:50px;}
.proBigXq .proXqTit{font-size:22px;line-height:60px;border-top-left-radius:30px;border-bottom-right-radius:30px;margin-bottom:-30px;}
}




.BigBtn{ position:relative;}
.BigBtn .newsBtn{border-top:1px dashed #e5e5e5;padding-top:35px;font-size:0;}
.BigBtn .newsBtn strong{ font-weight:normal; color:#000;}
.BigBtn .newsBtn .newsBtna{display:block;line-height:30px; height:30px; overflow:hidden;color:#333;font-size:18px; width:80%;}
.BigBtn .newsBtn a{display:inline-block;max-width:100%;white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}
.BigBtn .newsBtn a:hover{color:#5862ff;}
.BigBtn .page-back{position:absolute; bottom:0;right:0;}
/*page-back*/
.page-back{margin:0 auto;text-align:center;}
.page-back a{display:block;font-size: 14px;text-align:center;color:#fff;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;position:relative;}
.page-back a span{ display:block;position:relative;z-index:2; background:#5862ff;border:2px solid transparent;width:180px; line-height: 50px;height:50px;} 
.page-back a:hover span{background:#4d56ea;}
@media screen and (max-width:768px) {
	.page-back a{font-size: 12px;line-height:35px;height:35px; border-radius:35px;}
	.BigBtn .page-back{ position: static; margin-top:50px;}
}



/*.page-back a{color: #fff;background-color: var(--primary);border: 2px solid var(--primary-d);border-radius:2px;border:0px;cursor:pointer;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);transition:all 0.1s ease;}
.page-back a:before,.page-back a:after{content:"";position:absolute;top:-2px;left:-2px;background:linear-gradient(45deg,#2933d1,#5862ff,#00ff00,#d7d7d5,#4644a8,#5960d9,#0000ff,#6d74e8,#ffff00,#3549d1);background-size:400%;width:calc(100% + 4px);height:calc(100% + 4px);z-index:0;animation:animate 20s linear infinite}
/*.page-back a:after {filter: blur(20px);}*//*
@keyframes animate{0%{background-position:0 0}
50%{background-position:300% 0}
100%{background-position:0 0}
}
*/




/********************************Contact********************************/


/**Contact**/
.contactTable{ margin:0 -13px; font-size:0; overflow:hidden;padding-top:10px;padding-bottom:5%;}
.contactTable .wz{display:inline-block;*display:inline;zoom:1;width:25%; padding:30px 0;border-radius:10px; overflow:hidden; vertical-align:top;}
.contactTable .wzNR{ margin:0 13px; min-height:300px; position:relative;}
.contactTable .wzNR:before{ content:''; background-image: linear-gradient(to right, #fff, #555ff6); position:absolute;z-index:-1;left:10px;top:10px; width:100%; height:100%;border-top-left-radius:100px;border-bottom-right-radius:100px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s; overflow:hidden;}
.contactTable .wzNRbox{background:#fff;min-height:300px;padding-bottom:45px;padding-top:55px;border-top-left-radius:100px;border-bottom-right-radius:100px;-moz-box-shadow:0 0px 13px rgba(0,0,0,0.27);-webkit-box-shadow:0 0px 10px rgba(0,0,0,0.05);box-shadow:0 0px 13px rgba(0,0,0,0.27); font-size:16px;line-height:30px;color:#909090;overflow:hidden; padding-left:55px; padding-right:55px; position:relative;text-align: left;}
.contactTable .wz h1{ font-size:40px; color:#5862ff; line-height:30px; position:relative; z-index:1; padding-left:20px;font-family:'Montserrat',Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:5px;}
.contactTable .wz h2{ font-size:24px; color:#000000; line-height:30px; position:relative; z-index:1; margin-bottom:40px;font-weight:normal;}
.contactTable .wz h2:before{content:"";width:40px;height:12px;background:#ecedee;position:absolute;left:20px;bottom:0;transition:0.4s;z-index:-1}
.contactTable .wz p{ font-size:16px; color:#909090; position:relative; z-index:1;font-family:'Montserrat',Arial, Helvetica, sans-serif; font-weight:300;}
.contactTable .wz{position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
@media screen and (max-width:1680px) {

.contactTable .wz h1{ font-size:36px;}
.contactTable .wz h2{ font-size:22px; margin-bottom:35px;}
}
@media screen and (max-width:1520px) {
.contactTable .wz h1{ font-size:32px;}
.contactTable .wz h2{ font-size:20px; margin-bottom:30px;}
}
@media screen and (max-width:1220px) {
.contactTable .wz h1{ font-size:30px;}
.contactTable .wz h2{ font-size:18px; margin-bottom:20px;}
.contactTable .wz p{ font-size:14px;}
.contactTable .wzNRbox{ padding-left:30px; padding-right:30px;}
}
@media screen and (max-width:1150px) {
.contactTable .wzNR{min-height:200px;}
.contactTable .wzNRbox{min-height:200px;}	
.contactTable .wzNR:before,
.contactTable .wzNRbox{padding-bottom:30px;padding-top:30px;border-top-left-radius:50px;border-bottom-right-radius:50px;line-height:26px;}	
}
@media screen and (max-width:1024px) {
.contactTable .wz h1{ font-size:28px;}
.contactTable .wz h2{ font-size:16px; margin-bottom:15px;}
.contactTable .wz p{ font-size:14px;}
.contactTable .wzNR{min-height:250px;}
.contactTable .wzNRbox{min-height:250px;}
.contactTable .wzNRbox{ padding-left:30px; padding-right:30px;line-height: normal;}
}
@media screen and (max-width:992px) {
.contactTable .wzNR{min-height:200px;}
.contactTable .wzNRbox{min-height:200px;padding-bottom:30px;padding-top:30px;}
.contactTable .wzNR:before,
.contactTable .wzNRbox{border-top-left-radius:50px;border-bottom-right-radius:50px;}
}
@media screen and (max-width:992px) {
.contactTable .wz{width:50%;}
.contactTable .wzNR{min-height:200px;}
.contactTable .wzNRbox{min-height:200px;padding-bottom:30px;padding-top:30px;line-height: normal;}
.contactTable .wzNR:before,
.contactTable .wzNRbox{border-top-left-radius:50px;border-bottom-right-radius:50px;}
}
@media screen and (max-width:640px) {
.contactTable .wzNR{min-height:200px;}
.contactTable .wzNRbox{min-height:200px;padding-bottom:30px;padding-top:30px;line-height: normal;}

.contactTable .wzNR:before,
.contactTable .wzNRbox{border-top-left-radius:10vw;border-bottom-right-radius:10vw;}
}

/**/
@media screen and (max-width:443px){
.contactTable .wz{width:100%;}
.contactTable .wzNR{min-height:150px;}
.contactTable .wzNRbox{min-height:150px;padding-bottom:30px;padding-top:30px;line-height: normal;}
.contactTable .wzNR:before,
.contactTable .wzNRbox{border-top-left-radius:15.625vw;border-bottom-right-radius:15.625vw;}
}


/*feedback2Box*/
.feedback2Box{padding-top:7%;padding-bottom:220px;background: url(/html/class/template/images/contactbg.jpg) center top no-repeat #f1f1f1; }
.feedback2Box .contact-con{ font-size:0;}
.feedback2Box .pageT1{ max-width:80%; margin:0 auto; line-height:24px;}
.feedback2Box .pageT1 .cn{margin-bottom:10px;}
/*feedback2*/
.feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 -5px;}
.feedback2 label{display:block;}
.feedback2 .l1{float:left;width:33.33333%; position:relative;}
.feedback2 .l1Box{margin:0 5px; position:relative;}
.feedback2 .text{display:block;width: 100%;padding:4px 18px;height:50px;margin-bottom:18px;outline:none;font-size:14px;color:#909090;font-family:"΢ÈíÑźÚ",Arial,Sans-Serif;border:1px solid #fff;border-radius:0px;background:#fff;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 18px;height:210px;margin-bottom:18px;outline:none;font-size:14px;color:#909090;font-family:"΢ÈíÑźÚ",Arial,Sans-Serif;border:1px solid #fff;border-radius:0px;background:#fff;text-align:left;}
.feedback2 .getcode{display:block;width:32%;padding:4px 18px;height:50px;margin-bottom:18px;outline:none;font-size:14px;color:#909090;font-family:"΢ÈíÑźÚ",Arial,Sans-Serif;border:1px solid #fff;border-radius:0px;background:#fff;text-align:left; float:left;margin-right:15px; max-width:275px;}
.feedback2 img{display:inline-block; float:left;margin-top:10px;}
.feedback2 .kk{font-size:14px;color:#a0a0a0; line-height:50px;margin-left:2px;float:left;}
.feedback2 .l3{ position:relative;}
.feedback2 .inputbtn{display:inline-block;height:53px;line-height:53px;margin:0; margin-top:50px;outline:none;font-size:14px;background:#555ef5;color:#fff;font-family:"΢ÈíÑźÚ",Arial,Sans-Serif;border:0;cursor:pointer;border-radius:44px;text-align:center;width:135px;-moz-box-shadow: 0 0px 13px rgba(0,0,0,0.27);
    -webkit-box-shadow: 0 0px 10px rgba(85,94,245,0.27));
    box-shadow: 0 0px 13px rgba(85,94,245,0.27);}   
.feedback2 .inputbtn:hover,.feedback2 .inputbtn.tj:hover{background:#555ef5;}
.feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #d4d6ff; }
.feedback2 input::-webkit-input-placeholder { color: #909090; } 
.feedback2 input:-moz-placeholder { color: #909090; } 
.feedback2 input::-moz-placeholder { color: #909090; } 
.feedback2 input:-ms-input-placeholder { color: #909090; } 
.feedback2 textarea::-webkit-input-placeholder { color: #909090; } 
.feedback2 textarea:-moz-placeholder { color: #909090; } 
.feedback2 textarea::-moz-placeholder { color: #909090; } 
.feedback2 textarea:-ms-input-placeholder { color: #909090; } 
@media screen and (max-width:1024px) {
.feedback2Box{padding-top:70px;}
}
@media screen and (max-width:768px) {
.feedback2Box{padding-top:50px;padding-bottom:150px;}
.feedback2 .l1{width:100%;}
.feedback2 .inputbtn{ float:none; display:block; clear:both;}
.feedback2 .text,
.feedback2 .getcode{height:40px;padding:4px 10px;margin-bottom:10px;}
.feedback2 .text2{ height:120px;padding:10px 10px;margin-bottom:10px;}
.feedback2 .getcode{ margin-bottom:40px;max-width:200px;}
}
















/********************************index********************************/
/*indexTit*/
.indexTit{text-align:left;margin-bottom:70px;padding-top:50px;background:url(/html/class/template/images/v.png) right center no-repeat; background-size:30px;}
.indexTit .cn{font-size:26px; color:#000; margin-bottom:10px;}
.indexTit .en{ text-transform:uppercase;color:#333333;font-size:80px;line-height:70px;font-family:'Montserrat',Arial, Helvetica, sans-serif; font-weight:normal;}
.indexTit .en span{ display:inline-block; position:relative; z-index:1;}
.indexTit .en span:before{content:"";width:100%;height:12px;background:#5862ff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:-1; }
.indexTit .wz{ text-transform:uppercase;color:#bdbfc2;font-size:16px; line-height:18px;font-family:'Montserrat',Arial, Helvetica, sans-serif;font-weight:normal; /*max-width:200px; */letter-spacing:-1px;margin-top:20px;}
@media screen and (max-width:1680px) {
.indexTit .en{font-size:75px;line-height:65px;}	
.indexTit .cn{font-size:26px;}		
}
@media screen and (max-width:1520px) {
.indexTit .en{font-size:70px;line-height:60px;}	
.indexTit .cn{font-size:24px;}		
}
@media screen and (max-width:1220px) {
.indexTit .en{font-size:65px;line-height:55px;}	
.indexTit .cn{font-size:22px;}	
}
@media screen and (max-width:1150px){
.indexTit .en{font-size:60px;line-height:50px;}	
.indexTit .cn{font-size:20px;}			
}
@media screen and (max-width:1024px){
.indexTit{margin-bottom:30px;padding-top:30px;}
.indexTit .en{font-size:55px;line-height:45px;}	
.indexTit .cn{font-size:18px; margin-bottom:0px;}	
.indexTit .en span:before{height:10px;}	
.indexTit .wz{font-size:15px;margin-top:15px;}
}
@media screen and (max-width:992px){
.indexTit{margin-bottom:20px;padding-top:20px;}
.indexTit .en{font-size:50px;line-height:40px;}	
.indexTit .en span:before{height:9px;}	
}
@media screen and (max-width:768px){
.indexTit{margin-bottom:10px;padding-top:20px;background-size:20px;}
.indexTit .en{font-size:45px;line-height:40px;}	
.indexTit .en span:before{height:8px;}
.indexTit .wz{font-size:14px;margin-top:10px;}
}
@media screen and (max-width:640px){
.indexTit .cn{font-size:3vw; margin-bottom:1.5vw;}	
.indexTit .en{font-size:7vw;line-height:6.25vw;}	
.indexTit .wz{font-size:12px;margin-top:5px;}
}



/*indexAbout*/
.indexAboutB{ /*padding-top:50.41666666666667%;*/background-image:url(/html/class/template/images/index-aboutbg1.png);background-position:center bottom;background-repeat:no-repeat; background-size:100%;}
.indexAbout{padding-top:5vw;padding-bottom:0;background-image:url(/html/class/template/images/index-aboutss.png);background-position:center top;background-repeat:no-repeat;margin-top:-5vw; position:relative; z-index:2; background-size:100%;}
/*.indexAbout img{ max-width:100%;}*/
/*.aboutMore{ position:absolute;right:12.23958333333333%; top:50%; width:90px; height:90px;border-radius:50%;-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.05);box-shadow: 0 0px 13px rgba(0,0,0,0.27);-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;transition:all 0.8s ease-out 0s;}
.aboutMore:hover{-webkit-transform: translate(5px, 5px);-moz-transform: translate(5px, 5px);-o-transform: translate(5px, 5px);-ms-transform: translate(5px, 5px);transform: translate(5px, 5px);-webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.27);box-shadow: 0 0px 30px rgba(0,0,0,0.27);}

.indexAbout a{ display:inline-block;}*/
/*.indexAbout a:focus {outline: rgb(255, 173, 0) solid 1px;outline-offset: 4px;}*/


/*indexT*/
.indexT{font-size:14px;color:#000000;font-weight:300;}
.indexT .cn{font-size:36px;color:#fff;line-height:normal; display:block;line-height: normal;padding-bottom:5.5%; }
.indexT .en{font-size:140px;color:#383746;line-height:normal;font-family: 'Montserrat',Arial, Helvetica, sans-serif; font-weight:300;letter-spacing:-13px;}
.indexT .wz{font-size:18px;line-height:32px;max-width:405px;color:#ffffff;text-align:justify;}
@media screen and (max-width:1680px) {
.indexT .cn{font-size:32px;margin-bottom:20px;}	
.indexT .en{font-size:130px;letter-spacing:-12px;}	
}
@media screen and (max-width:1520px) {
.indexT .cn{font-size:30px;margin-bottom:20px;}	
.indexT .en{font-size:120px;letter-spacing:-10px;}	
.indexT .wz{font-size:16px;line-height:30px;}	
}
@media screen and (max-width:1320px) {
.indexT .cn{font-size:28px;margin-bottom:20px;}	
.indexT .en{font-size:110px;letter-spacing:-9px;}
.indexT .wz{font-size:15px;line-height:30px;}		
}
@media screen and (max-width:1220px) {
.indexT .cn{font-size:26px;margin-bottom:20px;}	
.indexT .en{font-size:100px;letter-spacing:-8px;}	
.indexT .wz{font-size:14px;line-height:26px;}
}
@media screen and (max-width:1024px) {
.indexT .cn{font-size:22px;line-height:30px;margin-bottom:15px;}
.indexT .en{font-size:90px;letter-spacing:-7px;}	

}
@media screen and (max-width:992px) {
.indexT .cn{font-size:24px;line-height:30px;margin-bottom:15px;}
.indexT .en{font-size:70px;letter-spacing:-5px;    }	
}
@media screen and (max-width:768px) {
.indexT .cn{font-size:20px;}
.indexT .en{font-size:50px;letter-spacing:-3px;}
}
@media screen and (max-width:640px) {
.indexT .cn{font-size:18px;}
.indexT .en{font-size:40px;letter-spacing:-1px;}
}



/*btn-view*/
.btn-view{ text-align:left; margin-top:60px;}
.btn-view a{ display:inline-block;color: #fff;cursor: pointer;font-size:16px;font-weight: 400;line-height:46px;padding:0 22px; min-width:165px;position: relative;text-decoration: none;background:#5862ff;overflow:hidden;border-radius:50px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;text-align:left; text-transform:uppercase;}
.btn-view a span{display:block;-webkit-transition:all .4s;transition:all .4s}
.btn-view a:after{content:"";position:absolute;height:100%;width:30px; right:22px;top:0;background-image:url(/html/class/template/images/index-m.png);background-position:center center;background-repeat:no-repeat; background-size:29px;-webkit-transition:all .4s;transition:all .4s}
.btn-view a:hover{color:#fff;background:#313be0;}
.btn-view a:hover:after{right:10px;}
@media screen and (max-width:1220px) {
.btn-view{margin-top:50px;}
}
@media screen and (max-width:1024px) {
.btn-view{margin-top:40px;}		
}
@media screen and (max-width:992px) {
.btn-view{margin-top:30px;}
}
@media screen and (max-width:768px) {
.btn-view a{font-size:14px;min-width:135px;line-height:40px;}
.btn-view a:after{background-size:20px;}
}




/*indexPro*/
.indexPro{padding-top:7%;padding-bottom:18%;/*background-image:url(/html/class/template/images/index-probg2.jpg);*/background-position:center center;background-repeat:no-repeat; background-color:#282737; position:relative;z-index:2; background-size:100%;}
.indexPro .img2{position:absolute;bottom:-3%; left:42.70833333333333%; width:86.25%}
.indexPro .img2 img{ max-width:100%;}
.indexPro .titleWzBox{ position:relative; z-index:1;}
@media screen and (max-width:768px) {
.indexPro .titleWzBox{ padding-left:8.75%; padding-right:8%;}
.indexPro{padding-top:20%;padding-bottom:40%;}
.indexPro .img2{width:150%;left:30%;bottom:-20%;}
}



.Circles{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;pointer-events:none !important;z-index:0; }
.Circles-circle{display:block;position:absolute;will-change:transform;transition:1.2s cubic-bezier(0.165,0.84,0.44,1)}
.Circles-circle.circle1{width:33.7vw;height:33.7vw;left:-16.8vw;top:-16.8vw;background:#282737;z-index:2;border-radius:50%;transform: matrix(1, 0, 0, 1, 1580, 532); display:none;}
.Circles-circle.circle2{width:59.68vw;height:59.58vw;left:-29.84vw;top:-29.84vw;transition:2s cubic-bezier(0.165,0.84,0.44,1);background:#333240;border-radius:50%;transform: matrix(1, 0, 0, 1, 1580, 532);}
.Circles-dot{position:absolute;left:0;top:0;right:0;bottom:0}
.Circles-dot:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:transform 2s cubic-bezier(0.165,0.84,0.44,1),opacity 0.6s;will-change:transform}
.Circles-circle.circle2 .Circles-dot{width:33.7vw;height:33.7vw;background:#282737;z-index:2;border-radius:50%; margin: auto auto;}
@media screen and (max-width:1024px) {
.Circles{ display:none;}
.indexPro{background-image:url(/html/class/template/images/index-probg2.jpg);}
}
@media screen and (max-width:768px) {
.indexPro{background-size:150%; background-position:70% center;}
}

/*indexPartners*/
.indexPartners{background-color:#9898a0;padding-bottom:110px; margin-bottom:-110px;}
.indexPartnersBox{padding-top:3.5%;padding-bottom:4%;}
.indexPartnersBox img{ max-width:100%; text-align:center;}
.indexPartners .indexT{ text-align:center; position:relative;}
.indexPartners .indexT .cn{ color:#fff; position:absolute; left:0;right:0; top:55%; -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin:0 auto;padding:0;}
.indexPartners .indexT .en{ color:#a1a1a9;}

/*indexPartners logo*/
.indexPartnersBox .img2{position:relative; padding-bottom:37.875%;}
.indexPartnersBox .img2 .imgbg{position: absolute;left:0%;top:0%;width:100%;/*opacity: 0;visibility: hidden;*/transition: 0.8s 0.3s;}
.indexPartnersBox .img2 .imgbg2{position: absolute;left:0%;top:0%;width:100%;/*opacity: 0;visibility: hidden;*/transition: 0.8s 0.3s;}
.indexPartnersBox .img2 .img-circular{width: 19.51%;height:auto;border-radius: 50%;position: absolute;z-index:5;opacity:1;/*opacity:0;box-sizing:border-box;visibility: hidden;transform: scale(0);*/border-radius:50%;transition: 0.78s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.indexPartnersBox .img2 .img-circular{/*opacity: 1;visibility: visible;transform: scale(1);transition: 0.78s 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/}
.indexPartnersBox .img2 .img-circular img{display: block;width: 100%;height: auto;}
.indexPartnersBox .img2 .img-circular img {/*opacity: 0;visibility: hidden;*/}
.indexPartnersBox .img2 .img-circular:before{content:"";position:absolute;left:-10px;top:-10px;bottom:-10px;right:-10px; margin:auto auto;border-radius:50%; padding:10px; border:1px dashed #fff;transition: 0.5s;}
.indexPartnersBox .img2 .img-circular.circular1{width:7.625%;left:11.625%;top:6.270627062706271%;}
.indexPartnersBox .img2 .img-circular.circular2{width:8.125%;left:26.125%;top:23.1023102310231%;}
.indexPartnersBox .img2 .img-circular.circular3{width:9.75%;left:40.25%;top:35.47854785478548%;}
.indexPartnersBox .img2 .img-circular.circular4{width:7.1875%;left:56.4375%;top:6.270627062706271%;}
.indexPartnersBox .img2 .img-circular.circular5{width:6.5%;left:66.375%;top:37.62376237623762%;}
.indexPartnersBox .img2 .img-circular.circular6{width:8.9375%;left:20.875%;top:64.35643564356436%;}
.indexPartnersBox .img2 .img-circular.circular7{width:7.5%;left:51.125%;top:73.5973597359736%;}
.indexPartnersBox .img2 .img-circular.circular8{width:7.625%;left:80.75%;top:57.92079207920792%;}
.indexPartnersBox .img2 .img-circular:hover:before {transform: rotateY(180deg);}
.indexPartnersBox .img2 .img-circular:hover{-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
@media screen and (max-width:768px) {
/*.indexPartners .indexT{ text-align:left; padding-left:1%; padding-bottom:10%;}*/
}
@media screen and (max-width:640px) {
.indexPartnersBox{padding-top:50px;padding-bottom:50px;}
.indexPartnersBox .img2 .img-circular:before{left:-1vw;top:-1vw;bottom:-1vw;right:-1vw;padding:1vw;}	
.indexPartnersBox .img2{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); margin-top:50px;}
}


/*indexGongyi*/
.indexGongyi{overflow:hidden; width:100%; position:relative;}
.indexGongyi .btn-view{ margin:0;margin-top:50px; text-align:left;}
.indexGongyi .pageTit{ text-align:left;}
.indexGongyi .pageTit .cn{ left:45px;right:auto; margin:0; top:10px;}
.indexGongyi .pageTit .en{ margin:0;}
.indexGongyi .wbox1{width:34.89583333333333%;position:absolute; height:100%; left:0;top:0; }
.indexGongyi .wbox2{ float:right; width:65.10416666666667%;}
/*indexT2*/
.indexGongyi .indexT{position:absolute;left:23.88059701492537%;top:5.520833333333333%; z-index:2;}
.indexGongyi .indexT .cn{color:#000000;line-height:normal;padding-bottom:5.5%; }
.indexGongyi .indexT .en{font-size:22px;color:#909090;line-height:normal;font-family: 'Montserrat',Arial, Helvetica, sans-serif; font-weight:300;letter-spacing:0;}
/*swiper-button*/
.indexGongyi .indexGongyiBtn{ position:absolute;left:23.88059701492537%;bottom:10%; z-index:2;}
.indexGongyi .swiperbtn{width:30px;height:30px;outline:none;display:inline-block;position: static;z-index:10; top:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.indexGongyi .swiper-button-prev{background:url(/html/class/template/images/index-left.png) center no-repeat;background-size:25px;}
.indexGongyi .swiper-button-next{background:url(/html/class/template/images/index-right.png) center no-repeat;background-size:25px;}
/*indexGongyiWz*/
.indexGongyiWz{padding-left:23.88059701492537%; height:100%;}
.indexGongyiWz .box{max-width:350px;}
.indexGongyiWz .num{font-size:100px;color:#bec0c2;line-height:normal;font-weight:bold; font-family:'NewsGoth BT',Arial, Helvetica, sans-serif; }
.indexGongyiWz .title{font-size:38px;color:#000000;line-height:40px;padding-bottom:11%; }
.indexGongyiWz .bjb{padding: 0; font-size:18px; line-height:30px;height:180px; overflow:hidden;color:#000000;}
.indexGongyiWz .bjb .line{width:24px;height:3px;background:#5761fd; margin-top:40px;}
/*indexGongyi-swiper-container1*/
.indexGongyi-swiper-container1{padding-top:54.47761194029851%;}
.indexGongyi-swiper-container1 .swiper-slide{background:#FFF;}
.indexGongyi-swiper-container1 .swiper-slide .box{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.indexGongyi-swiper-container1 .swiper-slide-active .box{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}
/*indexGongyiImg*/
.indexGongyiImg{overflow: hidden; position:relative;}
.indexGongyiImg img{ max-width:100%; height:auto; }
.indexGongyiImg .box{ position:relative; display:block;}
.indexGongyiImg .box:after{ content:'';background-image:url(/html/class/template/images/indexGongyibg.png);background-position:center bottom;background-repeat:no-repeat;background-size:100%;position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;}
@media screen and (max-width: 1800px) {

}
@media screen and (max-width: 1685px) {
.indexGongyiWz .img{max-width: 500px;margin-bottom: 60px;}
.indexGongyiWz .num{font-size:90px;}
.indexGongyiWz .title {font-size: 30px;}
.indexGongyiWz .bjb{font-size:17px;padding-right:10%;}
.indexGongyi .indexT{left:15%;}
.indexGongyiWz{padding-left:15%;}
.indexGongyi .indexGongyiBtn{left:15%;}
}
@media screen and (max-width: 1440px) {
.indexGongyiWz .img{max-width: 450px;margin-bottom: 50px;}
.indexGongyiWz .num{font-size:80px;}
.indexGongyiWz .title {font-size: 28px;}
.indexGongyiWz .bjb{font-size:16px;}
}
@media screen and (max-width: 1280px) {
.indexGongyiWz .img{max-width: 400px;margin-bottom: 40px;}
.indexGongyiWz .num{font-size:70px;}
.indexGongyiWz .title {font-size: 26px;}
}
@media screen and (max-width: 1199px) {
.indexGongyiWz .img{max-width: 350px;margin-bottom: 30px;}
.indexGongyiWz .num{font-size:60px;}
.indexGongyiWz .title {font-size: 24px;}
.indexGongyi-swiper-container1{padding-top:40%;}
}

@media screen and (max-width: 992px) {
.indexGongyiWz .img{max-width: 300px;margin-bottom: 20px;}
.indexGongyiWz .num{font-size:50px;}
.indexGongyiWz .title {font-size: 22px;padding-bottom:3%;}
.indexGongyi .indexT{left:3%; position:static;}
.indexGongyiWz{padding-left:3%;padding-right:3%;}
.indexGongyi .indexGongyiBtn{left:3%;bottom:3%;}
.indexGongyi-swiper-container1{padding-top:0%;}
.indexGongyi .wbox1{width:100%;position: static; height:100%; left:0;top:0; }
}
@media screen and (max-width: 992px) {
.indexGongyi{ padding-top:50px;}
.indexGongyi .wbox1{ float:none; width:100%; margin-bottom:30px; }
.indexGongyi .wbox2{  float:none; width:100%;}
.indexGongyi .wbox3{ width:100%;}

.indexGongyi .indexT{left:3%;}
.indexGongyiWz{padding-left:3%;padding-right:3%; position:relative;}
.indexGongyi .indexGongyiBtn{left:3%;}

}
@media screen and (max-width: 768px) {
.indexGongyiWz .img{margin-bottom: 10px;max-width: 280px;}
.indexGongyiWz .num{font-size:40px;}
.indexGongyiWz .title {font-size: 20px;line-height:30px;    padding-bottom:3%;}
.indexGongyiWz .bjb{font-size:14px;}
.indexGongyiWz{ padding-left:11%; padding-right:11%;}
.indexGongyi .indexT{left:11%;}
.indexGongyi .indexGongyiBtn{left:11%;}
}
@media screen and (max-width: 575px) {
.indexGongyiWz .img{max-width: 250px;}
.indexGongyiWz .num{font-size:30px;}
.indexGongyiWz .title {font-size: 18px; }
}





/********************************tech********************************/
/*pagetechList*/
.pagetechList li{padding:130px 0}
.pagetechList .nei{display:flex;justify-content:space-between;align-items:center}
.pagetechList .img-box{width:50%;text-align:center;position:relative; height:100%;}
.pagetechList .img-box video{width:80%;height:100%;object-fit:cover;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.pagetechList .img-box .img{width:80%;height:auto;padding-bottom:64.74820143884892%;object-fit:cover;overflow:hidden;position: relative; left:0;top:0;right:0;bottom:0; margin:0 auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all .5s ease-in-out;}
.pagetechList .img-box .img img{max-width:none;position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%;width:100%;object-fit:cover;}
.pagetechList .img-box .img video{position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center; width:100%;object-fit:cover; background:#000;}
.pagetechList .text-box{width:46%}
@media screen and (max-width:1680px){
}
@media screen and (max-width:1300px){
}
@media screen and (max-width:1024px){
	.pagetechList li{padding:100px 0}
}
@media screen and (max-width:768px){
	.pagetechList li{padding:70px 0}
}
@media (max-width:751px){
	.pagetechList .nei{display: block;}
	.pagetechList .img-box{width:100%;height:50%;}	
	.pagetechList .text-box{width:100%; padding:5% 0;}
	.pagetechList .img-box .img{width:100%!important;}
	.pagetechList .img-box img{height:auto;}
	.pagetechList li{padding:50px 0}
}
@media (max-width:641px){
	.pagetechList li{padding:50px 0}
}





/*text-box*/
.pagetechList .text-box{}
.pagetechList .num{font-size:100px;color:#bec0c2;line-height:normal;font-weight:bold; font-family:'NewsGoth BT',Arial, Helvetica, sans-serif; }
.pagetechList .title{font-size:30px;color:#000000;line-height:40px;padding-bottom:6%; font-weight:normal;}
.pagetechList .desc{padding: 0; font-size:18px; line-height:30px;overflow:hidden;color:#000000;}
.pagetechList .desc .line{width:24px;height:3px;background:#5761fd; margin-top:30px;}
@media screen and (max-width: 1685px) {
.pagetechList .num{font-size:90px;}
.pagetechList .title {font-size:30px;}
.pagetechList .desc{font-size:17px;}
}
@media screen and (max-width: 1440px) {
.pagetechList .num{font-size:80px;}
.pagetechList .title {font-size: 28px;}
.pagetechList .desc{font-size:16px;}
}
@media screen and (max-width: 1280px) {
.pagetechList .num{font-size:70px;}
.pagetechList .title {font-size: 26px;}
}
@media screen and (max-width: 1199px) {
.pagetechList .num{font-size:60px;}
.pagetechList .title {font-size: 24px;}
.pagetechList .desc{font-size:14px; line-height:26px;}
}
@media screen and (max-width: 992px) {
.pagetechList .num{font-size:50px;}
.pagetechList .title {font-size: 22px;padding-bottom:3%;}
}
@media screen and (max-width: 767px) {
.pagetechList .num{font-size:40px;}
.pagetechList .title {font-size: 20px;line-height:30px;    padding-bottom:3%;}
.pagetechList .desc{font-size:14px;line-height: 26px;}
}
@media screen and (max-width: 575px) {
.pagetechList .num{font-size:30px;}
.pagetechList .title {font-size:18px; }
}






/*li1*/
.pagetechList li.li1{background-image:url(/html/class/template/images/tech-1bg.jpg);background-position:center bottom;background-repeat:no-repeat;background-size:100%;padding:0px 0;}
.pagetechList li.li1 .img-box{ width:60.29411764705882%;}
.pagetechList li.li1 .text-box{ width:33.08823529411765%;}
.pagetechList li.li1 .img-box .img{width:100%;height:auto;padding-bottom:54.8780487804878%;object-fit:cover;}
@media screen and (max-width:1024px){
.pagetechList li.li1 .img-box{margin-top:30px;}
}
@media screen and (max-width:751px){
.pagetechList li.li1{ padding-bottom:50px;}
.pagetechList li.li1 .img-box{ width:100%; margin-top:30px;}
.pagetechList li.li1 .text-box{ width:100%;}
}


/*li2*/
.pagetechList li.li2{background-position:center bottom;background-repeat:no-repeat;background-size:100%;padding:0px 0; position:relative;padding-top:8.125%;}
.pagetechList li.li2:before{content:''; width:50%; height:100%; background:#f2f4f8; position:absolute; left:0;top:0;}
.pagetechList li.li2 .w1400{position:relative;padding-bottom:6.5%;}
.pagetechList li.li2 .nei{width:100%;position:relative; display:block;justify-content: initial;align-items: inherit; margin:0; z-index:2; padding-left:10%;}
.pagetechList li.li2 .text-box{width:100%;padding-bottom:46%;}
.pagetechList li.li2 .img-box{ width:50.36764705882353%; float:none; position:absolute; bottom:0; left:10%;right:auto; margin:0; height:auto;}
.pagetechList li.li2 .img-box:after{content:''; width:246px; height:246px; background-image:url(/html/class/template/images/tech-2-z.png);background-position:center bottom;background-repeat:no-repeat;background-size:100%;position:absolute; left:100%;top:50%; z-index:0; margin-left:-43px; margin-top:-43px;}
.pagetechList li.li2 .img-box .img{width:100%;height:auto;padding-bottom:81.75182481751825%;object-fit:cover;}
.pagetechList li.li2 .desc{ height:auto; max-width:50%;}
.pagetechList li.li2 .desc .line{margin-bottom:75px;}
.pagetechList li.li2 .title{padding-bottom:3%; }

.pagetechList li.li2 .desc img{ width:32.35294117647059%; position:absolute;top:18.52941176470588%; right:0%; z-index:2;}
.pagetechList li.li2 .num{position:absolute;top:0%; left:0; margin-top:-42px;}
@media screen and (max-width:1680px){
.pagetechList li.li2 .desc .line{margin-bottom:65px;}
}
@media screen and (max-width:1220px){
.pagetechList li.li2 .desc .line{margin-bottom:55px;}
}
@media screen and (max-width:1024px){
.pagetechList li.li2 .desc .line{margin-bottom:45px;}
}
@media screen and (max-width:751px){
.pagetechList li.li2 .img-box{ width:100%;}
.pagetechList li.li2 .text-box{ width:100%;padding-bottom: 0%;}
.pagetechList li.li2 .desc .line{margin-bottom:35px;}
.pagetechList li.li2 .img-box{ width:50.36764705882353%; float:none; position: static; bottom:0; left:10%;right:auto; margin:0; height:auto;    }
}


/*li3*/
.pagetechList li.li3{padding:0px 0; padding-top:4.6875%;padding-bottom:4.895833333333333%;}
.pagetechList li.li3 .nei{position:relative;}
.pagetechList li.li3 .img-box{ width:60.29411764705882%;}
.pagetechList li.li3 .text-box{ width:30.14705882352941%; position:absolute;top:0;right:0;margin-top:-66px;}
.pagetechList li.li3 .img-box .img{width:100%;height:auto;padding-bottom:64.63414634146341%;object-fit:cover;}
@media screen and (max-width:751px){
.pagetechList li.li3 .img-box{ width:100%; margin-top:30px;}
.pagetechList li.li3 .text-box{ width:100%; position:relative; margin-top:0;}
.pagetechList li.li3 .text-box{}
}



/*li4*/
.pagetechList li.li4{background-image:url(/html/class/template/images/tech-5bg.jpg);background-position:right bottom;background-repeat:no-repeat;padding:0px 0; padding-bottom:8.333333333333333%;padding-top:8.072916666666667%; position:relative;}
.pagetechList li.li4:before{content:''; width:50%; height:100%; background:#f2f4f8; position:absolute; left:50%;top:0;}
.pagetechList li.li4 .nei{position:relative; display:block;justify-content: initial;align-items: inherit; margin:0 auto; z-index:2;}
.pagetechList li.li4 .img-box{ width:60.29411764705882%;float:right;}
.pagetechList li.li4 .text-box{ width:33.08823529411765%;float:left; }
.pagetechList li.li4 .img-box .img{width:100%;height:auto;padding-bottom:54.8780487804878%;object-fit:cover;}
.pagetechList li.li4 .desc img{ width:17.70833333333333%; position:absolute;top:0; left:22.39583333333333%; margin-top:-27px;}
@media screen and (max-width:751px){
.pagetechList li.li4 .img-box{ width:100%; margin-top:30px;}
.pagetechList li.li4 .text-box{ width:100%;}
}



/*li5*/
.pagetechList li.li5{background-image:url(/html/class/template/images/tech-5bg.jpg);background-position:right bottom;background-repeat:no-repeat;padding:0px 0; padding-bottom:8.333333333333333%;padding-top:22.5%; position:relative;}
.pagetechList li.li5 .img-box{ width:60.29411764705882%;}
.pagetechList li.li5 .text-box{ width:33.08823529411765%;}
.pagetechList li.li5 .img-box .img{width:100%;height:auto;padding-bottom:54.8780487804878%;object-fit:cover;}
.pagetechList li.li5 .desc img{ width:17.70833333333333%; position:absolute;top:0; left:22.39583333333333%; margin-top:-27px;}
@media screen and (max-width:751px){
.pagetechList li.li5 .img-box{ width:100%; margin-top:30px;}
.pagetechList li.li5 .text-box{ width:100%;}
}



/*li6*/
.pagetechList li.li6{background-image:url(/html/class/template/images/tech-6bg.jpg);background-position:center bottom;background-repeat:no-repeat;background-size:100%;padding:0px 0;}
.pagetechList li.li6 .w1400{position:relative;padding-top:4.8%;padding-bottom:6.5%;}
.pagetechList li.li6 .w1400:before{ content:''; width:1920px; height:65.3448275862069%; background:#f2f4f8; position:absolute; left:0;top:0;}
.pagetechList li.li6 .nei{width:70.58823529411765%;position:relative; display:block;justify-content: initial;align-items: inherit; margin:0 auto; z-index:2;}
.pagetechList li.li6 .text-box{width:100%; text-align:center;padding-bottom:54.16666666666667%;}
.pagetechList li.li6 .img-box{ width:100%; float:none; position:absolute; bottom:0; left:0;right:0 ; margin:0 auto; height:auto;}
.pagetechList li.li6 .img-box .img{width:100%;height:auto;padding-bottom:54.16666666666667%;object-fit:cover;}
.pagetechList li.li6 .desc{ height:auto;}
.pagetechList li.li6 .desc .line{ margin-left:auto; margin-right:auto; margin-bottom:75px;}
.pagetechList li.li6 .title{padding-bottom:1%; }
@media screen and (max-width:1680px){
.pagetechList li.li6 .desc .line{margin-bottom:65px;}
}
@media screen and (max-width:1220px){
.pagetechList li.li6 .desc .line{margin-bottom:55px;}
}
@media screen and (max-width:1024px){
.pagetechList li.li6 .desc .line{margin-bottom:45px;}
}
@media screen and (max-width:751px){
	.pagetechList li.li6 .nei{ width:80%;}
.pagetechList li.li6 .img-box{ width:100%;}
.pagetechList li.li6 .text-box{ width:100%;}
.pagetechList li.li6 .desc .line{margin-bottom:35px;}
}


.pagetech .page .pageInfo{ padding-bottom:0;}




/*indexAbout*/
.indexAbout{overflow:hidden;}
.indexAbout .aboutBox{ position:relative; padding-bottom:60.625%; }
.indexAbout .aboutWz1{left:8.75%; position:absolute;top:11.6%; width:37.5%; z-index:2;}
.indexAbout .aboutWz1 img{ max-width:100%;}
.indexAbout .aboutWz1 .img1{ padding-bottom:11.66666666666667%;}
.indexAbout .aboutWz2{right:0; position:absolute;top:27.2%; width:84.8125%;}
.indexAbout .aboutWz2 img{ max-width:100%;}
.indexAbout .aboutWz2 .img1{}
.indexAbout .aboutWz2 .img2{position:absolute;top:33.2089552238806%; left:0;right:0; text-align:center; width:29.91893883566691%; margin:0 auto;}
.indexAbout .aboutMore{ position:absolute;right:4.5%; top:50%; width:90px; height:90px;border-radius:50%;-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.05);box-shadow: 0 0px 13px rgba(0,0,0,0.27);-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;transition:all 0.8s ease-out 0s; z-index:2;}
.indexAbout .aboutMore:hover{-webkit-transform: translate(5px, 5px);-moz-transform: translate(5px, 5px);-o-transform: translate(5px, 5px);-ms-transform: translate(5px, 5px);transform: translate(5px, 5px);-webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.27);box-shadow: 0 0px 30px rgba(0,0,0,0.27);}
@media screen and (max-width:640px){
.indexAbout .aboutMore{width:14.0625vw; height:14.0625vw;}
.indexAbout .aboutMore img{ max-width:100%;}
.indexAbout .aboutBox{padding-bottom:100vw;}
.indexAbout .aboutWz1{left:8.75%; position:absolute;top:11.6%; width:65vw;}	
.indexAbout .aboutWz2{ width:80vw;}
.indexAbout .aboutWz2 img{width:156.25vw; }
.indexAbout .aboutWz2 .img1{width:200vw;}
.indexAbout .aboutWz2 .img2{ left:auto;}
}


.aboutvideo{position: absolute;left: 0;right: 0;top: 0;bottom: 0; width: 100%;height: 100%;}





/** Preloader **/
#loader-wrapper {position:fixed;top:0; right:0; left:0; bottom:0;margin:auto auto;width: 100%;height: 100%;z-index:1000;overflow:hidden;background: #222222;z-index: 1000;}
.loader1{margin:auto auto;height:20px;width:20px;position: absolute; left:0;right:0; bottom:0;top:0;-webkit-animation:spin 1.5s linear infinite;-moz-animation:spin 1.5s linear infinite}
.loader1 i{height:20px;width:20px;border-radius:25px;display:block;position:absolute}
.loader1 i:before,.loader1 i:after{content:'';display:block;position:absolute;height:inherit;width:inherit;border-radius:inherit}
.loader1 i:first-child:before{background: #5862ff;-webkit-animation:rotate-top-left 1.5s linear infinite;-moz-animation:rotate-top-left 1.5s linear infinite;}
.loader1 i:first-child:after{background: #5862ff;-webkit-animation:rotate-top-right 1.5s linear infinite;-moz-animation:rotate-top-right 1.5s linear infinite;}
.loader1 i:last-child:before{background: #5862ff;-webkit-animation:rotate-bottom-left 1.5s linear infinite;-moz-animation:rotate-bottom-left 1.5s linear infinite;}
.loader1 i:last-child:after{background: #5862ff;-webkit-animation:rotate-bottom-right 1.5s linear infinite;-moz-animation:rotate-bottom-right 1.5s linear infinite;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}
50%{-webkit-transform:rotate(-180deg)}
100%{-webkit-transform:rotate(-360deg)}
}
@-webkit-keyframes rotate-top-right{0%{-webkit-transform:rotate(0deg)}
50%{-webkit-transform:rotate(-180deg);-webkit-transform-origin:20% 20%}
100%{-webkit-transform:rotate(-360deg)}
}
@-webkit-keyframes rotate-top-left{0%{-webkit-transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);-webkit-transform-origin:80% 20%}
100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate-bottom-right{0%{-webkit-transform:rotate(0deg)}
50%{-webkit-transform:rotate(-180deg);-webkit-transform-origin:80% 80%}
100%{-webkit-transform:rotate(-360deg)}
}
@-webkit-keyframes rotate-bottom-left{0%{-webkit-transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);-webkit-transform-origin:20% 80%}
100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}
50%{-moz-transform:rotate(-180deg)}
100%{-moz-transform:rotate(-360deg)}
}
@-moz-keyframes rotate-top-right{0%{-moz-transform:rotate(0deg)}
50%{-moz-transform:rotate(-180deg);-moz-transform-origin:20% 20%}
100%{-moz-transform:rotate(-360deg)}
}
@-moz-keyframes rotate-top-left{0%{-moz-transform:rotate(0deg)}
50%{-moz-transform:rotate(180deg);-moz-transform-origin:80% 20%}
100%{-moz-transform:rotate(360deg)}
}
@-moz-keyframes rotate-bottom-right{0%{-moz-transform:rotate(0deg)}
50%{-moz-transform:rotate(-180deg);-moz-transform-origin:80% 80%}
100%{-moz-transform:rotate(-360deg)}
}
@-moz-keyframes rotate-bottom-left{0%{-moz-transform:rotate(0deg)}
50%{-moz-transform:rotate(180deg);-moz-transform-origin:20% 80%}
100%{-moz-transform:rotate(360deg)}
}

.loaded #loader-wrapper {
    visibility: hidden;/*-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);*/-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition: all 0.3s 0.3s ease-out;  transition: all 0.3s 0.3s ease-out; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0;
}
/*.loaded .loader1{visibility: hidden;}*/



/*ind-banner .title*/
.ind-banner .titleWzBox{position: absolute;top:50%;left:0;right:0; margin:0 auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;z-index:1;}
.ind-banner  .indexT{ text-align:left; position:relative;}
.ind-banner  .indexT .cn{ color:#fff;font-size:76px;padding-bottom:0.8%;padding-top:2.3%;}
.ind-banner  .indexT .tt1{color:#cecfd0; font-size:18px; font-weight:100;}
.ind-banner  .indexT .en{ color:#fff; font-size:20px;letter-spacing:-1px; text-transform:uppercase;}
.ind-banner  .indexT .wz{ color:#fff; font-size:30px;max-width:100%;padding-bottom:5%;}
.ind-banner  .indexT .line{width:84px;height:5px;background:#5761fd;margin-top:17px;}
.ind-banner  .btn-view{ margin-top:0;}
@media screen and (max-width:1680px) {
.ind-banner  .indexT .cn{font-size:72px;}
.ind-banner  .indexT .tt1{font-size:17px;}
.ind-banner  .indexT .en{font-size:19px;}
.ind-banner  .indexT .wz{font-size:28px;}
.ind-banner  .indexT .line{width:80px;height:5px;margin-top:16px;}
}
@media screen and (max-width:1520px) {
.ind-banner  .indexT .cn{font-size:70px;}
.ind-banner  .indexT .tt1{font-size:16px;}
.ind-banner  .indexT .en{font-size:18px;}
.ind-banner  .indexT .wz{font-size:26px;}
.ind-banner  .indexT .line{width:75px;height:4px;margin-top:15px;}
@media screen and (max-width:1320px) {
.ind-banner  .indexT .cn{font-size:65px;}
.ind-banner  .indexT .tt1{font-size:16px;}
.ind-banner  .indexT .en{font-size:18px;letter-spacing:0px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:75px;height:4px;margin-top:15px;}	
}
@media screen and (max-width:1220px) {
.ind-banner  .indexT .cn{font-size:60px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:70px;height:3px;margin-top:13px;}	
}
@media screen and (max-width:1024px) {
.ind-banner  .indexT .cn{font-size:55px;}
.ind-banner  .indexT .wz{font-size:24px;}
.ind-banner  .indexT .line{width:60px;height:2px;margin-top:10px;}	
}
@media screen and (max-width:992px) {
.ind-banner  .indexT .cn{font-size:50px;}
.ind-banner  .indexT .wz{font-size:20px;}
.ind-banner  .indexT .line{width:50px;}
}
@media screen and (max-width:768px) {
.ind-banner  .indexT{}
.ind-banner  .indexT .cn{font-size:40px;}
.ind-banner  .indexT .wz{font-size:18px;}
.ind-banner  .indexT .tt1{font-size:14px;}
.ind-banner  .indexT .en{font-size:16px;letter-spacing:0px;}

.ind-banner  .indexT .line{width:30px;height:2px;margin-top:10px;}
}
@media screen and (max-width:640px) {
.ind-banner  .indexT .cn{font-size:30px;}
.ind-banner  .indexT .wz{font-size:16px;}
.ind-banner  .indexT .tt1{font-size:12px;}
.ind-banner  .indexT .en{font-size:14px;letter-spacing:0px;}
}
@media screen and (max-width:551px) {
.ind-banner  .indexT .cn{font-size:28px;padding-top:2.3%;padding-bottom:0%;}
.ind-banner  .indexT .wz{padding-bottom:3%;}
.ind-banner  .indexT .wz{font-size:14px;}

}
@media screen and (max-width:430px) {
.ind-banner  .indexT .cn{font-size:26px;padding-top:2.3%;}
.ind-banner  .indexT .wz{padding-bottom:3%;}

}