@charset "utf-8";
/* reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,h1,div,li,a,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei, Arial, Helvetica, sans-serif;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,li{list-style:none;margin:0;padding:0;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;}
a{color:inherit;-webkit-transition:all .3s cubic-bezier(.23,1,.32,1);transition:all .3s cubic-bezier(.23,1,.32,1);text-decoration:none;}
p,span{color:inherit}
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;overflow:auto;outline:none;}
*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
*,:after,:before {box-sizing: border-box;border: 0 solid}
img{border:none;outline:none;max-width:100%;height:auto;}
/*clearfix*/
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
/* 去除iPhone中默认的input样式 */
textarea,input,select{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; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle;outline:none;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei, Arial, Helvetica, sans-serif;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"]{cursor:pointer;outline:none;background: none;}

.visiblehide{visibility:hidden!important;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}



/* CSS Document */
body {min-width:280px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 20px;font-size: 1.25rem;background: #fff;color: #4b4b4b;overflow-x: hidden;line-height: 1.4;position:relative;margin:0 auto}
@media screen and (min-width:1024px){
	::-webkit-scrollbar{width:7px}
	::-webkit-scrollbar-track{background:#ebebeb}
	::-webkit-scrollbar-thumb{background:#cccccc}
}
.is-hidden{ display:none;}
.relative{position:relative}
.mr0{margin-right:0!important}
.flexsb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.flexsa{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-around;}
.flexlf{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: left;}
.flexed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-end;}
.flexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.cflexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}

/*container*/
.container{margin:0 auto; padding:0 50px; max-width:86.71875%;}
@media screen and (max-width: 1220px){
.container{padding: 0 4.098360655737705vw;max-width:100%;}
}
@media screen and (max-width: 1024px){
.container{padding: 0 3.125vw;}
}
@media screen and (max-width: 768px){
.container{padding: 0 3.125vw;}
}


.f14{font-size:14px;}
.f18{font-size:18px;}
.f70{font-size:70px;}
.f60{font-size:58px;}
.f50{font-size:50px;}
.f40{font-size:40px;}
.f25{font-size:25px;}
.f20{font-size:20px;}
.f23{font-size:23px;line-height:45px;}
.f27{font-size:27px;}
.f30{font-size:30px;}


.mb60{margin-bottom:60px!important;}
.mb40{margin-bottom:40px!important;}
.pt120{padding-top:120px;}
.pt100{padding-top:100px;}
@media screen and (max-width:2560px){
.f14{font-size:14px;}
.f18{font-size:18px;}
.f70{font-size:2.734375vw;}
.f60{font-size:2.265625vw;}
.f50{font-size:1.953125vw;}
.f40{font-size:1.5625vw;}
.f25{font-size:0.9765625vw;}
.f20{font-size:0.78125vw;}
.f23{font-size:0.8984375vw;line-height:1.5;}
.f27{font-size:1.0546875vw;}
.f30{font-size:1.171875vw;}

.mb60{margin-bottom:2.34375vw!important;}
.mb40{margin-bottom:40px!important;}
.pt120{padding-top:4.6875vw;}
.pt100{padding-top:3.90625vw;}
}
@media screen and (max-width:1920px){
/*.f70{font-size:3vw;}
.f50{font-size:2.2vw;}
.f40{font-size:1.8vw;}
.f25{font-size:1.5vw;}
.f20{font-size:1vw;}
.f23{font-size:1.05vw; line-height:1.5;}
.f27{font-size:1.52vw;}*/

.f14{font-size:14px;}
.f18{font-size:16px;}
}
@media screen and (max-width:1220px){
/*.f70{font-size:2.5rem;}
.f60{font-size:3.125rem;}
.f50{font-size:2rem;}
.f40{font-size:1.5rem;}
.f25{font-size:1.2rem;}
.f20{font-size:1.1rem;}
.f23{font-size:1.25rem;}
.f30{font-size:1.375rem;}

.f27{font-size:1.3rem;}*/
}
@media screen and (max-width:768px){
/*.f70{font-size:40px;font-size:2.5rem;}
.f60{font-size:50px;font-size:3.125rem;}
.f50{font-size:32px;font-size:2rem;}
.f40{font-size:25px;font-size:1.5625rem;}
.f25{font-size:20px;font-size:1.25rem;}
.f20{font-size:18px;font-size:1.125rem;}
.f23{font-size:20px;font-size:1.25rem;line-height:32px;line-height:2rem;}
.f27{font-size:21px;font-size:1.3rem;}

.f30{font-size:22px;font-size:1.375rem;}

.f14{font-size:12px;}
.f18{font-size:14px;}

.pt120{padding-top:50px;}
.pt100{padding-top:90px;}*/

.f70{font-size:36px;}
.f60{font-size:48px;}
.f50{font-size:30px;}
.f40{font-size:22px;}
.f25{font-size:16px;}
.f20{font-size:15px;}
.f23{font-size:16px;line-height:1.5;}
.f27{font-size:16px;}
.f30{font-size:2.93vw;}
}
@media screen and (max-width:750px){
.f70{font-size:5.33vw;}
.f60{font-size:6.67vw;}
.f50{font-size:4.27vw;}
.f40{font-size:3.33vw;}
.f25{font-size:2.67vw;}
.f20{font-size:2.40vw;}
.f23{font-size:2.67vw;}
.f27{font-size:2.80vw;}
.f30{font-size:2.93vw;}

.f70{font-size:36px;}
.f60{font-size:48px;}
.f50{font-size:30px;}
.f40{font-size:22px;}
.f25{font-size:16px;}
.f20{font-size:15px;}
.f23{font-size:16px;line-height:1.5;}
.f27{font-size:16px;}


/*.f70{font-size:40px;}
.f60{font-size:50px;}
.f50{font-size:32px;}
.f40{font-size:25px;}
.f25{font-size:18px;}
.f20{font-size:16px;}
.f23{font-size:20px;line-height:1.5;}
.f27{font-size:21px;}*/

.mb60{margin-bottom:2.34375vw!important;}
.mb40{margin-bottom:5.33vw!important;}

.pt120{padding-top:3vw;}
.pt100{padding-top:3.52vw;}
}
@media screen and (max-width:640px){
.pt120{padding-top:50px;padding-top:6vw;}	
.pt100{padding-top:90px;padding-top:12vw;}	
/*.mb60{margin-bottom:30px!important;}
.mb40{margin-bottom:20px!important;}*/


.f70{font-size:5.33vw;}
.f60{font-size:6.67vw;}
.f50{font-size:4.27vw;}

.f30{font-size:16px;}

.f40{font-size:18px;}
.f25{font-size:15px;}
.f20{font-size:12px;}
.f23{font-size:13px;line-height:1.5;}
.f27{font-size:12px;}
}
@media screen and (max-width:600px){
.f40{font-size:18px;}
.f25{font-size:14px;}
.f20{font-size:12px;}
.f23{font-size:13px;line-height:1.5;}
.f27{font-size:12px;}
.f30{font-size:16px;}

.f60{font-size:6vw;}
}
@media screen and (max-width:550px){
.f40{font-size:16px;}
.f23{font-size:12px;}
.f30{font-size:14px;}
.f25{font-size:13px;}
}
@media screen and (max-width:430px){
.f40{font-size:15px;}
.f25{font-size:12px;}

.f23{font-size:12px;}
}
@media screen and (max-width:350px){
.f40{font-size:14px;}
.f23{font-size:10px;line-height:1.5;}
.f25{font-size:12px;}
.f20{font-size:10px;}
.f27{font-size:10px;}
.f30{font-size:14px;}	
}


/*videoBox*/
.videoBox{display:block;position:absolute; left:0;top:0; height:100%; width:100%;overflow:hidden;}
.videoBox video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}
/*imgBgB*/
.imgBgB{display:block;height:100%; width:100%;overflow:hidden;position:absolute;left:0;top:0;}
.imgBgB img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;vertical-align:middle; position:absolute;left:0;top:0;}
.imgBgB video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}
@media screen and (max-width:768px){
.imgBgB img{object-fit: contain;}
}
/*preloader*/
.preload{position:fixed;top:-99999px}
#preloader{z-index:997;position:fixed;left:0;top:0;width:100%;height:100vh;max-height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;opacity:1;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
#preloader.page_ready{opacity:0}
#preloader.display_none{display:none}
#preloader .preloader_icon{position:relative;border:.15rem solid #f5f5f5;border-top:.15rem solid #cccccc;border-radius:50%;margin-top:-7rem;width:3.5rem;height:3.5rem;animation:spin 1s cubic-bezier(.3,.4,.6,.3) infinite}
@media (max-width:767.98px){
	#preloader .preloader_icon{margin-top:0rem}
}
@keyframes spin{0%{transform:rotate(0)}
to{transform:rotate(360deg)}
}

/*****************************header start*****************************/

/*header*/
.headerBox{font-size:0;position:relative;z-index:99}
.nav .nav-container{height:70px;margin:0 auto;position:relative;}
.nav{width:100%;position:relative;z-index:9;transition:all 0.3s;background:rgba(0,0,0,0.7);position:fixed;left:0;top:0;}
/*toplogo*/
.toplogo{line-height:70px;height:70px;display:block;position:absolute; left:0;top:0;right:0; margin:0 auto; width:100%;text-align: center;}
.toplogo a{ display:inline-block;}
.toplogo img{height:46px;vertical-align:middle;}
.toplogo .logo{height:46px;vertical-align:middle;}
.toplogo .logo .cls-1 {fill: #fff;}
@media screen and (max-width:3840px){
.nav .nav-container{height:70px;}
.toplogo{line-height:70px;height:70px;}
.toplogo .logo,
.toplogo img{height:46px;}
}
@media screen and (max-width:2560px){
.nav .nav-container{height:2.73vw;}
.toplogo{line-height:2.73vw;height:2.73vw;}
.toplogo .logo,
.toplogo img{height:1.80vw;}
}
@media screen and (max-width:1024px){
.nav .nav-container{height:56px;}
.toplogo{line-height:56px;height:56px;}
.toplogo .logo,
.toplogo img{height:30px;}
.nav{background:#12193b;}
}



/*navigation*/
.navigation{font-size:0;line-height:0;position:absolute;top:0;right:115px;right:5.989583333333333vw;margin-right:2.8125vw;}
.navigation .navigationlist { display:inline-block;}
.navigation .li1{line-height:70px; margin-right:54px;margin-right:2.8125vw;display:inline-block;*display:inline;zoom:1;vertical-align:top;text-align:center; position:relative;}
.navigation .li1 .v1{font-size:18px;padding:0 10px;font-weight:300;color:#fff; text-align:center; display:block; position:relative;}
.navigation .li1 .v1:after{ content:''; position: absolute;left:50%;bottom:0; height:2px;background:#fff; width:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.navigation .li1 .v1:hover:after,
.navigation .li1.active .v1:after{width:100%;left:0;}
/*droplist*/
.navigation .droplist{display:none;position:absolute;top:100%; left:0;width:140px;background:#fff; padding:10px 0; display:none!important;}
.navigation .droplist .li2{line-height:40px;display:block;text-align:left;}
.navigation .droplist .li2 .v2{font-size:16px;padding:0 10px;color:#000;text-align:left;display:block; position:relative;}
.navigation .li1:hover .droplist{display:block}
@media screen and (max-width:3840px){
.navigation{right:115px;margin-right:2.8125vw;}
.navigation .li1{line-height:70px; margin-right:54px;}
.navigation .li1 .v1{font-size:18px;}
.navigation .droplist{width:140px;padding:10px 0;}
.navigation .droplist .li2{line-height:40px;}
.navigation .droplist .li2 .v2{font-size:16px;padding:0 10px;}
}
@media screen and (max-width:2560px){
.navigation{right:4.49vw;margin-right:2.8125vw;}
.navigation .li1{line-height:2.73vw; margin-right:2.11vw;}
.navigation .li1 .v1{font-size:0.70vw;}
.navigation .droplist{width:5.47vw;padding:0.39vw 0;}
.navigation .droplist .li2{line-height:1.56vw;}
.navigation .droplist .li2 .v2{font-size:0.63vw;padding:0 0.39vw;}
}
/*@media screen and (max-width:1820px){
.navigation{right:3vw;}

.navigation .li1 .v1{font-size:16px;}	
.navigation .li1{margin-right:44px;}	
}
@media screen and (max-width:1680px){
.navigation .li1 .v1{font-size:15px;}	
.navigation .li1{margin-right:34px;}	
}
@media screen and (max-width:1520px){
.navigation .li1 .v1{font-size:14px;}	
.navigation .li1{margin-right:24px;}	
}
@media screen and (max-width:1320px){
.navigation .li1 .v1{font-size:13px;}	
.navigation .li1{margin-right:20px;}	
}*/
@media screen and (max-width:1220px){
.navigation .li1 .v1{font-size:10px;}	
.navigation .li1{margin-right:15px;}	
}
@media screen and (max-width:1024px){
.navigation{ display:none!important;}	
}





/*toplan*/
.topshop{font-size:0;line-height: 0;position:absolute;top:0;height:100%;right:115px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.topshop .icon-shop{display:block;width:35px;height:70px;cursor:pointer;background:url(../images/icon-shop.png) center center no-repeat;background-size:100%; }
.topshop .icon-shopimg{display:block;position:absolute;top:100%;right:-15px;width:266px;margin-left:-70px;padding-top:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);filter:alpha(opacity=0);opacity:0; visibility:hidden;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.topshop .icon-shopimg::after{content:"";position:absolute;top:-10px;right:15px;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;}
.topshop .icon-shopimgB{ padding:16px 16px 16px 16px;font-size:20px;line-height:normal;font-weight:300; color:#000; text-align:center;background:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.topshop .icon-shopimgB img{max-width:100%;}
.topshop .icon-shopimgB p{margin-bottom:10px;}
.topshop:hover .icon-shopimg{display:block;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);filter:alpha(opacity=100);opacity:1; visibility: visible;}
@media screen and (max-width:3840px){
.topshop{right:115px;}
.topshop .icon-shop{width:30px;height:70px;}

.topshop .icon-shopimg{width:210px;margin-left:-70px;}
.topshop .icon-shopimgB{padding:15px;font-size:16px;}
.topshop .icon-shopimgB p{margin-bottom:8px;}
}
@media screen and (max-width:2560px){
.topshop{right:4.49vw;}
.topshop .icon-shop{width:1.17vw;height:2.73vw;}

.topshop .icon-shopimg{width:8.2vw;margin-left:-2.73vw;}
.topshop .icon-shopimgB{padding:0.59vw;font-size:0.63vw;}
.topshop .icon-shopimgB p{margin-bottom:0.3vw;}

}
@media screen and (max-width:1920px){
.topshop .icon-shopimg{width:166px;}
.topshop .icon-shopimgB{padding:0.59vw;font-size:0.63vw;}
.topshop .icon-shopimgB p{margin-bottom:0.3vw;}
}
@media screen and (max-width:1820px){
	.topshop{right:3vw;}
	.topshop .icon-shopimg{width:153px;}
	.topshop .icon-shopimgB{font-size:10px;}
}
@media screen and (max-width:1024px){
.topshop .icon-shop{width:20px;height:56px;}
.topshop .icon-shopimg{display:none!important;}
}




/*topmenu*/
.topmenu{ display:none!important;z-index: 20; cursor: pointer; transition: 0.4s; cursor: pointer;position:absolute;left:3.125vw;top:50%;transform:translate(0,-50%);width:35px;height:55px;background:url(../images/icon-menu.png) no-repeat center center;background-size:35px;}
@media screen and (max-width: 1024px){
.topmenu{display: block!important;}
}


/*mobile-navBox*/
.mobile-navBox{position:fixed;overflow:hidden;z-index:999;width:70%;max-width:340px;transform:translateX(-400px);height:100%;background:#12193b;top:0;display:none;} 
.mobile-navCon{max-height:100%;overflow-y:scroll;position:relative;-webkit-overflow-scrolling:touch;padding:0 1.5625rem 1.5625rem;-ms-overflow-style:none;scrollbar-width:none}
.mobile-navCon::-webkit-scrollbar{width:0;background:transparent}
.mobile-header{position:relative; margin-bottom:1.875rem;}
.mobile-header .js-close-nav{position:absolute;top:20px;left:0;width:17px; height:17px;background:url(../images/icon-close.png) center center no-repeat;background-size:100%;}
.mobile-header .icon-logo{ line-height:56px; height:56px; display:block; text-align: center;}
.mobile-header .icon-logo img{height:32px;vertical-align:middle;}
.mobile-header .icon-logo a{ display:inline-block;}
/**/
.search_form .search_fieldset{position:relative;border: 1px solid #d5d6dc;border-radius: 2px;margin-bottom:2rem;}
.search_form .search_input{box-sizing:border-box;width:100%;margin:0;padding:0 2.25rem 0 .75rem;line-height:2.25rem;height:2.25rem;border:none;outline:none;display:block;border:none;font-size:16px;color:#fff; background-color:#12193b;} 
.search_form input::-webkit-input-placeholder{color:#fff;}
.search_form input:-moz-placeholder{color:#fff;}
.search_form input::-moz-placeholder{color:#fff;}
.search_form input:-ms-input-placeholder{color:#fff;}
.search_form .search_icon{position:absolute;top:0;right:0;width:2.25rem;height:2.25rem;margin:0;padding:0;background:url(../images/icon-search.png) no-repeat center center;background-size:20px;border:none;cursor:pointer;z-index:3;}
.search_form .search_close {position:absolute;top:0;right:0;width:2.25rem;height:2.25rem;margin:0;padding:0;background:url(../images/icon-close.png) no-repeat center center;background-size:14px;border:none;cursor:pointer;z-index:3;}

.search_form .js-search-noresults{font-size:16px;color:#fff; line-height:1.5}
@media screen and (min-width:85.375rem){
	.mobile-navBox{transform:translateY(-150vh);max-width:1920px;height:auto}
	.mobile-navCon{padding:0 0 3.0625rem}
	.nav-header .js-header-nav{top:15px}
}
@media screen and (min-width:105rem){
	.mobile-navCon{padding:0 0 2.3125rem}
}
@media screen and (max-width: 1024px){
.mobile-navBox{ display:block;}	
	
}


/**/
.mobile-navBox.expand-menu{transform:translateX(0);animation:x-animate 1s}
.mobile-navBox.close-menu{animation:x-animate-hide 1s;animation-iteration-count:1;transform:translateX(-400px)}
@media screen and (min-width:85.375rem){
	.mobile-navBox.expand-menu{animation:y-animate 1s}
	.mobile-navBox.close-menu{animation:y-animate-hide 1s;animation-iteration-count:1;transform:translateY(-150vh)}
}
@keyframes y-animate{0%{transform:translateY(-150vh)}
100%{transform:translateY(0)}
}
@keyframes y-animate-hide{0%{transform:translateY(0)}
100%{transform:translateY(-150vh)}
}
@keyframes x-animate{0%{transform:translateX(-400px)}
100%{transform:translateX(0)}
}
@keyframes x-animate-hide{0%{transform:translateX(0)}
100%{transform:translateX(-400px)}
}




/*mobile-nav*/
.mobile-nav li{ position:relative;}
.mobile-nav li::after{content:"";display:block;border-bottom:1px solid #6e6e6e;transform:scaleY(.5)}
.mobile-nav li h3{display:flex;flex-direction:row-reverse;flex-direction: row;justify-content:space-between;align-items:center;margin:0;/*padding:1.25rem 0;*/font-weight:200;line-height:1.875rem;cursor:pointer; position:relative; display:block;}
.mobile-nav li h3 a{ color:#fff;font-size: 18px;font-size: 1.125rem;line-height: 1.375rem;margin: 0;display: block;padding:1.25rem 0;}
.mobile-nav li i{display:block;width:1.125rem; height:1.125rem; overflow:hidden;position: absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); display:none;}
.mobile-nav li i:after,
.mobile-nav li i:before{content:"";position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:1px;background:#fff;-webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1)}
.mobile-nav li i:before{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}
.mobile-nav li i:after{-webkit-transform:rotate(-90deg) translateZ(0);transform:rotate(-90deg) translateZ(0)}
.mobile-nav li.active i:after,
.mobile-nav li.active i:before{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}

/*mobile-subnav*/
.mobile-subnav{padding:0 0 1.25rem;display:none!important;}
.link-tit{font-size:16px;font-size:1rem;line-height:1.8125rem;padding-bottom:.9375rem}
.link-tit a{color: #fff;text-decoration: none;}
@media screen and (min-width:85.375rem){
	.link-tit{font-size:12px;font-size:.75rem;line-height:1.875rem;padding-bottom:.25rem}
}
@media screen and (min-width:105rem){
	.link-tit{font-size:14px;font-size:.875rem;line-height:2.5rem}
}


/*mNavBox*/
.mNavBg{-webkit-transition:visibility 0s linear,opacity .6s ease-out 0s;transition:visibility 0s linear,opacity .6s ease-out 0s;display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:110;background:rgba(0,0,0,.6);visibility:hidden;opacity:0}
.nav_open .mNavBg{visibility:visible;opacity:1;cursor:pointer;pointer-events:all}
body.js-is-locked {overflow: hidden;}




/*search_suggestions*/
.search_form{display:none!important;}
.search_header {font-size: 16px;font-size: 1rem;padding: 0 0 1.25rem;line-height: 1.25rem;text-transform: uppercase; margin: 0;color:#fff;}
.search_product-suggestion {text-transform: uppercase;border-bottom: 1px solid #6e6e6e;margin-bottom: 1.25rem;}
.search_product-suggestion a{display: flex;width: 100%;padding-bottom: .625rem;}
.search_product-suggestion img{width: 80px;height: 80px;}
.search_product-suggestion .title{font-size:14px;font-size: .875rem;line-height: 1rem;color:#fff;}
.search_product-suggestion .search_collection-name{font-size:18px;font-size:1.125rem;margin-bottom: 0.5rem;}
.search_product-suggestion .search_product-details {margin-right: .625rem;padding: .625rem 0 0 1.125rem;width: 100%;}
.search_suggestion-more a{font-size:16px;font-size:1rem;line-height: 1rem;color:#fff;}

















/******************************************************index-banner******************************************************/
/*index-banner*/
.index-banner{position:relative;overflow:hidden;height:100vh;min-height:56.25vw;}
.index-banner .item{display:block; position:relative;height:100vh;min-height:56.25vw;background:#000;}
.probanner,
.probanner .item{height:100vh;min-height:50vw;}
/*video*/
.index-banner .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;}
.index-banner .bannerVideo{display:block; position:absolute; left:0;top:0; height:100%; width:100%; z-index:3; font-size:0; line-height:0;}
.index-banner .bannerVideo video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}
.index-banner .bannerVideo img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}
/*info*/
.index-banner .info{position:absolute;left:0;right:0;top:0;z-index:10;width:100%; height:100%;/*background: linear-gradient(to top,transparent 75%,black 100%);*/}
.index-banner .infoB{position: absolute;left:0;right: 0;top:50%;transform: translate(0,-50%); margin:0 auto; text-align:center; }
.index-banner .infoNr{padding:0 50px;padding:0 3.125rem}
.index-banner .info .tt{font-size:68px;font-size:3.54vw;margin-bottom:7px;line-height: normal;color:#ffffff; letter-spacing:10px;margin-bottom:3.75rem;}

/*img*/
.index-banner .bannerimg{display:block; position:absolute; left:0;top:0; height:100%; width:100%; z-index:3;}
.index-banner .bannerimg img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
/*.index-banner .bannerimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease}
.index-banner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}*/
@media screen and (min-width:768.1px){
.index-banner .bannerimg img{ -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition: transform 6.7s cubic-bezier(.32,.52,.4,.4);-moz-transition: transform 6.7s cubic-bezier(.32,.52,.4,.4);-ms-transition: transform 6.7s cubic-bezier(.32,.52,.4,.4);-o-transition: transform 6.7s cubic-bezier(.32,.52,.4,.4); transition: transform 6.7s cubic-bezier(.32,.52,.4,.4);}
.index-banner .swiper-slide-active img{-webkit-transform:scale(1.17);-moz-transform:scale(1.17);-ms-transform:scale(1.17);-o-transform:scale(1.17);transform:scale(1.17);
-webkit-transition: transform 6.7s cubic-bezier(.32,.52,.4,.4);-moz-transition: transform 6.7s cubic-bezier(.32,.52,.4,.4);-ms-transition: transform 6.7s cubic-bezier(.32,.52,.4,.4);-o-transition: transform 6.7s cubic-bezier(.32,.52,.4,.4); transition: transform 6.7s cubic-bezier(.32,.52,.4,.4);}


.probanner .bannerimg img{ -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition: transform 6s cubic-bezier(.32,.52,.4,.4);-moz-transition: transform 6s cubic-bezier(.32,.52,.4,.4);-ms-transition: transform 6s cubic-bezier(.32,.52,.4,.4);-o-transition: transform 6s cubic-bezier(.32,.52,.4,.4); transition: transform 6s cubic-bezier(.32,.52,.4,.4);}
.probanner .swiper-slide-active img{-webkit-transform:scale(1.17);-moz-transform:scale(1.17);-ms-transform:scale(1.17);-o-transform:scale(1.17);transform:scale(1.17);
-webkit-transition: transform 6s cubic-bezier(.32,.52,.4,.4);-moz-transition: transform 6s cubic-bezier(.32,.52,.4,.4);-ms-transition: transform 6s cubic-bezier(.32,.52,.4,.4);-o-transition: transform 6s cubic-bezier(.32,.52,.4,.4); transition: transform 6s cubic-bezier(.32,.52,.4,.4);}
}

/*swiper-pagination*/
.index-banner .swiper-pagination{left:auto;right:40px;bottom:20px;width:10px; font-size:0; line-height:0;}
.index-banner .swiper-pagination-bullet:focus,
.index-banner .swiper-pagination-bullet:active,
.index-banner .swiper-pagination-bullet:link{outline:none}
.index-banner .swiper-pagination-bullet{width:10px;height:10px;position:relative; background:#fff;opacity:.5;cursor:pointer;margin:0;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff;opacity:1}
.index-banner  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;margin-bottom:12px;}
@media screen and (max-width:1220px){
.index-banner .infoNr{padding:0 3.5rem}
.index-banner .info .tt{font-size:2.5rem;}
}
@media screen and (max-width:1024px){
	.index-banner{margin-bottom:0;}
	.index-banner .infoNr{padding:0 2rem}
	.index-banner,
	.index-banner .item{height:100vh;}
	
	.index-banner .swiper-pagination{left:0;right:0;bottom:20px;width:280px;margin:0 auto;}
	.index-banner .swiper-pagination-bullet{margin:0 6px;}
	.index-banner  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;margin-bottom:0;}
}
@media screen and (max-width:768px){
	.index-banner .infoNr{padding:0 1.5rem}
	.index-banner,
	.index-banner .item{/*height:100vh;*/min-height:178vw;height:178vw;height:0; padding-bottom:178%;}
	.probanner,
	.probanner .item{min-height:178vw;height:178vw;height:0; padding-bottom:178%;}
    .index-banner .info .tt{font-size:2.1rem;}
	
	.probanner{margin-top:56px;}
}


/*****************************footer start*****************************/
.footer{background:#12193b;padding-top:30px;padding-bottom:25px;}
.footer .footerBox{width:71.09375%; margin:0 auto;}
.footer .footer-logo{width:26%;float:left;}
.footer .footer-logo .logo .cls-1 {fill: #fff;}
.footer .footer-logo .logo,
.footer .footer-logo img{ max-height:77px;/* max-height:60px;max-height:2.34vw;*/}
/*footer-lx*/
.footer .footer-lx{ width:34%;float:left;line-height:1.7;color:#c4c5ce; font-weight:300;font-size:18px;}
.footer .footer-lx .fooer-lxB{padding-right:30px;}
.footer .footer-lx h5{line-height:1;font-weight:300;font-size:14px;margin-bottom:13px;}
.footer .footer-lx a{ color:#c4c5ce;}
.footer .footer-lx a:hover {text-decoration: underline;}
/*footer-nav*/
.footer .footer-navB{width:40%;float:left;}
.footer .footer-nav{/*width:20%; */float:left;}
.footer .footer-nav dl dt { line-height:1.5;color:#fff;font-weight:300;font-size:18px;}
.footer .footer-nav dl dd { line-height:1.8;color:#c4c5ce;font-weight:300;font-size:18px;}
.footer .footer-nav dl dd a { color:#c4c5ce;position:relative}
.footer .footer-nav dl dd a:hover {/*text-decoration: underline;*/color:#fff;}
.footer .footer-nav dl dd a span{overflow:hidden;position:relative;transition:opacity .6s,transform .6s cubic-bezier(.165,.84,.44,1);will-change:opacity,transform}
.footer .footer-nav dl dd a span.text_inner{opacity:1;transform:translateY(0) scaleY(1)}
.footer .footer-nav dl dd a span.text_outer{opacity:0;position:absolute;transform:translateY(-90%) scaleY(0)}
/*footer-tool*/
.footer .footer-tool{float:right;}
.footer .footer-tool dl dd {font-weight:300;color:#fff;font-size:18px;line-height:40px;margin-bottom:25px;}
.footer .footer-tool dl dd a {color:#c4c5ce; display:block; border:1px solid #898c9d;transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;border-radius:10px;padding:0 30px;}
.footer .footer-tool dl dd a:hover {background:#fff; border-color:#fff;color:#000001;}
.footer .footer-tool dl dd a span{ display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/bottom-icon1.png);background-size:31px;padding-left:55px;transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;}
.footer .footer-tool dl dd a:hover span{background-image:url(../images/bottom-icon1on.png);}
.footer .footer-tool dl dd.dd2 a span{background-image:url(../images/bottom-icon2.png);}
.footer .footer-tool dl dd.dd2 a:hover span{background-image:url(../images/bottom-icon2on.png);}
.footer .footer-tool dl dd.dd2{margin-bottom:0;}
@media screen and (max-width:3840px){
.footer{padding-top:50px;padding-bottom:25px;}
.footer .footerBox{width:71.09375%;max-width:2250px;}
.footer .footer-logo .logo,
.footer .footer-logo img{max-height:95px;}
.footer .footer-lx{font-size:22px;line-height:2;}
.footer .footer-lx .fooer-lxB{ padding-right:30px;}
.footer .footer-lx h5{font-size:17px;margin-bottom:13px;}
.footer .footer-nav dl dt{ font-size:22px; line-height:1.5;}
.footer .footer-nav dl dd{ font-size:22px; line-height:1.8;}
.footer .footer-tool dl dd {font-size:22px;line-height:50px;margin-bottom:30px;}
.footer .footer-tool dl dd a {padding:0 35px;}
.footer .footer-tool dl dd a span{ background-size:36px;padding-left:70px;}
}
@media screen and (max-width:3840px){
.footer{padding-top:1.22vw;padding-bottom:0.61vw;}
.footer .footerBox{width:71.09375%;max-width:54.93vw;}
.footer .footer-logo .logo,
.footer .footer-logo img{max-height:2.32vw;}
.footer .footer-lx{font-size:0.54vw;line-height:2;}
.footer .footer-lx .fooer-lxB{ padding-right:0.73vw;}
.footer .footer-lx h5{font-size:0.42vw;margin-bottom:0.32vw;}
.footer .footer-nav dl dt{ font-size:0.54vw; line-height:1.5;}
.footer .footer-nav dl dd{ font-size:0.54vw; line-height:1.8;}
.footer .footer-tool dl dd {font-size:0.54vw;line-height:1.22vw;margin-bottom:0.73vw;}
.footer .footer-tool dl dd a {padding:0 0.85vw;}
.footer .footer-tool dl dd a span{ background-size:0.88vw;padding-left:1.71vw;}
}
@media screen and (max-width:2560px){
.footer{padding-top:30px;padding-bottom:25px;}
.footer .footerBox{width:71.09375%;max-width:1814px;}
.footer .footer-logo .logo,
.footer .footer-logo img{ max-height:77px;}
.footer .footer-lx{font-size:18px;line-height:1.7;}
.footer .footer-lx .fooer-lxB{ padding-right:30px;}
.footer .footer-lx h5{font-size:14px;margin-bottom:13px;}
.footer .footer-nav dl dt { font-size:18px;line-height:1.5;}
.footer .footer-nav dl dd { font-size:18px;line-height:1.8;}
.footer .footer-tool dl dd {font-size:18px;line-height:40px;margin-bottom:25px;}
.footer .footer-tool dl dd a {padding:0 30px;}
.footer .footer-tool dl dd a span{ background-size:30px;padding-left:55px;}
}
@media screen and (max-width:2560px){
.footer{padding-top:1.17vw;padding-bottom:0.98vw;}
.footer .footer-logo .logo,
.footer .footer-logo img{max-height:3.01vw;}
.footer .footer-lx{font-size:0.70vw;line-height:1.7;}
.footer .footer-lx .fooer-lxB{padding-right:1.17vw;}
.footer .footer-lx h5{font-size:0.55vw;margin-bottom:0.5vw;}
.footer .footer-nav dl dt {font-size:0.70vw;line-height:1.5;}
.footer .footer-nav dl dd {font-size:0.70vw;line-height:1.8;}
.footer .footer-tool dl dd {font-size:0.70vw;line-height:1.56vw;margin-bottom:0.98vw;}
.footer .footer-tool dl dd a {padding:0 1.17vw;}
.footer .footer-tool dl dd a span{background-size:1.17vw;padding-left:2.15vw;}
}
@media screen and (max-width:1920px){
.footer{padding-top:30px;padding-bottom:20px;}
.footer .footerBox{width:71.09375%;/*max-width:1205px;*/}
.footer .footer-logo .logo,
.footer .footer-logo img{ max-height:50px;}
.footer .footer-lx{font-size:12px;}
.footer .footer-lx .fooer-lxB{padding-right:30px;}
.footer .footer-lx h5{font-size:10px;margin-bottom:8px;}
.footer .footer-nav dl dt,
.footer .footer-nav dl dd {font-size:12px;line-height:1.6;}
.footer .footer-tool dl dd {font-size:12px;line-height:27px;margin-bottom:16px;}
.footer .footer-tool dl dd a {padding:0 20px;border-radius:8px;}
.footer .footer-tool dl dd a span{ background-size:20px;padding-left:36px;}
}
@media screen and (max-width:1920px){
.footer{padding-top:1.56vw;padding-bottom:1.04vw;}
.footer .footer-logo .logo,
.footer .footer-logo img{ max-height:2.60vw;}
.footer .footer-lx{font-size:0.63vw;}
.footer .footer-lx .fooer-lxB{padding-right:1.56vw;}
.footer .footer-lx h5{font-size:0.52vw;margin-bottom:0.42vw;}
.footer .footer-nav dl dt,
.footer .footer-nav dl dd {font-size:0.63vw;line-height:1.6;}
.footer .footer-tool dl dd {font-size:0.63vw;line-height:1.41vw;margin-bottom:0.83vw;}
.footer .footer-tool dl dd a {padding:0 1.04vw;border-radius:0.42vw;}
.footer .footer-tool dl dd a span{ background-size:1.04vw;padding-left:1.88vw;}
}
@media screen and (max-width:1520px){
/*.footer{padding-top:1.56vw;padding-bottom:1.30vw;}
.footer .footer-lx{font-size:0.94vw;}
.footer .footer-lx .fooer-lxB{ padding-right:1.56vw;}
.footer .footer-lx h5{font-size:0.73vw;margin-bottom:0.5vw;}
.footer .footer-nav dl dt { font-size:0.94vw;}
.footer .footer-nav dl dd { font-size:0.94vw;}
.footer .footer-tool dl dd {font-size:0.94vw;line-height:2.08vw;margin-bottom:1.30vw;}
.footer .footer-tool dl dd a {padding:0 1.56vw;}
.footer .footer-tool dl dd a span{ background-size:1.61vw;padding-left:2.86vw;}*/
}
@media screen and (max-width:1220px){
.footer .footerBox{width:92%; margin:0 auto;}
.footer .footer-tool dl dd {line-height:27px;}
.footer .footer-tool dl dd a span{ background-size:18px;padding-left:30px;}
.footer .footer-tool dl dd a {padding:0 20px;border-radius:8px; text-align:center;}
.footer .footer-logo{width:20%;}
.footer .footer-lx{ width:40%;}
.footer .footer-navB{width:40%;}
}
@media screen and (max-width:1024px){
.footer .footer-logo img{max-height:34px;}	
}
@media screen and (max-width:640px){
.footer{padding-top:30px;padding-bottom:20px;}
.footer .footer-logo{ width:100%; margin-bottom:5px; text-align:center;float:none; font-size:0;}
.footer .footer-lx{ width:100%; float:none; text-align:center;margin:0 auto;margin-bottom:0px;}
.footer .footer-navB{width:100%; float:none;}
.footer .footer-nav{width:100%; float:none;text-align:center;margin:0 auto;margin-bottom:10px; padding-top:5px;}
.footer .footer-tool{max-width:194px;float:none; width:auto;margin:0 auto;  text-align:center;}
.footer .footer-tool dl{display:inline-block;}
/*.footer .footer-lx{line-height:1.4;}*/

.footer .footer-logo .logo,
.footer .footer-logo img{max-height:34px;}
.footer .footer-lx h5{font-size:90%; margin-bottom:5px;}
.footer .footer-lx,
.footer .footer-nav dl dt,
.footer .footer-nav dl dd,
.footer .footer-tool dl dd {font-size:12px;}
.footer .footer-tool dl dd {line-height:28px;margin-bottom:10px;}
.footer .footer-tool dl dd a {padding:0 20px;border-radius:8px; text-align:center;}
.footer .footer-tool dl dd a span{ background-size:20px;padding-left:36px;}




}
@media screen and (max-width:640px){
.footer{padding-top:12px;padding-bottom:5px;/*padding-top:2.67vw;*/}
.footer .footer-lx{line-height:1.2;}
.footer .footer-nav{margin-bottom:5px;padding-top:5px;}
.footer .footer-logo .logo,
.footer .footer-logo img{max-height:28px;}
.footer .footer-lx h5{font-size:1.5vw; margin-bottom:5px;}
.footer .footer-lx,
.footer .footer-nav dl dt,
.footer .footer-nav dl dd,
.footer .footer-tool dl dd {font-size:10px;}

.footer .footer-tool dl dd {line-height:28px;margin-bottom:5px;}
.footer .footer-tool dl dd a {padding:0 20px;border-radius:5px;}
.footer .footer-tool dl dd a span{ background-size:17px;padding-left:32px;}


.footer .footer-logo{ width:22%;float:left; margin-bottom:5px; text-align:left; font-size:0;}
.footer .footer-lx{ width:78%; float:left; text-align:left;margin:0;margin-bottom:0px;}
.footer .footer-lx .fooer-lxB{padding-right:0;}
.footer .footer-navB{width:100%; float:left;}

.footer .footer-nav{ padding-left:22%;width:auto; float:left;text-align:left;margin:0;margin-bottom:0px; padding-top:3px;}
.footer .footer-tool{ padding-left:22%;width:auto;float:left;max-width:none; width:auto;margin:0;text-align:center;}
.footer .footer-tool dl{display:inline-block; font-size:0;}
.footer .footer-tool dl dd{ display:inline-block; margin-right:15px;}

.footer .footer-nav dl{ font-size:0; line-height:1.1}
.footer .footer-nav dl dt{display:inline-block; margin-right:10px;}
.footer .footer-nav dl dd{ display:inline-block;margin-right:3px;}
.footer-navMenu{ float: left;width:100%;}	


.footer-navMenu{ text-align:center; display:block; cursor:pointer; font-size:0; line-height:2;}
.footer-navMenu span{ width:15px;height:15px;display:inline-block;background-position:center center; background-repeat:no-repeat; background-image:url(../images/icon-ss.png);background-size:100%;cursor:pointer;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.footer-navMenu.active span{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.footer .footer-navB{display:none;}
}
@media screen and (max-width:640px){
.footer .footerBox{ max-width:500px; min-width:300px;}
/*.footer .footer-logo img{max-height:26px;}*/
.footer .footer-logo .logo,
.footer .footer-logo img{max-height:30px;}
.footer .footer-logo{ width:40%;}
.footer .footer-nav,
.footer .footer-tool{ padding-left:40%;}
.footer .footer-lx{ width:60%;}
}
@media screen and (max-width:640px){
.footer .footer-logo .logo,
.footer .footer-logo img{max-height:26px;}

.footer .footer-logo{ width:30%;}
.footer .footer-nav,
.footer .footer-tool{ padding-left:30%;}
.footer .footer-lx{ width:70%;}

.footer .footer-nav dl dt{display:inline-block; margin-right:15px;}
.footer .footer-nav dl dd{ display:inline-block;margin-right:10px;}
}
@media screen and (max-width:550px){
.footer .footer-logo .logo,
.footer .footer-logo img{max-height:25px;}

.footer .footer-logo{ width:30%;}
.footer .footer-nav,
.footer .footer-tool{ padding-left:30%;}
.footer .footer-lx{ width:70%;}
}
@media screen and (max-width:430px){
.footer .footer-logo{ width:26%;}
.footer .footer-nav,
.footer .footer-tool{ padding-left:26%;}
.footer .footer-lx{ width:74%;}
.footer .footer-tool dl dd a {padding:0 15px;}
}
@media screen and (max-width:370px){
.footer .footer-tool dl dd a {padding:0 12px;}
.footer .footer-tool dl dd{margin-right:5px;}
}
@media screen and (max-width:350px){
	.footer{padding-top:10px;}
	.footer .footer-logo .logo,
	.footer .footer-logo img{max-height:24px;}
	.footer .footer-logo .logo,
	.footer .footer-logo img{max-height:20px;}
	
.footer .footer-logo{ width:25%;}
.footer .footer-nav,
.footer .footer-tool{ padding-left:25%;}
.footer .footer-lx{ width:75%;}

.footer .footer-nav dl dt{display:inline-block; margin-right:8px;}
.footer .footer-nav dl dd{ display:inline-block;margin-right:5px;}
}
@media screen and (min-width:641.1px){
.footer .footer-navMenu{display:none!important;}	
.footer .footer-navB{display:block!important;}	
}
/*****************************index start*****************************/

/*indexTitle*/
.indexTitle{text-align:center;}
.indexTitle .tit{color:#000000; font-weight:300;display:block;text-align:center;line-height:54px;}
.indexTitle .tit-logo{margin:0 auto;text-align:center;width:424px;}
.indexTitle .tit-logo img{max-width:100%; height:auto;}
@media screen and (max-width:3840px){
.indexTitle .tit{line-height:54px;}
.indexTitle .tit-logo{width:424px;}
}
@media screen and (max-width:2560px){
.indexTitle .tit{line-height:2.109375vw;}
.indexTitle .tit-logo{width:16.5625vw;}
}
@media screen and (max-width:1820px){
 .indexTitle .tit{line-height:1.4;}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
	.indexTitle .tit-logo{width:260px;}
}
@media screen and (max-width:750px){
	.indexTitle .tit-logo{width:34.66666666666667vw;}
}



/*indexTitle*/
.indexTitle2{color:#292f48;font-weight:300;display:block;text-align:center;margin-bottom:150px;line-height:70px;}
.indexTitle2 .indexTitleB{position:relative;}
.indexTitle2 a{display:inline-block;color:#292f48;}
.indexTitle2 .line{ width:100%; height:2px; background:#000000;}
.indexTitle2 .tit{text-transform:uppercase;}
.indexTitle2 .tit2{text-transform:uppercase;padding:0 15px;}
@media screen and (max-width:3840px){
.indexTitle2{line-height:70px;margin-bottom:150px;}
.indexTitle2 .tit2{padding:0 15px;}
}
@media screen and (max-width:2560px){
.indexTitle2{line-height:2.734375vw;margin-bottom:5.859375vw}
.indexTitle2 .tit2{padding:0 0.59vw;}
}
@media screen and (max-width:1820px){
.indexTitle2{line-height:3vw;}
}
@media screen and (max-width:1220px){
.indexTitle2{line-height:2.2;}
}
@media screen and (max-width:768px){
.indexTitle2{line-height:46px;line-height:2.875rem;margin-bottom:50px;}
}
@media screen and (max-width:640px){
.indexTitle2{line-height:2.5;margin-bottom:8vw;}
}


/*more*/
.more{ display:inline-block;background:#12193b;font-weight:300;padding:0 35px; font-size:0;line-height:0;}
.more span{display:inline-block;color:#fff;background:url(../images/m.png) no-repeat right center; -webkit-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;font-size:30px;line-height:67px;padding-right:80px;background-size:13px;}
.more:hover{ background:#b18c78}
@media screen and (max-width:3840px){
.more{padding:0 35px;}
.more span{font-size:30px;line-height:67px;height:67px;padding-right:80px;background-size:13px;}
}
@media screen and (max-width:2560px){
.more{padding:0 1.37vw;}
.more span{font-size:1.17vw;line-height:2.62vw;height:2.62vw;padding-right:3.13vw;background-size:0.51vw;}
}
@media screen and (max-width:1820px){
/*.more{padding:0 30px;}
.more span{font-size:24px;line-height:54px;padding-right:54px;background-size:11px;}*/
}
@media screen and (max-width:1220px){
/*	.more{padding:0 20px;}
	.more span{font-size:18px;line-height:40px;padding-right:45px;background-size:9px;}*/
}
@media screen and (max-width:768px){
	.more{padding:0 20px;}
	.more span{font-size:16px;line-height:normal;height:auto; padding:9px 0;padding-right:45px;background-size:9px;}
}
@media screen and (max-width:640px){
	.more{padding:0 20px;}
	.more span{font-size:14px;line-height:normal;height:auto; padding:6px 0;padding-right:30px;background-size:7px;}
}



/*slick-slider*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translateZ(0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/*progress-bar*/
.progress-bar{width:100%;background-color:#fff;height:5px;position:relative;top:0;left:0; display:none;visibility: hidden;}
.progress{position:absolute;width:0;height:100%;background-color:#ddd;transition:width 0.1s ease}
@media screen and (max-width:750px){
.progress-bar{  width:100px; margin:0 auto; display:block;border:1px solid #ddd;margin-top:0px; margin-bottom:50px;}

.progress-bar{  margin-bottom:6vw; visibility: visible;}
}



/*indexProList*/
.indexbigProB {font-size:0;line-height:0;margin:0 auto; text-align:center;max-width:710px; margin-bottom:220px;max-width:27.73vw; margin-bottom:8.59vw;}
.indexbigProB .item{display:inline-block;*display:inline;zoom:1; width:100%;margin-bottom:0;vertical-align:top; position:relative;}
.indexbigProB .itema {display:block;margin:0;overflow:hidden; padding:0; position:relative;}
.indexbigProB .imgBox img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;}
.indexbigProB .imgBox{ position:relative; height:0; width:100%;padding-bottom:100%;opacity:1}
.indexbigProB .imgBox2 img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0; }
.indexbigProB .imgBox2{ position: absolute;top:0; left:0;right:0; height:0; width:100%;padding-bottom:100%;visibility:hidden;opacity:0}
.indexbigProB .title { z-index:2; text-align:center; margin-bottom:33px; padding-top:30px;}
.indexbigProB .title .t{color:#292f48;text-align:center;line-height:1.5; font-weight:300; margin-bottom:15px;margin-bottom:0.6vw;}
.indexbigProB .title .t2{color:#292f48;font-weight:300;line-height:1.5;}
/*hover*/
.indexbigProB .imgBox img{-webkit-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
@media screen and (min-width: 768.1px){
.indexbigProB .itema:hover .imgBox img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
}
@media screen and (max-width: 1024px){
.indexbigProB .imgBox{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}	
	.indexbigProB {max-width:40%; /*margin-bottom:50px;*/margin-bottom:120px;margin-bottom:12vw;}
}
@media screen and (max-width: 768px){
.indexbigProB .imgBox{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}	
	.indexbigProB {max-width:54%; /*margin-bottom:50px;*/margin-bottom:110px;margin-bottom:12vw;}
	.indexbigProB .title { z-index:2; text-align:center; margin-bottom:20px; padding-top:20px;}
}


/*indexProList*/
/*.indexPro{background:#fff; overflow:hidden;}
.indexProList {font-size:0;line-height:0;margin:0;}
.indexProList .item{display:inline-block;*display:inline;zoom:1;width:33.333333%;margin-bottom:0;vertical-align:top; position:relative; overflow:hidden;}
.indexProList .itema {display:block;margin:0;overflow:hidden; padding:50px 50px;}
.indexProList .imgBox img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;}
.indexProList .imgBox{ position:relative; height:0; width:100%;padding-bottom:100%;opacity:1}
.indexProList .itema:hover .imgBox2{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.indexProList .slick-slide{ width:33.33333%;}
.indexProList .title{ position:absolute;bottom:50px;left:30px; right:30px;z-index:2; text-align:center;color:#292f48;font-weight:300;line-height:1.5;}
.indexProList .title .t{font-weight:300;margin-bottom:15px;}
.indexProList .title,
.indexProList .itema,
.indexProList .imgBox img{-webkit-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;}
@media screen and (min-width: 768.1px){
.indexProList .itema:hover .imgBox img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
}
@media screen and (max-width: 1024px){
     .indexProList .imgBox{ overflow:hidden;}
     .indexProList .imgBox img{-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);}
	 .indexProList .item{ margin-bottom:40px;}
	 	.indexProList .itema {padding:0;}
	.indexProList .title{ position:static;bottom:0;left:0; right:0;}
	.indexProList .title .t{margin-bottom:10px;}
	
	.indexProList .itema:hover .title{color:#292f48;}
}
@media screen and (max-width: 750px){
    .indexProList{overflow:hidden; padding-bottom:40px;}
	.indexProList .item{width:100%; float:left;}

	.indexProList {margin:0;}
	.indexProList .itema {margin:0;}

	.indexProList .slick-next,
	.indexProList .slick-prev{position:absolute;top:50%;height:40px;width:40px;border-radius:50%;border:none;margin-top:-20px;text-align:center;font-size:0;color: #fff;z-index: 5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;background-size:100%; background-color: #333;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
	.indexProList .slick-next,.indexProList .slick-prev{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
	.indexProList .slick-next{left:3%;background-image: url("../images/arrow-left2.png");}
	.indexProList .slick-prev{right:3%;background-image: url("../images/arrow-right2.png");}
	
	.indexProList .item{width:50%;margin-bottom:0;}
	.indexProList{margin-bottom:0;}
     .indexProList .imgBox{ overflow:hidden;}
     .indexProList .imgBox img{-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);}
	 
	.indexProList .itema {padding:0;}
	.indexProList .title{ position:static;bottom:0;left:0; right:0;}
	.indexProList .title .t{margin-bottom:10px;}
	
	.indexProList .imgBox2{ display:none!important}
	.indexProList .itema:hover .title{color:#292f48;}
	
	.indexProList{ padding-right:20%;}
	.indexProList.centerList{padding-right:0; width:80%; margin:0 auto;}
	.indexProList.centerList .slick-slide{ width:50%!important;}

	
	.indexProList .slick-list{ overflow:visible;}
.indexProList .slick-slide{ width:50%;}
}
@media screen and (max-width: 600px){
	.indexProList .title .t{margin-bottom:8px;}
}
@media screen and (max-width: 370px){
	.indexProList .title .t{margin-bottom:5px;}
}*/

/*indexProList*/
.indexPro{background:#fff; overflow:hidden;}
.indexProListBOX{background:#FFF; width:100%; overflow:hidden;}
.indexProList {font-size:0;line-height:0;margin:0 15px; text-align:center;}
.indexProList .item{display:inline-block;*display:inline;zoom:1;width:33.333333%;margin-bottom:0;vertical-align:top; position:relative; overflow:hidden;}
.indexProList .itema {display:block;margin:0 15px;overflow:hidden;}
.indexProList .imgBox img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;}
.indexProList .imgBox{ position:relative; height:0; width:100%;padding-bottom:100%;opacity:1;-moz-transform:scale(0.75);-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}
/*.indexProList .imgBox2 img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0; }
.indexProList .imgBox2{ position: absolute;top:0; left:0;right:0; height:0; width:100%;padding-bottom:100%;opacity:0;z-index: 1;}
.indexProList .imgBox2{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);}
.indexProList .itema:hover .imgBox2{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}*/
/**/
.indexProList .title{z-index:2; text-align:center;color:#000;font-weight:300;line-height:1.5; text-align:center; position:relative;top:-2vw;}
.indexProList .title .t{font-weight:300;text-align:center; margin-bottom:15px;margin-bottom:0.6vw;}
.indexProList .title .t2{margin-bottom:30px;margin-bottom:1.171875vw;}
.indexProList .title .price{font-weight:300;text-align:center;margin-bottom:15px;margin-bottom:0.6vw;}
.indexProList .slick-slide{ width:33.333%;}


.indexProList .title,
.indexProList .itema,
.indexProList .imgBox img{-webkit-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;}
@media screen and (min-width: 768.1px){
.indexProList .itema:hover .imgBox img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
}
@media screen and (max-width: 1820px){
	.indexProList {margin:0 10px;}
	.indexProList .itema {margin:0 10px;}
}
@media screen and (max-width: 1024px){
	.indexProList .item{ margin-bottom:40px;}
     .indexProList .imgBox{ overflow:hidden;}
    .indexProList .imgBox img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
	
	.indexProList .imgBox{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);margin-bottom:25px;}
    .indexProList .title{top:0;}
		.indexPro{padding-bottom:0px;}

/*		.indexProList .itema .imgBox2{display:none;}
		.indexProList .itema:hover .imgBox2{opacity:0}*/
}
@media screen and (max-width: 768px){.indexPro{padding-top: 50px;}
    .indexProList{overflow:hidden; padding-bottom:40px;padding-bottom:5.3vw;}
	.indexProList .item{width:100%; float:left;}

	.indexProList {margin:0;}
	.indexProList .itema {margin:0;}

	/* Arrows */
	.indexProList .slick-next,
	.indexProList .slick-prev{position:absolute;top:50%;height:40px;width:40px;border-radius:50%;border:none;margin-top:-20px;text-align:center;font-size:0;color: #fff;z-index: 5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;background-size:100%; background-color: #333;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
	.indexProList .slick-next,.indexProList .slick-prev{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
	.indexProList .slick-next{left:3%;background-image: url("../images/arrow-left2.png");}
	.indexProList .slick-prev{right:3%;background-image: url("../images/arrow-right2.png");}
	
	.indexProList .item{width:100%;margin-bottom:0;}
	.indexProList{margin-bottom:0;}
	
     .indexProList .imgBox{overflow:hidden;}
    .indexProList .imgBox img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
	 

    .indexProList .slick-slide{width:33.33333%;}
	.indexProList .item{ width:33.33333%;}
	.indexPro{padding-bottom:10px;}

	
	.indexProList .title .price{ display:none;}
}
@media screen and (max-width: 750px){
	.indexProList{ padding-right:20%;}
	.indexProList.centerList{padding-right:0; width:80%; margin:0 auto;}
	.indexProList.centerList .slick-slide{ width:50%!important;}
	.indexProList .item{ width:50%;}
	.indexProList .slick-list{ overflow:visible;}
    .indexProList .slick-slide{ width:50%;}
}




/*indexVideoBox*/
.indexVideoBox{background:#f8f8f8; overflow:hidden; width:100%;}
.indexVideo{display:block;}
.indexVideo .indexVideoBig{ position: relative;padding-top: 56.2%;padding-top: 100vh;}
.indexVideo .VideoBigBox{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%; width: auto;height: auto;transform: translate(-50%,-50%);}
.indexVideo .VideoBigB{position:absolute;width:100%;height:100%;max-width:100%;max-height:100%;top:0;right:0;left:0;bottom:0;background-size:cover;}
.indexVideo video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}
/*.indexVideo .indexVideobg{ content:'';display:block;background-size:100% 100%;position:absolute;left:0;right:0;top:0;width:100%; height:100%; z-index:3;}*/
@media screen and (max-width:768px){
/*.indexVideo .indexVideoBig{padding-top:140vw;}	*/
.indexVideoBox{ padding-top:40px;}
.indexVideo .indexVideoBig{padding-top:177.8666666666667%;}		
}



/*indexVideoBox*/
.indexab{background:#fff; overflow:hidden;}
.indexImg{display:block;}
.indexImg .ImgBig{ position: relative;padding-top:50.5078125%;}
.indexImg .ImgBigBox{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%; width: auto;height: auto;transform: translate(-50%,-50%);}
.indexImg .ImgBigB{position:absolute;width:100%;height:100%;max-width:100%;max-height:100%;top:0;right:0;left:0;bottom:0;background-size:cover;}
.indexImg img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}





/*indexlmList*/
.indexlm{padding-bottom:220px;padding-bottom:8.59375vw; background:#f8f8f8;overflow:hidden;}
.indexlmList {font-size:0;line-height:0;margin:0 -19px;}
.indexlmList .item{display:inline-block;*display:inline;zoom:1;width:50%;margin-bottom:0;vertical-align:top; position:relative;}
.indexlmList .itema {display:block;margin:0 19px;overflow:hidden; position:relative;}
.indexlmList .imgWZ img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;}
.indexlmList .imgWZ{position: absolute;top:0;left:0;right:0;height:0;width:100%;padding-bottom:53.99449035812672%;visibility:hidden;opacity:0}
.indexlmList .imgBox img{width:100%;max-width:none; height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0; }
.indexlmList .imgBox{position:relative; height:0;width:100%;padding-bottom:53.99449035812672%;}
/*hover*/
.indexlmList .imgBox img,.indexlmList .imgWZ{-webkit-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
@media screen and (min-width: 768.1px){
.indexlmList .itema:hover .imgBox img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
.indexlmList .itema:hover .imgWZ{ visibility: visible;opacity:1;}
}
@media screen and (max-width:1220px){
.indexlmList {margin:0 -10px;}
.indexlmList .itema {margin:0 10px;}
}
@media screen and (max-width:768px){
.indexlm{padding-bottom:0;}

.indexlmList .imgBox{padding-bottom:56.60377358490566%;}
.indexlmList .imgWZ{display:none!important;}
.indexlmList .item{width:100%;margin-bottom:30px;}
.indexlmList .item:last-child{margin-bottom:0;}
.indexlmList {margin:0;}
.indexlmList .itema {margin:0;}
.indexlm .container{max-width:100%;padding:0;}
}
@media screen and (max-width:750px){
.indexlmList .item{margin-bottom:4vw;}
}













/*pageMore*/
.pageMore{margin: 0 auto;text-align:center;margin-bottom:6px;}
.pageMore .load{ display:inline-block; color:#a4a4a5;font-size:21px; position: relative;text-align:center; cursor:pointer;width:100%; max-width:280px; line-height:63px;border-radius:63px; background:#e7e7e7;margin:0 auto;}
@media screen and (max-width:1220px){
   .pageMore .load{font-size:1.25rem;width:100%; max-width:17.5rem;line-height:3.5rem;border-radius:3.5rem;}
}
@media screen and (max-width:1024px){
   .pageMore .load{max-width:15rem;font-size:1rem;line-height:40px;border-radius:40px;}
}
@media screen and (max-width:768px){
   .pageMore .load{max-width:12rem;font-size:14px;line-height:36px;border-radius:36px;}
}



/*****************************page start*****************************/
/*pagebanner*/
.pagebanner{position:relative;overflow:hidden;}
.pagebanner .pic{ display:block; overflow:hidden;position:relative; background-size:cover; background-position:center center;background-color:#000;height:100vh;min-height:56.25vw;}
@media screen and (max-width:768px){
   .pagebanner .pic{min-height:178vw;height:178vw;height:0; padding-bottom:178%;}
}





/*w1215*/
.w1215{max-width:1217px;min-width:50%;display: block;margin: 0 auto;}
@media screen and (max-width:1316px){
	.w1215{max-width:1317px;padding: 0 3.5rem;}
}
@media screen and (max-width:1220px){
	.w1215{max-width:1000px;padding: 0 3.5rem;}
}
@media screen and (max-width:1024px){
    .w1215{max-width: 768px;padding: 0 2rem;}
}
@media screen and (max-width:768px){
    .w1215{max-width: 620px;padding: 0 2rem;}
}
@media screen and (max-width:768px){
    .w1215{max-width: 620px;padding: 0 1.5rem;}
}






/*pageInfo*/
.pageInfo{padding-top:90px;}
hr {margin:0;color: inherit;border:0; height:1px;background-color: #ebebeb!important;opacity: 1 !important;margin-bottom:50px;}
@media screen and (max-width:1220px){
hr {margin-bottom: 1.5625rem;}
.pageInfo{padding-top:5.625rem;}
}
@media screen and (max-width:768px){
.pageInfo{padding-top:4rem;}
}

















/*pageab*/
/*.pageab{height:220vh;overflow:hidden;}*/
/*.fixed_sky{min-height:220vh;overflow:hidden;}*/

/*pageabout*/
.pageaboutbig{background:#10193a; padding-bottom:70px;padding-bottom:1.95vw;}
.pageabout{text-align:center;color:#fff;padding-top:180px; padding-top:7.03125vw;z-index:10;position:relative; margin-bottom:-180px;margin-bottom:-7.03125vw;position: absolute;left: 0;right: 0;}
.pageabout .tit{ color:#eadcc7;}

.pageabBOX{width:100vw;height:100vh;min-height:48vw;position:relative;z-index:1; overflow:hidden;}

.pageabwrap{/*position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);width:100vw;height:100vh;max-width:none;overflow:hidden*/}
.pageabimgBg img{height:auto;max-width:none;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;min-height:100vh;transition:inherit;width:100%;background:#10193a;object-fit: contain;}

/*.pageabimgWz img{width:100%}*/
.pageabimgWz img{width:100%}
.pageabimgWz{position:absolute;left:0;top:0;z-index:5;height:56.25vw;text-align:center;width:100%;max-width:none;}
.pageabimgWz .pageabimgWzBox{position:absolute;left:0;top:0;z-index:5;height:56.25vw;text-align:center;width:100%;max-width:none;}
.pageabimgWz img{object-fit:contain;width:100%;height:100%;height:56.25vw;position:absolute;left:0;top:0;}
/*.pageabimgWz{ position:relative;top:0; width:100%; left:0;RIGHT:0;height:100vh;}*/
.pageabimgWz .pageabimgWzBox:before{content:''; width:100vw; height:56.25vw;position:absolute;top:0; left:0;right:0;transform:translateY(-55vw); background:#10193a}
.pageabimgWz .pageabimgWzBox:after{ content:''; width:100vw; height:220vh; position:absolute;top:0; left:0;right:0;transform:translateY(55vw); background:#10193a}*/
@media screen and (max-width: 768px){
.pageabout{padding-top:65px;margin-bottom:0;}
.pageabout p br{display:none;}


}
@media screen and (max-width: 768px){
/*.pageabimgWz img{width:200%!important;}*/

/*.pageab .pageabBOX{height:56.25vw;}
.pageabwrap{height:56.25vw;}
.pageab{height:56.25vw;}*/

/*.pageab .pageabBOX{height:auto;height:56.25vw;}

.pageab .pageabBOX.end{height:auto}
.pageabimgWz{transform:translateY(-56.25vw);height:56.25vw;}
.pageabimgWz:after{ transform:translateY(56.25vw);}*/

/*
.fixed_sky{min-height:200vh; position:relative;}
.pageabimgBg img{min-height:180vh;}

.pageab .pageabBOX{height:auto; position:static;}
.pageabimgWz:after{transform:translateY(56.25vw);}
 .pageabimgWz{ transform:translateY(-56.25vw);height:56.25vw;}
.end .pageabimgWz:after{ transform:translateY(56.25vw);}
.end .pageabimgWz:after{transform:translateY(56.25vw);}

.pageabimgBg img{object-fit:cover;}*/

.pageabimgBg{ display:none;}
.pageabimgWz img{ height:auto; position:static;}
.pageabimgWz .pageabimgWzBox{ position:static; height:auto;}
.pageabimgWz .pageabimgWzBox{transform: scale(1, 1)!important;}
.pageabimgWz{ position:static; height:auto; padding-top:3vw;}
}
@media screen and (max-width: 1024px){
/*.fixed_sky{min-height:56.25vw;}
.pageabimgBg img{min-height:56.25vw;}
.pageab .pageabBOX{height:56.25vw;}
.pageabwrap{height:auto;overflow: visible;}
.pageab{height:56.25vw;position: relative;z-index:1;}
.pageabimgWz:after{height:220vh;transform:translateY(80vh);width:200vw; left:-50vw;}*/
}




@media screen and (max-width: 768px){
p br{display:none;}


}






/*pageabout*/
.pageculture{background:#fff;}
.pageculture{text-align:center;color:#7d7d7d;z-index:1;position:relative;font-weight:300;}
.pageculture .tit{color:#000;}
.pageculture .tit strong{ font-weight:400;}
.pageculture .imgBgB{width:50%;display: block;height:auto;position: static;}
.pageculture .imgBg{position:relative; padding-bottom:56.25%; overflow:hidden;}
.pageculture .imgBg img{position:absolute;left:0;top:0;z-index:2;width:100%;max-width:none;height:100%;object-fit:cover;}
.pageculture .imgWzB{width:50%; text-align:center;}
.pageculture .imgWz{width:72%;margin: 0 auto;max-width:825px;}
.pageculture .pageculturewrap{align-items: center;}
.pageculture .tit{margin-bottom:40px!important;margin-bottom:1.5625vw!important;}
/*.pageculture2 .pageculturewrap{justify-content: space-between;}*/
.pageculture1 .imgBgB{position:relative; left:-50%;}
.pageculture1 .imgWzB{position:relative; left:50%;}
@media screen and (max-width: 768px){
.pageculture .pageculturewrap{align-items:center;display:block;}
.pageculture .imgBgB{float:none;width:100%;}
.pageculture .imgWzB{float:none;width:100%;}

.pageculture1 .imgBgB{position:relative; left:0;}
.pageculture1 .imgWzB{position:relative; left:0;}

.pageculture .imgWz{ padding-top:52px; padding-bottom:50px;/*padding-top:3.125rem;padding-bottom:3.75rem;*/}
.pageculture .imgWz{width:90%;max-width:546px; }
.pageculture .imgWz .des{text-align:left;}
.pageculture .imgWz .des p br{display:none;}


.pageculture .imgBg{padding-bottom:56.53333333333333%;}


.pageculture .imgWzB{min-height:18.23970037453184vh; height:32.46666666666667vw;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center;}
.pageculture .tit{margin-bottom:16px!important;margin-bottom:2.133vw!important;}
}

/*w1470*/
.w1470{position: relative;width:58.59375%;max-width:90%;margin-right: auto;margin-left: auto;padding-right:5%;padding-left:5%;}
@media screen and (max-width:1520px){
.w1470{width:70%;}		
}
@media screen and (max-width:1220px){
.w1470{width:80%;}		
}
@media screen and (max-width:1024px){
.w1470{width:90%;max-width:90%;}		
}
@media screen and (max-width:750px){
.w1470{width:100%;max-width:100%;}		
}
@media screen and (max-width:350px){
.w1470{width:100%;max-width:100%;}		
}

/*w800*/
.w800{position: relative;max-width:800px;margin-right: auto;margin-left: auto; overflow:hidden;}

/*pageHistory*/
.pageHistory{background:url(../images/page-historybg.jpg) center center no-repeat #09102a; background-size:cover;height:100vh;min-height:56.25vw;overflow:hidden;align-items: center;}
.pageHistory .pageHistoryCon{align-items:center; width:100%;justify-content:space-between; padding:130px 0;}
.pageHistory .tit{ color:#fff; text-align:center;margin-bottom:70px;}
.pageHistory .pageHistoryBOX{width:100%;position:relative}
.pageHistory .pageHistoryB{position:relative}
/*pageHistory_nav*/
.pageHistory_navB{position:absolute; left:0;right:0; width:100%; margin:0 auto;top:144px;}
.pageHistory_nav{background:url(../images/slide_bg.png) center center no-repeat;background-size:100% auto;position:relative;visibility:hidden; text-align:center;margin:0 auto;max-width:800px;}
.pageHistory_nav.slick-initialized{visibility:visible}
.pageHistory_nav .slick-list{padding-top:15px!important;padding-bottom:15px!important;}
.pageHistory_nav .slick-slide{color:#000;font-size:0;position:relative;text-align:center;height:26px;}
.pageHistory_nav .slick-slide:before{display:inline-block;content:"";position:relative;background-color:#26325a;border:1px solid #fff;border-radius:50%;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) 0.25s;width:16px;height:16px;top:5px;}
.pageHistory_nav .slick-slide.slick-current:before{background-color:#fff;box-shadow:0 0 5px 2px #fff}

/*pageHistory_yearB*/
.pageHistory_yearB{ position:absolute; left:0;right:0; width:100%; margin:0 auto;top:0;padding:0; visibility:hidden; display:none;}
.pageHistory_year{position:relative;visibility:hidden; text-align:center;margin:0 auto;max-width:800px;}
.pageHistory_year.slick-initialized{visibility:visible}
.pageHistory_year .slick-slide{line-height:260px;color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;visibility:visible;position:relative;text-align:center;display:inline-block;-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.pageHistory_year .slick-slide.slick-current{ transform:translateY(10px);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;}

/*pageHistory_content*/
.pageHistory_content{position:static; position:relative; margin:0 auto;padding:0 120px;max-width:1470px;}
.pageHistory_content .slick-list{margin:0 auto;max-width:800px; }
.pageHistory_content .history-slide{ text-align:center;}
.pageHistory_content .title{position:relative;text-align:center; color:#eadcc7; font-weight:300;line-height:144px;padding-bottom:56px;}
.pageHistory_content .H_txt{line-height:2;font-weight:300; color:#fff;padding-top:10px;min-height:120px;}
.pageHistory_content .H_txt strong{font-weight:400;color:#eadcc7;}


/*pageHistory_content Arrows */
.pageHistory_content .slick-next,
.pageHistory_content .slick-prev{position:absolute;border-radius:50%;border:none;text-align:center;font-size:0;color:#fff;z-index: 5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;background-size:100%; background-color:transparent; cursor:pointer;margin-top:0;width:1.875rem;height:56px;top:144px;}
.pageHistory_content .slick-next,
.pageHistory_content .slick-prev{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageHistory_content .slick-prev{left:0;background-image: url("../images/page-left.png");}
.pageHistory_content .slick-next{right:0;background-image: url("../images/page-right.png");}
.pageHistory_content .slick-prev.slick-disabled,
.pageHistory_content .slick-next.slick-disabled{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;cursor:default;}

/*pageHistory_content slick-dots*/
.pageHistory_content .slick-dots{line-height:0;width:100%;text-align:center;margin:30px auto 0;display:none!important;}
.pageHistory_content .slick-dots > li{display:inline-block;vertical-align:middle;padding:0 8px;line-height:0;}
.pageHistory_content .slick-dots > li > button{ cursor:pointer;display:inline-block;vertical-align:middle;background:none;border:none;width:16px;height:16px;border-radius:50%;border:1px solid #fff; background-color:transparent;margin:0;padding:0;transform:rotate(45deg);overflow:hidden;text-indent:-9999px;line-height:1}
.pageHistory_content .slick-dots > li.slick-active > button{background-color:#fff;}
@media screen and (max-width:3840px){
.pageHistory{height:100vh;min-height:56.25vw;}
.pageHistory .pageHistoryCon{padding:130px 0;}
.pageHistory .tit{margin-bottom:70px;}

.pageHistory_navB{top:144px;}
.pageHistory_nav{max-width:800px;}
.pageHistory_nav .slick-list{padding-top:15px!important;padding-bottom:15px!important;}
.pageHistory_nav .slick-slide{height:26px;}
.pageHistory_nav .slick-slide:before{width:16px;height:16px;top:5px;}

.w800{max-width:800px;}
.pageHistory_year{max-width:800px;}
.pageHistory_year .slick-slide{line-height:260px;}

.pageHistory_content{padding:0 120px;max-width:1470px;}
.pageHistory_content .slick-list{max-width:800px; }
.pageHistory_content .title{line-height:144px;padding-bottom:56px;}
.pageHistory_content .H_txt{padding-top:10px;min-height:120px;}

.pageHistory_content .slick-next,
.pageHistory_content .slick-prev{width:1.875rem;height:56px;top:144px;}

.pageHistory_content .slick-dots{margin:30px auto 0;display:none!important;}
.pageHistory_content .slick-dots > li{padding:0 8px;}
.pageHistory_content .slick-dots > li > button{width:16px;height:16px;}
}
@media screen and (max-width:2560px){
.pageHistory{height:100vh;min-height:56.25vw;max-height:56.25vw;}
.pageHistory .pageHistoryCon{padding:5.08vw 0;}
.pageHistory .tit{margin-bottom:2.73vw;}

/*.w800{max-width:31.25%;}
.pageHistory_year{max-width:31.25%;}
.pageHistory_nav{max-width:31.25%;}
.pageHistory_content{padding:0 4.69%;max-width:57.42%;}
.pageHistory_content .slick-list{max-width:31.25%; }*/


/*.pageHistory_navB{top:5.63vw;}
.pageHistory_nav{max-width:31.25vw;}
.pageHistory_nav .slick-list{padding-top:0.59vw!important;padding-bottom:0.59vw!important;}
.pageHistory_nav .slick-slide{height:1.02vw;}
.pageHistory_nav .slick-slide:before{width:0.63vw;height:0.63vw;top:0.20vw;}

.w800{max-width:31.25vw;}
.pageHistory_year{max-width:31.25vw;}
.pageHistory_year .slick-slide{line-height:10.16vw;}

.pageHistory_content{padding:0 4.69vw;max-width:57.42vw;}
.pageHistory_content .slick-list{max-width:31.25vw; }
.pageHistory_content .title{line-height:5.63vw;padding-bottom:2.19vw;}
.pageHistory_content .H_txt{min-height:4.69vw;}*/

/*.pageHistory_content .slick-next,
.pageHistory_content .slick-prev{width:1.875rem;height:2.19vw;top:5.63vw;}

.pageHistory_content .slick-dots{margin:1.17vw auto 0;display:none!important;}
.pageHistory_content .slick-dots > li{padding:0 0.31vw;}
.pageHistory_content .slick-dots > li > button{width:0.63vw;height:0.63vw;}*/
}

@media screen and (max-width:1220px){
.w800{max-width:72%;}
.pageHistory_year{max-width:72%;}
.pageHistory_nav{max-width:72%;}
.pageHistory_content .slick-list{ max-width:72%;}

.pageHistory_content{padding:0 3%;max-width:78%;}

.pageHistory_content .slick-next,
.pageHistory_content .slick-prev{width:18px;}

.pageHistory_content .title{font-size:4vw;}
}
@media screen and (max-width:768px){
.pageHistory{height:auto;min-height:56.25vw;max-height:100%;}
.pageHistory .pageHistoryCon{padding:60px 0;}
.pageHistory .tit{margin-bottom:30px;}	
	

.pageHistory_year .slick-list{padding:0 0!important;}
.pageHistory_content .slick-next,
.pageHistory_content .slick-prev{width:11px;}	
	
.pageHistory_content .slick-list{ max-width:100%;}
	
.pageHistory_content{padding:0 3%;max-width:100%;}
.pageHistory_content .slick-dots > li{padding:0 5px;}
.pageHistory_content .slick-dots > li > button{width:10px;height:10px;}


.pageHistory_content .title{font-size:8vw;}

.pageHistory_nav .slick-list{padding:0 0!important;padding-top:18px!important;padding-bottom:18px!important;}
.pageHistory_nav .slick-slide{height:20px;}
.pageHistory_nav .slick-slide:before{width:10px;height:10px;}

.history-slide .w800{max-width:100%;}


.pageHistory{height:67.41573vh; min-height:120vw;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center; background-image:url(../images/page-historybgm.jpg);}

.pageHistory_content .H_txt{line-height:1.7;}
}






/*.pageImgluno*/
.pageImgluno{padding-top:100px;padding-bottom:30px;padding-top:3.90625vw;padding-bottom:0.78125vw;background:#fff;background-size:cover;overflow:hidden;}
.pageImgluno .tit{ text-align:center;}
.pageImgluno .index-client-bot .swiper-wrapper,
.pageImgluno .index-client-top .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}
.pageImgluno .index-client-swiper{position:relative;padding-top:1.8%}
.pageImgluno li{padding:0 0;float:left;display:inline;text-align:center; width:46.484375%;}
.pageImgluno li .sef-pic{width:100%;text-align:center;overflow:hidden; padding-bottom:56%;background-color:#fff;position:relative;}
.pageImgluno li:hover .sef-pic img{transform:scale(1.02);}
.pageImgluno li .sef-pic img{display:block;transition:all .5s;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto; height:100%; width:100%;object-fit:cover;}
.pageImgluno li .item{margin:0 13px;margin:0 0.5078125vw;}
@media screen and (max-width:1220px){

}
@media screen and (max-width:768px){
.pageImgluno li .item{margin:0 0.5078125vw}
.pageImgluno li{width:100%;}
.pageImgluno .tit{ margin-bottom:3.75rem!important;}
.pageImgluno{padding-top:3.75rem;padding-bottom:0;}
}
@media screen and (max-width:640px){
.pageImgluno .tit{ margin-bottom:8vw!important;}
.pageImgluno{padding-top:8vw;padding-bottom:0;}
}

/*pageClient*/
.pageClient{padding-top:50px;padding-bottom:70px;padding-top:1.953125vw;padding-bottom:2.734375vw;background:#fff;overflow:hidden; text-align:center;}
.pageClient img{max-width:75.2%;}
@media screen and (max-width:768px){
.pageClient{padding-top:50px;padding-bottom:70px;}
.pageClient .tit{ margin-bottom:1.25rem!important;}
.pageClient img{max-width:100%;}	
}
@media screen and (max-width:750px){
.pageClient{padding-top:6.6vw;padding-bottom:9vw;}
}













/*pagebigPro*/
.pagebigPro{}
.pagebigPro{background:#FFF; width:100%; overflow:hidden;}
.pagebigProB {margin:0 auto; max-width:89.453125%;}
.pagebigProB .item{width:100%;}
.pagebigProB .itema {margin:0;padding:0;overflow:hidden;  position:relative;align-items:center;}
.pagebigProB .img{position:relative; width:52%;overflow:hidden;}
.pagebigProB .img a{ display:block;}
.pagebigProB .imgBox img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;}
.pagebigProB .imgBox{ position:relative; height:0; width:100%;padding-bottom:100%;opacity:1}
.pagebigProB .imgBox2 img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0; }
.pagebigProB .imgBox2{ position: absolute;top:0; left:0;right:0; height:0; width:100%;padding-bottom:100%;visibility:hidden;opacity:0;z-index: 1;}
.pagebigProB .title {width:48%;text-align:left;}
.pagebigProB .title .titleNr{padding-left:170px; padding-right:140px;}
.pagebigProB .title .icon{text-align:right;margin-bottom:70px;}
.pagebigProB .title .icon img{width:104px;width:4.0625vw;}
.pagebigProB .title .t{color:#000;line-height:1.5; font-weight:300; margin-bottom:25px;}
.pagebigProB .title .t a{color:#000;}
.pagebigProB .title .t2{color:#000;line-height:1.5;font-weight:300;margin-bottom:30px;}
.pagebigProB .title .line{ height:1px; background:#7d7d7d; width:100%;margin-bottom:30px;}
.pagebigProB .title .des{color:#7d7d7d;font-weight:300;line-height:1.5;margin-bottom:90px;}
.pagebigProB .title .moreB{align-items: center;justify-content: space-between;}
.pagebigProB .title .price{display:inline-block;margin-right: auto;}
/*hover*/
.pagebigProB .imgBox2,
.pagebigProB .imgBox2 img,
.pagebigProB .img a,
.pagebigProB .imgBox img{-webkit-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;}
@media screen and (min-width: 768.1px){
.pagebigProB .imgBox2{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);}
.pagebigProB .img a:hover .imgBox2{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1; visibility:visible;}
}
@media screen and (max-width: 3840px){
.pagebigProB .title .titleNr{padding-left:170px; padding-right:140px;}
.pagebigProB .title .icon{text-align:right;margin-bottom:70px;}
.pagebigProB .title .icon img{width:104px;}
.pagebigProB .title .t{margin-bottom:25px;}
.pagebigProB .title .t2{margin-bottom:30px;}
.pagebigProB .title .line{margin-bottom:30px;}
.pagebigProB .title .des{margin-bottom:90px;}
}
@media screen and (max-width: 2560px){
.pagebigProB .title .titleNr{padding-left:6.64vw; padding-right:5.47vw;}
.pagebigProB .title .icon{text-align:right;margin-bottom:2.73vw;}
.pagebigProB .title .icon img{width:4.06vw;}
.pagebigProB .title .t{margin-bottom:0.98vw;}
.pagebigProB .title .t2{margin-bottom:1.17vw;}
.pagebigProB .title .line{margin-bottom:1.17vw;}
.pagebigProB .title .des{margin-bottom:3.52vw;}
}
@media screen and (max-width: 1220px){
.pagebigProB {max-width:94%;}
}
@media screen and (max-width: 1024px){
	.pagebigProB .imgBox2{ display:none;}
}
@media screen and (max-width: 768px){
.pagebigProB {max-width:86%;}
.pagebigProB .itema { display:block;}
.pagebigProB .img{width:100%; margin-bottom:20px;}
.pagebigProB .title {width:100%;}

.pagebigProB .title .titleNr{padding-left:0; padding-right:0;}
.pagebigProB .title .t{margin-bottom:25px;}
.pagebigProB .title .t2{margin-bottom:30px;}
.pagebigProB .title .line{margin-bottom:30px;}
.pagebigProB .title .des{margin-bottom:30px;}

.pagebigProB .title .icon{margin-bottom:0; position:absolute;top:104px;right:77px;}
.pagebigProB .title .icon img{width:94px;}

}
@media screen and (max-width: 750px){
.pagebigProB .title .icon{margin-bottom:0; position:absolute;top:104px;right:77px;top:13.86vw;right:10.26vw;}
.pagebigProB .title .icon img{width:94px; width:12.53vw;}	
	
}
@media screen and (max-width: 640px){
.pagebigProB .title .t{margin-bottom:15px;}
.pagebigProB .title .t2{margin-bottom:20px;}
.pagebigProB .title .line{margin-bottom:20px;}
.pagebigProB .title .des{margin-bottom:20px;}
}

/*pagePro*/
.pagePro{background:#fff; overflow:hidden; padding-bottom:60px;}

/*pageProList*/
.pageProListBOX{background:#FFF; width:100%; overflow:hidden;}
.pageProList {font-size:0;line-height:0;margin:0 15px; text-align:center;}
.pageProList .item{display:inline-block;*display:inline;zoom:1;width:33.333333%;margin-bottom:0;vertical-align:top; position:relative; overflow:hidden;}
.pageProList .itema {display:block;margin:0 15px;overflow:hidden;}
.pageProList .img{ position:relative; overflow:hidden; margin-bottom:25px;}
.pageProList .imgBox img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;}
.pageProList .imgBox{ position:relative; height:0; width:100%;padding-bottom:100%;opacity:1}
.pageProList .imgBox2 img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0; }
.pageProList .imgBox2{ position: absolute;top:0; left:0;right:0; height:0; width:100%;padding-bottom:100%;opacity:0;z-index: 1;}
.pageProList .imgBox2{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);}
.pageProList .itema:hover .imgBox2{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
/**/
.pageProList .title{z-index:2; text-align:center;color:#000;font-weight:300;line-height:1.5; text-align:center;}
.pageProList .title .t{font-weight:300;text-align:center; margin-bottom:15px;margin-bottom:0.6vw;}
.pageProList .title .t2{margin-bottom:30px;margin-bottom:1.171875vw;}
.pageProList .title .price{font-weight:300;text-align:center;margin-bottom:15px;margin-bottom:0.6vw;}
/*hover*/
.pageProList .title,
.pageProList .imgBox2,
.pageProList .imgBox2 img,
.pageProList .itema,
.pageProList .imgBox img{-webkit-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;}
.pageProList .slick-slide{ width:33.333%;}
@media screen and (max-width: 1820px){
	.pageProList {margin:0 10px;}
	.pageProList .itema {margin:0 10px;}
}
@media screen and (max-width: 1024px){
	.pageProList .item{ margin-bottom:40px;}
     .pageProList .imgBox{ overflow:hidden;}
    .pageProList .imgBox img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
	
		.pagePro{padding-bottom:0px;}
		
		
		.pageProList .itema .imgBox2{display:none;}
		.pageProList .itema:hover .imgBox2{opacity:0}
}
@media screen and (max-width: 768px){
    .pageProList{overflow:hidden; padding-bottom:40px;padding-bottom:5.3vw;}
	.pageProList .item{width:100%; float:left;}

	.pageProList {margin:0;}
	.pageProList .itema {margin:0;}

	/* Arrows */
	.pageProList .slick-next,
	.pageProList .slick-prev{position:absolute;top:50%;height:40px;width:40px;border-radius:50%;border:none;margin-top:-20px;text-align:center;font-size:0;color: #fff;z-index: 5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;background-size:100%; background-color: #333;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
	.pageProList .slick-next,.pageProList .slick-prev{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
	.pageProList .slick-next{left:3%;background-image: url("../images/arrow-left2.png");}
	.pageProList .slick-prev{right:3%;background-image: url("../images/arrow-right2.png");}
	
	.pageProList .item{width:100%;margin-bottom:0;}
	.pageProList{margin-bottom:0;}
	
     .pageProList .imgBox{ overflow:hidden;}
    .pageProList .imgBox img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
	 

    .pageProList .slick-slide{ width:33.33333%;}
	.pageProList .item{ width:33.33333%;}
	.pagePro{padding-bottom:10px;}
	
	.pageProList .title .price{ display:none;}
}
@media screen and (max-width: 767px){
	.pageProList{ padding-right:20%;} 
	.pageProList.centerList{padding-right:0; width:80%; margin:0 auto;}
	.pageProList.centerList .slick-slide{ width:50%!important;}
	.pageProList .item{ width:50%;}
	.pageProList .slick-list{ overflow:visible;}
    .pageProList .slick-slide{ width:50%;}
	
	.searchPro .pageProList{ padding-right:0;} 
}



/*pageProdetail*/
.pageProdetailBOX{position:relative;z-index:2;}
.pageProdetail{position:relative;height:100vh;min-height:56.25vw;align-items:center;background:#10193a; z-index:2;}
.pageProdetail .imgBgB{height:100vh;min-height:56.25vw;}
.pageProdetail .icon{text-align:right;margin-bottom:70px;}
.pageProdetail .icon img{width:104px;}
.pageProdetail .icon2{display:none;}

.pageProdetail .pageProdetailB{margin:0 auto;width:100%;max-width:89.453125%;}
.pageProdetail .item{width:100%;}
.pageProdetail .itema {position:relative;align-items:center;}
.pageProdetail .title {width:48%;text-align:left;margin-left: auto;}
.pageProdetail .title .titleNr{padding-left:170px; padding-right:140px;}
.pageProdetail .title .t{color:#FFF;line-height:1.5; font-weight:300; margin-bottom:25px;}
.pageProdetail .title .t a{color:#FFF;}
.pageProdetail .title .t2{color:#FFF;line-height:1.5;font-weight:300;margin-bottom:30px;}
.pageProdetail .title .line{ height:1px; background:#7d7d7d; width:100%;margin-bottom:30px;}
.pageProdetail .title .des{ width:100%; display:block;color:#fff;font-weight:300;line-height:45px;min-height:135px;margin-bottom:90px;text-align:justify;}
.pageProdetail .title .moreB{align-items: center;justify-content: space-between;}
.pageProdetail .title .price{color:#fff;display:inline-block;margin-right: auto;}
/*more*/
.pageProdetail .title .more{background:#fff;cursor:pointer;padding:0 15px 0 20px;}
.pageProdetail .title .more span{ display:block;font-size:25px;line-height:50px;height:50px;padding-right:72px; color:#000104; background-image:url(../images/m2.png);}
/*buybtn*/
.pageProdetail .title .buybtn{ position:relative;}
.pageProdetail .title .buybtn .icon-shopimg{display: block;position:absolute;top:100%;right:0;width:266px;margin-left:-70px;padding-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);filter:alpha(opacity=0);opacity:0; visibility:hidden; z-index:3;}
.pageProdetail .title .buybtn .icon-shopimg::after{content:"";position:absolute;top:0;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;right:15px;}
.pageProdetail .title .buybtn .icon-shopimgB p{margin-bottom:10px;margin-bottom:0.39vw;}
.pageProdetail .title .buybtn .icon-shopimgB{ padding:16px 16px 16px 16px;font-size:20px;line-height:normal;font-weight:300;color:#000;text-align:center;background:#fff;padding:0.63vw 0.63vw 0.63vw 0.63vw;font-size:0.78vw;}
.pageProdetail .title .buybtn .icon-shopimgB img{max-width:100%;}
.pageProdetail .title .buybtn:hover .icon-shopimg{display:block;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);filter:alpha(opacity=100);opacity:1; visibility: visible;}

@media screen and (max-width:3840px){
.pageProdetail .icon{margin-bottom:70px;}
.pageProdetail .icon img{width:104px;}

.pageProdetail .title .titleNr{padding-left:170px; padding-right:140px;}
.pageProdetail .title .t{margin-bottom:25px;}
.pageProdetail .title .t2{margin-bottom:30px;}
.pageProdetail .title .line{ margin-bottom:30px;}
.pageProdetail .title .des{ line-height:45px;min-height:135px;}


.pageProdetail .title .more{padding:0 15px 0 20px;}
.pageProdetail .title .more span{font-size:25px;line-height:50px;height:50px;padding-right:72px;}

.pageProdetail .title .buybtn .icon-shopimg{width:266px;margin-left:-70px;padding-top:15px;}
.pageProdetail .title .buybtn .icon-shopimg::after{border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;right:15px;box-shadow: 0 0 5px rgba(0, 0, 0, .1); top:-4px; z-index:-1;}
.pageProdetail .title .buybtn .icon-shopimgB p{margin-bottom:10px;}
.pageProdetail .title .buybtn .icon-shopimgB{ padding:16px 16px 16px 16px;font-size:20px;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}

}
@media screen and (max-width:2560px){

.pageProdetail .title .more{padding:0 0.586vw 0 1.37vw;}
.pageProdetail .title .more span{font-size:0.98vw;line-height:1.95vw;height:1.95vw;padding-right:2.81vw;}

.pageProdetail .icon{margin-bottom:2.73vw;}
.pageProdetail .icon img{width:4.06vw;}

.pageProdetail .title .titleNr{padding-left:6.64vw; padding-right:5.47vw;}
.pageProdetail .title .t{margin-bottom:0.98vw;}
.pageProdetail .title .t2{margin-bottom:1.17vw;}
.pageProdetail .title .line{ margin-bottom:1.17vw;}
.pageProdetail .title .des{ line-height:1.76vw;min-height:5.27vw;}

.pageProdetail .title .more{padding:0 0.59vw 0 0.78vw;}
.pageProdetail .title .more span{font-size:0.98vw;line-height:1.95vw;height:1.95vw;padding-right:2.81vw;}

.pageProdetail .title .buybtn .icon-shopimg{width:10.39vw;margin-left:-2.73vw;/*padding-top:0.78vw;*/}
.pageProdetail .title .buybtn .icon-shopimg::after{right:0.59vw;}
.pageProdetail .title .buybtn .icon-shopimgB p{margin-bottom:0.39vw;}
.pageProdetail .title .buybtn .icon-shopimgB{ padding:0.63vw 0.63vw 0.63vw 0.63vw;font-size:0.78vw;}

}
@media screen and (max-width: 1920px){
.pageProdetail .title .buybtn .icon-shopimg{width:166px;}
.pageProdetail .title .buybtn .icon-shopimgB{ font-size:12px;}
}
@media screen and (max-width: 1820px){
.pageProdetail .title .buybtn .icon-shopimg{width:153px;}
.pageProdetail .title .buybtn .icon-shopimgB{padding:0.59vw;font-size:10px;}
}
@media screen and (max-width: 1220px){
.pageProdetail .pageProdetailB{max-width:94%;}

/*.pageProdetail .title .more{padding:0 10px 0 14px;}
.pageProdetail .title .more span{font-size:16px;line-height:40px;padding-right:60px;}*/

.pageProdetail .title .more{padding:0 15px 0 20px;}
.pageProdetail .title .more span{font-size:14px;line-height:35px;height:35px;padding-right:45px;background-size:9px;}
}
@media screen and (max-width: 1024px){
.pageProdetail .title .buybtn .icon-shopimg{display:none!important;}

/*.pageProdetail .title .more{padding:0 8px 0 10px;}
.pageProdetail .title .more span{font-size:14px;line-height:35px;padding-right:60px;}*/

.pageProdetail .title .more{padding:0 15px 0 20px;}
.pageProdetail .title .more span{font-size:14px;line-height:30px;height:30px;padding-right:40px;background-size:7px;}
}
@media screen and (max-width: 768px){
/*.pageProdetail{height:auto;min-height:177.8666666666667vw;display:block;}
.pageProdetail .imgBgB{min-height:0;height:129.2vw; position:relative}

.pageProdetail .pageProdetailB{max-width:100%;position:absolute;bottom:0; left:0;right:0;background: rgba(2,5,19,0.8);padding-top:40px; padding-bottom:50px;padding-top:5.33vw; padding-bottom:6.67vw; position:relative;}
.pageProdetail .item{width:86.66666666666667%; margin:0 auto;}

.pageProdetail .title .line{background:#404458;margin-bottom:4vw;}


.pageProdetail .itema { display:block;}
.pageProdetail .icon{margin-bottom:0; position:absolute;top:104px;right:77px;}
.pageProdetail .icon img{width:94px;}
.pageProdetail .title .icon{ display:none;}
.pageProdetail .icon2{display:block;}

.pageProdetail .title {width:100%;}
.pageProdetail .title .titleNr{padding-left:0; padding-right:0;}
.pageProdetail .title .t{margin-bottom:25px;}
.pageProdetail .title .t2{margin-bottom:30px;}
.pageProdetail .title .line{margin-bottom:30px;}
.pageProdetail .title .des{margin-bottom:30px;line-height:1.5;min-height:96px;}


.pageProdetail .title .more{padding:0 15px 0 20px;border:1px solid #434758; background:#12193b;}
.pageProdetail .title .more span{font-size:18px;line-height:40px;height:40px;padding-right:45px;background-size:9px;  color:#fff;background-image: url(../images/m.png);}

.pageProdetail .pageProdetailB{background:#12193b;}	*/
}
@media screen and (max-width: 768px){
.pageProdetail{height:auto;min-height:196.2666666666667vw;display:block;}
.pageProdetail .imgBgB{min-height:0;height:196.2666666666667vw; position:relative}

.pageProdetail .pageProdetailB{max-width:100%;position:absolute;bottom:0; left:0;right:0;/*background: rgba(2,5,19,0.8);*/padding-top:40px; padding-bottom:50px;padding-top:5.33vw; padding-bottom:6.67vw; bottom:15vw;}

.pageProdetail .itema { display:block;}
.pageProdetail .item{width:86.66666666666667%; margin:0 auto;}

.pageProdetail .icon{margin-bottom:0; position:absolute;top:104px;right:77px;}
.pageProdetail .icon img{width:94px;}
.pageProdetail .title .icon{ display:none;}
.pageProdetail .icon2{display:block;}

.pageProdetail .title {width:100%;}
.pageProdetail .title .titleNr{padding-left:0; padding-right:0;}
.pageProdetail .title .t{margin-bottom:25px;}
.pageProdetail .title .t2{margin-bottom:30px;}
.pageProdetail .title .line{margin-bottom:30px;background:rgba(255,255,255,0.3);margin-bottom:4vw;}
.pageProdetail .title .des{margin-bottom:30px;line-height:1.5;min-height:96px;}


.pageProdetail .title .more{padding:0 15px 0 20px;border:1px solid rgba(255,255,255,0.3); background:transparent;}
.pageProdetail .title .more span{font-size:16px;line-height:normal;height:auto; padding:9px 0;padding-right:45px;background-size:9px;  color:#fff;background-image: url(../images/m.png);}
}
@media screen and (max-width: 750px){
	
.pageProdetail .icon{top:13.86vw;right:10.26vw;}
.pageProdetail .icon img{width:12.53vw;}

.pageProdetail .title .t{margin-bottom:3.33vw;}
.pageProdetail .title .t2{margin-bottom:4.00vw;}
.pageProdetail .title .line{margin-bottom:4.00vw;}
.pageProdetail .title .des{margin-bottom:4.00vw;min-height:0;}

/*.pageProdetail .title .more{padding:0 2.00vw 0 2.67vw;}
.pageProdetail .title .more span{font-size:3.33vw;line-height:5.87vw;padding-right:9.60vw;}	*/

.pageProdetail .title .more{padding:0 20px;}

}
@media screen and (max-width:640px){
.pageProdetail .title .more{padding:0 15px 0 20px;}
.pageProdetail .title .more span{font-size:14px;line-height:normal;height:auto; padding:6px 0;padding-right:30px;background-size:7px;}
}





/*pageProdetail*/
.pageProxq{position:relative;overflow:hidden;height:100vh;min-height:56.25vw;align-items:center;position:relative; z-index:1;}
.pageProxq .imgBgB{height:100vh;min-height:56.25vw;z-index:1;}

/*imgBgB*/
.pageProxq .imgWzB{display:block;height:100%; width:100%;overflow:hidden;position:absolute;left:0;top:0; z-index:2;}
.pageProxq .imgWzB img{display:block;width:100%;max-width:none;height:100%;object-fit:contain;vertical-align:middle; position:absolute;left:0;top:0;}
@media screen and (max-width: 768px){
.pageProxq{min-height:178vw;height:178vw;}
.pageProxq .imgBgB{min-height:178vw;height:178vw;}
}



/*w2360*/
.w2360{ width:92.1875%; margin:0 auto;}
@media screen and (max-width: 768px){
.w2360{ width:94.66666666666667%;}
}

/*pageProText*/
.pagedetail{background:#f7f7f7;}
.pageProText{padding-top:50px;padding-bottom:50px;font-size:22px;line-height:1.5; font-weight:300; color:#585858; background:#f7f7f7;}
@media screen and (max-width: 3840px){
.pageProText{padding-top:40px;padding-bottom:40px;font-size:22px;}	
}
@media screen and (max-width: 2560px){
.pageProText{padding-top:1.5vw;padding-bottom:1.5vw;font-size:0.86vw;}			
}
@media screen and (max-width: 1920px){
.pageProText{font-size:12px;}
}
@media screen and (max-width:1920px){
.pageProText{font-size:0.63vw;}	
}
@media screen and (max-width: 992px){
/*.pageProText{font-size:15px;line-height:1.5;}*/
}
@media screen and (max-width: 768px){
.pageProText{padding-top:30px;padding-bottom:30px;font-size:12px;}
}
@media screen and (max-width: 640px){
.pageProText{padding-top:6.67vw;padding-bottom:6.67vw;}
}


/*pageProPic*/
.pageProPic{ width:100%; overflow:hidden;}
.pageProPic img{ display:block; max-width:100%;}
.pageProPic h2{ font-size:64px;font-size:2.50vw; font-weight:300;color:#000; line-height:normal;margin-bottom:1.72vw;}
.pageProPic{font-size:42px;font-size:1.64vw; font-weight:300;color:#000; line-height:1.4;}
/*pageProPic table*/
.pageProPic table{width:100%;background:#fff;}
.pageProPic td.img{width:50%; position:relative; z-index:2;}
.pageProPic td.txt{width:50%;vertical-align:middle;padding-left:226px;padding-right:190px; position:relative; z-index:1;}
@media screen and (max-width: 3840px){
.pageProPic td.txt{padding-left:226px;padding-right:190px;}	
}
@media screen and (max-width: 2560px){
.pageProPic td.txt{padding-left:8.8vw;padding-right:7.4vw;}	
}
@media screen and (max-width: 768px){
.pageProPic td.txt{padding-left:5vw;padding-right:5vw;}
}
@media screen and (max-width: 640px){
.pageProPic h2{font-size:3vw;margin-bottom:1.72vw;}
.pageProPic{font-size:12px;line-height:1.5;}
}






/*右侧浮动*/
.piaofu-celan {position:fixed;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:100;}
.piaofu-celan .hver{display:block;position:relative;cursor:pointer;width:70px;}
.piaofu-celan .kfa{display: block;width:100%; background-color:#fff;/*background-color:rgba(255, 255, 255, .7);*/text-align:center;z-index:2;overflow:hidden;box-shadow: 0 0 5px rgba(0, 0, 0, .1);padding-top:15px;padding-bottom:5px;} 
.piaofu-celan .icon {display: block;margin:0 auto;background-position:center center; background-repeat:no-repeat;background-size:100%; background-image:url(../images/icon-kefu.png);width:40px;height:40px;} 
.piaofu-celan .t{ color:#10193a;margin:0 8px;font-size:20px;line-height:40px;}
.piaofu-celan .show-status {position:relative;}
.piaofu-celan .hver:hover{background-color:#fff;}
/*erweima*/
.piaofu-celan .y-ewm-box{position: absolute;display: none;z-index:-1; padding-right:10px;} 
.piaofu-celan .y-ewm-box::after{content:"";position:absolute;top:10px;right:-10px;border-top:10px solid transparent;border-left:10px solid #fff;border-right:10px solid transparent;border-bottom:10px solid transparent;}
.piaofu-celan .y-ewm-box {width:256px;height:auto;top:0;}
.piaofu-celan .y-ewm-box .y-ewm-img1 {padding:15px;height:auto;background-color:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.piaofu-celan .y-ewm-box p{ font-size:20px;margin-bottom:20px;text-align:center;color:#000; font-weight:300;}
.piaofu-celan .y-ewm-box img {width:100%;display:block;}

.piaofu-celan .y-ewm-box{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;right:80px!important;display:block!important; visibility:hidden;}
.piaofu-celan .hver:hover .y-ewm-box{display:block!important;right:70px!important;opacity:1!important; visibility:visible;}


.piaofu-celan .kfa{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
.piaofu-celan .kfa:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
@media screen and (max-width:3840px){
.piaofu-celan {right:10px;}
.piaofu-celan .hver{width:70px;}
.piaofu-celan .kfa{padding-top:15px;padding-bottom:5px;} 
.piaofu-celan .icon {width:40px;height:40px;} 
.piaofu-celan .t{margin:0 8px;font-size:20px;line-height:40px;}

.piaofu-celan .y-ewm-box{padding-right:10px;} 
.piaofu-celan .y-ewm-box::after{top:10px;right:-10px;border-top:10px solid transparent;border-left:10px solid #fff;border-right:10px solid transparent;border-bottom:10px solid transparent}
.piaofu-celan .y-ewm-box {width:220px;}
.piaofu-celan .y-ewm-box .y-ewm-img1 {padding:15px;}
.piaofu-celan .y-ewm-box p{font-size:16px;margin-bottom:8px;}
.piaofu-celan .y-ewm-box{right:80px!important;}
.piaofu-celan .hver:hover .y-ewm-box{right:70px!important;}
}
@media screen and (max-width:2560px){
.piaofu-celan {right:0.39vw;}
.piaofu-celan .hver{width:2.73vw;}
.piaofu-celan .kfa{padding-top:0.59vw;padding-bottom:0.20vw;} 
.piaofu-celan .icon {width:1.56vw;height:1.56vw;} 
.piaofu-celan .t{margin:0 0.31vw;font-size:0.78vw;line-height:1.56vw;}

.piaofu-celan .y-ewm-box {width:8.59vw;}
.piaofu-celan .y-ewm-box .y-ewm-img1 {padding:0.59vw;}
.piaofu-celan .y-ewm-box p{font-size:0.63vw;margin-bottom:0.39vw;}
.piaofu-celan .y-ewm-box{right:3.13vw!important;}
.piaofu-celan .hver:hover .y-ewm-box{right:2.73vw!important;}
}
@media screen and (max-width:1920px){
.piaofu-celan .hver{width:3vw;}
.piaofu-celan .kfa{padding-top:0.8vw;padding-bottom:0.30vw;} 
.piaofu-celan .icon {width:1.8vw;height:1.8vw;} 
.piaofu-celan .t{font-size:0.78vw;line-height:2;}

.piaofu-celan .y-ewm-box{right:3.5vw!important;}
.piaofu-celan .hver:hover .y-ewm-box{right:3vw!important;}

.piaofu-celan .y-ewm-box {width:166px;}
.piaofu-celan .y-ewm-box .y-ewm-img1 {padding:0.59vw;}
.piaofu-celan .y-ewm-box p{font-size:12px;}
}
@media screen and (max-width: 1820px){
.piaofu-celan .y-ewm-box{width:153px;}
.piaofu-celan .y-ewm-box .y-ewm-img1 {padding:0.59vw;}
.piaofu-celan .y-ewm-box p{font-size:10px;}
}
@media screen and (max-width:1520px){
.piaofu-celan .hver{width:3.5vw;}
.piaofu-celan .kfa{padding-top:0.6vw;padding-bottom:0.30vw;} 
.piaofu-celan .icon {width:2.2vw;height:2.2vw;} 


.piaofu-celan .y-ewm-box{right:4vw!important;}
.piaofu-celan .hver:hover .y-ewm-box{right:3.5vw!important;}
}
@media screen and (max-width:2560px){
.piaofu-celan .hver{width:48px;}
.piaofu-celan .kfa{padding-top:5px;padding-bottom:5px;} 
.piaofu-celan .icon {width:28px;height:28px; margin-bottom:5px;} 
.piaofu-celan .t{font-size:12px;line-height:1.2;}
.piaofu-celan .y-ewm-box{right:58px!important;}
.piaofu-celan .hver:hover .y-ewm-box{right:48px!important;}
}
@media screen and (max-width:1220px){
.piaofu-celan .hver{width:35px;}
.piaofu-celan .kfa{padding-top:5px;padding-bottom:3px;} 
.piaofu-celan .icon {width:18px;height:18px; margin-bottom:3px;} 
.piaofu-celan .t{font-size:10px;line-height:1.2;}
.piaofu-celan .y-ewm-box{right:45px!important;}
.piaofu-celan .hver:hover .y-ewm-box{right:35px!important;}
}
@media screen and (max-width:1024px){
.piaofu-celan {right:0;}
.piaofu-celan .y-ewm-box {display:none!important;}
.piaofu-celan .kfa{filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;}	
.piaofu-celan .y-ewm-box{display:none!important; visibility:hidden;}
.piaofu-celan .hver:hover .y-ewm-box{display:none!important;right:0!important;opacity:0!important; visibility: hidden;}
}
@media screen and (max-width:750px){
.piaofu-celan .hver{width:35px;}
.piaofu-celan .kfa{padding-top:5px;padding-bottom:3px;} 
.piaofu-celan .icon {width:18px;height:18px; margin-bottom:3px;filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90;} 
.piaofu-celan .t{font-size:10px;line-height:1.2;}
.piaofu-celan .y-ewm-box{right:45px!important;}
.piaofu-celan .hver:hover .y-ewm-box{right:35px!important;}
}




@media screen and (max-width: 1024px){
body.js-is-locked {overflow: hidden;}
}


/*mobileshare弹窗*/
.weixin-qrcode{align-items:center;justify-content:center;flex-direction:row}
.weixin-qrcode{position:fixed;top:0;left:0;right:0; margin:0 auto; text-align:center;background-color:rgba(0,0,0,.5);display:none;z-index:1000000000000}
.qrcode-container{width:100%;padding:0 15px;margin:auto auto}
.qrcode-box{width:220px;padding:10px;background:#fff;box-shadow:1px 3px 5px #666;border-radius:5px;font-size:16px; line-height:30px;color:#000;display:block;text-align:center;margin-bottom:20px;margin-left:auto;margin-right:auto;}
.qrcode-box p{margin-bottom:5px;}
.qrcode-box img{width:100%;margin-bottom:0px}
.weixin-qrcode{display:none;}
@media screen and (max-width:768px){
.qrcode-box{width:180px;padding:10px;font-size:14px; line-height:1.5;margin-bottom:0px;}
}
@media screen and (max-width:640px){
.qrcode-box{width:180px;padding:6px;font-size:12px;}
}
@media screen and (min-width: 1024.1px){
.weixin-qrcode{ display:none!important;}		
}


/*privacy弹窗*/
.privacy{background:rgba(18,25,59,.7);bottom:0;left:0;padding:25px 0 23px 0;position:fixed;width:100%;z-index:999;box-shadow: 0 0 5px rgba(0, 0, 0, .05);}
.privacy .privacyBOX{justify-content:space-between;max-width:1700px; width:90%; margin:0 auto; position:relative;}
.privacy .content{color:#fff;font-size:18px;font-weight:300;line-height:1.5;text-align:left;width:76%;}
.privacy .content .link{color:#fff;font-weight:400;text-decoration:underline}
.privacy .btns{display:flex}
.privacy .btns a{border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;display:block;font-weight:300;text-align:center;font-size:24px;width:240px;height:44px;line-height:44px;margin-right:20px;}
.privacy .btns a:last-child{margin-right:0}
.privacy .btns a.accept{ background:#fff; color:#12193b;} 
.privacy .btns a.accept:hover{ background:#e9e2e2}
.privacy .btns a.setting:hover{ color:#d9d7d7; border-color:#d9d7d7;}
@media screen and (max-width:6000px){
.privacy{padding:20px 0 20px 0;}
.privacy .content{font-size:16px;}
.privacy .btns a{font-size:20px;width:240px;height:44px;line-height:44px;margin-right:20px;}
}
@media screen and (max-width:3840px){
.privacy{padding:0.52vw 0 0.52vw 0;}
.privacy .content{font-size:0.42vw;}
.privacy .btns a{font-size:0.52vw;width:6.25vw;height:1.15vw;line-height:1.15vw;margin-right:0.52vw;}

.privacy .privacyBOX{max-width:66.41vw; width:90%;}
}
/*@media screen and (max-width:2900px){
.privacy{padding:18px 0 18px 0;}
.privacy .privacyBOX{max-width:1700px;}
.privacy .content{font-size:18px;}
.privacy .btns a{font-size:20px;width:200px;height:44px;line-height:44px;margin-right:20px;}
}*/
@media screen and (max-width:2560px){
.privacy{padding:0.98vw 0 0.90vw 0;}
.privacy .content{font-size:0.70vw;}
.privacy .btns a{font-size:0.94vw;width:9.45vw;height:1.72vw;line-height:1.72vw;margin-right:0.78vw;}
.privacy .privacyBOX{max-width:70vw; width:90%;}
}
@media screen and (max-width:1920px){
/*.privacy .content{font-size:14px;}
.privacy .content p br{ display:none;}
.privacy .btns a{height:40px;line-height:40px;margin-right:0.9vw;width:9.375vw}*/

.privacy .btns a{font-size:0.8vw;}
}
@media screen and (max-width:1900px){
.privacy .content p br{ display:none;}	
.privacy .content{width:66%;}
}
@media screen and (max-width:1600px){
.privacy .privacyBOX{max-width:1160px; width:90%;}
	.privacy .btns a{height:34px;line-height:34px;}
	.privacy .btns a{height:2vw;line-height:2vw;}
}
@media screen and (max-width:1440px){
	.privacy .btns a{height:34px;line-height:34px;}
.privacy .btns a{height:2.36vw;line-height:2.36vw;}
}
@media screen and (max-width:1320px){
/*.privacy .content{font-size:12px;}
.privacy .btns a{height:34px;line-height:34px;}*/

	.privacy .btns a{height:30px;line-height:30px;font-size:0.94vw;}
}
@media screen and (max-width:1220px){
	.privacy .content{font-size:12px;}
	.privacy .btns a{height:34px;line-height:34px;}
	
	.privacy .content{font-size:0.98vw;}
	.privacy .btns a{height:2.79vw;line-height:2.79vw;font-size:0.94vw;}
    .privacy .privacyBOX{width:94%;}
.privacy .content{width:76%;}

	.privacy .btns a{height:27px;line-height:27px;font-size:0.94vw;}
}
@media screen and (max-width:768px){.privacy{padding:2vw 0;}
/*	.privacy{flex-direction:column;padding:6vw 4vw}*/
	.privacy .content{font-size:14px;font-weight:300;line-height:1.5;width:100%; margin-bottom:8px;}
	.privacy .content .link{font-weight:300}
	.privacy .privacyBOX{ display: block;}
	.privacy .btns{margin-bottom:0;width:100%}
	.privacy .btns a{border-radius:.8vw;font-size:16px;height:40px;line-height:40px;margin-right:3vw;width:48vw}	
	
    .privacy .privacyBOX{width:94%;}
	.privacy .content{font-size:12px;line-height:1.2;}
    .privacy .btns a{font-size:14px;height:auto;line-height:normal;padding:5px 0;}
}
@media screen and (max-width:640px){

	
}




/*animate.css 的一点补充动画*/
@keyframes fadeInLeftSmall{from{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}
to{opacity:1;transform:none}}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{from{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}
to{opacity:1;transform:none}}
.fadeInRightSmall{animation-name:fadeInRightSmall}

@-webkit-keyframes fadeInUpSmall{from{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpSmall{from{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUpSmall{animation-name:fadeInUpSmall}

@-webkit-keyframes fadeInDownSmall{from{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}
to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDownSmall{from{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}
to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDownSmall{animation-name:fadeInDownSmall}


@-webkit-keyframes zoomInUpSmall{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInUpSmall{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInUpSmall{-webkit-animation-name:zoomInUpSmall;animation-name:zoomInUpSmall;}

@-webkit-keyframes zoomInSmall{from{opacity:1;-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);}
to{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);}}
@keyframes zoomInSmall{from{opacity:1;-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);}
to{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);}}
.zoomInSmall{-webkit-animation-name:zoomInSmall;animation-name:zoomInSmall;}

@-webkit-keyframes zoomInSmall2{from{opacity:1;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);}
to{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);}}
@keyframes zoomInSmall2{from{opacity:1;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);}
to{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);}}
.zoomInSmall2{-webkit-animation-name:zoomInSmall;animation-name:zoomInSmall;}




/*loadhidden*/
.loadhidden{ overflow:hidden; height:100%;}
/*loadingVideo*/
.loadingVideo{display:block; position:fixed; left:0;top:0;width:100%;height:100vh;background:#000; z-index:33;}
.loadingVideo .bannerVideo{display:block; position:absolute; left:0;top:0; height:100vh; width:100%; z-index:3;}
.loadingVideo .bannerVideo video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}
.loadingVideo .bannerVideo img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover;}
@media screen and (max-width:768px){
	.loadingVideo{height:178vw;}
}


/*首页biglogo+smlogo*/
.biglogo .toplogo{/*transition:transform 1.2s cubic-bezier(0.5,0,0,1) 0s;*/will-change:width,transform;width:100%;height:auto;will-change:width,transform,padding-bottom;transition:transform 1.8s cubic-bezier(0.5,0,0,1) 0s;}
.biglogo .toplogo{text-align:center;/*transform:translate3d(0px,34vh,0px);*/transform:translate3d(0px,16vw,0px);}
.biglogo .toplogo .logo,
.biglogo .toplogo img{height:240px;height:9.375vw;/*transition:height 1.2s cubic-bezier(0.5,0,0,1) 0s;*/transition:height 1.8s cubic-bezier(0.5,0,0,1) 0s;}
.smlogo .toplogo{will-change:width,transform;transform:translate3d(0px,0px,0px);/*transition:transform 1.2s cubic-bezier(0.5,0,0,1) 0s;*/transition:transform 1.8s cubic-bezier(0.5,0,0,1) 0s;}
.smlogo .toplogo .logo,
.smlogo .toplogo img{height:46px;/*transition:height 1.2s cubic-bezier(0.5,0,0,1) 0s;*/transition:height 1.8s cubic-bezier(0.5,0,0,1) 0s;}
@media screen and (max-width:3840px){
.biglogo .toplogo .logo,
.biglogo .toplogo img{height:240px;}
.smlogo .toplogo .logo,
.smlogo .toplogo img{height:46px;}
}
@media screen and (max-width:2560px){
.biglogo .toplogo .logo,
.biglogo .toplogo img{height:9.38vw;}
.smlogo .toplogo .logo,
.smlogo .toplogo img{height:1.80vw;}
}
@media screen and (max-width:1220px){
.biglogo .toplogo .logo,
.biglogo .toplogo img{height:12vw;}
}
@media screen and (max-width:1024px){
.biglogo .toplogo .logo,
.biglogo .toplogo img{height:12vw;}
.smlogo .toplogo .logo,
.smlogo .toplogo img{height:30px;}
}
@media screen and (max-width:768px){
	
.biglogo .toplogo{transform:translate3d(0px,72vw,0px);}	
}
@media screen and (max-width:750px){
.biglogo .toplogo .logo,
.biglogo .toplogo img{height:140px;height:18.7vw;}
.smlogo .toplogo .logo,
.smlogo .toplogo img{height:30px;}

.biglogo .toplogo{transform:translate3d(0px,65vw,0px);}	
}



/*biglogo*/
.opacityHide .header .navigation,
.opacityHide .header .topshop,
.opacityHide .header .topmenu{display: inherit;opacity: 0;transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0s, visibility 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;visibility: visible;pointer-events: none;}
.opacityShow .header .navigation,
.opacityShow .header .topshop,
.opacityShow .header .topmenu{display: inherit;opacity: 1;transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0s, visibility 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;visibility: visible;pointer-events: unset;}

.opacityHide .nav{background: transparent;transition: background 2s ease 0s;will-change: background;}
.opacityShow .nav{background:rgba(0,0,0,0.7);transition: background 2s ease 0s;will-change: background;}



@media screen and (max-width:1024px){
.indexlm,.indexProListB,.indexProListB,.indexlm,.indexImgB,.indexVideoB,
.pageProListBOX,.pagebigProBOX,


.indexbigProBOX,

.pageProPic,
.pageProPictable1,	
.pageProPictable2,	
.pageProPictable3,	
.pageProText,
.pageProxq,
.pageProdetailBOX{transform: translate3d(0px, 0px, 0px) scale(1, 1)!important;}

.pageculture .jsimg2,
.pageculture .jswz2,
.pageculture .jsimg,
.pageculture .jswz,
.pageProPic td.txt,
.pageProPic td.img,
.pageabimgWz,
.pageabout{transform: translate3d(0px, 0px, 0px) scale(1, 1)!important;opacity: 1!important;}


.pageabBOX{ height:auto;}
.pageaboutbig{ padding-bottom:0;}
.pageabout{ position:relative;background: #10193a; padding-bottom:3vw;}
.pageabimgWz{ top:200px; top:0; position:static;}

.pageabout .br{ display:block; padding-top:10px;}
.pageabout .des{ text-align:left;}

.pageaboutbig{ /*height:100vh; min-height:178vw;*/height:70vw;min-height:56.25vw; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items: center;}
.pageabimgWz .pageabimgWzBox{transform: scale(1.1, 1.1);}



}
@media screen and (max-width:768px){
.pageaboutbig{height:100vw;min-height:100vw;}	

.pageProListB{ /*padding-top:180px; padding-top:24vw;*/ padding-top:18vw;}
}
@media screen and (max-width:640px){
.pageProListB{ padding-top:18vw;}
.pageaboutbig{height:105vw;min-height:105vw;}	
}
@media screen and (max-width:550px){
.pageaboutbig{height:110vw;min-height:110vw;}	
}
@media screen and (max-width:430px){
.pageaboutbig{height:120vw;min-height:120vw;}	
}
@media screen and (max-width:350px){
.pageaboutbig{height:130vw;min-height:120vw;}	
}


/*pageInfoTxt*/
.pageInfoTxt{ padding:0 3%;padding-top:60px;padding-bottom:60px;font-size:22px;font-size:0.86vw;line-height:2.2; font-weight:300; color:#585858; background:#fff; margin-bottom:60px;}
@media screen and (max-width: 992px){
.pageInfoTxt{padding-top:50px;padding-bottom:50px;font-size:15px;line-height:1.8;}
}
@media screen and (max-width: 768px){
.pageInfoTxt{padding-top:50px;padding-bottom:50px;font-size:15px;}
}



/*mute-button*/
.mute-button{position:absolute; left:3%;left:30px;bottom:3%; z-index:4; cursor:pointer;font-size:13px; line-height:35px; color:#fff;}
.mute-button span{display:inline-block;*display:inline;zoom:1; vertical-align:top;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
.mute-button span:hover{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.mute-button .icon{background-position:center center; background-repeat:no-repeat;background-size:25px; background-image:url(../images/icon-mute.png);width:35px;height:35px; line-height:35px;}
.mute-button.open .icon{background-image:url(../images/icon-mute2.png);}
.mute-button .txt{display:none;}
@media screen and (max-width: 768px){
.mute-button{font-size:12px;left:3%;}
.mute-button .icon{background-size:22px;}
}





