@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;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: 'Helvetica Condensed';
    src: url('fonts/Helvetica-Condensed-Bold.eot');
    src: url('fonts/Helvetica-Condensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Helvetica-Condensed-Bold.woff2') format('woff2'),
        url('fonts/Helvetica-Condensed-Bold.woff') format('woff'),
        url('fonts/Helvetica-Condensed-Bold.ttf') format('truetype'),
        url('fonts/Helvetica-Condensed-Bold.svg#Helvetica-Condensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.en{font-family:'Helvetica Condensed',Microsoft Yahei,"微软雅黑",Arial,Helvetica, sans-serif;font-weight:bold;}
html,body{position:relative;top:0;width:100%;height:auto;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*end reset*/


/* CSS Document */
body{background-color:#fff; overflow-x:hidden;color:#000;position:relative;min-width:320px; font-family:Microsoft Yahei,"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px;line-height:20px;}
.w1600{max-width:1600px;margin:0 auto;padding:0 40px;}
.w1400{width:1440px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.container{max-width:1920px;margin:0 auto; padding:0 40px;}
@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: 94%; }	
   .w1200{width: 94%; }	
    .container{padding:0 3%;}
}
.text-center{ text-align:center;}
.flex{display:flex;display:-webkit-box;/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
  display:-moz-box;/* Firefox 17- */
  display:-webkit-flex;/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
  display:-moz-flex;/* Firefox 18+ */
  display:-ms-flexbox;/* IE 10 */}
.flex-wrap{flex-flow:wrap}


/*****************************mav start*****************************/
.header-wrapper{position:fixed;left:0;right:0;top:0;z-index:30;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;background-color:#fff}
.header-wrapper.shadow{box-shadow:0 2px 30px rgba(0,0,0,0.1)}
.header-wrapper.active{transform:translate(0,-1.2rem)}

.header-wrapper.on .logo-box img.init{display:none}
.header-wrapper.on .logo-box img.on{display:block}
.header-wrapper.on .pc-nav-box ul li:hover > a:after{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.header-wrapper.on .pc-nav-box ul li a{color:#333}
.header-wrapper.on .on .search{background-image:url(../images/top-close.png)!important; color:#000;background-size:18px;}
.header-wrapper .on .search{background-image:url(../images/top-close.png)!important; color:#fff;}
.header-wrapper.on .language .caption{color:#333;background-image:url(../images/top-ji2.png)}
.header-wrapper.on .language .caption i{background-image:url(../images/idown2.png)}
.header-wrapper .box{align-items:center;height:100px;padding:0 40px 0 40px;border-bottom:1px solid #eeeeee}
.header-wrapper .logo-box{width:253px}
.header-wrapper .logo-box a{display:block}
.header-wrapper .logo-box img{width:100%}
.header-wrapper .logo-box img.on{display:none}
/*other-box*/
.header-wrapper .other-box{align-items:center}
/*search-box*/
.header-wrapper .search-box{position:relative;}
.header-wrapper .search-box .text{width:100%;height:46px;font-size:14px; margin:0;line-height:46px;padding:0 60px 0 20px;background-color:#fff;color:#666}
.header-wrapper .search-box::-webkit-input-placeholder{color:#666;font-size:14px;}
.header-wrapper .search-box:-moz-placeholder{color:#666;font-size:14px;}
.header-wrapper .search-box::-moz-placeholder{color:#666;font-size:14px;}
.header-wrapper .search-box:-ms-input-placeholder{color:#666;font-size:14px;}
.header-wrapper .form{width:400px;background-color:#000000;position:absolute;right:-40px;top:100%;z-index:10;padding:10px 20px;box-shadow:0 12px 20px rgba(0,0,0,0.1);display:none}
.header-wrapper .search,.header-wrapper .search_submit{z-index:10;display:block;background-size:contain;background-repeat:no-repeat;background-position:left center;cursor:pointer;}
.header-wrapper .search{position:relative;width:20px;margin-left:20px;font-size:0;color:#ffffff;height:100px;background-image:url(../images/top-search2.png);background-size:24px;}
.header-wrapper .search_submit{width:16px;height:16px;position:absolute;right:40px;top:50%;margin:0;line-height:-999px;font-size:0;margin-top:-8px;z-index:10;background-image:url(../images/top-search2.png); background-color:#fff;background-size:16px;}



.nav-icon{ display:none;}

/**/
.pc-nav-box{flex:1; text-align:right; margin-right:25px;}
.pc-nav-box ul{font-size:0; line-height:0;}
.pc-nav-box li{ padding:0 33px;display:inline-block;*display:inline;zoom:1; vertical-align:top;}
.pc-nav-box li:hover > a:after,.pc-nav-box li.on > a:after{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.pc-nav-box li:hover .nav{opacity:1;visibility:visible}
.pc-nav-box li:hover .nav:before{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
.pc-nav-box li:hover .nav a{display:block;animation:navInUp50 0.6s ease;animation-fill-mode:forwards}
.pc-nav-box li:first-child a:before{display:none}
.pc-nav-box li:hover > a:before{opacity:1;visibility:visible}
.pc-nav-box li > a{position:relative;font-size:16px;line-height:100px;color:#38393e}
.pc-nav-box li > a:after{content:"";width:100%;height:3px;background-color:#000000;position:absolute;left:0;bottom:0;z-index:10;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-o-transition:transform 0.3s ease}
.pc-nav-box a{display:block;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease}
/*nav_dropdown*/
.nav_dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;overflow:hidden;/*height:0;*/z-index:9;/* display:none;*/border-top:1px solid #e2e2e2;border-bottom: 1px solid #f5f5f5;visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.nav_dropdown{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.nav_dropdown.on{-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);}
.nav_dropdown .drop_inner{margin:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1660px; padding:0 30px;}
.nav_dropdown .nav_dropdown_cate{padding:40px 0 62px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.nav_dropdown .nav_dropdown_cate dl{-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%;min-width:220px;padding-right:30px; text-align:left;}
.nav_dropdown .nav_dropdown_cate dl a{color:#616265;font-size:18px;line-height:30px;display:inline-block;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.nav_dropdown .nav_dropdown_cate dl a:hover{color:#8a041f;}
.pc-nav-box li:hover .nav_dropdown{display:block;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;visibility:visible;}

/*pageH*/
.pageH{padding-top:100px;}
.phone-nav{display:none}
@media screen and (min-width:1024px){
.share ul li:hover:before{animation:iconScale 1.5s ease infinite;opacity:1;visibility:visible}
.share ul li:hover .hidebox{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
.share ul li:hover a{background-color:#085cc2;border-color:#085cc2}
.header-wrapper:hover{background-color:#fff}
.header-wrapper:hover .logo-box img.init{display:none}
.header-wrapper:hover .logo-box img.on{display:block}

.header-wrapper:hover .pc-nav-box ul li a{color:#333}

.header-wrapper:hover .search{background-image:url(../images/top-search2.png);color:#333;}
.phone-nav{display:none!important;}
}
@media screen and (max-width:1600px){
.pc-nav-box ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.pc-nav-box li{ padding:0 15px;}

}
@media screen and (max-width:1280px) and (min-width:1030px){
.pc-nav-box li{ padding:0 15px;}
}
@media screen and (max-width:1024px){
	
	.pc-nav-box{ display:none;}
.pageH{padding-top:60px;}

.nav-icon{display:block!important;cursor:pointer;z-index:900;width:50px;height:50px;position:relative;}
.nav-icon span{width:20px;height:2px;background:#000;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;will-change:transform;-webkit-transition:.75s cubic-bezier(.19,1,.22,1);transition:.75s cubic-bezier(.19,1,.22,1)}
.public_on .other .menu .nav-icon span{background:#000}
.nav-icon span:nth-child(1){-webkit-transform:translateY(-6px) scaleX(1);transform:translateY(-6px) scaleX(1)}
.nav-icon span:nth-child(1){-webkit-transition-delay:.4s;transition-delay:.4s}
.nav-icon span:nth-child(2){-webkit-transform:scaleX(1);transform:scaleX(1)}
.nav-icon span:nth-child(2){-webkit-transition-delay:350ms;transition-delay:350ms}
.nav-icon span:nth-child(3){-webkit-transform:translateY(6px) scaleX(1);transform:translateY(6px) scaleX(1)}
.nav-icon span:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}
.nav-icon span:nth-child(4){-webkit-transform:rotate(45deg) scaleX(0);transform:rotate(45deg) scaleX(0);background:#fff}
.nav-icon span:nth-child(4){-webkit-transition-delay:50ms;transition-delay:50ms}
.nav-icon span:nth-child(5){-webkit-transform:rotate(-45deg) scaleX(0);transform:rotate(-45deg) scaleX(0);background:#fff}
.nav-icon span:nth-child(5){-webkit-transition-delay:0s;transition-delay:0s}
.nav-icon.on span:nth-child(1){-webkit-transform:translateY(-6px) scaleX(0);transform:translateY(-6px) scaleX(0)}
.nav-icon.on span:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}
.nav-icon.on span:nth-child(2){-webkit-transform:scaleX(0);transform:scaleX(0)}
.nav-icon.on span:nth-child(2){-webkit-transition-delay:50ms;transition-delay:50ms}
.nav-icon span:nth-child(2){-webkit-transform:scaleX(1);transform:scaleX(1)}
.nav-icon.on span:nth-child(3){-webkit-transform:translateY(6px) scaleX(0);transform:translateY(6px) scaleX(0)}
.nav-icon.on span:nth-child(3){-webkit-transition-delay:0s;transition-delay:0s}
.nav-icon.on span:nth-child(4){-webkit-transform:rotate(45deg) scaleX(1);transform:rotate(45deg) scaleX(1)}
.nav-icon.on span:nth-child(4){-webkit-transition-delay:.3s;transition-delay:.3s}
.nav-icon.on span:nth-child(5){-webkit-transform:rotate(-45deg) scaleX(1);transform:rotate(-45deg) scaleX(1)}
.nav-icon.on span:nth-child(5){-webkit-transition-delay:350ms;transition-delay:350ms}



  .box-container{padding:0 30px}
.hidden-xs{display:none}
.hidden-pc{display:block}

.phone-nav{width:100%;height:calc(100% - 60px);position:fixed;right:0;top:60px;background:#fff;z-index:501;overflow:auto;border-top:1px solid #f3f3f3}
.phone-nav ul{width:100%;margin:0 auto;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;transition:max-height 0.8s ease;-webkit-transition:max-height 0.8s ease;-moz-transition:max-height 0.8s ease;-ms-transition:max-height 0.8s ease;-o-transition:max-height 0.8s ease}
.phone-nav ul::-webkit-scrollbar{width:4px}
.phone-nav ul::-webkit-scrollbar-track{background-color:#eaeaea}
.phone-nav ul::-webkit-scrollbar-thumb{background-color:#085cc2}
.phone-nav ul li{position:relative}
.phone-nav ul li.active .cat{color:#085cc2;font-weight:700}
.phone-nav ul li.active .cat:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
.phone-nav ul li > a{position:relative;display:block;font-size:16px;color:#333;line-height:60px;padding:0 30px;border-bottom:1px solid #f3f3f3}
.phone-nav ul li .cat:before,.phone-nav ul li .cat:after{content:"";display:inline-block;background:#085cc2;position:absolute;z-index:10}
.phone-nav ul li .cat:before{width:3px;height:21px;right:39px;top:20px;transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-o-transition:transform 0.3s ease}
.phone-nav ul li .cat:after{width:21px;height:3px;right:30px;top:28px}
.phone-nav ul li.on > a{font-weight:700;color:#085cc2}
.phone-nav ul li .navs{background:#f9f9f9;width:100%;display:none}
.phone-nav ul li .navs a{font-size:16px;display:block;color:#666;padding-left:0;line-height:60px;padding:0 30px;border-bottom:1px solid #f3f3f3}
.phone-nav ul li .navs a:last-child{margin-bottom:0;border-bottom:none}
.phone-nav ul li .navs dl{ padding:15px 0;}
.phone-nav ul li .navs dt a{ color:#000;line-height:50px}
.phone-nav ul li .navs dd{display:inline-block;*display:inline;zoom:1;}
.phone-nav ul li .navs dd a{line-height:30px}

.pic img.pc{display:none}
.pic img.phone{display:block}

.search-form{top:60px;padding:0.24rem 0;box-shadow:0 16px 30px rgba(0,0,0,0.05);/* input placeholder  */}
.search-form img{width:14px}
.search-form .w960{width:100%;padding:0 0.3rem}
.search-form .keywords{line-height:40px;margin-left:15px;font-size:14px;padding-right:20px}
.search-form::-webkit-input-placeholder{color:#999;font-size:14px}
.search-form:-moz-placeholder{color:#999;font-size:14px}
.search-form::-moz-placeholder{color:#999;font-size:14px}
.search-form:-ms-input-placeholder{color:#999;font-size:14px}
.search-form .close{margin-top:-10px;width:16px;height:16px;right:15px}
.search-form .search-btn img{width:16px}
.header-wrapper.on .nav-icon span{background-color:#000}

.header-wrapper .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;height:60px;padding:0 0 0 30px;}
.header-wrapper .logo-box{width:200px}
.header-wrapper .logo-box a{display:block}
.header-wrapper .logo-box img{width:100%}
.header-wrapper .search-box{}
.header-wrapper .search-box .text{height:48px;line-height:48px;padding-left:0}
.header-wrapper .form{position:fixed;top:60px;width:100%;right:0;padding:20px 30px}
.header-wrapper .search{position:relative;width:50px;height:50px;padding-left:0;font-size:0; background-position:center center;}
.header-wrapper .search_submit{right:30px;width:48px;height:48px; background-position:center center;margin-top:-24px;}
.header-wrapper .on .search{ background-size:18px;}
.footer-nav-box,.pc-nav-box{display:none}
}





/*footer*/
.footer{position:relative; z-index:2;background:url("../images/bottombg.jpg") no-repeat center top #171717;padding-bottom:27px; padding-top:95px;}
.footer .footer-logoB{float:left; width:32%;}
.footer .footer-logo{padding-bottom:50px;}
.footer .footer-logo a{ display:inline-block;}
.footer .footer-logo a img{ max-width:100%;max-height:40px;}
/*footer-nav*/
.footer .footer-nav{min-height:44px;font-size:12px;width:100%;height:auto;padding-bottom:100px;}
.footer .footer-nav .left{float:left;width:28.3%;text-align:left;}
.footer .footer-nav .left .ulB{ display:block; max-width:260px;}
.footer .footer-nav .left .t2{display:block;line-height:0;padding:0;margin:0;}
.footer .footer-nav .left .t2 a{font-size:16px;display:block;line-height:30px; margin-bottom:16px;color:#aaaaaa;position:relative; overflow:hidden;}
.footer .footer-nav .left .t2 a:hover{color:#ced1d6;}
/**/
.footer .footer-nav .right{float:left;font-size:15px;line-height:36px;color:#ababab;}
/**/
.footer .footer-nav .center{float:right;font-size:14px;line-height:28px;color:#fff;}
.footer .footer-nav .center img{ max-width:130px; margin-bottom:20px;}
/**/
.footer .bq{width:100%;font-size:13px;line-height:26px;color:#fff;position:relative;padding-top:45px;text-align:right;border-top:1px solid #232323;padding-bottom:10px;} 
.footer .bq .beian{color:#ababab;}
.footer .bq a{color:#ababab;}
.footer .bq a:hover{color:#fff}
.footer .bq .bqLeft{float:left;text-align:left; padding-left:32%;}
.footer .bq .bqRight{float:right;}
.footer .bq .bqRight a{color:#aaaaaa;font-size:14px; line-height:52px; margin-left:18px;}
.footer .bq .bqRight a:hover{color:#fff}
.footer .bq .bqRight a.a3{ position:relative;}
.footer .bq .bqRight a.a3 img {display:none; position:absolute;width:118px; bottom:19px; max-width:none; left:-40px;border-radius:5px;}
.footer .bq .bqRight a.a3:hover .img{ display:block;}

@media screen and (max-width: 1320px) {
.footer .footer-logo a img{max-height:35px;}
	
}
@media screen and (max-width: 1220px) {

.footer .footer-logo a img{max-height:30px;}
.footer .footer-nav .right{ max-width:30%;}	
.footer .bq .bqLeft{ padding-left:0;}
}
@media screen and (max-width: 1024px) {.footer{padding-top:70px;}
.footer .footer-nav{ padding-bottom:50px;}
.footer .footer-nav .right{font-size:14px;line-height:30px;}

.footer .bq{padding-top:30px;}
}
@media screen and (max-width: 768px) {
.footer .footer-logoB{width:100%;}
.footer .bq .bqLeft{padding-left:0%;}
}
@media screen and (max-width:768px) {
.footer .footer-logoB{float:none;width:100%;text-align:center;}
.footer .footer-logo{padding-bottom:10px;}
.footer .footer-logo a img{max-height:30px;}

.footer .footer-nav .left .ulB{max-width:100%;}
.footer .footer-nav .left{float:none;width:100%;text-align:center;}
.footer .footer-nav .right{float:none;text-align:center;font-size:12px;line-height:26px;}
.footer .footer-nav{ padding-bottom:0px;/* display:none;*/ padding-top:40px;}
.footer .bq .bqLeft{float:none;width:100%;text-align:center;}.footer{ padding-top:0;}
.footer .bq .bqRight{float:none;width:100%;text-align:center;}

.footer .bq{font-size:12px;line-height:24px;padding-top:20px;padding-bottom:10px;}
.footer .bq .bqRight a{font-size:12px;line-height:24px;margin-left:10px;} 

.footer .footer-nav .right{ max-width:100%;}	

.footer .footer-nav .left .t2{ display:inline-block; margin:0 5px;}
.footer .footer-nav .left .t2 a{font-size:14px;line-height:30px; margin-bottom:0;}
}



/*p-bottom*/
.p-bottom{display:none;}
@media screen and (max-width:768px){.footer{padding-bottom:88px;}.p-bottom{width:100%;height: 60px;position:fixed;bottom:0px;left:0px;padding: 0 0px;box-sizing:border-box;background-color: #ffffff;z-index:10;display: block; border-top:1px solid #dcdcdc;}
.p-bottom li{width:20%;height: auto;float: left;position:relative;}
.p-bottom li a{display: block;padding-top:8px;}
.p-bottom li a i{display: block;width: 25px;height: 25px;background-repeat: no-repeat;background-image:url(../images/contact_icon.png);margin:0 auto;background-size:300px;}
.p-bottom li p{color: #141414;font-size:12px;line-height:26px;text-align: center;}
.p-bottom li:after{position:absolute;top:50%;left:0;transform:translateY(-50%);content:'';display:block;width:1px;height:40px;background-color: rgba(255, 255, 255, 0.73);}
.p-bottom li:first-child:after{display:none;}
.p-bottom li.li1 a i{background-image:url(../images/contact_icon1.png); background-repeat:no-repeat; background-position:center center;background-size:27px;}
.p-bottom li.li2 a i{background-image:url(../images/contact_icon2.png); background-repeat:no-repeat; background-position:center center;background-size:27px;}
.p-bottom li.li3 a i{background-image:url(../images/contact_icon3.png); background-repeat:no-repeat; background-position:center center;background-size:27px;}
.p-bottom li.li4 a i{background-image:url(../images/contact_icon4.png); background-repeat:no-repeat; background-position:center center;background-size:27px;}
.p-bottom li.li5 a i{background-image:url(../images/contact_icon5.png); background-repeat:no-repeat; background-position:center center;background-size:27px;}
}




/*shop_share*/
.footer .shop_share{ max-width:410px; text-align:left; margin-top:23px;}
.footer .shop_share>span{ position:relative; border-radius:50%; display: inline-block;width:32px; margin-right:7px;}
.footer .shop_share>span:last-child{ margin-right:0}
.footer .shop_share>span>a{ display:block; padding:0;border:1px solid #fff;border-radius:50%; background-color:#fff;}
.footer .shop_share>span>a>img{opacity:1; display:block;}
.footer .shop_share>span>a>img {border: none;	max-width: 100%;vertical-align: middle;}
.footer .shop_share>span>img{ display:none; position:absolute;width:118px; bottom:32px; max-width:none; left:-40px;border-radius:5px;}
.footer .shop_share>span:hover>img{ display:block;}
@media(max-width:768px){
.footer .shop_share{ margin:auto; padding-top:2%; padding-bottom:3%; max-width:100%;text-align: center}
  
}



/* 回到顶部 */
#c-go-top{position: fixed;z-index: 5;top:50%;right: 30px;width:76px;height:76px;cursor: pointer;background:url(../images/top.png) no-repeat center;/*-webkit-transition: all .3s linear;-ms-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;*/background-size:100%;border-radius: 50%;}
@media screen and (max-width:768px){#c-go-top{bottom:120px; top:auto;right:3%;width:40px;height:40px;}}
@media screen and (max-width:640px){#c-go-top{bottom:18vw;}}
#c-go-top:hover {animation: move .5s ease-in infinite alternate;}
@keyframes move {
  100% {
    transform: translateY(15px);
}
}




/*ind-banner*/
.bannershadow{background:#000;position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3;}
.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(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ0cmFuc3BhcmVudCI+PC9yZWN0Pgo8cGF0aCBkPSJNMCA1TDUgMFpNNiA0TDQgNlpNLTEgMUwxIC0xWiIgc3Ryb2tlPSIjMjkyNzI3IiBzdHJva2Utd2lkdGg9IjMuMjUiIG9wYWNpdHk9Ii4yNSI+PC9wYXRoPgo8L3N2Zz4=);}*/
.ind-banner .img{display: block; position: absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%; height:100vh; position:relative;}
.ind-banner .img .shipin {position:absolute; top: 0;left: 0; width: 100%;height: 100%;overflow:hidden; background-attachment:fixed;}
.ind-banner .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 .bannerwz{position: absolute; left:0; right:0; margin:0 auto;top: 50%;-webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:2; text-align:center;}
.ind-banner .bannerwz img{ max-width:100%;}
.ind-banner .bannerwz .videobtn{ cursor:pointer;width:80px;height:80px;background:url(../images/videobtn2.png) no-repeat center; background-size:100%; margin:0 auto; margin-top:43px; position:relative;}
.ind-banner .bannerwz .videobtn:after{ content:''; position:absolute; left:0;right:0;top:0; width:100%; height:100%;background:url(../images/videobtn1.png) no-repeat center; background-size:100%;animation: 3s linear 0s normal none infinite rotate;-webkit-animation: 3s linear 0s normal none infinite rotate;}
.ind-banner .bannerwz .videobtn.stop{ background-image:url(../images/videobtn3.png);}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
@media screen and (max-width:1024px){.ind-banner .bannerwz .videobtn{width:70px;height:70px;}/*.ind-banner .bannerwz .videobtn.stop{ background-image:url(../images/videobtn2.png);}*/}
@media screen and (max-width:768px){.ind-banner .bannerwz .videobtn{width:60px;height:60px;}}
@media screen and (max-width:640px){.ind-banner .img{height:100vw;}.ind-banner .bannerwz .videobtn{width:50px;height:50px;}}

/*scroll-down*/
.scroll-down{position:absolute;left:0;right:0; margin:0 auto;bottom:0;z-index:3;pointer-events:none;text-align:center;-webkit-transition:0.45s;-moz-transition:0.45s;-o-transition:0.45s;transition:0.45s}
.scroll-down i{display:block;margin:auto;position:relative;width:2px;height:32px;-webkit-transition:1s;-moz-transition:1;-o-transition:1s;transition:1s}
.scroll-down i:after{position:absolute;left:0;top:0;background:#fff;content:"";width:100%;height:100%;animation:move2 3s infinite;transform-origin:center top;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;}
.scroll-down span{display:block;margin-bottom:10px;color:#fff;line-height:1;font-size:16px; text-transform:uppercase;}
@keyframes move2{
	0%{opacity:1;transform:scaleY(1)}
   50%{transform:scaleY(0.2);opacity:0.2}
}
@media screen and (max-width:640px){}

.ind-banner .swiper-button-prev{position:absolute; top:50%;width:40px; height:40px;left: 3%; margin-top: -44px;/*background: url(../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(../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(../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(../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 .img{ 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){

}
@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:100%;}
}
@media screen and (max-width:640px){
.ind-banner .swiper-slide .img{height:56.25vw;}
}


/*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: "ntailu-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("../images/index-left.png");}
#banner .ms-nav-next:after{right:15px; background-image: url("../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;} 
 }






/*shubiao*/
.shubiao{position:fixed;top:0;left:0;width:4px;height:4px;border-radius:50%;background-color:#f08519;z-index:999;pointer-events:none}
.shubiao .shu1{position:absolute;top:-18px;left:-18px;width:40px;height:40px;border:1px solid #9c9c9c;border-radius:50%;opacity:.2;box-sizing:border-box;z-index:99;-webkit-transition:all 0.6s;transition:all 0.6s}
.shubiao .shu1hover{position:absolute;top:-38px;left:-38px;width:80px;height:80px;background-color:#000;border-radius:50%;opacity:.12;z-index:98;box-sizing:border-box;transform:scale(0,0);-webkit-transform:scale(0,0);-webkit-transition:all 0.6s;transition:all 0.6s}
.shubiao.on .shu1{transform:scale(0,0);-webkit-transform:scale(0,0)}
.shubiao.on .shu1hover{transform:scale(1,1);-webkit-transform:scale(1,1)}
 @media screen and (max-width:1220px){
.shubiao{ display:none!important;} 
 }




/*****************************page start*****************************/
/*pagebanner*/
.pagebanner{position:relative; overflow:hidden; background:#f1f1f1;}
.pagebanner .pic{ display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;background-size:cover;color:#fff;padding-bottom:33.33333333333333%; position:relative;background-attachment: fixed;}
.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:center;}
.pagebanner .pagebanner-tt .en{display:inline-block;font-size:50px;color:#ffffff;line-height:normal;text-transform:uppercase;font-weight:900;}
.pagebanner .pagebanner-tt .cn{display:block;font-size:24px;color:#ffffff;line-height:normal;position:relative;}
.pagebanner .pic{/*animation: bigimgani 4000ms 1 ease forwards;*/animation:bigimgani 6000ms linear infinite;opacity: 1;}
@keyframes bigimgani{0%{-webkit-transform:scale(1.0);transform:scale(1.0);}
50%{-webkit-transform:scale(1.05);transform:scale(1.05);}
100%{-webkit-transform:scale(1.0);transform:scale(1.0);}
}
@media screen and (max-width:1220px){
.pagebanner .pic{ background-attachment:inherit;}
.pagebanner .pagebanner-tt .en{font-size:40px;}	
.pagebanner .pagebanner-tt .cn{font-size:20px;}	
}
@media screen and (max-width:1024px){
.pagebanner .pagebanner-tt .en{font-size:36px;}	
.pagebanner .pagebanner-tt .cn{font-size:18px;}	
}
@media screen and (max-width:992px){
.pagebanner .pagebanner-tt .en{font-size:32px;}	
.pagebanner .pagebanner-tt .cn{font-size:16px;}	
}
@media screen and (max-width:768px){
.pagebanner .pagebanner-tt .en{font-size:30px;}	
.pagebanner .pagebanner-tt .cn{font-size:16px;}	
}
@media screen and (max-width:640px){
.pagebanner .pagebanner-tt .en{font-size:4.6875vw;}	
.pagebanner .pagebanner-tt .cn{font-size:2.8125vw;}

}








/*********************************page*********************************/
.page{color:#4b4b4b; font-size:14px;line-height:26px; min-height:300px; overflow:hidden;}
.pageInfo{overflow:hidden;padding:100px 0 30px 0;}
.pageText{padding:50px 0; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:100%; background-attachment:fixed!important;}
.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:1220px) {	
.pageText{background-attachment: inherit!important;}
.pageInfo{padding:70px 0 30px 0;}
.page{font-size:14px;line-height:26px;}
}
@media screen and (max-width:1024px) {	
.abouts .pageText{background-image: url(../images/pagebg2.jpg)!important;}
.pageInfo{padding:50px 0 30px 0;}
}
@media screen and (max-width:640px) {	
.pageInfo{padding:40px 0 30px 0;}
}
@media screen and (max-width:370px) {	
.pageInfo{padding:30px 0 30px 0;}
}






/********************************about********************************/
/*pageTable*/
.pageTable{padding-top:5.7%; padding-bottom:3%; overflow:hidden;}
.pageTable td{ vertical-align:top; padding-bottom:4%;}
.pageTable .td1{width:32.6%; padding-right:7.6%}
.pageTable .td2{width:67.4%;vertical-align:top;font-size:14px; color:#4b4b4b; line-height:26px;}
.pageTable h2{font-size:20px; color:#000000; line-height:32px; font-weight:500;}
@media screen and (max-width:1024px) {
.pageTable .td1{ width:100%!important; display:block!important;}
.pageTable .td2{width:100%!important; display:block!important;padding-left:0; padding-right:0;}	
.pageTable td p{ text-align:left!important;max-width:100%!important;}
.pageTable td p br{ display:none;}
.pageTable .td1{padding-right:0%}
}
@media screen and (max-width:992px) {
.pageTable h2{font-size:18px;color:#333333;line-height:30px;}		
}
@media screen and (max-width:768px) {
.pageTable{padding-top:50px;padding-bottom:50px;}
.pageTable td{padding-bottom:50px;}

}


/*pageTable2*/
.pageTable2{padding-top:9%;padding-bottom:3%;overflow:hidden;}
.pageTable2 .td1{width:67.4%;}
.pageTable2 .td2{width:32.6%; padding-left:40px;font-size:14px; color:#4b4b4b; line-height:26px;}
.pageTable2 h2{font-size:20px; color:#000000; line-height:32px; font-weight:500;}
@media screen and (max-width:1024px) {
.pageTable2 td{ width:100%!important; display:block!important; padding-left:0; padding-right:0;}
.pageTable2 td p br{ display:none;}
.pageTable2 .td2{padding-left:3%;padding-right:3%; padding-top:40px;}
}
@media screen and (max-width:992px) {
	.pageTable2 h2{font-size:18px;color:#333333;line-height:30px;}		
}
@media screen and (max-width:768px) {
.pageTable2{padding-top:50px;padding-bottom:0;}

}



/*page-about4*/
.page-history{z-index: 1;position: relative;padding-top:65px;padding-bottom:80px;}
.page-history .pageBoxTit{max-width:270px;}
.page-history .page-history-con{position: relative; }
.page-history-con-top{text-align:right;padding-right:15.4vw;padding-left:15.4vw; position:relative;margin-bottom:90px;}
.page-history-con-top:before{width:14.3vw;height:1px; content:'';position:absolute;top:40px;left:0;background:#e2e2e2;}
.page-history-con-top:after{width:14.3vw;height:1px; content:'';position:absolute;top:40px;right:0;background:#e2e2e2;}
.page-history-hd{position:absolute;right:15.4vw;top:0; width:400px;}
.page-history-hd .page-history-hdB{padding-left:120px;padding-right:120px; position:relative;}
.page-history-hd .swiper-container{position: relative;}
.page-history-hd .swiper-slide{position:relative;text-align: center;cursor: pointer; background:#fff;}
.page-history-hd .swiper-slide .en{ display:block;margin:0 auto; text-align:center; z-index:2; line-height:68px;font-weight: bold; font-size:80px; color:#4b4b4b;}
/*swiper-button*/
.page-history-hd .swiper-button-prev{transition: 0.4s;position:absolute;left:0;top:50%;margin-top:-29px;width:58px;height:58px;border-radius:50%;border:1px dashed #d5d5d5;outline: none; background:#fff; z-index:9;}
.page-history-hd .swiper-button-prev:after{content:'';position:absolute;left:0;width:100%;height:100%;border-radius:50%;background: url("../images/page-left.png") center center no-repeat; background-size:100%;}
.page-history-hd .swiper-button-next{transition: 0.4s;position:absolute;right:0;top:50%;margin-top:-29px;width:58px;height:58px;border-radius:50%;border:1px dashed #d5d5d5;outline: none;background:#fff; z-index:9;}
.page-history-hd .swiper-button-next:after{content:'';position:absolute;left:0;width:100%;height:100%;border-radius:50%;background: url("../images/page-right.png") center center no-repeat; background-size:100%;}

/**/
.page-history-bd{z-index: 1;position: relative;}
.page-history-bd .swiper-slide{display: flex;align-items:flex-start;justify-content: space-between;}
.page-history-bd .swiper-slide .page-history-bd-wz{width:50%; float:right;}
.page-history-bd .swiper-slide .page-history-bd-wz .page-history-bd-wzBox{padding-top:30px; padding-bottom:30px;padding-left:50px; padding-right:50px;position:absolute;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.page-history-bd .swiper-slide .page-history-bd-wz h5{display:inline-block;font-size:15px;font-weight:500;color:#333333;}
.page-history-bd .swiper-slide .page-history-bd-wz h5 strong{font-size:40px;margin-right:10px;}
.page-history-bd .swiper-slide .page-history-bd-wz h4{display:inline-block;font-size:40px;font-weight: bold;color:#c1803a;}
.page-history-bd .swiper-slide .page-history-bd-wz dl{padding-top:13px; padding-bottom:13px;}
.page-history-bd .swiper-slide .page-history-bd-wz h1{font-size:18px;font-weight:600;color:#333333; line-height:32px;}
.page-history-bd .swiper-slide .page-history-bd-wz dl dd{font-size:16px;color:#333333;line-height:32px;display:flex;align-items:flex-start;justify-content:flex-start; padding-right:30px; text-align:justify;}
.page-history-bd .swiper-slide{background:url("../images/page-historybg.jpg") center center no-repeat; background-size:cover;}
.page-history-bd .swiper-slide .page-history-bd-pic{width:50%;height:100%;overflow: hidden; float:left;}
.page-history-bd .swiper-slide .page-history-bd-pic img{width: 100%;height: 100%;object-fit: cover;}
.page-history-bd .swiper-slide .page-history-bd-wz .page-history-bd-wzBox{padding:50px 100px 20px 100px;}
@media screen and (max-width:1620px){
	    .page-history-bd .swiper-slide .page-history-bd-wz h5{font-size:38px;}
}
@media screen and (max-width:1300px){.page-history-con-top{margin-bottom:80px;}
    .page-history-bd .swiper-slide .page-history-bd-wz h5{font-size:30px;}
}
@media screen and (max-width:1220px){.page-history-con-top{margin-bottom:70px;}
    .page-history-bd .swiper-slide .page-history-bd-wz h5{font-size:26px;}
	.page-history-bd .swiper-slide .page-history-bd-wz dl{padding-top:15px;}
	.page-history-bd .swiper-slide .page-history-bd-wz .page-history-bd-wzBox{padding-top:20px; padding-bottom:20px;padding-left:50px; padding-right:50px;}	
}
@media screen and (max-width:1024px){.page-history{padding-top:0px;padding-bottom:70px;}.page-history-con-top{margin-bottom:50px;}
    .page-history-bd .swiper-slide .page-history-bd-wz h5{font-size:24px;}
}
@media screen and (max-width:768px){.page-history .pageBoxTit{max-width:100%;}.page-history-con-top{margin-bottom:40px;}
	.page-history-bd .swiper-slide{display: block;}
	.page-history-bd .swiper-slide .page-history-bd-wz{/*width:73%;*/ float:none;width:100%;} 
	.page-history-bd .swiper-slide .page-history-bd-wz .page-history-bd-wzBox{padding:40px 10px 40px 10px;}	
	.page-history-bd .swiper-slide .page-history-bd-wz h5{border: none;padding-top: 0;padding-left:30px;font-size:20px;}
	.page-history-bd .swiper-slide .page-history-bd-wz h1{font-size:16px;}
	.page-history-bd .swiper-slide .page-history-bd-wz dl{padding-left:30px; font-size:14px; line-height:24px;margin-top:0px;padding-top:10px;}
	.page-history-bd .swiper-slide .page-history-bd-wz dl p{ margin-bottom:10px; text-align:justify;}
	.page-history-bd .swiper-slide .page-history-bd-wz dl p>br{ display:none;}
	.page-history-bd .swiper-slide .page-history-bd-pic{width:100%; float:none;}

    .page-history-bd .swiper-slide .page-history-bd-wz .page-history-bd-wzBox{position: static;top:0;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
	
.page-history-con-top{ padding:0 30px;}	
.page-history-hd{position: static;right:0;top:0; width:100%; margin:30px auto; text-align:center;}


.page-history-hd .page-history-hdB{padding-left:50px;padding-right:50px; position:relative;}
.page-history-hd .swiper-slide .en{font-size:60px;}


.page-history-hd .swiper-button-next,
.page-history-hd .swiper-button-prev{margin-top:-20px;width:40px;height:40px;}




}
@media screen and (max-width:640px){
.page-history-hd .swiper-slide .en{font-size:9.375vw;}
}



/*pageTit*/
.pageBoxTit{ text-align:left;}
.pageBoxTit .cn{font-size:26px;color:#000000;line-height:normal; }
.pageBoxTit .en{font-size:40px;color:#dfdfe4;line-height:normal; display:block; text-transform:uppercase;}
@media screen and (max-width:1620px){
.pageBoxTit .cn{font-size:24px;}
.pageBoxTit .en{font-size:36px;}
}
@media screen and (max-width:1220px){
.pageBoxTit .cn{font-size:20px;}
.pageBoxTit .en{font-size:32px;}
}
@media screen and (max-width:1024px){
.pageBoxTit .cn{font-size:18px;}
.pageBoxTit .en{font-size:30px;}
}
@media screen and (max-width:768px){
.pageBoxTit .cn{font-size:16px;}
.pageBoxTit .en{font-size:24px;}

.pageBoxTit{ text-align:center;}
}






/******************************************************news******************************************************/
/*newsHotImgBox*/
.page-newsHot{margin-bottom:55px;}
.newsHotBox{margin:0 auto;position:relative; background:#f9f9f9;margin-bottom:30px;}
.newsHotBox .newsHotImgBox{width:50%;height:auto; float:left; text-align:left; overflow:hidden;}
.newsHotBox .newsHotImgBox .swiper-slide{width:100%;background:#f9f9f9;}
.newsHotBox .newsHotImgBox .ImgBox{overflow:hidden;padding-bottom:56.52173913043478%; position:relative;}
.newsHotBox .newsHotImgBox .ImgBox 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;max-width: none;height: 100%;}
.newsHotBox .newsHotImgBox a,
.newsHotBox .newsHotImgBox .ImgBox,
.newsHotBox .newsHotImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.newsHotBox .newsHotImgBox .ImgBox:hover img{-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -o-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/*newsHotList*/
.newsHotBox .newsHotlunboBox{width:50%;position:absolute;left:50%;top:0; height:100%;}
.newsHotBox .newsHotlunbo{width:100%;position:absolute; left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.newsHotBox .newsHotList{font-size:0; line-height:0; }
.newsHotBox .newsHotList li{width:100%; display:block;background:#f9f9f9;padding:50px 120px 50px 120px;}
.newsHotBox .newsHotList li,
.newsHotBox .newsHotList li a{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.newsHotBox .newsHotList li .info{position:relative;}
.newsHotBox .newsHotList li .tit a{ display:block;font-size:24px;line-height:40px;max-height:80px;color:#000000;overflow:hidden;margin-bottom:30px;}
.newsHotBox .newsHotList li .des{font-size:13px;color:#6e6e6e;line-height:26px;height:78px;overflow:hidden;font-weight:300;}
.newsHotBox .newsHotList li .date{font-size:16px;color:#bbbbbb; margin-bottom:55px;}
.newsHotBox .newsHotList li .tit a:hover{color:#085cc2;}
.newsHotBox .newsHotList li .m{display:inline-block;width:106px;height:41px;line-height:41px;font-size:14px;color:#fff;background:#000;border-radius:5px;margin:0;outline:none;cursor:pointer;text-align:center;margin-top:50px;}
.newsHotBox .newsHotList li .m:hover{background:#085cc2;color:#fff;}
/**/
.page-newsHot .swiper-pagination{position: static;bottom:0 !important;width:100% !important;z-index:2; right:0; left:0; margin:0 auto; text-align:center;}
.page-newsHot .swiper-pagination span.swiper-pagination-bullet{width:8px;height:8px;border-radius:8px;opacity:1;background:#d2d2d2; margin:0 7px; outline:none;}
.page-newsHot .swiper-pagination span.swiper-pagination-bullet-active{background:#000;width:20px;}
/*swiper-button*/
.page-newsHot .swiper-button-prev{position:absolute;left:4.5%;top:50%;opacity:1;width:24px;height:42px;margin-top:-21px;background:url("../images/index-left2.png") center center no-repeat;background-size:100%;z-index:2;outline:none;}
.page-newsHot .swiper-button-next{position:absolute;right:4.5%;top:50%;opacity:1;width:24px;height:42px;margin-top:-21px;background:url("../images/index-right2.png") center center no-repeat;background-size:100%;z-index:2;outline:none;}
.page-newsHot .swiper-button-prev.swiper-button-disabled, 
.page-newsHot .swiper-button-next.swiper-button-disabled{opacity:0.5;}
/**/
.newsHotBox .newsHotList li .m,
.newsHotBox .newsHotList li .tit,
.newsHotBox .newsHotList li .des,
.newsHotBox .newsHotList li .date{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);}
.newsHotBox .newsHotList li.swiper-slide-active .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
.newsHotBox .newsHotList li.swiper-slide-active .m,
.newsHotBox .newsHotList li.swiper-slide-active .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;}
.newsHotBox .newsHotList li.swiper-slide-active .date{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;}
@media screen and (max-width:1440px){
.newsHotBox .newsHotList li{padding:40px 100px 40px 100px;}

}
@media screen and (max-width:1320px){
.newsHotBox .newsHotList li{padding:30px 70px 30px 70px;}
.newsHotBox .newsHotList li .date{font-size:14px;margin-bottom:30px;}
.newsHotBox .newsHotList li .tit a{font-size:20px; line-height:30px;max-height:60px;margin-bottom:20px;}
.newsHotBox .newsHotList li .m{margin-top:30px;}
}
@media screen and (max-width:1220px){
.newsHotBox .newsHotList li .tit a{font-size:18px;line-height:30px;max-height:60px;margin-bottom:20px;}
.newsHotBox .newsHotList li .date{font-size:14px;margin-bottom:20px;}
.newsHotBox .newsHotList li .m{width:106px;height:41px;line-height:41px;margin-top:30px;}

.newsHotBox .newsHotList li{padding:30px 50px 30px 50px;}
}
@media screen and (max-width:992px){
.newsHotBox .newsHotImgBox{width:100%;float:none;}
.newsHotBox .newsHotlunboBox{width:100%;position: static; left:0%;height:auto; margin-bottom:30px;}
.newsHotBox .newsHotlunbo{width:100%;position:static; left:0;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); margin-bottom:30px;}
.page-newsHot .newsHotlunbobtn{position: static; left:0%; bottom:0;}
.newsHotBox .newsHotList li {padding:0.5rem 0;}
.page-newsHot .swiper-button-prev,
.page-newsHot .swiper-button-next{}

.newsHotBox .newsHotList li .info{ padding:30px 30px;}

.newsHotBox .newsHotList li .tit a{font-size:20px;line-height:32px;max-height:64px;}
.newsHotBox .newsHotList li .date{font-size:14px;margin-bottom:25px;}
.newsHotBox .newsHotList li .m{width:100px;height:40px;line-height:40px;margin-top:30px;}
}



/*pageNewsList*/
.pageNews{overflow:hidden;}
.pageNewsList{margin:0 auto; overflow:hidden;}
.pageNewsList ul{ font-size:0;margin:0 -10px;}
.pageNewsList li{ display:inline-block;*display:inline;zoom:1;width:33.333333%;margin-bottom:20px;vertical-align:top;}
.pageNewsList .item{display:block;margin:0 10px; position:relative;overflow:hidden; background:#fff;}
.pageNewsList .ImgBox{overflow:hidden;padding-bottom:56.52173913043478%; position:relative;}
.pageNewsList .ImgBox 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;max-width: none;height: 100%;}
.pageNewsList .title{padding:40px 60px;}
.pageNewsList .title .t{font-size:22px;color:#000000;line-height:32px;height:64px;overflow:hidden;/*text-overflow:ellipsis;white-space:nowrap;*/ }
.pageNewsList .title .date{font-size:22px;line-height:normal;color:#bbbbbb;margin-bottom:22px;}
/*hover*/
.pageNewsList .item,.pageNewsList .title:after,.pageNewsList .item .title,.pageNewsList li,
.pageNewsList .ImgBox img{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.pageNewsList .item:hover  .title .t{color:#fff;}
.pageNewsList .item:hover .ImgBox img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.pageNewsList .item .title{background-image:url("../images/news-wzbg.jpg");background-repeat:no-repeat; background-position:center bottom;background-size:0;-moz-transition: background .3s ease-in-out;-webkit-transition: background 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background .3s ease-in-out;}
.pageNewsList .item:hover .title{background-size:100% 100%;}
@media screen and (max-width:1440px){
.pageNewsList .title .t{font-size:20px;}
.pageNewsList .title .date{font-size:20px;}
.pageNewsList .title{padding:40px 40px;}
}
@media screen and (max-width:1220px){
.pageNewsList .title .t{font-size:18px;}
.pageNewsList .title .date{font-size:18px;}
.pageNewsList .title{padding:30px 30px;}
}
@media screen and (max-width:992px){
.pageNewsList li{width:50%;}

.pageNewsList .title{padding:30px 30px;}
.pageNewsList .title .t{font-size:18px;}
.pageNewsList .title .date{font-size:18px;}
}
@media screen and (max-width:550px){
.pageNewsList li{width:100%;}
}

/*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: 15px;color: #000;padding: 0 18px;margin:0 4px;height:42px;line-height:42px;border: 1px solid #f8f8f8;background: #f8f8f8;}
.page-tab ul li a:hover,.page-tab ul li a.focus{background:#000;color: #fff;border-color:#000;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 32px;}
@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.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}






/*page-newsInfo*/
.page-newsInfo{text-align:left; max-width:1240px; margin:0 auto; padding-top:110px;padding-bottom:80px;}
.page-newsInfo .newsShuju{text-align:left;position:relative; line-height:0;}
.page-newsInfo .newsT{padding-bottom:60px;}
.page-newsInfo .newsTit{font-size:36px;color:#333333;line-height: normal;text-align:left;font-weight:500;padding:0;margin:0 0;padding-bottom:24px;}
.page-newsInfo .newsShuju span{display:inline-block;padding-right:20px;font-size:14px; color:#6e6e6e;line-height:20px;font-style:normal;}
.page-newsInfo .newsText{margin:0 0;text-align:left;font-size:16px;color:#4b4b4b;line-height:32px;border-top:3px solid #ecedf2;}
.page-newsInfo .newsTextNr{padding-top:60px;padding-bottom:60px;}
@media screen and (max-width:1520px) {
.page-newsInfo{padding-top:100px;}.page-newsInfo .newsT{padding-bottom:50px;}
.page-newsInfo .newsTit{font-size:42px;padding-bottom:22px;}
.page-newsInfo .newsText{font-size:16px;line-height:30px;}
.page-newsInfo .newsTextNr{padding-top:75px;padding-bottom:75px;}
}
@media screen and (max-width:1320px) {
.page-newsInfo{padding-top:80px;}	
.page-newsInfo .newsTit{font-size:40px;padding-bottom:20px;}
.page-newsInfo .newsTextNr{padding-top:70px;padding-bottom:70px;}
}
@media screen and (max-width:1220px) {.page-newsInfo .newsT{padding-bottom:40px;}
.page-newsInfo{padding-top:70px;}
.page-newsInfo .newsTit{font-size:36px;padding-bottom:15px;}
.page-newsInfo .newsShuju span{font-size:14px;}
.page-newsInfo .newsText{font-size:14px;line-height:26px;}
.page-newsInfo .newsTextNr{padding-top:60px;padding-bottom:60px;}

.page-newsInfo{max-width:90%;}
}
@media screen and (max-width:1024px) {
.page-newsInfo{padding-top:60px;}.page-newsInfo .newsT{padding-bottom:30px;}
.page-newsInfo .newsTit{font-size:30px;padding-bottom:10px;}
.page-newsInfo .newsShuju span{font-size:14px;}
.page-newsInfo .newsText{font-size:14px;line-height:26px;}
.page-newsInfo .newsTextNr{padding-top:50px;padding-bottom:50px;}
}
@media screen and (max-width:992px) {
.page-newsInfo{padding-top:50px;}.page-newsInfo .newsT{padding-bottom:20px;}
.page-newsInfo .newsTit{font-size:28px;padding-bottom:8px;}
.page-newsInfo .newsShuju span{font-size:13px;}
.page-newsInfo .newsTextNr{padding-top:30px;padding-bottom:30px;}
}
@media screen and (max-width:768px) {
.page-newsInfo .newsTit{font-size:24px;padding-bottom:5px;}
.page-newsInfo .newsShuju span{font-size:12px;}

}
@media screen and (max-width:640px) {
.page-newsInfo .newsTit{font-size:20px;}
}

/*pageBtn*/
.pageBtn{font-size:0;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede; position:relative;padding:0px 0;}
.pageBtn .pageBtnA,
.pageBtn .pageBtnB{display:inline-block;line-height:60px; overflow:hidden;color:#909090;font-size:13px;display:inline-block;color:#909090; position:absolute; top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); }
.pageBtn .pageBtnA{left:0;}
.pageBtn .pageBtnB{right:0;}
.pageBtn .pageBtnA a{display:inline-block;padding-left:50px;background:url(../images/new-left.png) no-repeat 15px center;background-size:20px;}
.pageBtn .pageBtnB a{display:inline-block;padding-right:50px;background:url(../images/new-right.png) no-repeat right center;background-size:20px;}
.pageBtn .pageBtnA a:hover{color:#000;}
.pageBtn .pageBtnB a:hover{color:#000;}
@media screen and (max-width:1220px) {
.pageBtn .pageBtnA a{padding-left:50px;background-size:20px;}
.pageBtn .pageBtnB a{padding-right:50px;background-size:20px;}
}
@media screen and (max-width:992px) {
.pageBtn .pageBtnA,
.pageBtn .pageBtnB{line-height:40px;font-size:12px;}
.pageBtn .pageBtnA a{padding-left:40px;background-size:15px;}
.pageBtn .pageBtnB a{padding-right:40px;background-size:15px;}
}




/*page-back*/
.page-back{margin:0 auto;text-align:center; width:33.3333%;}
.page-back a{display:block;width:100%;font-size:14px;line-height: 50px;height:50px;overflow:hidden; text-align:center;color:#7d7e8d;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#fff;  position:relative;}
.page-back a span{display:block;position:relative; z-index:2;overflow:hidden;text-transform:uppercase;}
.page-back a span:before{content:''; position:absolute;left:0;top:50%; width:1px; height:18px; margin-top:-9px;background:#f1f1f1;}
.page-back a span:after{content:''; position:absolute;right:0;top:50%; width:1px; height:18px; margin-top:-9px;background:#f1f1f1;}
.page-back a:after{content:''; position:absolute;left:50%;top:0; width:0; height:100%;background:#f1f1f1;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.page-back a:hover:after{ width:100%; left:0;}
.page-back a:hover{}
@media screen and (max-width:1220px) {
.page-back a{width:140px;font-size:16px;line-height:45px;height:45px; border-radius:45px;}
.page-back a:after,
.page-back a span{border-radius:45px;}
}
@media screen and (max-width:992px) {
.page-back a{width:120px;font-size:14px;line-height:40px;height:40px; border-radius:40px;}
.page-back a:after,
.page-back a span{border-radius:40px;}
}
@media screen and (max-width:768px) {
.page-back a{width:90px;font-size:12px;line-height:35px;height:35px; border-radius:35px;}
.page-back a:after,
.page-back a span{border-radius:35px;}
}


















/*pageTitle*/
.pageTitle{ text-align:center; margin-bottom:60px;}
.pageTitle h2{font-size:56px;color:#dfdfe4;line-height:normal;font-weight:bold;text-transform:uppercase; text-align:center;}
.pageTitle .wz{font-size:16px;color:#333333;line-height:normal;}
@media screen and (max-width: 1520px){
.pageTitle h2{font-size:52px;}
}
@media screen and (max-width:1400px) {
.pageTitle h2{font-size:50px;}
}
@media screen and (max-width: 1220px){
.pageTitle h2{font-size:40px;}	
}
@media screen and (max-width:1150px){
.pageTitle{margin-bottom:50px}
.pageTitle h2{font-size:32px;}
.pageTitle .wz{font-size:14px;}
}
@media screen and (max-width:992px){
.pageTitle{margin-bottom:30px}
.pageTitle h2{font-size:30px;}
}
@media screen and (max-width:768px){
.pageTitle h2{font-size:28px;}
.pageTitle .wz{font-size:12px;}
}  







/********************************Contact********************************/
.pageContactBox{position:relative; overflow:hidden; margin-bottom:60px; margin-top:60px;}
.contactLeft{width:640px; position:absolute; left: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:center;}
.contactLeft .pageTitle{text-align:left;}
.contactLeft .pageTitle p{ margin-top:40px;}
.contactRight{padding-left:640px;}
.contactRight h2{ font-size:24px; color:#000000; line-height:30px;margin-bottom:25px;font-weight:normal;}
/**Contact**/
.contactTable{overflow:hidden;padding-top:5%;padding-bottom:5%;font-size:16px; line-height:30px;color:#333333;}
.contactTable h3{ font-size:30px;color:#000000;}

.pageMap img{ max-width:100%;}
@media screen and (max-width: 1920px){
.contactLeft{width:34.78260869565217%;}
.contactRight{padding-left:34.78260869565217%;}
.contactTable h3{ font-size:26px;}
}
@media screen and (max-width: 1024px){
.contactLeft{width:40%;}
.contactRight{padding-left:40%;}
.contactTable h3{ font-size:24px;}
}
@media screen and (max-width: 992px){
.contactLeft{width:45%;}
.contactRight{padding-left:45%;}
.contactTable h3{ font-size:22px;}
}
@media screen and (max-width: 768px){
.contactLeft{width:100%; position:relative;top:0;-moz-transform: translateY(-0%);-webkit-transform: translateY(-0%);-ms-transform: translateY(-0%);transform: translateY(-0%);}
.contactRight{padding-left:0%;}

.contactTable{font-size:14px; line-height:26px;}
.contactTable h3{ font-size:20px;}
}





/*feedback2Box*/
.feedback2Box{padding-top:80px;padding-bottom:80px;background: url(../images/contact-fbbg.jpg) center top no-repeat #f1f1f1; background-size:cover;}
.feedback2Box .contact-con{ font-size:0; max-width:1300px; margin:0 auto; padding:0 30px;}
.feedback2Box .pageTitle{color:#fff; margin-bottom:50px;}
.feedback2Box .pageTitle .wz{ padding:10px 0;color:#fff;}
/*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 .l1Box .icon{ position: absolute; width:24px; height:auto; top:15px; left:10px;max-width:100%;}
.feedback2 .text{display:block;width: 100%;padding:4px 18px 4px 44px;height:60px;margin-bottom:15px;outline:none;font-size:16px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #e7eaec;border-radius:0px;background:#fff;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:15px 18px 10px 44px;height:210px;margin-bottom:15px;outline:none;font-size:16px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #e7eaec;border-radius:0px;background:#fff;text-align:left;}
.feedback2 .getcode{display:block;width:32%;padding:4px 18px 4px 44px;height:60px;margin-bottom:0;outline:none;font-size:16px;color:#909090;font-family:"微软雅黑",Arial,Sans-Serif;border:1px solid #e7eaec;border-radius:0px;background:#fff;text-align:left; float:left;max-width:275px;}
.feedback2 img{display:inline-block; float:left;}
.feedback2 .kk{font-size:14px;color:#a0a0a0; line-height:50px;float:left; background:#fff; display:inline-block;}
.feedback2 .l3{ position:relative;}
.feedback2 .inputbtn{display:inline-block;height:52px;line-height:52px;margin:0 auto;outline:none;font-size:14px;background:#000;color:#fff;font-family:"微软雅黑",Arial,Sans-Serif;border:0;cursor:pointer;border-radius:5px;text-align:center;background-position:right center;width:205px; margin-top:60px;}
.feedback2 .inputbtn:hover,.feedback2 .inputbtn.tj:hover{background:#085cc2;}
.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;}
.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;padding-bottom:70px;}
}
@media screen and (max-width:768px) {
.feedback2Box{padding-top:50px;padding-bottom:50px;}
.feedback2Box .pageTitle{margin-bottom:30px;}
.feedback2 .l1{width:100%;}
.feedback2 .inputbtn{ float:none; display:block; clear:both;}

.feedback2 .l1Box .icon{width:20px;top:15px; left:10px;}
.feedback2 .text{padding:4px 18px 4px 44px;height:50px;margin-bottom:10px;font-size:14px;}
.feedback2 .text2{padding:15px 18px 10px 44px;height:150px;margin-bottom:10px;font-size:14px;}
.feedback2 .getcode{padding:4px 18px 4px 44px;height:50px;margin-bottom:0;font-size:14px;max-width:275px;width:130px;}
.feedback2 .inputbtn{height:42px;line-height:42px;font-size:12px;width:205px;margin-top:30px;}
.feedback2 .kk{height:50px!important;margin:0!important;}
.feedback2 .kk img{height:30px!important;margin:10px 0!important;}
}
@media screen and (max-width:640px) {
.feedback2 .l1Box .icon{width:15px;top:13px; left:8px;}
.feedback2 .text{padding:4px 18px 4px 34px;height:40px;margin-bottom:10px;font-size:14px;}
.feedback2 .text2{padding:10px 18px 10px 34px;height:100px;margin-bottom:10px;font-size:14px;}
.feedback2 .getcode{padding:4px 18px 4px 34px;height:40px;margin-bottom:0;font-size:14px;max-width:275px;width:130px;}
.feedback2 .inputbtn{height:40px;line-height:40px;font-size:12px;width:150px;margin-top:30px;}
.feedback2 .kk{height:40px!important;margin:0!important;}
.feedback2 .kk img{height:30px!important;margin:5px 0!important;}
}



.qalistBox{padding-top:60px;padding-bottom:60px; position:relative;}

/*qalist*/
.qalist{padding-left:32.60869565217391%; position:relative;}
.qalist .qalistImg{width:28.26086956521739%;position:absolute; left:0;top:0; height:auto;}
.qalist .qalistImg .qalistImgB{padding-bottom:121.1538461538462%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.qalist .qalistImg img{ max-width:100%;}
.qalist .qalistImg .pageTitle{color:#fff; 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:center;}
.qalist .qalistTT{font-size:20px; color:#000000; display:block; line-height:32px;border-bottom:1px solid #d6d6d6; padding-bottom:20px; margin-bottom:3px;}
/*qalist*/
.qalist li{background:#fff;position:relative;border-bottom:1px solid #d6d6d6;}
.qalist li .title{padding:25px 35px;overflow:hidden;zoom:1; cursor:pointer;}
.qalist li .title .Tit{font-size:20px; color:#000000; display:block; line-height:32px;overflow:hidden; position: relative; padding-left:18px;}
.qalist li .title .Tit:before{content:''; width:5px; height:5px;border-radius:50%;position:absolute; left:0;top:50%;margin-top:-2.5px;background:#000000;}
.qalist li .title .close{display:block; width:80px; height:80px; overflow:hidden; position:absolute; top:0; right:0;}
.qalist li .title .close span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0;font-size:0;-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;background:url(../images/v.png) no-repeat center center;background-size:18px;}
.qalist li .title.on .close span{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.qalist li .tmain{padding:0 35px 35px 35px;display:none;font-size:14px; line-height:30px;color:#4b4b4b;}
@media screen and (max-width:1220px){
.qalist li .title{padding:17.5px 30px;}	
.qalist li .tmain{padding:26px 30px;}
}
@media screen and (max-width:1024px){
.qalist li .title{padding:15px 20px;}	
.qalist li .tmain{padding:26px 20px;}
.qalist li .title{padding:15px 0 15px 30px;}
.qalist li .tmain{padding:0 20px 35px 20px;}
.qalist li .title .Tit{font-size:16px;}
.qalist li .title .close{width:60px; height:60px;}
}
@media screen and (max-width:768px){
.qalist .qalistTT{font-size:16px;padding-bottom:20px; margin-bottom:3px;}
.qalistBox{padding-top:30px;padding-bottom:30px;}
.qalist li .title{padding:10px 20px 10px 20px;}
.qalist li .title .Tit{font-size:14px; line-height:30px;}
.qalist li .tmain{padding:0 20px 35px 20px;font-size:12px; line-height:26px;}
.qalist li .title .close{width:50px; height:50px;}.qalist li .title .close span{ background-size:14px;}

.qalist ul{float:none;width:100%; margin-bottom:50px;}

.qalist{padding-left:0%; position:relative;}
.qalist .qalistImg{width:100%;position: relative; left:0;top:0; height:auto;}
.qalist .qalistImg .qalistImgB{padding-bottom:300px;}
}
@media screen and (max-width:640px){
.qalist .qalistImg .qalistImgB{padding-bottom:40vw;}

}





/********************************Tech********************************/
/*pageTit*/
.page-Tit{ text-align:center; position:relative; margin-bottom:60px;}
.page-Tit .cn{font-size:36px;color:#000000;line-height:normal;padding-top:40px;padding-bottom:20px;position:relative;z-index:2; }
.page-Tit .en{font-size:66px;color:#f6f6f7;line-height:normal; display:block; text-transform:uppercase; position:absolute; left:0;right:0; margin:0 auto; text-align:center;}
.page-Tit .line{ width:34px; height:4px;border-radius:4px;background:#b4b5bd; margin:0 auto;}
@media screen and (max-width:992px){
.page-Tit{margin-bottom:40px;}
.page-Tit .cn{font-size:32px;padding-top:30px;padding-bottom:20px;}
.page-Tit .en{font-size:52px;}
}
@media screen and (max-width:768px){
.page-Tit{margin-bottom:30px;}
.page-Tit .cn{font-size:26px;padding-top:30px;padding-bottom:20px;}
.page-Tit .en{font-size:46px;}
}
@media screen and (max-width:550px){
.page-Tit{margin-bottom:25px;}
.page-Tit .cn{font-size:22px;padding-top:25px;padding-bottom:20px;}
.page-Tit .en{font-size:42px;}
}
@media screen and (max-width:430px){
.page-Tit{margin-bottom:25px;}
.page-Tit .cn{font-size:20px;padding-top:20px;padding-bottom:15px;}
.page-Tit .en{font-size:36px;}
}

/*pageTechBox*/
.pageTechBox{padding-top:110px; padding-bottom:66px;font-size:16px;line-height:32px;color:#000000; overflow:hidden;}
.pageTechCon{max-width:1240px; margin:0 auto;}
.pageTechCon h2{font-size:20px; font-weight:600; line-height:normal;color:#000000; margin-bottom:35px; }
@media screen and (max-width:992px){
.pageTechBox{padding-top:80px; padding-bottom:50px;font-size:14px;line-height:30px;}
.pageTechCon h2{font-size:18px;margin-bottom:25px; }
}
@media screen and (max-width:768px){
.pageTechBox{padding-top:60px; padding-bottom:50px;}
.pageTechCon h2{font-size:16px;margin-bottom:20px; }
.pageTechBox table td{ display:block!important;width:100%!important; padding-bottom:10px;}
}

/*pageTechBox1*/
.pageTechBox1{padding-bottom:0;}
/*pageTechBox2*/
.pageTechBox2{ background:#fcfcfc;}




/*pageTechul2*/
.pageTechul2{ font-size:0; padding-top:50px;margin:0 -10px;}
.pageTechul2 li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:33.3333333%;position:relative; vertical-align:top;}
.pageTechul2 .nei{position:relative; margin:0 10px;}
/*img-box*/
.pageTechul2 .img-box{width:100%;text-align:center;position:relative;}
.pageTechul2 .img-box .img{width:100%;height:auto;padding-bottom:95%;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;}
.pageTechul2 .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;}
.pageTechul2 .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;}
/*text-box*/
.pageTechul2 .text-box{width:100%; padding-top:20px;}
.pageTechul2 .text-boxNr{ padding:20px 40px;position:relative; text-align:center;}
.pageTechul2 .title{color:#000000;font-weight:normal;font-size:22px;line-height:30px;margin-bottom:10px;}
.pageTechul2 .desc{font-size:16px; line-height:28px; min-height:56px;color:#424242;}

.pageTechul2 li{-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;}
.pageTechul2 li:hover{-moz-transform: translateY(-5px);-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
@media screen and (max-width:1220px){
.pageTechul2 .text-boxNr{padding:20px 30px;}
.pageTechul2 .title{font-size:18px;}
.pageTechul2 .desc{font-size:14px;}
}
@media screen and (max-width:1024px){
.pageTechul2{margin:0 -5px;}
.pageTechul2 .nei{margin:0 5px;}
.pageTechul2 .text-box{padding-top:20px;}
.pageTechul2 .text-boxNr{padding:20px 20px;}

}
@media screen and (max-width:768px){
.pageTechul2 li{width:100%;}
.pageTechul2 .text-boxNr{padding:20px 30px;}
.pageTechul2 .title{font-size:20px;}
.pageTechul2 .desc{font-size:14px;}
}



/*pageTechBox4*/
.pageTechBox4{background-image:url(../images/pageTechBox4bg.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:100%; background-color:#000;}
.pageTechBox4 .page-Tit .cn{color:#fff;}
.pageTechBox4 .page-Tit .en{color:#212121;}



/*pageTechul4*/
.pageTechul4{ font-size:0; padding-top:20px;margin:0 -10px;}
.pageTechul4 li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:20%;position:relative; vertical-align:top; margin-bottom:20px;}
.pageTechul4 .nei{position:relative; margin:0 10px;}
/*img-box*/
.pageTechul4 .img-box{width:100%;text-align:center;position:relative;}
.pageTechul4 .img-box .img{width:100%;height:auto;padding-bottom:127.5%;object-fit:cover;overflow:hidden;position: relative; left:0;top:0;right:0;bottom:0; margin:0 auto;;}
.pageTechul4 .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;}
.pageTechul4 .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;}
/*hover*/
.pageTechul4 li,
.pageTechul4 .nei,
.pageTechul4 .img-box .img img,
.pageTechul4 .img-box .img,
.pageTechul4 .img-box{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageTechul4 li:hover .img-box img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(0, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(0, -50%);-o-transform: scale3d(1.05, 1.05, 1.05) translate(0, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(0, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(0, -50%);}

.pageTechul4 li.li1,
.pageTechul4 li.li2,
.pageTechul4 li.li3{width:33.3333333%;}
.pageTechul4 li.li1 .img-box .img,
.pageTechul4 li.li2 .img-box .img,
.pageTechul4 li.li3 .img-box .img{padding-bottom:75.55555555555556%;}
@media screen and (max-width:768px){
.pageTechul4 li{width:50%;}
.pageTechul4 li.li1,
.pageTechul4 li.li2,
.pageTechul4 li.li3{width:50%;}
.pageTechul4 li.li1 .img-box .img,
.pageTechul4 li.li2 .img-box .img,
.pageTechul4 li.li3 .img-box .img{padding-bottom:127.5%;}
}


/*pageTechBox5*/
.pageTechBox5{ text-align:left;padding-top:110px; padding-bottom:66px;background-image:url(../images/tech-zhengshu.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-color:#c3c1c6; height:940px;}
.pageTechBox5 .page-Tit{ text-align:left;}
.pageTechBox5 .page-Tit .cn{color:#212121; margin:0;}
.pageTechBox5 .page-Tit .en{color:#fff;margin:0; right:auto;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.pageTechBox5 .page-Tit .line{margin:0;}
@media screen and (max-width:768px){
.pageTechBox5{background-size:150%; padding-bottom:90%; height:auto;padding-top:70px;}

}




/*pageTechul6*/
.pageTechul6{ font-size:0; padding-top:20px;margin:0 10px;}
.pageTechul6 li{display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:25%;position:relative; vertical-align:top; margin-bottom:20px;}
.pageTechul6 li:after{ z-index:2; content:''; position:absolute;top:-41.5px;right:-40px;width:83px; height:83px;background-image:url(../images/tech-client-line.png); background-position:right bottom; background-repeat:no-repeat; background-size:cover;}
.pageTechul6 .nei{position:relative; margin:0;}
.pageTechul6 .img-box{width:100%;text-align:center;position:relative;}
.pageTechul6 .img-box .img{width:100%;height:auto;padding-bottom:45.16129032258065%;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;}
.pageTechul6 .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;}
.pageTechul6 li:nth-child(4n):after,
.pageTechul6 li.li1:after,
.pageTechul6 li.li2:after,
.pageTechul6 li.li4:after,
.pageTechul6 li.li3:after{ display: none;}
@media screen and (max-width:768px){
.pageTechul6 li{width:50%;}
.pageTechul6 li:nth-child(4n):after,
.pageTechul6 li.li4:after,
.pageTechul6 li.li3:after{ display: block;}
.pageTechul6 li:nth-child(2n):after{ display: none;}
}








/*****************************Probanner start*****************************/
/*Probanner*/
.Probanner{position:relative; overflow:hidden; background:#f1f1f1;}
.Probanner .pic{ display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;background-size:cover;color:#fff;padding-bottom:33.33333333333333%; position:relative;background-attachment: fixed;}
.Probanner .Probanner-tt{ position:absolute; left:50px;bottom:50px;z-index:2; text-align:left;}
.Probanner .Probanner-tt .en{display:inline-block;font-size:50px;color:#ffffff;line-height:normal;text-transform:uppercase;font-weight:900;}
.Probanner .Probanner-tt .cn{display:block;font-size:24px;color:#ffffff;line-height:normal;position:relative;}
.Probanner .pic{/*animation: bigimgani 4000ms 1 ease forwards;*/animation:bigimgani 6000ms linear infinite;opacity: 1;}
@keyframes bigimgani{0%{-webkit-transform:scale(1.0);transform:scale(1.0);}
50%{-webkit-transform:scale(1.05);transform:scale(1.05);}
100%{-webkit-transform:scale(1.0);transform:scale(1.0);}
}

@media screen and (max-width:1220px){
.Probanner .pic{ background-attachment:inherit;}
.Probanner .Probanner-tt .en{font-size:40px;}	
.Probanner .Probanner-tt .cn{font-size:20px;}	
}
@media screen and (max-width:1024px){
.Probanner .Probanner-tt .en{font-size:36px;}	
.Probanner .Probanner-tt .cn{font-size:18px;}	
}
@media screen and (max-width:992px){
.Probanner .Probanner-tt .en{font-size:32px;}	
.Probanner .Probanner-tt .cn{font-size:16px;}	
}
@media screen and (max-width:768px){
.Probanner .Probanner-tt .en{font-size:30px;}	
.Probanner .Probanner-tt .cn{font-size:16px;}	
}
@media screen and (max-width:640px){
.Probanner .Probanner-tt .en{font-size:4.6875vw;}	
.Probanner .Probanner-tt .cn{font-size:2.8125vw;}
.Probanner .Probanner-tt{left:3%;bottom:3%;}

}


/*****************************Pro start*****************************/
.proInfoB{ position:relative;}
.proLeft{width:340px; position:absolute; left:0;top:0; height:100%;}
.proRight{padding-left:340px;}
@media screen and (max-width:1024px){	
.proLeft{width:100%; position: relative; left:0;top:0; height:auto;}
.proRight{padding-left:0;}
}

/*pageNav*/
.pageNav{ margin-bottom:90px;}
.pageNav .pageNav-tit{color:#000000; font-size:18px; margin-bottom:10px;}
.pageNav .pageNav-tit .en{color:#dfdfe4; font-size:16px; text-transform:uppercase;}
.pageNav ul li a{color:#4b4b4b; font-size:15px; display:inline-block;}
.pageNav ul li:hover a,
.pageNav ul li.on a{color:#4b4b4b; font-weight:bold;}
@media screen and (min-width:1025px){	
.pageNav ul{ display: block!important}
}
@media screen and (max-width:1024px){	
.pageTop{ position:relative;margin-bottom:30px;}
.pageNav{ display:block; position:relative; border-bottom:1px solid #dcdcdc;}
.pageNav .pageNav-tit{line-height:50px;margin-bottom:0;font-size:16px; padding:0 0px;}
.pageNav{ margin-bottom:0px;}
.pageNav ul{border-top:1px solid #dcdcdc;background:#fff; z-index:100; padding: 20px 20px; display:none;}
.pageNav ul li{display:inline-block; margin-right:10px;}
.pageNav ul li a{font-size:14px; display:inline-block;}
.pageNav .pageNav-tit .en{display:block;overflow:hidden;width:40px; height:40px; position:absolute; top:0; right:0;font-size:0;-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;background:url(../images/v.png) no-repeat center center;background-size:10px; font-size:0;}
.pageNav .pageNav-tit.active .en{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
}

/********************************pro********************************/
.xyimg {height:0;position: relative;overflow: hidden;padding-bottom:100%;}
.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{margin:0 auto;}
.page-proList ul{ font-size:0;}
.page-proList li{ display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;}
.page-proList a{display:block;position:relative; background:#fff;}
.page-proList .img-box{position:relative;text-align:left;overflow:hidden;}
.page-proList .img-box .xyimg{ text-align:left; overflow:hidden;}
.page-proList .img-box .xyimg{padding-bottom:100%;}
.page-proList .img-box .xyimg img{max-width: 100%; width: 100%; max-height: none; height: auto;}
.page-proList .img-box .tpcover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;/*-webkit-transition:all 1s;transition:all 1s;*/}
.page-proList .img-box .tpcover:hover{opacity:0}
.page-proList .img-box .tpcover,
.page-proList a,.page-proList .img-box .xyimg img,.page-proList .text-box{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.page-proList a:hover{}
.page-proList a:hover .img-box img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.page-proList a:hover .imgBox{-webkit-box-shadow:0 0 15px 10px #eceded;box-shadow:0 0 15px 10px #eceded;}
.page-proList a:hover .xyimg{-webkit-transform:scale(1.02);transform:scale(1.02)}
.page-proList .text-box{font-size:16px;color:#333333;position:absolute;bottom:1vw; left:0;right:0; text-align: center;}
.page-proList .text-box .num{font-weight:bold;}
.page-proList a:hover .text-box{opacity:0}
@media screen and (max-width:1440px){
.page-proList li{ width:50%;}	
.page-proList .text-box{bottom:0;}
}
@media screen and (max-width:1024px){
.page-proList .text-box{font-size:14px;line-height:26px;bottom:20px;}	
.page-proList li{ width:50%;}
}
@media screen and (max-width:768px){
.page-proList li{ width:50%; margin-bottom:20px;}
.page-proList .text-box{font-size:13px; line-height:24px;position: static;bottom:0px; padding-top:20px;}
.page-proList a:hover .text-box{opacity:1}
}
@media screen and (max-width:370px){
.page-proList li{ width:100%;}
}


/*proInfo*/
.proInfo{overflow:hidden;padding:100px 0;background:url(../images/page-bg.jpg) no-repeat center bottom #fff; background-size:100%;background-attachment: fixed;}
.proInfo .pageTitle{margin-bottom:40px;}
@media screen and (max-width: 1220px){
.proInfo{overflow:hidden;padding:60px 0; background-attachment:inherit;}
}
@media screen and (max-width:1150px){
.proInfo{overflow:hidden;padding:50px 0;}
}
@media screen and (max-width:768px){
.proInfo{overflow:hidden;padding:30px 0;}
}


/*****************************************index*****************************************/

/*banner*/
.banner{ margin-bottom:30px;}
.banner .banner-container{}
.banner-container .swiper-slide a{ height:100%;position: relative;width: 100%; display: block;}
.banner-container .swiper-slide a .shipin {position:absolute; top: 0;left: 0; width: 100%; padding-bottom:48.95833333333333%;overflow:hidden;}
.banner-container .swiper-slide #video{ display:block; position: absolute;left: 50%; transform: translateX(-50%);-webkit- transform: translateX(-50%);-ms- transform: translateX(-50%);top:0;min-width: 100%; min-height: 100%;height: 100%; z-index: 5; background: #000;object-fit: cover;}
.banner-container .swiper-slide img{width: 100%; height:auto;}
.banner-container .swiper-banner-pagination{ position: static; display:inline-block;border-radius:none; vertical-align:middle; margin-bottom:8px;}
.banner-container .swiper-banner-pagination span{width:60px;height:20px;opacity:1;display:inline-block;margin:0 2.5px; background:none;cursor: pointer;border-radius:0;vertical-align:middle; position:relative;}
.banner-container .swiper-banner-pagination span:after{content:''; height:2px; width:100%; position:absolute;left:0;top:50%; margin-top:-1px;background:rgba(255,255,255,0.5);}
.banner-container .swiper-banner-pagination span.swiper-pagination-bullet-active:after{background:#fff;}
.banner-container .bannerBtn{position: absolute;height:20px;width:100%; left:0;right:0;bottom:50px;z-index:3; text-align:center; vertical-align:middle;}
.banner-container .snext,
.banner-container .sprev{ display:inline-block;font-size:18px; color:#fff; text-transform:uppercase; line-height:20px; cursor:pointer; padding:0 5px;}
@media screen and (max-width:1024px) {
	.banner-container .swiper-slide a{height:auto;display:block;width:100%;overflow: hidden;position: relative;padding-bottom:56.60377358490566%;}
	.banner-container .swiper-slide a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);display: block;}
	.banner-container .swiper-slide a img{height:100%; max-width:none;width:auto;}
	
}
@media screen and (max-width:768px) {

    .banner-container .swiper-banner-pagination{ display:none;}
	.banner-container .snext,.banner-container .sprev{font-size:14px;}
	.banner{ margin-bottom:20px;}
	

	
}


/*ind1*/
.ind1{position:relative}
.ind1 .swiper1{}
.ind1 .swiper1 .swiper-slide{overflow:hidden}
.ind1 .swiper1 .swiper-slide .sbox{position:relative;overflow:hidden}
.ind1 .swiper1 .swiper-slide .sbox a{display:block}
.ind1 .swiper1 .swiper-slide .sbox a>img{display:block;width:100%;transform:scale(1);-webkit-transform:scale(1)}
.ind1 .swiper1 .swiper-slide .sbox .pimg{}
.ind1 .swiper1 .swiper-slide .sbox .mimg{display:none}
.ind1 .swiper1 .swiper-slide .sbox video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;max-width:100%;object-fit:cover}
/**/
.ind1 .swiper1 .pagination1 span{width:60px;height:2px;opacity:1;background:rgba(255,255,255,0.5);border-radius:0;position:relative;margin:0 2.5px;}
.ind1 .swiper1 .pagination1 span:after{content:'';display:block;position:absolute;top:0;left:0;width:0%;height:100%;background:#fff}
.ind1 .swiper1 .pagination1 span.swiper-pagination-bullet-active:after{width:100%;-webkit-transition:all 4s linear;-moz-transition:all 4s linear;transition:all 4s linear}
/*.ind1 .swiper1 .prev1{border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:60px;height:60px;background:rgba(255,255,255,0.1) url(../images/l.png) center no-repeat;left:5%;margin-top:-30px}
.ind1 .swiper1 .next1{border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:60px;height:60px;background:rgba(255,255,255,0.1) url(../images/r.png) center no-repeat;right:5%;margin-top:-30px}
.ind1 .swiper1 .prev1:hover{background:rgba(255,255,255,.3) url(../images/l.png) center no-repeat}
.ind1 .swiper1 .next1:hover{background:rgba(255,255,255,.3) url(../images/r.png) center no-repeat}
*/
.ind1 .swiper1 .pagination1{ position: static; display:inline-block;border-radius:none; vertical-align:middle; margin-bottom:8px;}
.ind1 .bannerBtn{position: absolute;height:20px;width:100%; left:0;right:0;bottom:50px;z-index:3; text-align:center; vertical-align:middle;}
.ind1 .swiper1 .next1,
.ind1 .swiper1 .prev1{ display:inline-block;font-size:18px; color:#fff; text-transform:uppercase; line-height:20px; cursor:pointer; padding:0 5px; outline:none;}
@media(max-width:1220px){
.ind1{ margin-top:100px;}	
}
@media(max-width:1024px){
.ind1{ margin-top:60px;}	
}
@media(max-width:960px){
.ind1{ margin-top:60px;}
/*.ind1 .swiper1 .swiper-slide .sbox video,.ind1 .swiper1 .swiper-slide .sbox>.pimg{display:none}*/
.ind1 .swiper1 .swiper-slide .sbox>.mimg{display:block}
.ind1 .bannerBtn{bottom:20px}
.ind1 .swiper1 .next1,
.ind1 .swiper1 .prev1{ font-size:14px;}
.ind1{ overflow:hidden;}
.ind1 .swiper1 .swiper-slide .sbox a>img{ max-width:none!important;display: block;width: auto!important; height:100%;position: absolute; left: 50%; top: 0;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);transform: translate(-50%,0);min-height: 100%;min-width:100%;z-index:1;}
.ind1 .swiper1 .swiper-slide a{height: 70vw; position:relative; z-index:1;}
.ind1 .swiper1 .swiper-slide .sbox video{width: auto!important; height:100%;position: absolute; z-index:1; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);min-height: 100%; min-width:100%; }
.ind1 .bannerwz img{ max-width:90%;}

.ind1 .swiper1 .pagination1 span{width:20px}
.ind1 .swiper1 .next1,
.ind1 .swiper1 .prev1{font-size:12px;line-height:20px;padding:0 5px;}
}



.ind1 .bannerwz{position: absolute; left:0; right:0; margin:0 auto;top: 50%;-webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:2; text-align:center;}
.ind1 .bannerwz img{ max-width:100%;}
.ind1 .bannerwz .videobtn{ cursor:pointer;width:80px;height:80px;background:url(../images/videobtn2.png) no-repeat center; background-size:100%; margin:0 auto; margin-top:43px; position:relative;}
.ind1 .bannerwz .videobtn:after{ content:''; position:absolute; left:0;right:0;top:0; width:100%; height:100%;background:url(../images/videobtn1.png) no-repeat center; background-size:100%;animation: 3s linear 0s normal none infinite rotate;-webkit-animation: 3s linear 0s normal none infinite rotate;}
.ind1 .bannerwz .videobtn.stop{ background-image:url(../images/videobtn3.png);}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
@media screen and (max-width:1024px){.ind1 .bannerwz .videobtn{width:60px;height:60px;}.ind1 .bannerwz img{ max-width:90%;}/*.ind-banner .bannerwz .videobtn.stop{ background-image:url(../images/videobtn2.png);}*/}
@media screen and (max-width:768px){.ind1 .bannerwz .videobtn{width:50px;height:50px;margin-top:20px;}}
@media screen and (max-width:640px){.ind1 .img{height:70vw;}.ind1 .bannerwz .videobtn{width:40px;height:40px;}}







/*indexProAdvB*/
.indexProAdv{padding-top:95px;padding-bottom:135px;overflow:hidden;background:#fff;}
.indexProAdvB{ overflow:hidden;}
.indexProAdvB .swiper-slide{float:left;overflow:hidden; width:33.33333%;}
.indexProAdvB .li{ margin:0 6px;}
.indexProAdvB .li a{ padding:0; display:block; vertical-align:bottom;position:relative;}
.indexProAdvB .li .ImgBox{width:100%;height:auto;overflow:hidden;position:relative;z-index:1;padding-bottom:525px;}
.indexProAdvB .li .ImgBox:after{ content:''; width:100%; height:100%; position:absolute;top:0;left:0;}
.indexProAdvB .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;    height: 100%;}
.indexProAdvB .li .tit,.indexProAdvB .li .tit2,
.indexProAdvB .li .ImgBox img,.indexProAdvB .li .listTitleBox,.indexProAdvB .li .m,.indexProAdvB .li a,.indexProAdvB .li .tit,.indexProAdvB .li .tit2,.indexProAdvB .li .ImgBox:after,.indexProAdvB .li .tit2 .m{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.indexProAdvB .li a:hover .ImgBox img{-moz-transform: scale(1.1) translate(-50%, -50%); -webkit-transform: scale(1.1) translate(-50%, -50%);-ms-transform: scale(1.1) translate(-50%, -50%);transform: scale(1.1) translate(-50%, -50%);}
.indexProAdvB .li .tit{position:absolute; bottom:20px; left:0;right:0; z-index:2;display:none;}
.indexProAdvB .li .tit .t{font-size:14px;color:#ffffff;line-height:30px;height:30px;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indexProAdvB .li .tit .t span{padding-right:46px;background-size:8px;}

.indexProAdvB .li .tit2{position:absolute;bottom:0;left:0;z-index:5;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;width:90%;text-align:left;padding: 20px 0 10px 0;background-color:#fff;background:url(../images/bg90.png) center bottom repeat;border-top-right-radius:100px;}
.indexProAdvB .li .tit2 .t{display:block;font-size:18px;color:#000000;line-height: 22px;height: 46px;overflow:hidden;margin-bottom: 10px;margin-left: 20px;max-width:180px;}
.indexProAdvB .li .tit2 .m{display:inline-block;font-size:15px;color:#cccdd3;line-height: 20px;border-radius:5px;overflow:hidden;margin-left: 20px;}

.indexProAdvB .li a:hover .tit{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden; display:none;}
.indexProAdvB .li a:hover .tit2{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}

.indexProAdvB .li a:hover .ImgBox:after{background:#000;filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1;}
.indexProAdvB .li a:hover .ImgBox{box-shadow: 0 0px 10px rgba(0,0,0,0.1);} 
@media screen and (max-width:1680px) {.indexProAdv{padding-top:80px;padding-bottom:100px;}
	.indexProAdvB .li .ImgBox{padding-bottom:525px;}

}
@media screen and (max-width:1220px) {.indexProAdv{padding-top:70px;padding-bottom:90px;}
	.indexProAdv{padding-top:75px;padding-bottom:105px;}
.indexProAdvB .swiper-slide{width:50%;}
.indexProAdvB .li .ImgBox{padding-bottom:119.3181818181818%;}

	.indexProAdvB .li .tit2 .t{font-size:16px;color:#fff;margin-bottom:20px; margin-left:20px; max-width:100%;line-height: 24px; height:auto; max-height:48px;}
.indexProAdvB .li .tit2 .m{font-size:14px;color:#fff;margin-left:20px;}
}
@media screen and (max-width:1024px) {.indexProAdv{padding-top:65px;padding-bottom:75px;}
.indexProAdvB .li .ImgBox{padding-bottom:119.3181818181818%;}
     .indexProAdvB .li a .tit{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden; display:none;}
	.indexProAdvB .li a .tit2{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; background:none;width: 100%;padding:15px 0;}
	
	.indexProAdvB .li .tit2 .t{font-size:16px;color:#fff;margin-bottom:20px; margin-left:20px; max-width:100%;line-height: 24px; height:auto; max-height:48px;}
.indexProAdvB .li .tit2 .m{font-size:14px;color:#fff;margin-left:20px;}
}
@media screen and (max-width:550px) {.indexProAdv{padding-top:55px;padding-bottom:65px;}

.indexProAdvB .swiper-slide{width:100%;}
.indexProAdvB .li a .tit2{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}
.indexProAdvB .li a:hover .ImgBox img{-moz-transform: scale(1) translate(-50%, -50%); -webkit-transform: scale(1) translate(-50%, -50%);-ms-transform: scale(1) translate(-50%, -50%);transform: scale(1) translate(-50%, -50%);}
}







/*indexProAdvWz*/
.indexProAdv .indexProAdvCon{padding-left:550px; position:relative; min-height:525px;}
.indexProAdv .indexProAdvWz{ width:500px;position: absolute;left:0;top:70px; padding-bottom:30px;}
.indexProAdv .indexProAdvWz .indexProAdvBtn{ width:95px; height:20px; position:relative;background: url("../images/an.png") center center no-repeat;background-size:16px;}
.indexProAdv .indexProAdvWz .swiper-button-prev{position: absolute;transition: 0.4s;opacity:1;width:15px;height:20px;top:50%;margin:0; margin-top:-10px;left:0;background: url("../images/index-left.png") center center no-repeat;background-size:15px;outline: none;}
.indexProAdv .indexProAdvWz .swiper-button-next{position: absolute;transition: 0.4s;opacity:1;width:15px;height:20px;ttop:50%;margin:0;margin-top:-10px;right:0;background: url("../images/index-right.png") center center no-repeat;background-size:15px;outline: none;}
.indexProAdv .swiper-button-next.swiper-button-disabled, 
.indexProAdv .swiper-button-prev.swiper-button-disabled{opacity:0.5;}
.indexProAdv .indexTitle{margin-bottom:40px;}
.indexProAdv .indexTitle .des{ max-width:100%;margin-bottom:0;}

.indexProAdv .indexTitle .en,
.indexProAdv .indexTitle .en a{ font-size:60px;margin-bottom: 50px;}
@media screen and (max-width:1840px) {
.indexProAdv .indexProAdvCon{padding-left:450px;}
.indexProAdv .indexProAdvWz{ width:450px;}
.indexProAdv .indexTitle .en,
.indexProAdv .indexTitle .en a{ font-size:60px;margin-bottom:40px;}
}
@media screen and (max-width:1680px) {
.indexProAdv .indexProAdvCon{padding-left:430px;}
.indexProAdv .indexProAdvWz{ width:400px;}
.indexProAdv .indexProAdvCon{min-height:400px;}	
.indexProAdv .indexTitle{margin-bottom:30px;}
.indexProAdv .indexTitle .des{ max-width:100%;}
.indexProAdv .indexTitle .en,
.indexProAdv .indexTitle .en a{ font-size:50px;margin-bottom:30px;}
}
@media screen and (max-width:1440px) {
.indexProAdv .indexProAdvCon{padding-left:430px;}
.indexProAdv .indexProAdvWz{ width:400px;top:30px;}
.indexProAdv .indexTitle{margin-bottom:30px;}
.indexProAdv .indexTitle .des{ max-width:100%;}
}
@media screen and (max-width:1320px) {
.indexProAdv .indexProAdvCon{padding-left:450px;}
.indexProAdv .indexProAdvWz{ width:400px;top:10px;}
.indexProAdv .indexTitle{margin-bottom:20px;}
.indexProAdv .indexTitle .en,
.indexProAdv .indexTitle .en a{ font-size:40px;margin-bottom:30px;}

.indexProAdv .indexProAdvCon{min-height:0;}	
}
@media screen and (max-width:1024px) {
.indexProAdv .indexTitle .des{ max-width:100%;} 
.indexProAdv .indexProAdvCon{padding-left:0;position:relative; min-height:0;}
.indexProAdv .indexProAdvWz{ width:100%;position: static;left:0;top:0; height:auto;top:20px;}

}


/*indexTitle*/
.indexTitle{font-size:15px;color:#000000; line-height:26px;margin-bottom:100px;}
.indexTitle .cn,
.indexTitle .cn a{font-size:22px;line-height:normal; color:#000000;}
.indexTitle .en,
.indexTitle .en a{ font-size:80px; line-height:normal; color:#edf0f4; text-transform:uppercase; margin-bottom:80px;}
.indexTitle .des{max-width:90%;margin-bottom:80px;}
@media screen and (max-width:1840px) {
.indexTitle{font-size:14px;margin-bottom:90px;}
.indexTitle .cn,
.indexTitle .cn a{font-size:20px;}
.indexTitle .en,
.indexTitle .en a{ font-size:70px;margin-bottom:70px;}
.indexTitle .des{margin-bottom:70px;}
}
@media screen and (max-width:1680px) {
.indexTitle{margin-bottom:70px;}
.indexTitle .cn,
.indexTitle .cn a{font-size:20px;}
.indexTitle .en,
.indexTitle .en a{ font-size:60px;margin-bottom:55px;}
.indexTitle .des{margin-bottom:60px;}
}
@media screen and (max-width:1440px) {
.indexTitle{margin-bottom:60px;}
.indexTitle .cn,
.indexTitle .cn a{font-size:18px;}
.indexTitle .en{ font-size:50px;margin-bottom:30px;}
.indexTitle .des{margin-bottom:50px;}
}
@media screen and (max-width:1024px) {
.indexTitle{margin-bottom:50px;}
.indexTitle .cn,
.indexTitle .cn a{font-size:18px;}
.indexTitle .en,
.indexTitle .en a{ font-size:40px;margin-bottom:20px;}
.indexTitle .des{margin-bottom:40px;max-width: 100%;}

}





/*btn-view*/
.btn-view a{ display:inline-block;color: #000000;cursor: pointer;font-size:13px;font-weight:400;line-height:64px;text-decoration: none;overflow:hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;text-align:center; text-transform:uppercase; padding-left:37px;background: url("../images/bottom-more.png") left center no-repeat;background-size:60px;}
.btn-view a span{z-index:1; position:relative; text-align:center;}
.btn-view a:hover{ padding-left:45px;}






/*************************indexAbout*************************/
/*indexVideo*/
.indexVideo{ float:left; width:50%;}
.indexVideo .indexAbout-video .videoB{ width:100%;overflow:hidden; position:relative;}
.indexVideo .indexAbout-video .videoB img{width:100%;}
.indexAbout-shuju{ float:right; width:50%;}
.indexAbout-shujuB{ padding:0 14%;}
/*shuju*/
.indexAbout-shuju td{ width:33.3333%; padding-left:45px; position:relative;font-size:14px; color:#333333; line-height:30px;}
.indexAbout-shuju td img{position:absolute; left:0;top:5px; width:40px;}
.indexAbout-shuju td h2{font-size:24px;color:#333333;font-family:'Helvetica Condensed',Microsoft Yahei,"微软雅黑",Arial,Helvetica, sans-serif;font-weight:bold;}
.indexAbout-shuju td h2 strong{font-size:50px;font-weight: bold;}
.indexAbout-shuju td h2 span{font-size:20px;font-weight:400;position:relative;top:-30px; margin-left:10px;}
.indexAbout-shuju td h2 b{font-size:18px;font-weight:300;}

@media screen and (max-width:1459px){


.indexAbout-shuju td h2{font-size:22px;}
.indexAbout-shuju td h2 strong{font-size:36px;}
.indexAbout-shuju td h2 span{font-size:14px;top:-10px;margin-left:10px;}
.indexAbout-shuju td h2 b{font-size:17px;}
}
@media screen and (max-width:1366px){


.indexAbout-shuju td h2{font-size:20px;}
.indexAbout-shuju td h2 strong{font-size:32px;}
.indexAbout-shuju td h2 span{font-size:14px;top:-10px;margin-left:10px;}
.indexAbout-shuju td h2 b{font-size:16px;}
.indexAbout-shujuB{ padding:0 10%;}
}
@media screen and (max-width:1220px){

.indexAbout-shuju td{ text-align:center;padding-left:0; }
.indexAbout-shuju td img{position: static; left:0;top:0; width:40px; margin:0 auto; margin-bottom:15px;}

.indexAbout-shuju td h2{font-size:20px;}
.indexAbout-shuju td h2 strong{font-size:32px;}
.indexAbout-shuju td h2 span{font-size:14px;top:-10px;margin-left:10px;}
.indexAbout-shuju td h2 b{font-size:16px;}

.indexVideo{ float:none; width:100%;}
.indexVideo .indexAbout-video .videoB{ width:100%;overflow:hidden; position:relative;}
.indexAbout-shuju{ float:none; width:100%;}
.indexAbout-shujuB{ padding:0 30px;}


}
@media screen and (max-width:1024px){

.indexAbout-shuju td h2{font-size:18px;}
.indexAbout-shuju td h2 strong{font-size:28px;}
.indexAbout-shuju td h2 span{font-size:12px;top:-10px;margin-left:10px;}
.indexAbout-shuju td h2 b{font-size:16px;}


}
@media screen and (max-width:768px){

.indexAbout-shuju td{ width:33.3333%; float:left; display:block;padding-left:0; text-align:center; padding-top:20px; padding-bottom:20px;}
}












/*indexProB*/
.indexPro{padding-top:95px;padding-bottom:65px;overflow:hidden;background:#fff;}
.indexPro .indexTitle{ text-align:center; margin-bottom:30px;}
.indexPro .indexTitle .en{ margin-bottom:0;}
.indexProB{ overflow:hidden;}
.indexProB .swiper-slide{float:left;overflow:hidden; width:25%;}
.indexProB .li{ margin:0 20px;}
.indexProB .li a{ padding:0; display:block; vertical-align:bottom;position:relative;}
.indexProB .li a .img-box{position:relative;text-align:left;overflow:hidden;}
.indexProB .li a .img-box .xyimg{ text-align:left; overflow:hidden;}
.indexProB .li a .img-box .xyimg{padding-bottom:120.9302325581395%;}
.indexProB .li a .img-box .xyimg img{max-width:auto; width:auto ; max-height: 100%; height: 100%;}
.indexProB .li a .img-box .tpcover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;/*-webkit-transition:all 1s;transition:all 1s;*/}
.indexProB .li a:hover .img-box .tpcover{opacity:0}
.indexProB .li a .img-box .tpcover,
.indexProB .li a,.indexProB .li a .img-box .xyimg img,.indexProB .li a .text-box{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}

.indexProB .li a:hover .img-box img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.indexProB .li a:hover .imgBox{-webkit-box-shadow:0 0 15px 10px #eceded;box-shadow:0 0 15px 10px #eceded;}
.indexProB .li a:hover .xyimg{-webkit-transform:scale(1.02);transform:scale(1.02)}

.indexProB .li a .img-box .tpcover .xyimg img{max-width: 100%; width: 100%; max-height: none; height: auto;}

.indexProB .li .tit{position:absolute; bottom:20px; left:0;right:0; z-index:2;}
.indexProB .li .tit .t{font-size:16px;color:#333333;line-height:30px;overflow:hidden;white-space:nowrap;display:block; border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:10px}
.indexProB .li .tit .t strong{ float:right; font-weight:bold;}
.indexProB .li .tit .t span{padding-right:46px;background-size:8px; }
.indexProB .li .tit .des{font-size:14px;color:#9ea0ae;line-height:30px;height:30px;overflow:hidden;}


.indexProB .li .tit2{position:absolute;bottom:0; left:0;right:0;z-index:2;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;text-align:left; padding:65px 35px;background:url(../images/bg80.png) center bottom repeat;}
.indexProB .li .tit2 .t{display:block;font-size:18px;color:#fff;}
.indexProB .li .tit2 .t strong{ margin-left:10px;font-weight:bold;}
.indexProB .li .tit2 .m{display:inline-block; width:15px; height:15px; float:right;background: url("../images/ss.png") left center no-repeat;background-size:100%;}

.indexProB .li a:hover .tit{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;}
.indexProB .li a:hover .tit2{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}
@media screen and (max-width:1680px) {.indexPro{padding-top:90px;padding-bottom:60px;}
.indexProB .li .tit2{padding:50px 30px;}
}
@media screen and (max-width:1220px) {.indexPro{padding-top:70px;padding-bottom:60px;}
	.indexPro{padding-top:75px;padding-bottom:105px;}
.indexProB .swiper-slide{width:50%;}

.indexProB .li .tit2{padding:40px 20px;}
}
@media screen and (max-width:1024px) {
	
.indexPro{padding-top:65px;padding-bottom:75px;}
.indexProB .swiper-slide{width:33.3333%;}
.indexProB .li{ margin:0 10px;}
.indexProB .li a .img-box .xyimg{padding-bottom:100%;}
.indexProB .li .tit{padding:25px 15px;}
.indexProB .li .tit .t{font-size:16px;}
.indexProB .li .tit .des{font-size:14px;line-height:26px;height:auto;}
.indexProB .li .tit{position: static; bottom:0;}
.indexProB .li .tit2{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden; display: none;}
.indexProB .li a:hover .tit2{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;display: none;}
.indexProB .li a:hover .tit{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}

}
@media screen and (max-width:768px) {.indexPro{padding-top:55px;padding-bottom:65px;}
.indexProB .swiper-slide{width:50%;}
.indexProB .li{ margin:0 5px;}

.indexProB .li .tit{padding:20px 10px;}
.indexProB .li .tit .t{font-size:14px;}
.indexProB .li .tit .des{font-size:14px;line-height:24px;height:auto;}

}
@media screen and (max-width:370px) {

.indexProB .swiper-slide{width:100%;}
}

.indexPro .indexProBtn{ width:95px; height:20px; position:relative;background: url("../images/an.png") center center no-repeat;background-size:16px; margin:0 auto; margin-top:50px;}
.indexPro .swiper-button-prev{position: absolute;transition: 0.4s;opacity:1;width:15px;height:20px;top:50%;margin:0; margin-top:-10px;left:0;background: url("../images/index-left.png") center center no-repeat;background-size:15px;outline: none;}
.indexPro .swiper-button-next{position: absolute;transition: 0.4s;opacity:1;width:15px;height:20px;ttop:50%;margin:0;margin-top:-10px;right:0;background: url("../images/index-right.png") center center no-repeat;background-size:15px;outline: none;}
.indexPro .swiper-button-next.swiper-button-disabled, 
.indexPro .swiper-button-prev.swiper-button-disabled{opacity:0.5;}





/*indexProB*/
.indextechHot{padding-top:35px;padding-bottom:80px;overflow:hidden;background:;background: url("../images/index-tcbg.jpg") center bottom no-repeat #fff;/*background-size:100%;*/ margin:0 auto;}
.indextechHot .indexTitle{ text-align:center; margin-bottom:-40px;}
.indextechHot .indexTitle .en{ margin-bottom:0; font-size:140px; line-height:normal;}
@media screen and (max-width:1920px) {
.indextechHot .indexTitle{ text-align:center; margin-bottom:-2.083333333333333vw;}
.indextechHot .indexTitle .en{font-size:7.291666666666667vw;}
}
@media screen and (max-width:1220px) {
.indextechHot .indexTitle .en{}
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}





/*indextechHotImgBox*/
.indextechHot{}
.indextechHotBox{margin:0 auto;position:relative; background:#ffffff;box-shadow:0 2px 30px rgba(0,0,0,0.1); max-width:1600px; margin:0 auto;margin-bottom:30px;}
.indextechHotBox .indextechHotImgBox{width:50%;height:auto; float:right; text-align:left; overflow:hidden;}
.indextechHotBox .indextechHotImgBox .swiper-slide{width:100%;background:#f9f9f9;}
.indextechHotBox .indextechHotImgBox .ImgBox{overflow:hidden;padding-bottom:60%; position:relative;}
.indextechHotBox .indextechHotImgBox .ImgBox 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;max-width: none;height: 100%;}
.indextechHotBox .indextechHotImgBox a,
.indextechHotBox .indextechHotImgBox .ImgBox,
.indextechHotBox .indextechHotImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.indextechHotBox .indextechHotImgBox .ImgBox:hover img{-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -o-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/*indextechHotList*/
.indextechHotBox .indextechHotlunboBox{width:50%;position:absolute;left:0;top:0; height:100%;background:url("../images/index-tc-tbg.jpg") left bottom no-repeat;background-size:100%;}
.indextechHotBox .indextechHotlunbo{width:100%;position:absolute; left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.indextechHotBox .indextechHotList{font-size:0; line-height:0; }
.indextechHotBox .indextechHotList li{width:100%; display:block;padding:50px 50px 50px 23.125%;}
.indextechHotBox .indextechHotList li,
.indextechHotBox .indextechHotList li a{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.indextechHotBox .indextechHotList li .info{position:relative;}
.indextechHotBox .indextechHotList li .tit a{ display:block;font-size:22px;line-height:40px;max-height:80px;color:#000000;overflow:hidden;margin-bottom:30px;}
.indextechHotBox .indextechHotList li .des{font-size:15px;color:#000000;line-height:26px;height:78px;overflow:hidden;font-weight:500;margin-bottom:30px;}
.indextechHotBox .indextechHotList li .tit a:hover{color:#000000;}
.indextechHotBox .indextechHotList li .m{display:inline-block;width:106px;height:41px;line-height:41px;font-size:14px;color:#fff;background:#000;border-radius:5px;margin:0;outline:none;cursor:pointer;text-align:center;margin-top:50px;}
.indextechHotBox .indextechHotList li .m:hover{background:#085cc2;color:#fff;}
/**/
.indextechHot .swiper-pagination{position: static;bottom:0 !important;width:100% !important;z-index:2; right:0; left:0; margin:0 auto; text-align:center;}
.indextechHot .swiper-pagination span.swiper-pagination-bullet{width:8px;height:8px;border-radius:8px;opacity:1;background:#ffffff; margin:0 7px; outline:none;}
.indextechHot .swiper-pagination span.swiper-pagination-bullet-active{background:#000;width:20px;}
/*swiper-button*/
.indextechHot .swiper-button-prev{position:absolute;left:4.5%;top:50%;opacity:1;width:24px;height:42px;margin-top:-21px;background:url("../images/index-left2.png") center center no-repeat;background-size:100%;z-index:2;outline:none;}
.indextechHot .swiper-button-next{position:absolute;right:4.5%;top:50%;opacity:1;width:24px;height:42px;margin-top:-21px;background:url("../images/index-right2.png") center center no-repeat;background-size:100%;z-index:2;outline:none;}
.indextechHot .swiper-button-prev.swiper-button-disabled, 
.indextechHot .swiper-button-next.swiper-button-disabled{opacity:0.5;}
/**/
.indextechHotBox .indextechHotList li .btn-view,
.indextechHotBox .indextechHotList li .tit,
.indextechHotBox .indextechHotList li .des,
.indextechHotBox .indextechHotList li .date{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);}
.indextechHotBox .indextechHotList li.swiper-slide-active .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
.indextechHotBox .indextechHotList li.swiper-slide-active .btn-view,
.indextechHotBox .indextechHotList li.swiper-slide-active .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;}
.indextechHotBox .indextechHotList li.swiper-slide-active .date{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;}
@media screen and (max-width:1220px){
.indextechHotBox .indextechHotList li .tit a{font-size:20px;line-height:30px;max-height:60px;margin-bottom:20px;}
.indextechHotBox .indextechHotList li{padding:50px 50px 50px 50px;}

.indextechHotBox .indextechHotList li .des{font-size:14px;margin-bottom:20px;}
}
@media screen and (max-width:992px){
.indextechHotBox .indextechHotImgBox{width:100%;float:none;}
.indextechHotBox .indextechHotlunboBox{width:100%;position: static; left:0%;height:auto; margin-bottom:30px;}
.indextechHotBox .indextechHotlunbo{width:100%;position:static; left:0;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); margin-bottom:30px;}
.indextechHot .indextechHotlunbobtn{position: static; left:0; bottom:0;}
.indextechHotBox .indextechHotList li {padding:0.5rem 0;}
.indextechHot .swiper-button-prev,
.indextechHot .swiper-button-next{}

.indextechHotBox .indextechHotList li .info{ padding:30px 30px;}

.indextechHotBox .indextechHotList li .tit a{font-size:20px;line-height:32px;max-height:64px;}
}




/********************************solution end********************************/

.detail-xqBox{color:#333333; font-size:15px; line-height:34px;}


.preview{ overflow:hidden;}
.previewTit{font-size:14px; color:#000000;  text-align:center;margin-bottom:0px; font-weight:normal; margin-top:90px;margin-bottom:0px;}
.previewTit span{ display:inline-block; width:135px; line-height:38px;  border-radius:38px; margin:0 10px; cursor: pointer;}
.previewTit .active{background:#ededed;}


/****************detailBox ******************/



.detailBox{padding-bottom:60px;padding-top:60px;}
/*page-more*/
.detailBox .page-more{border-bottom:1px solid #eeeeee;font-size:14px;color:#4b4b4b; line-height:50px;}
.detailBox .page-more a{color:#4b4b4b;}
.detailBox .page-more a:hover{color:#000;}
/*detailBoxTop*/
.detailBox .detailBoxTop{padding-top:10px;padding-bottom:60px;}
.detailBox .detail-topBox{position:relative;border-bottom:0;padding-bottom:60px;}
.detailBox .detailImg{width:50%;float:left;position:relative!important; overflow:hidden;background:#fff; margin-bottom:0px;}
.detailBox .detailNr{width:50%;float:right;}
.detailBox .detailNr .detailNrBox{}
.detailBox .detailNr .detailNrWZ{padding:60px 40px 40px 40px;background:#f5f5f5;}
/*proTit*/
.detailBox .proTit{font-size:16px; color:#646464;position:relative;}
.detailBox .proTit .tt .cn{font-size:30px;color:#333333;display:block; margin-bottom:10px;}
.detailBox .proTit .tt{display:block;line-height:normal;padding-bottom:20px;border-bottom:1px solid #dcdcdc;}
.detailBox .proTit .t1{font-size:16px;color:#333333;display:block;margin-bottom:10px;}
/*colorSelect*/
.detailBox .proTit .colorSelectB{padding-bottom:30px;padding-top:30px;border-bottom:1px solid #dcdcdc;}
.detailBox .proTit .colorSelect{ font-size:0;}
.detailBox .proTit .colorSelect li{ display:inline-block;*display:inline;zoom:1;vertical-align:top;width:80px;margin-right:10px; margin-bottom:10px;}
.detailBox .proTit .colorSelect li a{display:inline-block;width:80px;height:80px;border:1px solid #e5e5e5;}
.detailBox .proTit .colorSelect li span{display:inline-block;width:80px;height:80px;border:1px solid #e5e5e5;}
.detailBox .proTit .colorSelect li img{width: 100%;height:100%; background:#fff;}
/*.detailBox .proTit .colorSelect li:hover span,*/
.detailBox .proTit .colorSelect li.active{ border-color:#000;} 
.detailBox .proTit .colorSelect li .opis{font-size:12px; color:#646464; line-height:20px; padding-top:10px;text-align:center;}
/*sizeSelect*/
.detailBox .proTit .sizeSelectB{padding-bottom:30px;padding-top:30px;border-bottom:1px solid #dcdcdc;}
.detailBox .proTit .sizeSelect{ font-size:0;}
.detailBox .proTit .sizeSelect li{display:inline-block;*display:inline;zoom:1;width:40px;height:40px; line-height:40px;background:#fff;text-align:center; font-size:14px; color:#646464;vertical-align:top;border:1px solid #e5e5e5; margin-right:6px; margin-bottom:6px;border-radius:50%;}
/*contactBtn*/
.detailBox .contactBtn{ padding-top:40px;padding-bottom:40px;}
.detailBox .contactBtn a{ width:150px; height:46px; background:#000; border-radius:5px;display: inline-block;font-size:14px;line-height:46px;color:#fff; text-align:center;}
.detailBox .contactBtn a.vr{background:#e60012;}
.detailBox .contactBtn a:hover{background:#ff0519;}
/*pro-Text*/
.detailBox .pro-Text{line-height:34px;font-size:15px;color:#333333;/* height:272px;*/}
@media(max-width: 1680px) {
.detailBox .proTit{font-size:16px;}
.detailBox .proTit .tt .cn{font-size:26px;margin-bottom:10px;}
.detailBox .proTit .tt{padding-bottom:10px;}
.detailBox .proTit .t1{font-size:15px;margin-bottom:10px;}
.detailBox .proTit .colorSelectB{padding-bottom:25px;padding-top:25px;}
.detailBox .proTit .colorSelect li{width:70px;height:70px;}

}
@media(max-width: 1320px) {
.detailBox .proTit .tt .cn{font-size:24px;margin-bottom:10px;}
.detailBox .detailNr .detailNrWZ{padding:30px 30px 30px 30px;}
.detailBox .proTit .colorSelect li{width:60px;height:60px;}

.detailBox .proTit .colorSelectB{padding-bottom:20px;padding-top:20px;}
.detailBox .proTit .sizeSelectB{padding-bottom:20px;padding-top:20px;}

.detailBox .contactBtn{ padding-top:30px;padding-bottom:30px;}
.detailBox .contactBtn a{ width:120px; height:40px;font-size:13px;line-height:40px;}
}
@media(max-width: 1220px) {.detail-xqBox{font-size:14px; line-height:30px;}
.detailBox .detailImg{width:100%;float:none;}
.detailBox .detailNr{width:100%;float:none;}
.detailBox .proTit .tt .cn{font-size:20px;}
.detailBox .proTit .colorSelect li{}

.detailBox .detailNr .detailNrWZ{padding:30px 20px 30px 20px;min-height:0px;}

.detailBox .detailBoxTop{padding-top:10px;padding-bottom:40px;}
.detailBox .detail-topBox{padding-bottom:30px;}
.detailBox .proTit .colorSelect{ margin-right:-10px;}
}
@media(max-width:550px) {.detail-xqBox{font-size:13px; line-height:26px;}.detailBox{padding-bottom:50px;padding-top:50px;}
.detailBox .proTit .tt .cn{font-size:18px;}
}
@media(max-width:350px) {
.detailBox .proTit .colorSelect li{width:55px;height:55px;margin-right:5px; margin-bottom:5px;}
.detailBox .proTit .sizeSelect li{width:35px;height:35px; line-height:35px;font-size:12px;}
.detailBox .proTit .t1{font-size:14px;margin-bottom:10px;}
}

/*bigImgBox*/
.bigImgBox{ visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; height:0; text-align:center; padding-right:50px;}
.bigImgBox.active{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;height:auto;}
/*bigImg*/
.bigImg{ position:relative;/*border: 1px solid #eeeeee;*/ max-height:720px; margin:0 auto; overflow:hidden;}
.bigImg .swiper-container{width: 100%;}
.bigImg .swiper-container .swiper-slide{position: relative;background: #FFF; width:100%; max-height:720px;}
.bigImg .swiper-container .swiper-slide .img{width: 100%;height:auto;padding-bottom:100%;}
.bigImg .swiper-container .swiper-slide img{position: absolute;max-width:100%;max-height:100%;left: 50%;top:50%;transform: translate(-50%,-50%);}
/*swiper-button*/
.bigImg .swiper-button-prev{position:absolute;left:4.5%;top:50%;opacity:1;width:24px;height:46px;margin-top:-23px;background:url("../images/pro-left.png") center center no-repeat;background-size:100%;z-index:2;outline:none;}
.bigImg .swiper-button-next{position:absolute;right:4.5%;top:50%;opacity:1;width:24px;height:46px;margin-top:-23px;background:url("../images/pro-right.png") center center no-repeat;background-size:100%;z-index:2;outline:none;}
.bigImg .swiper-button-prev.swiper-button-disabled, 
.bigImg .swiper-button-next.swiper-button-disabled{opacity:0;}
/*mobileImg*/
.mobileImg{margin-top:20px;position: relative;}
.mobileImg .swiper-container{width:100%;}
.mobileImg .swiper-container .swiper-slide{cursor: pointer;position: relative;-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;background: #FFF;width:16.66666666666667%; }
.mobileImg .swiper-container .swiper-slide.swiper-slide-active .img,
.mobileImg .swiper-container .swiper-slide.focu .img{border-color:#000;}
.mobileImg .swiper-container .swiper-slide .imgB{ margin-right:20px;}
.mobileImg .swiper-container .swiper-slide .img{ padding-bottom:100%; position:relative;border:1px solid #e1e1e1;}
.mobileImg .swiper-container .swiper-slide img{position:absolute;max-width:100%;max-height:100%;left:50%;top:50%;transform: translate(-50%,-50%);}
.mobileImg .mbtn{width:28px; height:100%;overflow:hidden;position:absolute;top:0;right:0; cursor:pointer;}
.mobileImg .mbtn.mprevbtnb{background:url(../images/arrow-left2.png) center center no-repeat #f8b478;left:0;background-size:7px;}
.mobileImg .mbtn.mnextbtnb{background:url(../images/arrow-right2.png) center center no-repeat #f8b478;right:0;background-size:7px}
@media(max-width: 1220px) {.bigImgBox{ padding-right:0px;}
	 .mobileImg{ margin-bottom:30px;}
     .mobileImg .swiper-container .swiper-slide{width:20%; }
	 .bigImg{ max-height:100%;}
}
@media(max-width: 1024px) {
	.mobileImg{margin-top:10px; margin-right:-10px;}
	.mobileImg .swiper-container .swiper-slide .imgB{ margin-right:10px;}
	
	.mobileImg .swiper-container .swiper-slide{width:16.66666666666667%; }
}
@media(max-width: 992px) {.bigImgBox{ padding-right:0;}
    .bigImg .swiper-container .swiper-slide .img{padding-bottom: 100%}
    .mobileImg .swiper-container .swiper-slide{height:auto;}
    .mobileImg .swiper-container .swiper-slide{position: relative}
	.mobileImg .mbtn.mprevbtnb,
	.mobileImg .mbtn.mnextbtnb{background-size:7px}
	.detailBox .detailImg{margin-bottom:30px;}
	
.bigImg .swiper-button-prev{left:0%;width:24px;height:46px;margin-top:-23px;background-size:80%;z-index:2;outline:none;}
.bigImg .swiper-button-next{right:0%;width:24px;height:46px;margin-top:-23px;background-size:80%;z-index:2;outline:none;}


}
@media(max-width: 550px) {
.mobileImg .swiper-container .swiper-slide{width:20%; }
}


/*page-xgPro*/
.page-xgPro{padding:0;background:#fff;}
.page-xgPro .pageT1{font-size:26px; color:#000000; line-height:44px;  text-align:center;margin-bottom:30px; font-weight:normal; padding-bottom:18px;border-bottom:1px solid #f5f5f5;}
.page-xgPro-swiper{padding:0;position: relative;}
.page-xgPro-swiper .swiper-slide{ width:25%;}
.page-xgPro-swiper .swiper-slide a{display:block;position:relative; background:#fff;}
.page-xgPro-swiper .swiper-slide .img-box{position:relative;text-align:left;overflow:hidden;}
.page-xgPro-swiper .swiper-slide .img-box .xyimg{ text-align:left; overflow:hidden;}
.page-xgPro-swiper .swiper-slide .img-box .xyimg{padding-bottom:100%;}
.page-xgPro-swiper .swiper-slide .img-box .xyimg img{max-width: 100%; width: 100%; max-height: none; height: auto;}
.page-xgPro-swiper .swiper-slide .img-box .tpcover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;/*-webkit-transition:all 1s;transition:all 1s;*/}
.page-xgPro-swiper .swiper-slide a:hover .img-box .tpcover{opacity:0}
.page-xgPro-swiper .swiper-slide .img-box .tpcover,
.page-xgPro-swiper .swiper-slide a,.page-xgPro-swiper .swiper-slide .img-box .xyimg img,.page-xgPro-swiper .swiper-slide .text-box{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.page-xgPro-swiper .swiper-slide a:hover{}
.page-xgPro-swiper .swiper-slide a:hover .img-box img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.page-xgPro-swiper .swiper-slide a:hover .imgBox{-webkit-box-shadow:0 0 15px 10px #eceded;box-shadow:0 0 15px 10px #eceded;}
.page-xgPro-swiper .swiper-slide a:hover .xyimg{-webkit-transform:scale(1.02);transform:scale(1.02)}
.page-xgPro-swiper .swiper-slide .text-box{font-size:16px;color:#333333;position:absolute;bottom:60px; left:0;right:0; text-align: center;}
.page-xgPro-swiper .swiper-slide .text-box .num{font-weight:bold;}
.page-xgPro-swiper .swiper-slide a:hover .text-box{opacity:0}
/**/
.page-xgPro .swiper-button-prev{transition: 0.4s;opacity: 1;width:50px;height:50px;top:50%; margin-top:-25px;left:0;background: url("../images/page-left.png") center center no-repeat;background-size:100%;outline: none; z-index:3;border-radius:50%; position:absolute;}
.page-xgPro .swiper-button-next{transition: 0.4s;opacity: 1;width:50px;height:50px;top:50%; margin-top:-25px;right:0;background: url("../images/page-right.png") center center no-repeat;background-size:100%;outline: none; z-index:3;border-radius:50%;position: absolute;}
.page-xgPro .swiper-button-prev.swiper-button-disabled, 
.page-xgPro .swiper-button-next.swiper-button-disabled{opacity:0;}
@media(max-width: 1440px) {
.page-xgPro .pageT1{font-size:26px; }
}
@media(max-width: 1220px) {
.page-xgPro .pageT1{font-size:24px; }
.page-xgPro-swiper .swiper-slide{ width:33.333%;}
}
@media(max-width: 1024px) {
.page-xgPro .pageT1{font-size:20px; }
}
@media(max-width: 768px) {
.page-xgPro-swiper .swiper-slide{ width:50%;}

.page-xgPro-swiper .swiper-slide .text-box{font-size:14px; line-height:26px;position: static;bottom:0;}
}
@media(max-width: 370px) {
.page-xgPro-swiper .swiper-slide{ width:100%;}
}


/*detailTit*/
.detailInfoB{ padding:50px 0;}
.detailTit{text-align:center;margin-bottom:0px; font-weight:normal;}
.detailTit .detailTitBox{background:#f5f5f5; padding:17px 0;}
.detailTit ul{ font-size:0; line-height:0; text-align:center;}
.detailTit li{ display:inline-block; width:156px;line-height:44px;font-size:16px;color:#000000;border:1px solid #f5f5f5;border-radius:5px;}
.detailTit li .a{ display:block; cursor:pointer;}
.detailTit li.active{border-color:#000;color:#000;}
@media screen and (max-width:768px) {
.detailInfoB{ padding:30px 0;}
.detailTit .detailTitBox{padding:17px 17px;}
.detailTit li{width:33.33333%;line-height:30px;font-size:14px;border:none;border-bottom:1px solid #f5f5f5;border-radius:0; max-width:150px;}
}


/*fixed*/
.fixedempty{height:0px}
.fixedempty.hidden {display:none;}
.detailTit.fixed .detailTitBox{position:fixed;top:100px;left:0;right:0;margin:0 auto;z-index:1000}
@media screen and (max-width:1024px) {
.detailTit.fixed .detailTitBox{position: static;top:0;z-index:1}	
.fixedempty{height:0;}	
}



.pro-Text{ position:relative; margin-bottom:32px; overflow:hidden;}
#gradient{width: 100%;position: absolute;bottom: 0;left: 0;height:60px;background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(242,242,242,0)),color-stop(25%,rgba(242,242,242,.74)),color-stop(73%,#f5f5f5),color-stop(100%,#f5f5f5));background: linear-gradient(to bottom,rgba(242,242,242,0) 0%,rgba(242,242,242,.74) 25%,#f5f5f5 73%,#f5f5f5 100%);}
#read-more{color: #333;text-align:left;}
#read-more a{display:block;font-size:14px;line-height:24px;text-decoration: none;color:#333333; position:relative; text-align:center;}
#read-more a i{ display:block; margin:0 auto; width:22px;height:22px;background:url(../images/v.png) no-repeat center center;background-size:18px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
#read-more a i.fa-angle-up{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#read-more a: hover{color: #000;}


/**********************************************index videoBox**********************************************/
.pop{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000000;visibility:hidden;pointer-events:none;opacity:0}
.pop .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;background-color:rgba(0,0,0,0.9);opacity:0;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out}
.pop .com{position:relative;z-index:10;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.pop .com .videoBox .iconfont{background:url(../images/close2.png) center center no-repeat;width:30px;height:30px; background-color:#383838;border-radius:5px;background-size:55%;display:inline-block;position:absolute;top:10px;right:10px;color:#fff;opacity:0;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out}
.pop .com .videoBox{width:0vw;height:auto;min-height:69.81481481481481vh;position:relative;transition:all 0.5s ease-in-out;-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}
.pop .com .videoBox video{position:absolute;width:100%;left:0;top:0;height:100%;opacity:0;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out; background:#000;}
/*on*/
.pop.on{pointer-events:auto;opacity:1;visibility:visible}
.pop.on .mask{opacity:1;transition-delay:0.3s}
.pop.on .com .videoBox{width:70%;height:auto;transition-delay:0.3s}
.pop.on .com .videoBox video{opacity:1;transition-delay:0.6s}
.pop.on .com .videoBox .big_img_box{opacity:1;transition-delay:0.6s}
.pop.on .com .videoBox .iconfont{opacity:1}
@media screen and (min-width:3400px){
	.pop.on .com .videoBox{width:1920px;height:1080px}
}
@media screen and (max-width:1220px){
.pop.on .com .videoBox{width:100%;height:auto;min-height:56.25vw;}
}

/*index videoB*/
.indexAbout-video{ position:relative;}
.videoB{ position:relative; display:block;}
.videoB:after{ content:''; position:absolute; left:0;right:0; width:100%; height:100%;background:url(../images/index-videobg.png) center center repeat-y;background-size:100%; z-index:1;}
.videoBtn{position:absolute;top:50%;left:0;right:0; margin:0 auto;cursor:pointer; width:70px; height:70px; margin-top:-35px;background:url(../images/videobtn2.png) center center no-repeat;background-size:100%; z-index:2;}
.videoBtn i{width:100%;height:100%;background:url(../images/videobtn1.png) center center no-repeat;background-size:100%;display:inline-block;animation: 3s linear 0s normal none infinite rotate;-webkit-animation: 3s linear 0s normal none infinite rotate;}