@charset "utf-8";
/* CSS Document */
*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}
p{margin-top:0;margin-bottom:1rem}
b,strong{font-weight: bolder;}
a{color:#007bff;text-decoration:none;background-color:transparent}
a:hover{color:#0056b3;text-decoration:none}
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:not([href]):not([class]){color:inherit;text-decoration:none;}
a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
hr{box-sizing:content-box;height:0;overflow:visible}
img{vertical-align:middle;border-style:none}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
sub{vertical-align:sub}
sup{vertical-align:super}
.small,small{font-size:80%;font-weight:400}
svg{overflow:hidden;vertical-align:middle}
code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}
pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar;display:block;font-size:87.5%;color:#212529;padding:.75rem}
kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem;box-shadow:inset 0 -0.1rem 0 rgb(0 0 0 / 25%)}
/*other*/
blockquote{margin:0 0 1rem}
figure{margin:0 0 1rem}
template{display:none}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
[hidden]{display:none !important}
/*table*/
table{border-collapse:collapse}
th{text-align:inherit;text-align:-webkit-match-parent}
.table{width:100%;margin-bottom:1rem;color:#212529;background-color:transparent}
.table:not(.table-dark){color:inherit}
.table-bordered{border: 1px solid #dee2e6;}
.table-bordered td,.table-bordered th{border:1px solid #dee2e6}
.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
/*ul+ol*/
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:bolder}
dd{margin-bottom:.5rem;margin-left:0}
/*form*/
label{display:inline-block;margin-bottom:.5rem}
label:not(.form-check-label):not(.custom-file-label){font-weight:700}
/*h*/
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:600;line-height:1.2;color:inherit}
.h1,h1{font-size:2.5rem}
.h2,h2{font-size:2rem}
.h3,h3{font-size:1.75rem}
.h4,h4{font-size:1.5rem}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
/*body*/
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{margin:0;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;}
/*input*/
button{border: none;}
textarea{resize: none;}
input {margin:0;padding: 0;}
button, input, textarea {outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}  
input[type="button"],input[type="text"],input[type="submit"],button,select,textarea{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none;  background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}
/*clearfix*/
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
/*swiper*/
.swiper-button-prev,
.swiper-button-next{outline:none;}
.swiper-button-prev:after,
.swiper-button-next:after{outline:none;display:none;} 

/*font-face*/
@font-face{font-family:'Inter';src:url('fonts/Inter-Medium.woff2') format('woff2'),url('fonts/Inter-Medium.woff') format('woff'),url('fonts/Inter-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}


/****************************body****************************/
body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Lantinghei SC,Microsoft YaHei,微软雅黑,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,SimSun,"Segoe UI","Source Sans Pro",Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";min-width:20rem;overflow-x: hidden;scroll-behavior: initial;color:#000;}
/****************************html****************************/
html{font-size:0.8333333333333333vw;/*font-size:1rem;*/}
@media screen and (max-width:1200px){
html{font-size:.9375rem}
}
@media screen and (max-width:1024px){
html{font-size:.875rem}
}
@media screen and (max-width:768px){
html{font-size:.875rem;}		
}

/****************************container****************************/
.container{width:89.58333333333333%;/*width:107.5rem*/margin: 0 auto;}
.w1500{ width:78.125%; margin: 0 auto;}
@media screen and (max-width:1200px) {
.container{width:90%;}
.w1500{ width:80%;}
}
@media screen and (max-width:1024px) {
.container{width:90%;}
.w1500{ width:85%;}
}
@media screen and (max-width:768px){
.container{width:90%;}
.w1500{ width:90%;}
}



/****************************header****************************/
.header{position:fixed;top:0;left:0;right:0;width:100%;height:5rem;z-index:999;margin:auto;}
.header .header-pc{position:relative;}
.header .header-wrap{width:100%;height:5rem;font-size:0;text-align:center;background:transparent;}
.header .header-wrap{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}
/*header hover*/
.headerWhite .header{background:#fff;}
.header.onsb{background:#fff;box-shadow: 0 .2rem .3rem rgba(0,0,0,0.05);}
.header,
.header .header-pc,
.header .header-wrap{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
/*header-logo*/
.header .header-logo{display:-ms-flexbox;display:flex;align-items:center;width:auto;height:100%;position:absolute;left:0;top:0;}
.header .header-logo img{display:block;height:2.1875rem;}
.header .header-logo img.logo2{display:none;}
/*headerWhite header-logo*/
.header.onsb .header-logo img {display:none;}
.header.onsb .header-logo img.logo2{display:block;}
.headerWhite .header .header-logo img{display:none;}
.headerWhite .header .header-logo img.logo2{display:block;}
@media screen and (max-width: 1024px) {
body.openmenu{ overflow: hidden;}
.header.openmenu{ background-color:#fff!important;}
.header.openmenu .header-wrap .logo img{display:none!important;}
.header.openmenu .header-wrap .logo img.logo2{display:block!important;}
.header{height:4.0625rem!important;}
.header .header-wrap{height:4.0625rem!important;}
.header .header-logo{left:3%;}
.header .header-logo .logo{height:4.0625rem!important;display: flex;align-items: center;}
}
@media screen and (max-width:768px) {
.header .header-logo .logo{left:1.25rem;}
}


/*pc-header-menu*/
.header .pc-header-menu{display:-ms-flexbox;display:flex;align-items:center;justify-content:flex-end; height:100%;max-width:73.86363636363636%; margin: 0 auto; width: auto;}
/*pc-header-menu yiji*/
.header .pc-header-menu .nav{width:100%;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content: center;margin:0;position:relative;float:left}
.header .pc-header-menu .nav .li{float:left;position:relative;margin:0;}
.header .pc-header-menu .nav .nava a{/* font-size:1.125rem; */font-size:1rem;line-height:5rem; color:#fff;position:relative;text-align:left; display:block; font-weight: 500;}
.header .pc-header-menu .nav .nava a:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#cfcfcf;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2; display: none;}
.header .pc-header-menu .nav .nava a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:1px;background:#ff6900;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.header .pc-header-menu .nav .li:hover .nava a:after{width:100%;right:auto;left:0}
/* .header .pc-header-menu .nav .li:hover .nava a{color:#ff6900;} */
/*headerWhite pc-header-menu yiji*/
.headerWhite .header .pc-header-menu .nav .nava a,
.header.onsb .pc-header-menu .nav .nava a{color:#4f4f4f;}
.headerWhite .header .pc-header-menu .nav .li.cur .nava a,
.header.onsb .pc-header-menu .nav .cur .nava a{color:#ff6900;}
/*pc-header-menu erji*/
.header .pc-header-menu .nav .navdrop{display:none;width:10rem;background-color:rgba(255, 255, 255, 0.8);overflow:hidden;position:absolute;left: 50%;font-size:0;border-radius:.375rem;margin-left: -5rem;}
.header .pc-header-menu .nav .navdrop .lia{font-size:1rem;line-height:1.5rem;padding:.625rem .625rem;font-weight: normal;text-align:center;}
.header .pc-header-menu .nav .navdrop .lia a{display:block;color:#262e46;}
.header .pc-header-menu .nav .navdrop .lia:hover a{color:#ff6900;}
@media screen and (max-width: 1200px) {
.header .pc-header-menu .nav{gap:1.5rem; margin-right:10rem;}
.header .pc-header-menu .nav .nava a{font-size:0.875rem;}
}
@media screen and (max-width: 1150px) {
.header .pc-header-menu .nav{gap:1.5rem;margin-right:2rem;}
.header .pc-header-menu .nav .nava a{font-size:0.875rem;}
}
@media screen and (max-width: 1024px) {
.header .pc-header-menu{display:none!important;}
}
@media screen and (max-width: 768px) {
.header .pc-header-menu .nav{gap:.625rem;margin:0}
.header .pc-header-menu .nav .li{margin-right:1.875rem;}
.header .pc-header-menu .nav .nava a {font-size:.875rem}
.header .pc-header-menu .nav .navdrop .lia {font-size:.875rem}
}









/*****************************header-ri start*****************************/
.header .header-ri{ position: absolute;right:0;top:0;height:100%;display:-ms-flexbox;display:flex;align-items:center;justify-content:flex-end; }
/*line*/
.header .header-ri .m-nav-line{width:1px;height:1.25rem;background:rgba(255,255,255,0.5);margin:.625rem .9375rem;transition:all 0.4s}
/*m-nav-lan*/
.header .header-ri .m-nav-lan .language{display:-ms-flexbox;display:flex;align-items:center;cursor:pointer;transition:all 0.4s}
.header .header-ri .m-nav-lan .language svg{width:1.5rem;height:1.5rem;margin:.3125rem .3125rem}
.header .header-ri .m-nav-lan .language svg path{fill:#fff;transition:.6s ease}
.header .header-ri .m-nav-lan .language span{font-size:.875rem;line-height:1.875rem;font-weight:500;color:#FFFFFF;margin:0 .1875rem 0 0;transition:all 0.4s}
/*headerWhite m-nav-lan*/
.headerWhite .header .header-ri .m-nav-lan .language svg path,
.header.onsb .header-ri .m-nav-lan .language svg path{fill:#000;}
.headerWhite .header .header-ri .m-nav-lan .language span,
.header.onsb .header-ri .m-nav-lan .language span{color:#000;}
.headerWhite .header .header-ri .m-nav-line,
.header.onsb .header-ri .m-nav-line{background:rgba(0, 0, 0, 0.5);}





/*m-nav-btn*/
.m-nav-btn{height:1.875rem;width:1.875rem; float:left; position:relative;display:block;cursor:pointer;-moz-transition-duration:.5s;-webkit-transition-duration: .5s;-o-transition-duration:.5s;transition-duration:.5s; }
.m-nav-btn .line{display:inline-block;height:.125rem;width:1.25rem;position:absolute;left:0;transition:all 0.4s}
.m-nav-btn .line:after{ content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;animation:long 2s linear infinite;}
.m-nav-btn .line1{top:.4375rem;}
.m-nav-btn .line2{top:.9375rem;width:.9375rem;}
.m-nav-btn .line2:after{animation:long 2s linear infinite;animation-delay:400ms}
.m-nav-btn .line3{top:1.4375rem;width:.625rem;}
.m-nav-btn .line3:after{animation:long 2s linear infinite;animation-delay:600ms}
@keyframes long{0%{width:.5rem}25%{width:1rem}50%{width:1.375rem}75%{width:1rem}100%{width:.5rem}}
.m-nav-btn.active .line{background-color:#fff;}
.m-nav-btn.active .line1{transform: rotate(45deg);width:1.375rem;animation:none;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;  transform-origin: left top 0; }
.m-nav-btn.active .line2{display:none; }
.m-nav-btn.active .line3{transform: rotate(-45deg);width:1.375rem;animation:none;-webkit-transform-origin: left bottom 0;  -ms-transform-origin: left bottom 0;  transform-origin: left bottom 0; }
/*headerWhite .m-nav-btn*/
.headerWhite .m-nav-btn.active .line,
.header.onsb .m-nav-btn.active .line,
.headerWhite .m-nav-btn .line:after,
.header.onsb .m-nav-btn .line:after{background-color:rgba(0, 0, 0, 0.3);}
@media screen and (max-width:1150px) {
.m-nav-btn{margin-left:.625rem;}
}



/**************************ServiceSearch**************************/
.ServiceSearch{position:relative;width:10rem;border: 1px solid rgba(255,255,255,0.5);border-radius: 2rem;margin-right:0.625rem;background:rgba(0,0,0,0.05);}
/* .ServiceSearch::before{content:'';position:absolute;right:0;bottom:0;width:100%;height:.0625rem;background:rgba(255,255,255,0.5);}
.ServiceSearch::after{content:'';position:absolute;right:0;bottom:0;width:.0625rem;height:.75rem;background:rgba(255,255,255,0.5);} */
.ServiceSearch .search-cancel{position: absolute;right:0.625rem;top: 50%;margin-top: -0.625rem;cursor: pointer;}
.ServiceSearch input.text{font-size:1rem;height: 2rem;line-height: 2rem;border-radius:0;padding-left:2.3rem;padding-right:1.25rem;margin-bottom:0;font-weight:normal;color:#fff;width:100%;background:transparent;display:block;border:none;}
.ServiceSearch input.text::-webkit-input-placeholder{color:#fff;opacity:1}
.ServiceSearch input.text::-moz-placeholder,
.ServiceSearch input.text::-ms-input-placeholder,
.ServiceSearch input.text::placeholder{color:#fff;opacity:1;}
.ServiceSearch .searchbtn {display:inline-block;/* width:1.25rem; */width:2.3rem;height: 2rem;font-size:0;margin-right:0;border-radius:0;margin-bottom:0;text-align:center;border:none;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;background:url("../images/top-search.png") no-repeat center center;background-size:1rem;position:absolute;left:0;top:0;z-index:5;}
.ServiceSearch svg path{fill:#fff;fill-opacity:1;}
/*headerWhite .m-nav-btn*/
.headerWhite .m-nav-btn.cur .line,
.header.onsb .m-nav-btn.cur .line,
.headerWhite .m-nav-btn .line:after,
.header.onsb .m-nav-btn .line:after{background-color:#000;}

.headerWhite .m-nav-btn.cur .line,
.header.onsb .m-nav-btn.cur .line,
.headerWhite .m-nav-btn .line:after,
.header.onsb .m-nav-btn .line:after{background-color:#000;}

.headerWhite .ServiceSearch svg path,
.header.onsb .ServiceSearch svg path{fill:#070707;fill-opacity:0.85;}

.headerWhite .ServiceSearch input.text,
.headerWhite .ServiceSearch input.text::-webkit-input-placeholder{color:#000000;}
.headerWhite .ServiceSearch input.text::-moz-placeholder,
.headerWhite .ServiceSearch input.text::-ms-input-placeholder,
.headerWhite .ServiceSearch input.text::placeholder{color:#000000;}

.header.onsb .ServiceSearch input.text,
.header.onsb .ServiceSearch input.text::-webkit-input-placeholder{color:#000000;}
.header.onsb .ServiceSearch input.text::-moz-placeholder,
.header.onsb .ServiceSearch input.text::-ms-input-placeholder,
.header.onsb .ServiceSearch input.text::placeholder{color:#000000;}


.header.onsb .ServiceSearch input.text::-webkit-input-placeholder{color:#000;}
.headerWhite .ServiceSearch input.text::-webkit-input-placeholder{color:#000;}
.header.onsb .ServiceSearch input.text,
.header.onsb .ServiceSearch input.text::-moz-placeholder,
.header.onsb .ServiceSearch input.text::-ms-input-placeholder,
.header.onsb .ServiceSearch input.text::placeholder,
.headerWhite .ServiceSearch input.text,
.headerWhite .ServiceSearch input.text::-moz-placeholder,
.headerWhite .ServiceSearch input.text::-ms-input-placeholder,
.headerWhite .ServiceSearch input.text::placeholder{color:#fff;}
.header.onsb .ServiceSearch::before,
.header.onsb .ServiceSearch::after,
.header.onsb .ServiceSearch::before,
.header.onsb .ServiceSearch::after,
.headerWhite .ServiceSearch::before,
.headerWhite .ServiceSearch::after,
.headerWhite .ServiceSearch::before,
.headerWhite .ServiceSearch::after{background:rgba(0, 0, 0, 0.3);}
.header.onsb .ServiceSearch .searchbtn,
.headerWhite .ServiceSearch .searchbtn {background-image:url("../images/top-search2.png");}
.header.onsb .ServiceSearch,
.headerWhite .ServiceSearch{border-color:#979797;background:rgba(255, 255, 255, 0.5);}

@media screen and (max-width:1200px) {
.ServiceSearch{width:12.5rem;}
}
@media screen and (max-width:1150px) {
.ServiceSearch{width:100%; margin: 0 auto;}
}
@media screen and (max-width:1150px) {
.ServiceSearch{ display: none;}
.m-nav-line2{display: none;}
}




/*headerBlack header*/
.headerBlack .header{background:#000;}
.headerBlack  .header .header-logo img {display:block!important;}
.headerBlack  .header .header-logo img.logo2{display:none!important;}
/*headerBlack .pc-header-menu*/
.headerBlack .header .pc-header-menu .nav .nava a{color:#fff!important;}
.headerBlack .header .header-ri .m-nav-lan .language svg path{fill:#fff!important;}
.headerBlack .header .header-ri .m-nav-lan .language span{color:#fff!important;}
.headerBlack .header .header-ri .m-nav-line{background:rgba(255, 255, 255, 0.5)!important;}
/*headerBlack pc-header-menu erji*/
.headerBlack .header .pc-header-menu .nav .navdrop{background-color:rgba(0, 0, 0, 0.8);}
.headerBlack .header .pc-header-menu .nav .navdrop .lia a{color:#ffffff;}
.headerBlack .header .pc-header-menu .nav .navdrop .lia a:hover{color:#ff6900;}
/*headerBlack .m-nav-btn*/
.headerBlack .m-nav-btn.active .line,
.headerBlack .m-nav-btn .line:after{background-color:#fff!important;}
/*headerBlack .ServiceSearch*/
.headerBlack .ServiceSearch input.text::-webkit-input-placeholder{color:#ffffff!important;}
.headerBlack .ServiceSearch input.text,
.headerBlack .ServiceSearch input.text::-moz-placeholder,
.headerBlack .ServiceSearch input.text::-ms-input-placeholder,
.headerBlack .ServiceSearch input.text::placeholder{color:#ffffff!important;}
.headerBlack .ServiceSearch::before,
.headerBlack .ServiceSearch::after,
.headerBlack .ServiceSearch::before,
.headerBlack .ServiceSearch::after{background:rgba(255, 255, 255, 0.3);}
.headerBlack .ServiceSearch .searchbtn {background-image:url("../images/top-search.png")!important;}


/**********************mobile Search**********************/
/*header-search-btn*/
.header-search-btn{width:1.875rem;height:1.875rem;float:left;position:relative;cursor:pointer;-moz-transition-duration:.5s;-webkit-transition-duration: .5s;-o-transition-duration:.5s;transition-duration:.5s;cursor:pointer;background:url("../images/top-search.png") no-repeat center center;background-size:70%;  z-index:5; display: none; margin-right:0.25rem;}
.headerWhite .header-search-btn,
.header.onsb .header-search-btn{background-image:url("../images/top-search2.png");}
@media screen and (max-width:1150px) {
.header-search-btn{display:block;}
}
/*header-menu*/
.header-search{overflow-x:hidden;position:fixed;background:#fff;height:calc(100vh - 3.125rem);z-index:9999;top:0;transition:all .24s cubic-bezier(0.26,0,0.6,0.2)}
.header-search .header-searchB{max-width:56.25rem;margin:0 auto}
.header-search.search-hide{visibility:hidden;overflow-x:hidden;height:0;width:0;top:-3.125rem;opacity:0;transition:opacity .2s cubic-bezier(0.26,0,0.6,0.2)}
.header-search.search-show{visibility:visible;overflow-x:unset;height:auto;/*height:100vh;*/width:100%;top:0;opacity:1;transition:unset}
.header-search.search-show .search,
.header-search.search-show .search svg:first-child,
.header-search.search-show .search input{transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.2)}
.header-search.search-show .search .search-box{border:1px solid #dcdcdc}
.header-search.search-show .search .search-box svg path{fill-opacity:.85}
.header-search.search-show .search input{color:rgba(0,0,0,0.95)}
.header-search.search-show .search-list{opacity:1;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)}
.header-search .search{display:flex;padding:1.5rem 1rem;align-items:center;justify-content:space-between;transform:translateX(1.875rem)}
.header-search .search::before{content:'';display:none}
.header-search .search .search-box{display:flex;flex:1;background:rgba(0,0,0,0.06);border-radius:2rem;padding:0 .75rem;align-items:center;box-sizing:border-box}
.header-search .search .search-close{color:rgba(0,0,0,0.75);font-size:1.125rem;line-height:1.5rem;margin-left:1rem;padding-right:.25rem;cursor:pointer;white-space:nowrap}
.header-search .search svg:first-child{margin-right:5px;transform:translateX(30px)}
.header-search .search input{flex:1;font-size:1.125rem;line-height:2.5rem;outline:0;border:0;padding:0;color:rgba(0,0,0,0.3);background:transparent;transform:translateX(30px)}
.header-search .search-list{position:unset;top:0;width:100%;max-height:calc(100vh - 3.25rem);opacity:0;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)}
.header-search .search-list .search-list-box{border:0;box-shadow:none;border-radius:0;margin-top:0}
.header-search  .search input::placeholder{color:#313131}
.header-search  .search input:focus{color:#000000 !important}
.header-search  .search input:focus::placeholder{color:rgba(0, 0, 0, 0.6)}
.header-search .topbtn{display: inline-block;width: 2.5rem !important;height: 2.5rem;background: url(../images/top-search2.png) no-repeat center center;background-size: 1.125rem;border: 0;outline: 0;cursor: pointer; }
/*mask-bg*/
.mask-bg{position:fixed;width:100%;height:100vh;opacity:0;z-index:9998;visibility:hidden}
.mask-bg.show{-webkit-transition:all .5s;transition:all .5s;opacity:1;background:rgba(0,0,0,0.3);;visibility:visible}



/****************************subMenu****************************/
/*subMenu*/
.subMenu .w1500{height:100%;}
.subMenu .subMenuB{display:-ms-flexbox;display:-ms-flexbox;display:flex;height:100%;background-color:#fff;align-items: center;padding-top:5rem;}
.subMenu .list-img{overflow:hidden;-ms-flex-preferred-size:50%;flex-basis:50%;background-color:#f5f5f5;position:relative; z-index: 1; }
.subMenu .list-img .animated-img{display:-ms-flexbox;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;height:100%;-webkit-transition: all 20s ease-in-out;-moz-transition: all 20s ease-in-out;-o-transition: all 20s ease-in-out;transition: all 20s ease-in-out;background-position:center; background-repeat:no-repeat; background-size:cover;}
.subMenu:hover .list-img .animated-img{-webkit-transform:scale(1.3);transform:scale(1.3)}
/*menuClose*/
.subMenu .menuClose{opacity:1;transition:opacity .25s;font-weight:700; position:absolute;right:5vw;top:5vw; z-index:99; cursor: pointer;}
.subMenu .menuClose:hover{opacity:.6}
.subMenu .menuClose svg path{fill:#fff;transition:.6s ease}
/*menutit*/
.subMenu .menutit{ position:relative;}
.subMenu .menutit h2{font-weight:bold;color:#9ea0ae;font-size:20px; line-height:40px; padding:25px 0; margin-bottom:30px;}
/*subMenu*/
.subMenu .list-wrap{display:block;overflow-y:auto;-ms-flex:1;flex:1;display:-ms-flexbox;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column; position:relative; z-index:1;}
.subMenu .list-wrap::-webkit-scrollbar{width:5px;height:5px;background-color:rgba(255, 255, 255, 0.2);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:none;}
.subMenu .list-wrap::-webkit-scrollbar-thumb{ background-color:rgba(200, 200, 200, 1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}	
/*menuOne*/
.subMenu .menuOne{display:-ms-flexbox;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;}
.subMenu .menuOne li {line-height: normal;width: 100%;}
.subMenu .menuOne li .a1{font-weight:bold;font-size:16px;line-height:40px;color:#000;}
/*menulx*/
.subMenu .menulx .t{padding-left:25px; background-position:left center;background-repeat: no-repeat;background-size:16px;font-size:16px;line-height:40px;color:#000;}
.subMenu .menulx .t strong{color:#646464; display:inline-block; padding-right:10px;}
.subMenu .menulx .t.mail{background-image:url("../images/menu-mail.png"); }
.subMenu .menulx .t.tel{background-image:url("../images/menu-tel.png"); }
.subMenu .menulx .t.fax{background-image:url("../images/menu-fax.png"); }
@media screen and (max-width: 768px) {
.subMenu {position:fixed;overflow:auto;height:100vh;width:100%;right:0;top:0;z-index:10000;/*display:none;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0; */ display:block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.subMenu.show{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
.subMenu .subMenuB{display:block!important;}
/* .subMenu .list-img{ display:none;} */
.subMenu .menutit h2{padding:15px 0;}
.subMenu .list-wrap{ /* display:block!important;  */padding:0 30px; height:100vh;align-content: center; text-align: center;}
.subMenu .menuOne{display:block!important; margin-bottom:30px;}
}



.subMenu{position:fixed;z-index:1900;background-color:#333333;top:0;left:0;width:100%;height:100vh;-webkit-transition:opacity .1s linear 0.1s,visibility .1s linear 0.1s;transition:opacity .1s linear 0.1s,visibility .1s linear 0.1s;visibility:hidden;opacity:0}
.subMenu.show{-webkit-transition:opacity .3s linear,visibility .3s linear;transition:opacity .3s linear,visibility .3s linear;visibility:visible;opacity:1}
.subMenu::after,
.subMenu::before{z-index:1;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.subMenu::before{background-color:#333333}
.subMenu::after{ background-color:#000;-webkit-transform:translateX(-100%);transform:translateX(-100%);display:-webkit-box;display:-ms-flexbox;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;/* -webkit-animation:navCloseWhite 0.1s ease forwards;animation:navCloseWhite 0.1s ease forwards */ display: none;}
.subMenu.show::after{-webkit-animation:navOpenWhite 2.3s ease forwards;animation:navOpenWhite 2.2s ease forwards; display: block;}

@-webkit-keyframes navCloseWhite{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}40%{-webkit-transform:translateX(-55%);transform:translateX(-55%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes navCloseWhite{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}40%{-webkit-transform:translateX(-55%);transform:translateX(-55%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@-webkit-keyframes navOpenWhite{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}30%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes navOpenWhite{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}30%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-140%);transform:translateX(-140%)}}
@media (max-width:767px){
	.subMenu::after{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:navCloseWhiteSp 1.7s ease forwards;animation:navCloseWhiteSp 1.7s ease forwards}
	.subMenu.show::after{-webkit-animation:navOpenWhiteSp 2.3s ease forwards;animation:navOpenWhiteSp 2.2s ease forwards}
}
@-webkit-keyframes navOpenWhiteSp{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}30%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
@keyframes navOpenWhiteSp{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}30%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
@-webkit-keyframes navCloseWhiteSp{0%{-webkit-transform:translateY(-80%);transform:translateY(-80%)}30%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
@keyframes navCloseWhiteSp{0%{-webkit-transform:translateY(-80%);transform:translateY(-80%)}30%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}


.subMenu{background-color:transparent;}
.subMenu .subMenuB{background-color:transparent;}
.subMenu .list-img{background-color:transparent;}
.subMenu .list-img .animated-img{ height:100%; z-index:2;}

.list-img .animated-img{overflow:hidden;position:relative;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-animation:navImgClose 1s linear forwards;animation:navImgClose 1s linear forwards}
.subMenu.show .list-img .animated-img{width:100%;-webkit-animation:navImgOpen 0;animation:navImgOpen 0}

@-webkit-keyframes navImgOpen{100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes navImgOpen{100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes navImgClose{0%{-webkit-transform:translateX(0);transform:translateX(0)}90%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes navImgClose{0%{-webkit-transform:translateX(0);transform:translateX(0)}90%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}


.list-img .animated-img::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;-webkit-animation:navImgWhiteClose .8s ease-out forwards;animation:navImgWhiteClose .8s ease-out forwards}
.subMenu.show .list-img .animated-img::before{-webkit-animation:navImgWhiteOpen 1.5s ease-in-out 1.3s forwards;animation:navImgWhiteOpen 1.5s ease-in-out 1.3s forwards}

@-webkit-keyframes navImgWhiteOpen{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes navImgWhiteOpen{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@-webkit-keyframes navImgWhiteClose{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}30%{-webkit-transform:translateX(40%);transform:translateX(40%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes navImgWhiteClose{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}30%{-webkit-transform:translateX(40%);transform:translateX(40%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@media screen and (max-width:768px) {
.list-img .animated-img{-webkit-animation:navImgClose .6s ease-out forwards;animation:navImgClose .6s ease-out forwards}
.list-img .animated-img::before{-webkit-animation:navImgWhiteClose .7s ease-out forwards;animation:navImgWhiteClose .7s ease-out forwards}

.subMenu{background-color:#000;}
}




.subMenu .overlay-logo a{height:inherit;display:block;-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0;visibility:hidden;-webkit-transition:opacity .6s ease 0s,visibility 1s ease 0s,-webkit-transform 1s ease 0s;
transition:opacity .6s ease 0s,visibility 1s ease 0s,transform 1s ease 0s,-webkit-transform 1s ease 0s
}
.subMenu.show .overlay-logo a{
	-webkit-transition:opacity 1s ease .5s,visibility 1s ease .5s,-webkit-transform 1s ease .5s;
	transition:opacity 1s ease .5s,visibility 1s ease .5s,transform 1s ease .5s,-webkit-transform 1s ease .5s;
	-webkit-transform:translateX(0);transform:translateX(0);visibility:visible;opacity:1
}


.subMenu .menutit{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;visibility:hidden;
	-webkit-transition:opacity .6s ease 0s,visibility 1s ease 0s,-webkit-transform 1s ease 0s;
	transition:opacity .6s ease 0s,visibility 1s ease 0s,transform 1s ease 0s,-webkit-transform 1s ease 0s
}
.subMenu.show .menutit{-webkit-transition:opacity 1s ease .5s,visibility 1s ease .5s,-webkit-transform 1s ease .5s;
	transition:opacity 1s ease .5s,visibility 1s ease .5s,transform 1s ease .5s,-webkit-transform 1s ease .5s;
	-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1;
}


.subMenu .menuOne{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;visibility:hidden;
	-webkit-transition:opacity .6s ease 0s,visibility 1s ease 0s,-webkit-transform 1s ease 0s;
	transition:opacity .6s ease 0s,visibility 1s ease 0s,transform 1s ease 0s,-webkit-transform 1s ease 0s
}
.subMenu.show .menuOne{
	-webkit-transition:opacity 1s ease .7s,visibility 1s ease .7s,-webkit-transform 1s ease .7s;
	transition:opacity 1s ease .7s,visibility 1s ease .7s,transform 1s ease .7s,-webkit-transform 1s ease .7s;
	-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1;
}


.subMenu .menulx{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;visibility:hidden;
	-webkit-transition:opacity .6s ease 0s,visibility 1s ease 0s,-webkit-transform 1s ease 0s;
	transition:opacity .6s ease 0s,visibility 1s ease 0s,transform 1s ease 0s,-webkit-transform 1s ease 0s
}
.subMenu.show .menulx{
	-webkit-transition:opacity 1s ease .9s,visibility 1s ease .9s,-webkit-transform 1s ease .9s;
	transition:opacity 1s ease .9s,visibility 1s ease .9s,transform 1s ease .9s,-webkit-transform 1s ease .9s;
	-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1
}

.subMenu .menuShare{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;visibility:hidden;
	-webkit-transition:opacity .6s ease 0s,visibility 1s ease 0s,-webkit-transform 1s ease 0s;
	transition:opacity .6s ease 0s,visibility 1s ease 0s,transform 1s ease 0s,-webkit-transform 1s ease 0s
}
.subMenu.show .menuShare{
	-webkit-transition:opacity 1s ease 1.2s,visibility 1s ease 1.2s,-webkit-transform 1s ease 1.2s;
	transition:opacity 1s ease 1.2s,visibility 1s ease 1.2s,transform 1s ease 1.2s,-webkit-transform 1s ease 1.2s;
	-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1;
}





/*subMenu-logo*/
.subMenu .list-img{/* padding-top:5rem; padding-bottom: 5rem; */min-height: 37.5rem;}
.subMenu .subMenu-logo{display:block; }
.subMenu .subMenu-logo img{height:5.6875rem;}
/*subMenu-lx*/
.subMenu .list-lx{padding-top: 5.75rem;padding-bottom:3.125rem; max-width: 16.875rem;}
.subMenu .subMenu-lx {font-size:1rem;line-height:1.5;color:#fff; font-weight: 500; margin-bottom: 2.5rem; }
.subMenu .subMenu-lx .tit{color:#888888; font-size: 1.125rem;}
/*list-lan*/
.subMenu .subMenu-lan a{display:inline-block; width: 10rem;color:#fff;font-size:1rem;font-weight: 500;line-height:2.875rem; position:relative; margin-right:1.625rem;border-radius:2.875rem;text-align: center; background-color: #484848;}
.subMenu .subMenu-lan a:hover{background-color: #ff6900;}
/*subMenu-nav*/
.subMenu .list-wrap{display:-ms-flexbox;display:flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;/*  padding-top: 5rem;padding-bottom: 5rem; */min-height: 37.5rem;}
.subMenu .subMenu-nav{ width:50%; margin-bottom: 1rem;}
.subMenu-nav .li{ padding-right: 6.25rem;}
.suba{margin-bottom:.625rem;}
.suba a{ display: block;font-size: 1.5rem;color: #fff; padding-bottom:.625rem;border-bottom:1px solid transparent; position: relative;}
.suba a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#ff6900;transition:all .5s;}
.suba a:hover{color: #ff6900;}
.subMenu-nav .li.active .suba a:after{width:100%;}
.subdrop{ display:none;}
 .subMenu-nav .li.active .subdrop{ display:block;}
.subdrop .lia a{display:block;color:#888888;font-size:1rem;line-height:2.875rem; position:relative;transition:all .5s; font-weight: 500;}
.subdrop .lia a:hover{color:#fff;}
.subdrop .lia a span{display:inline-block;padding-left:1.625rem; position: relative;transition:all .5s;} 
.subdrop .lia a span:after{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:#fff;transition:all .5s;}
.subdrop .lia a:hover span:after{ width:1.25rem;}
.subdrop .lia a:hover span{padding-left:2.25rem;} 
@media screen and (max-width:1220px) {
.subMenu .subMenu-logo img{height:4rem;}
.suba a{font-size: 1.25rem;}
.subMenu .subMenu-lan a{width:8rem;font-size:0.875rem;line-height:2.5rem;margin-right:1rem;border-radius:2.5rem;}
}
@media screen and (max-width:1024px) {
.subMenu-nav .li{ margin-left:1rem;padding-right:3rem;}	
.subMenu .subMenu-logo img{height:4rem;}
.suba a{font-size: 1.25rem;}
.subMenu .subMenu-lan a{width:8rem;font-size:0.875rem;line-height:2.5rem;margin-right:1rem;border-radius:2.5rem;}
}
@media screen and (max-width:768px) {
	.subMenu .subMenu-nav{ width:100%; margin-bottom:0;padding-top:5vw;}
	.subMenu .subMenuB{    padding-top: 0;}
	.subMenu .subMenu-nav.subMenu-nav2{padding-top:0;padding-bottom:5vw;}
    .subMenu-nav .li .suba a:after{display:none!important;}
	 .subMenu-nav .li .subdrop{ display:none!important;}

	 .subMenu-nav .li{margin-left: 0;padding-right: 0;}	


	 .subMenu .list-lx{display:none;}
.subMenu .overlay-logo{position: fixed;top:4vw;left:10vw;}
.subMenu .list-img{min-height:0; z-index:3;}
.subMenu .subMenu-logo img{height:2.5rem;}
.subMenu-lan{ position: fixed;bottom:5vw;left:0;right:0; margin: 0 auto;text-align: center;z-index: 1;}
.subMenu .list-wrap{z-index: 2;min-height:0; }


.subMenu .subMenu-lan{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;visibility:hidden;
	-webkit-transition:opacity .6s ease 0.6s,visibility 1s ease  0.6s,-webkit-transform 1s ease  0.6s;
	transition:opacity .6s ease  0.6s,visibility 1s ease  0.6s,transform 1s ease  0.6s,-webkit-transform 1s ease  0.6s}
.subMenu.show .subMenu-lan{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}

.subMenu .list-wrap{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;visibility:hidden;
	-webkit-transition:opacity .6s ease 0.4s,visibility 1s ease  0.4s,-webkit-transform 1s ease  0.4s;
	transition:opacity .6s ease  0.4s,visibility 1s ease  0.4s,transform 1s ease  0.4s,-webkit-transform 1s ease  0.4s;
}
.subMenu.show .list-wrap{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}
.subMenu::after{ z-index: 2;}

}



/*****************************foote start*****************************/
/*footer*/
.footer {background:url("../images/bottombg.jpg") no-repeat center bottom #000000;background-size:100%;}
.footer .footer-top{padding-top:4.375rem;padding-bottom:10rem;}
.footer .footer-topB{display:-ms-flexbox;display:flex;justify-content:space-between;}
.footer .footer-left{ width: 80%;}
.footer .footer-leftB{display:-ms-flexbox;display:flex;justify-content:space-between;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;flex-direction: row;}
/*footer-logo*/
.footer .footer-logo{display:block;}
.footer .footer-logo img{height:2.1875rem;}
/*footer-lx*/
.footer .footer-lx {font-size:1.125rem;line-height:1.5;color:#fff; font-weight: 500;     flex: 0 0 calc(100% / 4 - 2rem);margin-right:2rem;}
.footer .footer-lx .tit{color:#aeaeae; }
.footer .footer-lx:nth-child(4) .wz{max-width:15.875rem;}
/*footer-nav*/
.footer .footer-nav ul{margin:0;padding:0;list-style-type:none;height:auto;font-size:0;text-align:left;display:inline-block; margin-bottom: .875rem;}
.footer .footer-nav li{display:inline-block;*display:inline;zoom:1;font-size:0;line-height:0;padding:0;margin:0;vertical-align:top;}
.footer .footer-nav li a{display:inline-block;color:#fff;font-size:1rem;line-height:1.875rem; position:relative; margin-right:1.625rem;}
.footer .footer-nav li a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:.0625rem;background:#ff6900;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.footer .footer-nav li a:hover:after{width:100%;right:auto;left:0}
.footer .footer-nav li a:hover{color:#ff6900;}
/*footer-code*/
.footer .footer-right{ width:20%;}
.footer .footer-rightB{display:-ms-flexbox;display:flex;justify-content:flex-end;}
/*footer-copyright*/
.footer .footer-copyright{padding-top:33px;padding-bottom:4.375rem;font-size:.875rem;line-height:1.5;color:rgba(255, 255, 255, 0.5);}
.footer .footer-copyright a{color:rgba(255, 255, 255, 0.5);}
.footer .footer-copyright a:hover{color:#ff6900;}
.footer .footer-beian{ margin-top: .4375rem;}
@media screen and (max-width:1200px) {
.footer .footer-lx {flex: 0 0 calc(100% / 2 - 2rem); margin-bottom: 1rem;}
}
@media screen and (max-width:1024px) {
.footer .footer-top{padding-top:4.375rem;padding-bottom:5.625rem;}
.footer .footer-logo{margin-bottom:1.25rem;}
.footer .footer-logo img{height:2rem;}
.footer .footer-nav ul{margin-right:-3.125rem;}
.footer .footer-nav li a{font-size:1rem;margin-right:3.125rem;}
.footer .footer-lx {font-size:1rem;}
.footer .footer-code{font-size:.8125rem;}
.footer .footer-code img{width:7.5rem;border-radius:.5rem;}
.footer .footer-copyright{padding-top:1.875rem;padding-bottom:1.875rem;font-size:.8125rem;line-height:1.5;}

.footer .footer-lx {flex: 0 0 calc(100% / 2 - 2rem); margin-bottom: 1rem;}
}
@media screen and (max-width:768px) {
.footer .footer-top{padding-top:3.125rem;padding-bottom:4.375rem;}
.footer .footer-rightB{justify-content: center;}
.footer .footer-logo{margin-bottom:.9375rem; text-align: center;}
.footer .footer-logo img{height:2rem;}
.footer .footer-nav ul{margin-right:-2.5rem;}
.footer .footer-nav li a{font-size:.875rem;margin-right:2.5rem;}
.footer .footer-lx {font-size:.75rem;line-height:1.5;text-align: center;}
.footer .footer-code{font-size:.75rem;}
.footer .footer-code img{width:6.25rem;border-radius:.3125rem;}
.footer .footer-copyright{padding-top:1.5625rem;padding-bottom:1.5625rem;font-size:.75rem;}

.footer .footer-lx:nth-child(4) .wz{margin: 0 auto;}
}
@media screen and (max-width:768px) {
.footer .footer-top{padding-top:3.125rem;padding-bottom:3.125rem;}
.footer .footer-topB{flex-wrap:wrap;}
.footer .footer-left{width:100%;}
.footer .footer-right{width:100%; padding-top: 1.875rem;}
.footer .footer-rightB{padding-left:0;}
.footer .footer-logo{margin-bottom:.625rem; text-align:center;}
.footer .footer-logo img{height:2rem;}

.footer .footer-nav ul{display:block;margin-right:0;}
.footer .footer-nav li{display:block;}
.footer .footer-nav li a{display:block;font-size:.875rem;box-sizing:border-box;padding:.9375rem 0;margin-right:1.875rem;margin:0 auto; position:relative;border-bottom: .0625rem solid rgba(255,255,255,0.1);}
.footer .footer-nav li a::before{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-0.3125rem;height:.625rem;width:.625rem;background:url(../images/icon-m.png) right center no-repeat;background-size:100%;}
.footer .footer-nav li a{padding:.3125rem 0;font-size:.875rem;display:block;}
.footer .footer-copyright{padding-top:1.25rem;padding-bottom:1.25rem;text-align: center;}
.footer .footer-lx {font-size:1rem;flex: 0 0 100%;margin-right:0;margin-bottom: 1rem;}
}




/*footer-social*/
.footer-social{margin:0;padding:0;list-style-type:none;line-height: 0;font-size: 0;display:-ms-flexbox;display:flex;align-items:center;}
.footer-social li{position:relative;cursor:pointer;margin:0 .3125rem;list-style: none; line-height: 0;font-size: 0;}
.footer-social li:last-child{margin-right:0;}
.footer-social li .dpa{display:block;width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:50%; background-color: #323232;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.footer-social li .dpa:hover{background-color: #ff6900;}
.footer-social li .dpa img{padding:.625rem;display:block;max-width: 100%;max-height: 100%;opacity: 0.5;}
.footer-social li .dpa:hover img{opacity:1;}
.footer-social li .popup{display:none;position:absolute;bottom:1.625rem;right:-0.3125rem;width:8.625rem;height:9.625rem}
.footer-social li .er-code{padding:.25rem;border-radius:.25rem;background:#fff;-ms-box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.1);-o-box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.1);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.1)}
.footer-social li .er-code img{width:8.125rem;height:8.125rem}
.footer-social li .triangle{position:absolute;background:#fff;-ms-box-shadow:4px 4px 8px rgba(0,0,0,.1);-o-box-shadow:4px 4px 8px rgba(0,0,0,.1);box-shadow:4px 4px 8px rgba(0,0,0,.1);z-index:8;width:11px;height:11px;bottom: 18px;right: 22px;transform:translateY(50%) rotate(45deg);}

@media screen and (max-width:768px) {
.footer-social{text-align:center; margin: 0 auto;    justify-content: center;}
.footer-social li .er-code{padding:8px;}
}
/*popBox*/
@media (min-width:768.1px){
.footer-social li .popup{display:none;position:absolute;bottom:2.5rem;right: 50%;margin-right: -4.3125rem;width:8.625rem;height:9.625rem;}
.footer-social li .er-code{padding:.25rem;border-radius:.25rem;background:#fff;-ms-box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.1);-o-box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.1);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.1);position:relative;z-index:2;}
.footer-social li .er-code img{width:8.125rem;height:8.125rem}
.footer-social li .triangle{position:absolute;background:#fff;-ms-box-shadow:.25rem .25rem .5rem rgba(0,0,0,.1);-o-box-shadow:.25rem .25rem .5rem rgba(0,0,0,.1);box-shadow:.25rem .25rem .5rem rgba(0,0,0,.1);z-index:0;width:.6875rem;height:.6875rem;bottom:1.05rem;right: 50%;transform: translateX(50%) translateY(50%) rotate(45deg);}
.footer-social li:hover .popup{display:block;}
}
@media screen and (max-width:768px) {
.footer-social li{margin-left:1rem; position: static;}
.footer-social li .dpa{width:2.3rem;height:2.3rem;line-height:2.3rem;line-height:normal;}
.footer-social li .dpa img{padding:.5rem;}
.footer-social li .popup{bottom:2.3rem;}

.overhide{overflow: hidden;}

/*popupCode弹窗二维码*/
.footer-social li .triangle{display:none;}
.footer-social li .popup{display:none;position:fixed;z-index:10000;left:0;right:0;top:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center}
.footer-social li .popup.active{display:flex}
.footer-social li .popup .er-code{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative}
.footer-social li .popup .er-code img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;}

.footer-social .close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#666;cursor:pointer;transition:background-color 0.3s;background-image:url('../images/icon-close2.png');background-position: center center; background-repeat: no-repeat;background-size:.75rem;}
.footer-social .close-btn:hover{background-color:#f0f0f0}
.footer-social .popup.active .er-code{animation:fadeIn 0.3s ease-out forwards}
}
@media screen and (max-width:540px) {
.footer-social li{margin-left:.875rem;}
.footer-social li .dpa{width:2.125rem;height:2.125rem;line-height:2.125rem;}
.footer-social li .dpa img{padding:.5rem;}
}




/*****************************************index*****************************************/
/*indexBanner*/
.indexBanner{position:relative;overflow:hidden;}
.indexBanner .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;}
.indexBanner,
.indexBanner .bannerimg,
.indexBanner .item{height:100vh;height:100dvh;}

/*bannerimg*/
.indexBanner .item{display:block; position: relative; z-index: 4;}
.indexBanner .item::after{content:""; position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);background-size:100% 100%; z-index:3;pointer-events:none; }
.indexBanner .bannerimg{display:block;position:relative;width:100%;z-index:0;}
.indexBanner .bannerimg>div{position:static!important;}
.indexBanner .bannerimg img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
.indexBanner .bannerimg img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease;}
.indexBanner .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);}
.indexBanner .bannerVideoB{overflow:hidden;position:absolute;height:100%;z-index:1;top:0; width:100%; left:0;}
/* .indexBanner .bannerVideoB::after{content:""; position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index:1;} */
.indexBanner .bannerVideoB>div{position:static!important;}
.indexBanner .bannerVideoB video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:1;}
@media screen and (max-width:1200px){
.indexBanner .swiper-slide{height:60vw;}
.indexBanner{height:60vw;}
.indexBanner .item{height:60vw;}
.indexBanner .bannerimg{height:60vw;}
}






/*bannerWz*/
.indexBanner .bannerWz{z-index:5;color: #fff;font-weight:normal;position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); }
.indexBanner .bannerWz .tit{font-size:3.125rem;font-weight:600;line-height:1;}
.indexBanner .bannerWz .des{font-size:2.875rem;font-weight:600;margin-top: 1.875rem;line-height:1.2;}
@media screen and (max-width:1200px){
.indexBanner .bannerWz .tit{font-size:2rem;}
.indexBanner .bannerWz .des{font-size:1.5rem;margin-top:1.5rem;}
}
@media screen and (max-width:1024px){
.indexBanner .bannerWz .tit{font-size:24px;}
.indexBanner .bannerWz .des{font-size:1rem;margin-top:1rem;}
}

/* @media screen and (max-width:1000px){
.indexBanner .bannerWz .tit{font-size:1.5rem;}
.indexBanner .bannerWz .des{font-size:1.25rem;margin-top:1rem;}
}
@media screen and (max-width:768px){
.indexBanner .bannerWz .tit{font-size:1.3rem;}
.indexBanner .bannerWz .des{font-size:1rem;margin-top:1rem;}
}
@media screen and (max-width:750px){
.indexBanner .bannerWz .tit{font-size:1.2rem;}
.indexBanner .bannerWz .des{font-size:1rem;margin-top:0.5rem;}
}
@media screen and (max-width:540px){
.indexBanner .bannerWz .tit{font-size:1.25rem;}
.indexBanner .bannerWz .des{font-size:1rem;}
}
@media screen and (max-width:430px){
.indexBanner .bannerWz .tit{font-size:1rem;}
.indexBanner .bannerWz .des{font-size:0.875rem;margin-top:0.25rem;}
}

 */




/*swiper-slide-active*/
/* .indexBanner .bannerWz .titen,
.indexBanner .bannerWz .tit,
.indexBanner .bannerWz .des, */
.indexBanner .bannerWz .more{filter:alpha(opacity=0);opacity: 0;visibility: hidden;transform: translateY(3.75rem);transition: 0.75s;}
/* .indexBanner .swiper-slide.swiper-slide-active .bannerWz .titen,
.indexBanner .swiper-slide.swiper-slide-active .bannerWz .tit,
.indexBanner .swiper-slide.swiper-slide-active .bannerWz .des, */
.indexBanner .swiper-slide.swiper-slide-active .bannerWz .more{filter:alpha(opacity=100);opacity:1;visibility: visible;transform: translateY(0px);}
/* .indexBanner .swiper-slide.swiper-slide-active .bannerWz .titen{transition-delay: 0.3s;}
.indexBanner .swiper-slide.swiper-slide-active .bannerWz .tit{transition-delay: 0.5s;}
.indexBanner .swiper-slide.swiper-slide-active .bannerWz .des{transition-delay: 0.7s;} */
.indexBanner .swiper-slide.swiper-slide-active .bannerWz .more{transition-delay: 0.9s;}


/*each_animate*/
.indexBanner .swiper-slide .videoBox{transform:translateY(5px);opacity:0}
.indexBanner .swiper-slide.on .bannerWz .des .sp{transition:1s;opacity:1 !important;transform:translateX(0) !important}
.indexBanner .swiper-slide.on .bannerWz .tit .each_animate .sp{transition:1s;opacity:1 !important;transform:translateX(0) !important}
.indexBanner .swiper-slide.on .videoBox{transition:1s;opacity:1;transform:translateY(0);transition-delay:1s}
.indexBanner .swiper-slide.unset .bannerWz .tit .each_animate .sp{transition-delay:unset !important}
.indexBanner .swiper-slide.unset .bannerWz .des .sp{transition-delay:unset !important}



/*indexbanner-pagination*/
.indexbanner-paginationB{position:absolute;bottom:3.75rem;left:0;right:0; z-index:4; text-align:center;margin:0 auto; display: none;}
.indexbanner-paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;}
.indexbanner-paginationB .swiper-pagination span{width:2.125rem;height:.25rem;border-radius:0;margin-right:1rem;outline:none;border:none;opacity:1;float:none;background:rgba(255,255,255,.5);cursor: pointer;position: relative;overflow:hidden;}
/* .indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active .timer,  
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .timer{display:block;position:relative;background:transparent;opacity:1}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#00dde3;transition-property: width;transition-timing-function: linear;border-radius:.625rem;}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet.play .process{opacity:1;width:100%;}
.indexbanner-paginationB .swiper-pagination span::after{ display:none;} */

.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet-active .timer,  
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .timer{display:block;position:relative;background:transparent;opacity:1}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .timer::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.34;content:''}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#fff;transition-property: width;transition-timing-function: linear;}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet.play .process{opacity:1;width:100%;}
.indexbanner-paginationB .swiper-pagination span::after{ display:none;}


@media screen and (max-width:1200px) {
.indexbanner-paginationB{bottom:2rem;}
.indexbanner-paginationB .swiper-pagination{text-align:center;}
}
@media screen and (max-width:1024px) {
.indexbanner-paginationB{bottom:1rem;}
}
@media screen and (max-width:768px) {
.indexbanner-paginationB .swiper-pagination span{width:1rem;height:1px;}
.indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active{width:1rem;}
}

/*bswbtn*/
.bswbtn{ font-size:0;line-height: 0;}
.bswbtn .mbtn{display:inline-block;width:4rem;height:100%;border-radius:0;position:absolute;top:50%;transform:translateY(-50%);padding:0;margin:0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-position:center center;background-repeat:no-repeat;background-size:1rem;}
.bswbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left3.png);left: 0;opacity:0.5;}
.bswbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right3.png);right: 0;opacity:0.5;}
.bswbtn .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left.png);opacity:1;}
.bswbtn .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right.png);opacity:1;}
.bswbtn .mbtn.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1200px){
.bswbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:1024px){
.bswbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:768px){
.bswbtn .mbtn{width:2.5rem;height:2.5rem;background-size:.5rem;}
}







/*scroll-down*/
.scroll-down{position:absolute;z-index:99;display:inline-block;right:4.2vw;bottom:7%;text-align:center;-webkit-transition:0.45s;-moz-transition:0.45s;-o-transition:0.45s;transition:0.45s}
.scroll-down i{display:inline-block;margin:auto;position:relative;width:.625rem;height:.625rem;margin-bottom:0;background:url(../images/icon-drop.png) no-repeat center center; background-size:100%; -webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;margin-left: .3125rem;}
.scroll-down span{display:inlne-block;margin-bottom:0;color:#fff;line-height:1;font-size:.875rem; font-weight:300; }
.scroll-down{-webkit-animation: 2s linear 0s normal none infinite move2;animation: 2s linear 0s normal none infinite move2;}
@keyframes move2{
0%{opacity:1;transform:translateY(-0.625rem)}
50%{transform:translateY(0rem);opacity:0.2}
100%{opacity:1;transform:translateY(-0.625rem)}
}


/*videoBox*/
.videoBox{position:absolute;left:5vw;bottom:5rem;width:10rem;height:3.5rem;z-index:10;text-align: center;line-height:3.5rem; background-color: rgba(0, 0, 0, 0.2);border-radius:3.5rem; vertical-align: middle;}
.videoBox:hover{background-color: rgba(10, 7, 6, 0.8);}
.videoBtn .icon-videowz{font-size:1rem;color:#fff;font-family:"Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;font-weight:normal; display:inline-block;vertical-align: middle;}
.videoBtn .icon-video{display:inline-block;width:1.25rem;height:1.25rem;margin:0 auto;border-radius:50%;background:url('../images/icon-video2.png') no-repeat center center; background-size:100%;vertical-align: middle; margin-right:.625rem;}
.videoBtn .icon-video{animation: h_scale 2s linear infinite;-webkit-animation: h_scale 2s linear infinite;}
@-webkit-keyframes h_scale{from{opacity:1;-webkit-transform:scale(1);transform:scale(1);}50%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3);}}
@keyframes h_scale{from{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.3);}}
@media screen and (max-width:768px) {
.videoBox{ display: none;;}
}




/*视频弹窗c-video-box*/
.c-video-box{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center}
.c-video-box .c-btn{position:fixed;top:1.875rem;right:1.875rem;width:3.125rem;height:3.125rem;color:#fff;background:#fff;border-radius:50%;transition:.5s; z-index:9; cursor:pointer;font-size:0;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{content:"";position:absolute;bottom:1.5rem;left:0.625rem;width:1.875rem;height:0.125rem;background:#333;transition:.5s}
.c-video-box .c-btn:hover{background:#000;}
.c-video-box .c-btn:hover:after,.c-video-box .c-btn:hover:before{background:#fff}
.c-video-box .c-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.c-video-box .c-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.c-video-box video{position:fixed;left:0;top:0;height:100%;width:100%;background:#000}
@media screen and (max-width:1024px){
.c-video-box .c-btn{top:1.875rem;right:1.875rem;width:2.5rem;height:2.5rem;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{bottom: 1.125rem;left: 0.5rem;width:1.5625rem;}
}
@media screen and (max-width:768px){
.c-video-box .c-btn{top:1.25rem;right:1.25rem;width:1.875rem;height:1.875rem;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{bottom: 0.8125rem;left: 0.3125rem;width: 1.25rem;}
}





/*more2B*/
.more2B .more2{font-size:1rem;padding:0 1.25rem;width: auto;min-width:10rem;height:3.5rem;line-height:3.5rem;border-radius:3.5rem; display:inline-block;text-align:center;color:#000000;font-weight:normal;border:1px solid #cbcbcc;margin-top:1.25rem;transition:.5s;}
.more2B .more2 span{display: block;}
.more2B .more2:hover{background-color:#000000;color:#fff;border-color:#000000;}
@media screen and (max-width:1200px){
.more2B .more2{font-size:0.975rem;padding:0 1.125rem;width: auto;min-width:8rem;height:3rem;line-height:3rem;border-radius:3rem; margin-top:1.25rem;}
}
@media screen and (max-width:1024px){
.more2B .more2{font-size:0.975rem;padding:0 1.125rem;width: auto;min-width:7rem;height:3rem;line-height:3rem;border-radius:3rem; margin-top:2rem;}
}
@media screen and (max-width:768px){
.more2B .more2{font-size:0.875rem;padding:0 1.125rem;width: auto;min-width:7rem;height:2.7rem;line-height:2.7rem;border-radius:3rem; margin-top:2rem;}
}



/*indexAbout*/
.indexAbout{background:url("../images/index-abbg.jpg") no-repeat left bottom #efefef; background-size:cover;overflow:hidden;position:relative;padding-bottom:10.625rem;z-index:1; padding-top: 10.625rem;}
.indexAbout .indexAbout-des{ display: flex;justify-content:space-between;flex-wrap:wrap;}
.indexAbout .more2B{flex:0 0 calc(40%);text-align: right;}
.indexAbout .pageTit{text-align: left;flex:0 0 calc(60%);}
.indexAbout .pageTit .des{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}
.indexAbout .indexAboutBox{position:relative;z-index:3;}
@media screen and (max-width:1024px) {
.indexAbout{padding-bottom:3.125rem;padding-top:3.125rem;}
.indexAbout .indexAboutBox{flex-wrap: wrap;}
.indexAbout .indexAboutTop{width:100%; margin-bottom:3.125rem;}
.indexAbout .indexAboutTop .indexAbout-des{width:100%;}
}
@media screen and (max-width:768px) {
.indexAbout-des .txt{font-size:.875rem;line-height:1.625rem;margin-bottom:2.5rem;}
}
@media screen and (max-width:768px) {
.indexAbout{padding-bottom:3.125rem;padding-top:3.125rem;}
.indexAbout .indexAbout-des {width:100%;}
.indexAbout-des .txt{font-size:.875rem;line-height:1.625rem;margin-bottom:1.875rem;}

.indexAbout .more2B{flex:0 0 calc(100%);text-align: left;}
.indexAbout .pageTit{text-align: left;flex:0 0 calc(100%);}
}
@media screen and (max-width:640px) {
.indexAbout{padding-bottom:3.125rem;padding-top:3.125rem;}

}




/*indexAboutlist*/
.indexAboutlist{position:relative;}
.indexAboutlist .shulist{position:relative;font-size:0; line-height:0;}
.indexAboutlist .shulist .shu{border-radius: .625rem;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; height: 100%;border:.0625rem solid #cbcbcc;height: 100%;min-height: 200px;}
.indexAboutlist .shulist .shu .item{position:relative;display:block; padding:2.5rem;}
.indexAboutlist .shulist .shu .item{border-radius:.625rem;flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.indexAboutlist .shulist .shu h2{font-size:1rem;color:#282828;text-align:left;}
.indexAboutlist .shulist .shu h2 strong{display:inline-block;font-size:3.125vw;line-height:1;font-family:'Inter',Arial, Helvetica, sans-serif;font-weight:500; margin-bottom:.3125rem;}
.indexAboutlist .shulist .shu h2 span{display:inline-block;line-height:1;vertical-align: top;}
.indexAboutlist .shulist .shu p{font-size:1rem;color:#282828;text-align:left;line-height:1.4;}
.indexAboutlist .shulist .shu .icon{display:block;margin-bottom:3.4375rem;}
.indexAboutlist .shulist .shu .icon img{display:block;height:3.125rem;}
.indexAboutlist .shulist .shu:hover{-moz-box-shadow: 0 0rem .8125rem rgba(0,0,0,0.27);-webkit-box-shadow: 0 0rem .625rem rgba(0,0,0,0.27);box-shadow: 0 0rem .8125rem rgba(0,0,0,0.27);}
@media screen and (max-width:1024px) {
.indexAboutlist .shulist .shu .item{padding:1.875rem;}
}
@media screen and (max-width:768px) {
.indexAboutlist .shulist .shu .item{padding:1.875rem;}
.indexAboutlist .shulist .shu h2{font-size:.875rem;}
.indexAboutlist .shulist .shu h2 strong{font-size:3.125rem;}
.indexAboutlist .shulist .shu .icon{margin-bottom:3.125rem;}
.indexAboutlist .shulist .shu .icon img{height:2.8125rem;}
}
@media screen and (max-width:768px) {
.indexAboutlist .shulist .shu .item{padding:1.25rem;}
.indexAboutlist .shulist .shu h2{font-size:.75rem;}
.indexAboutlist .shulist .shu h2 strong{font-size:2.5rem;}
.indexAboutlist .shulist .shu .icon{margin-bottom:1.875rem;}
.indexAboutlist .shulist .shu .icon img{height:2.25rem;}
}
@media screen and (max-width:36.25rem) {
.indexAboutlist .shulist .shu h2 strong{font-size:1.875rem;}
}





/*indexAboutlist*/
.indexAboutlist{margin:0 -0.625rem;}
.indexAboutlist .shulist{width:100%;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.indexAboutlist .shulist .shu{flex:0 0 calc(25% - 1.25rem);margin:0 .625rem; text-align: left;display:-ms-flexbox;display:flex;align-items: center;}
@media screen and (max-width:768px) {
.indexAboutlist{margin:0 -0.3125rem;}
.indexAboutlist .shulist .shu{flex:0 0 calc(50% - .625rem);margin:0 .3125rem; margin-bottom:.625rem;}
}



/*moreBtn*/
.moreBtnB{font-size:0;line-height:0;}
.moreBtn{display:inline-block;min-width:10rem;border-radius:3.5rem;line-height:3.5rem;padding:0 1.875rem;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;border: .0625rem solid #d2d2d2;}
.moreBtn span{text-align:left;display:block;font-size:1rem;color:#000000;padding-right:2.5rem;position:relative;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.moreBtn span:after{ content:'';position: absolute;right:0;top:50%; width:1.25rem;height:1.25rem; margin-top:-0.625rem;background-image:url("../images/icon-m3.png");background-position: right center; background-repeat:no-repeat;background-size:100%;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.moreBtn:hover span{text-align:left;color:#fff; }
.moreBtn:hover span:after{background-image:url("../images/icon-m2.png");background-size:.625rem;-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);}
.moreBtn:hover{background-color:#ff6900;-moz-box-shadow: 0 0rem .8125rem rgba(0,177,167,0.27);-webkit-box-shadow: 0 0rem .625rem rgba(0,177,167,0.27);box-shadow: 0 0rem .8125rem rgba(0,177,167,0.27);}
@media screen and (max-width:1024px){
.moreBtn{min-width:10rem;border-radius:3.375rem;line-height:3.375rem;padding:0 1.875rem;}
}
@media screen and (max-width:768px){
.moreBtn{min-width:8.75rem;border-radius:3rem;line-height:3rem;padding:0 1.5625rem;}
.moreBtn span{font-size:.875rem; }
.moreBtn span:after{background-size:.625rem;}
}
@media screen and (max-width:768px){
.moreBtn{min-width:7.5rem;border-radius:2.5rem;line-height:2.5rem;padding:0 1.25rem;}
.moreBtn span{font-size:.75rem;}
.moreBtn span:after{background-size:.5rem;}
}



/*indexAboutlist*/
.indexContact{padding:4.375rem; background:#f7f7f7;border-radius:20px;margin-top: 20px;}
.indexContact .indexContactB{width:100%;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items: center;}
.indexContact .indexContactB .title{flex:0 0 calc(60%);text-align: left;;}
.indexContact .indexContactB .moreBtnB{flex:0 0 calc(40%);text-align:right;;}
.indexContact .indexContactB h2{font-size:1rem;color:#282828;}
.indexContact .indexContactB h2{display:inline-block;font-size:3.125vw;line-height:1;font-family:'Inter',Arial, Helvetica, sans-serif;font-weight:500; margin-bottom:.3125rem;}
.indexContact .indexContactB h2 span{display:inline-block;line-height:1;vertical-align: top;}
.indexContact .indexContactB p{font-size:1rem;color:#282828;}

@media screen and (max-width:768px){
.indexContact .indexContactB .title{flex:0 0 calc(100%);text-align:center;}
.indexContact .indexContactB .moreBtnB{flex:0 0 calc(100%);text-align:center;;}
}


/*pageTit .wz*/
.pageTit .wz{font-size:1.2rem;color:#6a6a6a; margin-top: 1.875rem;}
.pageTit .wz b,
.pageTit .wz strong{background-image:url("../images/icon-yuan.png");background-position: left center; background-repeat:no-repeat;background-size:.625rem; padding-left: 1rem; font-weight: 500; margin-right: .625rem;}
.pageTit.white .wz{color:#fff;}
@media screen and (max-width:1200px){
.pageTit .wz{font-size:1.12rem;margin-top:1.5rem;}
}
@media screen and (max-width:1024px){
.pageTit .wz{font-size:1.1rem;margin-top:1.5rem;}
}
@media screen and (max-width:768px){
.pageTit .wz{font-size:0.975rem;margin-top:1rem;}
}



/*indexHot*/
.indexHot{padding-bottom:13.75rem;padding-top: 13.75rem;}
.indexHot .more2B{text-align:left;}
.indexHot .pageTit{text-align:left;max-width:28rem;}
.indexHot .pageTit .des{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden; font-size:1.125rem;color:#6a6a6a;  margin-left: 0;max-width:100%;}
.indexHot .indexHotBox{position:relative;z-index:3;}
html[lang="en-US"] .indexHot .pageTit{max-width:100%;}
@media screen and (max-width:1220px) {
.indexHot{padding-bottom:11.46vw;padding-top: 11.46vw;}
}
@media screen and (max-width:1024px) {
.indexHot{padding-bottom:3.125rem;padding-top:3.125rem;}
.indexHot .indexHotBox{flex-wrap: wrap;}
.indexHot .indexHotTop{width:100%; margin-bottom:3.125rem;}
.indexHot .indexHotlist{width:100%;}
.indexHot .indexHot-des{width:100%;}
.indexHot .pageTit .des{font-size:1rem;}
}
@media screen and (max-width:768px) {
.indexHot{padding-bottom:3.125rem;padding-top:3.125rem;}
.indexHot .indexHot-des {width:100%;}
.indexHot .indexHot-des .txt{font-size:.875rem;line-height:1.625rem;margin-bottom:1.875rem;}
.indexHot .more2B{flex:0 0 calc(100%);text-align: left;}
.indexHot .pageTit{text-align: left;flex:0 0 calc(100%);/* max-width:100%; */margin-bottom: 0;}
.indexHot .pageTit .des{font-size:0.875rem;}
}
@media screen and (max-width:640px) {
.indexHot{padding-bottom:3.125rem;padding-top:3.125rem;}
}



/*indexHot1*/
.indexHot1{width:69.79166666666667%; margin: 0 auto;}
.indexHot1 .indexHotNr{ z-index:1;flex-flow:row;flex:none;place-content:center;align-items:center;width:100%;height:min-content;display:flex;position:relative;overflow:visible;justify-content: flex-end;}
.indexHot1 .g_r{z-index:1;flex-flow:row;flex:none;place-content:flex-start;align-items:flex-start;width:50%;height:100%;padding:0;display:flex;position:absolute;top:0;left:0;overflow:visible}
.indexHot1 .g_r .g_r_box{z-index:1;flex-flow:column;flex:1 0 0;place-content:center;align-items:center;height:40rem;padding:0;display:flex;position:sticky;top:13.75rem;overflow:hidden;width:100%; align-items: center;}
.indexHot1 .g_r .g_ite{display: contents;display:flex;align-items: center; position: absolute;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indexHot1 .g_r .g_ite{opacity: 0;visibility: hidden;}
.indexHot1 .g_r .g_ite.on{opacity:1;visibility: visible;}
.indexHot1 .g_r .indexHotTop{ padding-right: 2rem;}
/*g_ite.on*/
.indexHot1 .g_r .g_ite .more2B,
.indexHot1 .g_r .g_ite .pageTit .tit,
.indexHot1 .g_r .g_ite .pageTit .tit2,
.indexHot1 .g_r .g_ite .pageTit .des,
.indexHot1 .g_r .g_ite .pageTit .wz{filter:alpha(opacity=0);opacity: 0;visibility: hidden;transform: translateY(3.75rem);transition: 0.75s;}
.indexHot1 .g_r .g_ite.on .more2B,
.indexHot1 .g_r .g_ite.on .pageTit .tit,
.indexHot1 .g_r .g_ite.on .pageTit .tit2,
.indexHot1 .g_r .g_ite.on .pageTit .des,
.indexHot1 .g_r .g_ite.on .pageTit .wz{filter:alpha(opacity=100);opacity:1;visibility: visible;transform: translateY(0px);}
.indexHot1 .g_r .g_ite.on .pageTit .tit{transition-delay: 0.1s;}
.indexHot1 .g_r .g_ite.on .pageTit .tit2{transition-delay: 0.3s;}
.indexHot1 .g_r .g_ite.on .pageTit .des{transition-delay: 0.5s;} 
.indexHot1 .g_r .g_ite.on .pageTit .wz{transition-delay: 0.7s;}
.indexHot1 .g_r .g_ite.on .more2B{transition-delay: 0.9s;}

.indexHot1 .g_l{z-index:1;flex-flow:row;flex:none;place-content:flex-start;align-items:flex-start; /* padding-left:52%; */width:48%;height:100%;padding:0;display:flex;overflow:visible}
.indexHot1 .g_l .g_l_box{width:100%; height: 100%;}
.indexHot1 .g_l .g_l_box_b{flex-flow:column;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:5rem;width:1px;height:min-content;/* padding:120px 0; */display:flex;position:relative;width:100%;}

.indexHot1 .g_l .img{ margin:0;height:100%;opacity:0.1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indexHot1 .g_l .imgB{height:40rem;margin:0; border-radius:1.25rem; overflow: hidden;display: block; position:relative;}
.indexHot1 .g_l .imgB img{border-radius:1.25rem;}
.indexHot1 .g_l .imgB img{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indexHot1 .g_l .img.on{opacity:1;} 
.indexHot1 .g_l .imgB,
.indexHot1 .g_l .imgB img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.indexHot1 .g_l .imgB:hover img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
@media screen and (max-width:1220px) {
.indexHot1 .g_r .g_r_box{height:33.33vw;top:11.46vw;}
.indexHot1 .g_l .imgB{height:33.33vw;}
.indexHot1 .g_l .g_l_box_b{gap:4.17vw;}
/* .indexHot{width:80%;} */
}
@media screen and (max-width:1024px) {
.indexHot1{ display:none;}
}

/*indexHot2*/
.indexHot2{ display:none;}
@media screen and (max-width:1024px) {
.indexHot2 .indexHotNr{ display: flex;justify-content:space-between;flex-wrap:wrap;}
.indexHot2{display:-ms-flexbox;display:flex;align-items:center;position:relative;top:0;padding:0;background:#fff;/* padding-top:60vh; */z-index:1;}
.indexHot2 .w1500{ position:relative;}
.indexHot2 .indexHot2Nr{ display: flex;justify-content:space-between;flex-wrap:wrap;height:100%}
.indexHot2 .g_r{height:67.5rem;width:50%;display:-ms-flexbox;display:flex;align-items:center; position:absolute;top:0; left:0; overflow: hidden;z-index: 3;}
.indexHot2 .g_r_box{/*height:40rem;*/ position:relative;width: 100%;}
.indexHot2 .g_r .g_ite{ /*background:#fff;*/}
.indexHot2 .g_r .g_ite{opacity: 0!important;visibility: hidden!important;}
.indexHot2 .g_r .g_ite.swiper-slide-active{opacity:1!important;visibility: visible!important;}
.indexHot2 .g_r .indexHot2Top{/*background:#fff;*/ display:none;}
.indexHot2 .g_r .g_ite.swiper-slide-active .indexHot2Top{display: block;}
.indexHot2 .g_l{height:67.5rem;width:100%;position: relative;z-index: 1;}
.indexHot2 .g_l_box{position:relative;/* height: 100vh; */display: flex;align-items: center;justify-content: center;padding-top:12.5rem;/* padding-bottom:13.75rem; */}
.indexHot2 .g_l .g_l_box_b{ padding-left:57%;height:42.5rem;/* padding-top:13.75rem; padding-bottom:13.75rem; */ }
.indexHot2 .g_l .img{ margin:0;height:42.5rem; padding-bottom:3rem;opacity:0.1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indexHot2 .g_l .imgB{height:40rem;margin:1.25rem 0; border-radius:1.25rem; overflow: hidden;display: block; position:relative;}
.indexHot2 .g_l .imgB img{border-radius:1.25rem;}
.indexHot2 .g_l .imgB img{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indexHot2 .g_l .img.swiper-slide-active{opacity:1;}
}
@media screen and (max-width:1024px) {
.indexHot2{padding-top:5rem;padding-bottom:5rem;}
.indexHot2 .g_r{height:auto!important;width:50%;position: static;}
.indexHot2 .g_l{height:auto!important;width:50%; overflow: hidden; margin-bottom:3rem;}
.indexHot2 .g_l .g_l_box_b{ padding-left:0; padding-top:0; padding-bottom:0;height:auto!important;}
.indexHot2 .g_l .img{ margin:0;padding-bottom:0;}
.indexHot2 .g_l .imgB{ margin:0;height:0; padding-bottom:100%;}
.indexHot2 .g_r_box{ padding-right:3rem;}
.indexHot2 .g_l_box{padding-top:0;}
.indexHot2 .g_r_box{height:auto!important;width: 90%;    padding-right: 3rem;}
.indexHot2 .g_l .img{height:auto!important;}
.indexHot2 .g_r .g_ite{height:auto!important;}
}

@media screen and (max-width:768px) {
.indexHot2{padding-top:5rem;padding-bottom:5rem;}
.indexHot2 .g_r{height:auto!important;width:100%;position: static;}
.indexHot2 .g_l{height:auto!important;width:100%; overflow: hidden; margin-bottom:0;}
.indexHot2 .g_l .g_l_box_b{ padding-left:0; padding-top:0; padding-bottom:0;height:auto!important;}
.indexHot2 .g_l .img{ margin:0;padding-bottom:0;}
.indexHot2 .g_l .imgB{ margin:0;height:0; padding-bottom:100%;}
.indexHot2 .g_r_box{padding-right:0;width: 100%;}
.indexHot2 .g_l_box{padding-top:0;}
.indexHot2 .g_r_box{height:auto!important;}
.indexHot2 .g_l .img{height:auto!important;}
.indexHot2 .g_r .g_ite{height:auto!important;}
}



.paginationB2{ display: none;}

/*indexCase*/
.indexCase{position:relative;overflow:hidden;background-color:#010713;background-position: center bottom; background-repeat: no-repeat;background-size:cover; z-index:2;}
/*indexHot*/
.indexCase{overflow:hidden;position:relative;}
.indexCase .more2B{text-align:left;}
.indexCase .pageTit{text-align:left;max-width:28rem;}
.indexCase .pageTit .des{margin-left:0; max-width:100%;font-size:1.125rem;}
.indexCase .more2B .more2{color:#fff;border:1px solid #2b2c30; background-color: #2b2c30;}
.indexCase .more2B .more2:hover{background-color:#000000;color:#fff;border-color:#000000;}

/*bannerWz */
.indexCase .indexCaseSW .banner-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;z-index:2}
.indexCase .indexCaseSW .item{height:0; /* padding-bottom:940px; */padding-bottom:48.95833333333333%;position:relative;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;flex-direction:column;text-align:center;z-index:1;}
.indexCase .indexCaseSW .bannerWz{position:absolute;z-index:3;/*bottom:290px;*/left:5vw;top:50%;transform:translateY(-50%);right:5vw;text-align: left;color:#fff;}
.indexCase .indexCaseSW .banner-img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;z-index:1;background-position:center center; background-repeat:no-repeat;background-size:cover;}
.indexCase .indexCaseSW .banner-img>div{position:static!important;}
.indexCase .indexCaseSW .banner-img img{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indexCase .indexCaseSW .banner-imgbg{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;z-index:1;background-position:center center; background-repeat:no-repeat;background-size:cover;}
.indexCase .swbtn{ position:absolute;z-index:3;bottom:6.4853vw;right:4.2vw;}
@media screen and (max-width:1024px){
.indexCase .more2B .more2{ margin-top: 0;}
.indexCase .indexCaseSW .item{padding-bottom:37.5rem;}
.indexCase .pageTit .des{font-size:1rem;}
}
@media screen and (max-width:768px){
.indexCase .indexCaseSW .item{padding-bottom:31.25rem;}
.indexCase .pageTit{/* max-width:100%; */}
.indexCase .pageTit .des{font-size:0.875rem;}
.indexCase .indexTit{top:8vw;}
.indexCase .indexCaseSW .item{height:0; min-height:25rem; padding-bottom:70%;}

}


.indexCase .indexCaseSW .swiper-slide.swiper-slide-active  .banner-img img{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.indexCase .indexCaseSW .swiper-slide.swiper-slide-active  .banner-img img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;animation: srmgani 4000ms 1 ease forwards;}


/*swiper-slide-active*/
.indexCaseSW .bannerWz .more2B,
.indexCaseSW .bannerWz .wz,
.indexCaseSW .bannerWz .tit,
.indexCaseSW .bannerWz .tit2,
.indexCaseSW .bannerWz .des{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(60px);-o-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);}
.indexCaseSW .swiper-slide.swiper-slide-active .bannerWz .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
}
.indexCaseSW .swiper-slide.swiper-slide-active .bannerWz .tit2{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
}
.indexCaseSW .swiper-slide.swiper-slide-active .bannerWz .wz,
.indexCaseSW .swiper-slide.swiper-slide-active .bannerWz .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
}
.indexCaseSW .swiper-slide.swiper-slide-active .bannerWz .more2B{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s;
-o-transition:opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s;
-moz-transition:opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s;
-ms-transition:opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s;
transition:opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s;
}



/* .indexCaseSW .banner-img{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform: scale(1.02) translateX(-2%);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
.indexCaseSW .swiper-slide.swiper-slide-active .banner-img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform: scale(1) translateX(2%);} */

/*indexCase .btn-area*/
.indexCase .btn-area{position:absolute;right:0;left:0;bottom:5.625rem;display:-ms-flexbox;display:flex;align-items:flex-end;justify-content:flex-start;z-index:1;width:89.58333333333333%;margin:0 auto;}
.indexCase .btn-area .btn-stop,
.indexCase .btn-area .btn-play{display:inline-block;width:1.75rem;height:0;overflow:hidden; display: none;}
.indexCase .btn-area .btn-stop{background:url(../img/btn-slider-stop.png) no-repeat center}
.indexCase .btn-area .btn-play{display:none;background:url(../img/btn-slider-play.png) no-repeat center}
.indexCase .swiper-pagination{position:static; margin: 0 -.9375rem; }
.indexCase .swiper-pagination .swiper-pagination-bullet{display:block;width:calc(20% - 1.875rem);;height:auto;margin:0 .9375rem!important;vertical-align:middle;background:transparent;opacity:1;outline:none; float: left; text-align: center;}
.indexCase .swiper-pagination .swiper-pagination-bullet .tit{font-size:1.125rem;color:#fff;text-align:left;opacity:.6;transition:all .5s ease}
.indexCase .swiper-pagination .swiper-pagination-bullet-active .tit{opacity:1}
.indexCase .swiper-pagination-bullet-active .timer,
.indexCase .swiper-pagination-bullet .timer{display:block;position:relative;width:100%;height:.1875rem;margin-bottom:.875rem;background:transparent;opacity:1}
.indexCase .swiper-pagination-bullet .timer::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.34;content:''}
.indexCase .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#fff;transition-property:width;transition-timing-function:linear}
.indexCase .swiper-pagination-bullet.play .process{opacity:1;width:100%}
.indexCase .swiper-pagination-bullet.play.stop .process{transition:none}
@media screen and (max-width:1200px){
.indexCase .btn-area{bottom:1rem;width:90%;}
.indexCase .swiper-pagination{margin: 0 -.5rem; }
.indexCase .swiper-pagination .swiper-pagination-bullet{display:block;width:calc(20% - 1rem);margin:0 .5rem!important;}	
.indexCase .swiper-pagination .swiper-pagination-bullet .tit{font-size:1rem;}
}
@media screen and (max-width:1024px){
.indexCase .btn-area{bottom:1rem;width:30%;}	
.indexCase .swiper-pagination .swiper-pagination-bullet .tit{font-size:0.875rem;display:none;}
}
@media screen and (max-width:768px){
.indexCase .btn-area{bottom:0.75rem;width:30%; }	
.indexCase .swiper-pagination .swiper-pagination-bullet .tit{font-size:0.75rem;display:none;}
.indexCase .swiper-pagination-bullet-active .timer,
.indexCase .swiper-pagination-bullet .timer{height:1px;margin-bottom:.5rem;}
}




/*.indexVideo*/
.indexVideo{background:#171a20; background-size:cover;overflow:hidden;position:relative;padding-bottom:10.625rem;z-index:1; padding-top: 10.625rem;}
.indexVideo .indexVideo-des{ display: flex;justify-content:space-between;flex-wrap:wrap;position: relative;}
.indexVideo .more2B{/* flex:0 0 calc(40%); */text-align: right; position:absolute;bottom:3.5rem;right:0;}
.indexVideo .pageTit{text-align: left;flex:0 0 calc(100%);}
.indexVideo .pageTit .des{ font-size:2.125rem;line-height:1.5; color:#fff; max-width: 32rem; margin-left: 0;}
html[lang="en-US"] .indexVideo .pageTit .des{max-width:40rem;}
.indexVideo .more2B .more2{color:#fff;border:1px solid #2b2c30; background-color: #2b2c30;}
.indexVideo .more2B .more2:hover{background-color:#ff6633;color:#fff;border-color:#ff6633;}
@media screen and (max-width:1200px){
.indexVideo{padding-bottom:7rem;padding-top:7rem;}
.indexVideo .pageTit .des{ font-size:1.5rem;}
}
@media screen and (max-width:1024px){
.indexVideo{padding-bottom:5rem;padding-top:5rem;}
.indexVideo .pageTit .des{ font-size:1.25rem;}
}
@media screen and (max-width:768px){
.indexVideo{padding-bottom:4rem;padding-top:4rem;}
.indexVideo .pageTit .des{ font-size:1.125rem;}
.indexVideo .indexVideo-des{ display: flex;justify-content:space-between;flex-wrap:wrap;}
.indexVideo .more2B{bottom:auto;top:-0.25rem;   }
.indexVideo .more2B .more2{ margin-top:0;}
}




/*pageImgSW*/
.pageImgSWB{ position: relative;}
.pageImgSW-swiper .swiper-wrapper{height: auto!important;}
.pageImgSW{margin: 0 -1.25rem;font-size: 0;line-height: 0;}
.pageImgSW .item{width:50%;display:block;}
.pageImgSW .item .itema{display: block;position:relative; line-height:0; overflow:hidden; z-index:3; border-radius:.625rem;margin: 0 1.25rem;}
.pageImgSW .img{position:relative;display: block;width:100%; height:0;z-index:1;padding-bottom:63.82978723404255%;border-radius:.625rem;overflow:hidden;}
.pageImgSW .img::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.3); z-index: 2;}
.pageImgSW .img::after{content:''; width:50px;height:50px;position: absolute;left:0;right:0;margin:0 auto;top:50%;margin-top: -25px;background:url("../images/icon-video.png") no-repeat left center;background-size:100%;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s; z-index: 3;}
.pageImgSW .item:hover .img::after{transform: rotate(45deg);}
.pageImgSW .img>div{position:static!important;}
.pageImgSW .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
.pageImgSW .item .itema,
.pageImgSW .img,
.pageImgSW .img img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pageImgSW .item .itema:hover .img img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.pageImgSW .title{ color:#fff;padding-top:1.875rem;font-size:1.25rem;line-height: 1.5;text-align:left; font-weight: normal;}
@media screen and (max-width:1200px) {
.pageImgSW{margin: 0 -0.625rem;}
.pageImgSW .item .itema{margin: 0 0.625rem;}
.pageImgSW .title{padding-top:1.5rem;font-size:1.125rem;}
}
@media screen and (max-width:1024px) {
.pageImgSW .title{padding-top:1.5rem;font-size:1.125rem;}
}
@media screen and (max-width:768px) {
.pageImgSW .title{padding-top:1.5rem;font-size:1rem;}
}

/*swiper-button*/
.pageImgSW .swbtn2 .mbtn.swiper-button-prev{left:-6.875rem;}
.pageImgSW .swbtn2 .mbtn.swiper-button-next{right:-6.875rem;}
@media screen and (max-width:75rem){
.pageImgSW .swbtn2 .mbtn.swiper-button-prev{left:3%;}
.pageImgSW .swbtn2 .mbtn.swiper-button-next{right:3%;}
}









/*************************page start*************************/
/*pagebanner*/
.pagebannerB{position: relative; background-color: #000000;}
.pagebanner{ position: relative; overflow:hidden;height:100vh;height:100svh; }
.pagebanner .bannerpic{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.pagebanner video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:2;}
.pagebanner .bannershadow{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;right:0;z-index:3;background-image:url(../images/bannershadow2.png);background-size:100% 100%;background-position:center top;background-repeat:no-repeat;}
.pagebanner .bannershadow2{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;right:0;z-index:3;background-image:url(../images/bannershadow.png);background-size:100% 100%;background-position:center top;background-repeat:no-repeat;}
.pagebanner .bannershadow3{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;right:0;z-index:3;background-image:url(../images/bannershadow3.png);background-size:100% 100%;background-position:center top;background-repeat:no-repeat;}
.pagebanner .t {position:absolute;right:0;left:0;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:4;color:#ffffff;} 
.pagebanner .t .cn{font-size:2.875rem;line-height:1;display:block;}
.pagebanner .t .en{font-size:1.25rem;line-height:1;display:block;margin-bottom:.625rem; text-transform: uppercase;}
@media screen and (max-width:1200px){
.pagebanner .t .cn{font-size:2.5rem;}
.pagebanner .t .en{font-size:1.125rem;margin-bottom:.625rem;}
}
@media screen and (max-width:1024px){
.pagebanner{ padding-bottom:56.25%;height:0;}
.pagebanner .t .cn{font-size:2rem;}
.pagebanner .t .en{font-size:1rem;margin-bottom:.625rem;}
}
@media screen and (max-width:768px) {
.pagebanner{ padding-bottom:56.25%;min-height:15.625rem; }
.pagebanner .t .cn{font-size:1.5rem;}
.pagebanner .t .en{font-size:.875rem;margin-bottom:.625rem;}
}



/************************pageNav************************/
.pageNav{position:relative;z-index:10;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.pagebannerB .pageNav{position: absolute;left:0;right:0;bottom: 0;}
.pageNav .pageNavTit{ display:none;}
.pageNav ul{padding:0;list-style-type:none;margin:0 auto;font-size:0;line-height:0;}
.pageNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageNav li a{position:relative;display:block;color:rgba(255, 255, 255, 0.4); -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1rem;line-height:4.375rem;margin:0 2.1875rem;font-weight:normal}
.pageNav li a span{display:block;position:relative; z-index:2;}
.pageNav li a:after{content:'';width:0;position:absolute;top:0;right:0;height:.125rem;background:#ff6633;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pageNav li .on:after,.pageNav li a:hover:after{width:100%;right:auto;left:0}
.pageNav li .on, .pageNav li a:hover{font-weight: bold;color:#fff;}
@media screen and (max-width:1200px) {
.pageNav li a{line-height:3.75rem;font-size:1rem;}
}
@media screen and (max-width:1024px) {
.pageNav li a{line-height:3.125rem;font-size:.875rem;}
.pageNav ul{display: flex;overflow:visible;overflow-x: scroll;}
.pageNav ul::-webkit-scrollbar {display: none}
.pageNav li{flex-shrink:0;align-items:flex-end;margin-right:.625rem;overflow:hidden;position:relative;}
.pageNav li a{margin:0;}
}
@media screen and (max-width:768px) {
.pageNav li a{margin:0 .625rem;line-height:2.5rem;font-size:.875rem;}
.pageNav li a:after{height:.1875rem;}
}

/************************pageAbout************************/
/**pageTit**/
.pageTit{position:relative;text-align:center;margin-bottom:4.375rem;}
.pageTit .tit{font-size:1.25rem;line-height:1.5;color:#ff6633;font-weight:600;}
.pageTit .tit2{font-size:2.125rem;line-height:1.5;color:#000000;font-weight:600; margin-top:.625rem;}
.pageTit .des{color:#000;font-size:1.25rem;line-height:1.5;font-weight:500;margin:0 auto;margin-top: 1.875rem;max-width:77.5rem;}
.pageTit .line{display:block;margin:0 auto;width:2.25rem;height:.25rem;border-radius:.25rem;background-color:#ff6633; margin-top: .75rem;}
.pageTit.white .tit2{color:#fff;}
.pageTit.white .des{color:#fff;}
@media screen and (max-width:1200px){
.pageTit{margin-bottom:3rem;}
.pageTit .tit{font-size:1.125rem;}
.pageTit .tit2{font-size:1.8rem;}
.pageTit .des{font-size:1.125rem;margin-top:1.5rem;line-height:1.5;}
}
@media screen and (max-width:1024px){
.pageTit{margin-bottom:2.5rem;}
.pageTit .tit{font-size:1.125rem;}
.pageTit .tit2{font-size:1.6rem;}
.pageTit .des{font-size:1rem;margin-top:1.25rem;}
}
@media screen and (max-width:768px){
.pageTit{margin-bottom:2rem;}
.pageTit .tit{font-size:1rem;}
.pageTit .tit2{font-size:1.5rem;}
.pageTit .des{font-size:.875rem;margin-top:1.125rem;}
}
@media screen and (max-width:640px){
.pageTit .tit2{font-size:1.25rem;}
}







/**pageAbout**/
.pageAbout{padding-top:8.4375rem;padding-bottom:8.4375rem;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url('../images/pagebg.jpg'); background-attachment: fixed;}
@media screen and (max-width:1200px) {
.pageAbout{padding-top:6rem;padding-bottom:6rem;}
}
@media screen and (max-width:1024px) {
.pageAbout{padding-top:5rem;padding-bottom:5rem; background-attachment:inherit;}
}
@media screen and (max-width:768px) {
.pageAbout{padding-top:4rem;padding-bottom:4rem;}
}


/**pageAboutList**/
.pageAboutList {display:-ms-flexbox;display:flex;flex-wrap:wrap;box-sizing:border-box; padding:0;margin:0 -10px;}
.pageAboutList .item{flex:0 0 calc(100%/5 - 1.25rem);margin:0 .625rem;background-color:rgba(255, 255, 255, 0.2);border-radius:.625rem; overflow: hidden;box-sizing:border-box;min-height:25rem;display:-ms-flexbox;display:flex;align-items: center;align-content: center;justify-content: center;}
.pageAboutList .item .itema{ display:block;width:100%;position:relative;padding:1rem;}
.pageAboutList .item .imgB{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
.pageAboutList .item .img {display:-ms-flexbox;display:flex;align-items:center;justify-content:center; width:2.8125rem; height:2.8125rem;margin-bottom:3.125rem; transition: 1s;}
.pageAboutList .item .img>div{position:static!important;}
.pageAboutList .item .img img{max-width:100%;max-height:100%;width:100%;}
.pageAboutList .item .t{font-size:1rem;font-weight:500;color:#fff;text-align:center;line-height:1.4;}
/*hover*/
.pageAboutList .item{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageAboutList .item .itema:hover .img{transform: rotateY(180deg);}
.pageAboutList .item:hover{background-color:rgba(255, 102, 51, 0.4);}
@media screen and (max-width:1200px) {
.pageAboutList .item{min-height:15rem;}
.pageAboutList .item .itema{padding:1rem;}
.pageAboutList .item .img{ width:2.7rem; height:2.7rem;margin-bottom:3rem;}
.pageAboutList .item .t{font-size:.875rem;}
}
@media screen and (max-width:1024px) {
.pageAboutList .item{min-height:13rem;}
.pageAboutList .item .itema{padding:1rem;}
.pageAboutList .item .img{ width:2.5rem; height:2.5rem;margin-bottom:2rem;}
.pageAboutList .item .t{font-size:0.875rem;}
}
@media screen and (max-width:768px) {
.pageAboutList {margin:0;}
.pageAboutList .item .itema{padding:1rem;}
.pageAboutList .item{flex:0 0 100%;margin:0;margin-bottom:1.25rem;min-height:15rem;}
.pageAboutList .item .img{ width:2.5rem; height:2.5rem;margin-bottom:1rem;}
.pageAboutList .item .t{font-size:0.875rem;;}
}


/*text_effect*/
.text_effect .text_appoint{position: relative;}
.text_effect .fist{overflow: hidden;}
/*.text_effect .fist .sp{ min-width:5px;} */
.text_effect .fist:nth-child(2){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;white-space:nowrap}
.text_effect .fist:nth-child(2) .sp{transform:translate3d(0,101%,0);/*min-width:5px; */opacity:0}
.text_effect:hover .fist:first-child .sp{transform:translate3d(0,-101%,0);opacity:0}
.text_effect:hover .fist:nth-child(2) .sp{transform:translate3d(0,0,0);opacity:1}



/**pageCertification**/
.pageCertification{padding-top:8.4375rem;padding-bottom:8.4375rem;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url('../images/pagebg2.jpg'); background-attachment: fixed;}
@media screen and (max-width:1200px) {
.pageCertification{padding-top:6rem;padding-bottom:6rem;}
}
@media screen and (max-width:1024px) {
.pageCertification{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px) {
.pageCertification{padding-top:4rem;padding-bottom:4rem;}
}


/**allImgs**/
.pageCertification .allImgs{ position:relative; z-index:1;width:78%;margin:0 auto;position: relative;}
.pageCertification .allImgs .swiper-container{position:relative; overflow: hidden;cursor:grab;}
.pageCertification .allImgs .swiper-container .swiper-wrapper{width:100%}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide{width:33.333333%;}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;height:324px;opacity:0.5;transition:all 600ms;overflow:hidden}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic>div{position:static!important;}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic img{max-width:90%;object-fit:contain;max-height:100%;transition:all 600ms}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic:hover img{transform:scale(1.05)}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text{text-align:center;margin-top:6.25rem;position:relative}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text::before{content:"";display:inline-block;position:absolute;left:0;top:-3.125rem;width:100%;height:.125rem;background-color:#fff;}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text .p1{color:#747474;position:relative;transform:translateY(1.875rem);opacity:0;transition:all 600ms}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text .p1::before{content:"";display:inline-block;position:absolute;left:25%;top:-3.125rem;width:50%;height:.125rem;margin-top:0;background-color:#ff6633;}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .text .p2{color:#1c2a4e;font-size:1.25rem;line-height:1.75rem;transform:translateY(1.875rem);opacity:0;transition:all 600ms;}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide-active .item .pic{opacity:1}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide-active .item .text .p1,
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide-active .item .text .p2{transform:translateY(0);opacity:1}
@media screen and (max-width:1024px){
.pageCertification .allImgs{width:100%;}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic{height:160px;}
}
@media screen and (max-width:1000px){
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic{height:160px;}
}
@media screen and (max-width:768px){
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide{width:100%;}
.pageCertification .allImgs .swiper-container .swiper-wrapper .swiper-slide .item .pic{height:224px;}
}


/**swbtn**/
.swbtn{ font-size:0;line-height: 0;}
.swbtn .mbtn{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.4375rem;border:1px solid #fff; z-index: 3;}
.swbtn .mbtn.swiper-button-lock{opacity:0;}
.swbtn .mbtn.swiper-button-disabled{opacity:0;}
.swbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left2.png);left: 0;}
.swbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right2.png);right: 0;}
.swbtn .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left3.png);}
.swbtn .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right3.png);}
.swbtn .mbtn:hover{ border-color: #ff6633;}
@media screen and (max-width:768px){
.swbtn .mbtn{width:2.25rem;height:2.25rem;background-size:.375rem;}
}


/**pageCulture**/
.pageCulture{padding-top:7.1875rem;padding-bottom:5.3125rem;background-color:#111111;background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment: fixed;}
@media screen and (max-width:1200px) {
.pageCulture{padding-top:6rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px) {
.pageCulture{padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px) {
.pageCulture{padding-top:4rem;padding-bottom:3rem;}
}


/**pageCultureList**/
.pageCultureList {box-sizing:border-box; padding:0;margin:0; position: relative;}
.pageCultureList .item{margin:0;border-radius:.625rem; overflow: hidden;box-sizing:border-box;width:100%;}
.pageCultureList .item .itema{ display:block;position:relative;box-sizing:border-box;}
.pageCultureList .item .imgB{display:-ms-flexbox;display:flex;align-content:flex-start;align-items:flex-start;width:100%;height:32.5rem;margin-bottom:2.5rem;}
.pageCultureList .item .img{padding-bottom:57.4585635359116%; position:relative;height:0; width: 100%;overflow: hidden;border-radius:.625rem;} 
.pageCultureList .item .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;top:0;left:0;}
.pageCultureList .item .itema,.pageCultureList .item .img img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageCultureList .item .itema:hover .img img {-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.pageCultureList .item .t{font-size:1.25rem;font-weight:600;color:#fff;line-height:1.5;}
.pageCultureList .item .des{font-size:1rem;font-weight:500;color:#fff;line-height:1.5; margin-top: .9375rem;}
@media screen and (max-width:1200px) {
.pageCultureList .item .imgB{height:27vw;margin-bottom:2rem;}
.pageCultureList .item .t{font-size:1.125rem;}
.pageCultureList .item .des{font-size:.875rem;margin-top: .625rem;}
}
@media screen and (max-width:768px) {
.pageCultureList .item .imgB{height:auto;margin-bottom:2rem;}
}

/**pageCultureB**/
.pageCultureBOX{padding-left:10vw;}
.pageCultureB{box-sizing:border-box; padding:0;margin:0; position: relative;overflow: hidden;}
.pageCultureList1{width:58.85416666666667vw; overflow: hidden; background-color:#111111; position: relative; z-index: 2;}
.pageCultureList1::after{ content:'';position:absolute;top:0;left:47.13541666666667vw;width:11.71875vw;height:100%;background-color:#111111; z-index:2;}
.pageCultureList1 .swiper-container{width:100%;margin: 0;  overflow: hidden;}
.pageCultureList1 .swiper-container .swiper-slide{width:100%;}
.pageCultureList1 .swiper-container .swiper-slide .itema{margin-right:11.71875vw;}
.pageCultureList1 .swbtn .mbtn.swiper-button-prev{left:4.6875vw;}
.pageCultureList1 .swbtn .mbtn.swiper-button-next{right:4.6875vw;}
.pageCultureList2{width:58.85416666666667vw;position: absolute;top:0;left:0;z-index:1;}
.pageCultureList2 .swiper-container{width:100%; margin: 0; overflow: visible;}
.pageCultureList2 .swiper-container .swiper-slide{width:100%; }
.pageCultureList2 .swiper-container .swiper-slide .itema{margin-right:28.64583333333333vw;}
.pageCultureList2 .swbtn{ display: none;}
@media screen and (max-width:1024px) {
.pageCultureBOX{padding-left:10vw;;}
}
@media screen and (max-width:768px) {
.pageCultureBOX{padding-left:5vw;}
.pageCultureList1{width:100%;}
.pageCultureList1 .swiper-container{overflow:visible;}
.pageCultureList1 .swiper-container .swiper-slide .itema{/* margin-right:11.71875vw;margin-left:11.71875vw; */margin-right:3vw;margin-left:3vw;}
.pageCultureList1::after{ display: none;}
.pageCultureList2{ display: none;}
.pageCultureList1 .swbtn .mbtn.swiper-button-prev{left:2vw;}
.pageCultureList1 .swbtn .mbtn.swiper-button-next{right:2vw;}
}



/*each_animate*/
body:not(#index) .each_animate div {transition:1s;}
.each_animate.on .sp{opacity:1 !important;transform:translateX(0) !important;}




/**pageHistory**/
.pageHistory{padding-top:7.5rem;padding-bottom:5.625rem;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment: fixed;}
@media screen and (max-width:1200px) {
.pageHistory{padding-top:6rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px) {
.pageHistory{padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px) {
.pageHistory{padding-top:4rem;padding-bottom:3rem;}
}


/*pageHistory_time*/
.pageHistory_row{display:-ms-flexbox;display:flex;flex-wrap:wrap; max-width: 70.625rem;margin:0 auto;}
.pageHistory_col{box-sizing:border-box;position:relative}
.pageHistory_timeListBox{display:-ms-flexbox;display:flex;flex-direction:column;justify-content:space-between;align-content:flex-start;align-items:center;height:108%;  position: relative;}
.pageHistory_timeListBox:after{content:'';position:absolute;top:0;left:.3125rem;width:.0625rem;height:100%;background:#cacaca;}
.pageHistory_year{width:100%;/* flex:1; */display:-ms-flexbox;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;cursor:pointer;cursor:hand; padding-left: 1.6875rem;}
.pageHistory_year .pageHistory_shaft{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;height:100%;margin-left:1.6875rem}
.pageHistory_year .pageHistory_point{width:.625rem;height:.625rem;background:#cacaca;border-radius:50%; position: absolute;top:50%;left:0;margin-top:-0.3125rem;}
.pageHistory_year .pageHistory_h5{font-size:1rem;font-weight:normal;line-height:1.5;text-align:right;opacity:1;color: #000000;display:-ms-flexbox;display:flex;align-items:center; height: 100%;}
.pageHistory_year.on .pageHistory_h5{font-size:1.5rem;color:#ff6633;}
.pageHistory_gradientB{flex-basis:76%;flex-grow:0;flex-shrink:0;max-width:76%; overflow: hidden;}

.pageHistory_gradient{ margin:0 -1rem;}
.pageHistory_box{ margin: 0 1rem;}
.pageHistory_timeB{flex-basis:24%;flex-grow:0;flex-shrink:0;max-width:24%;}
.pageHistory_timeListBox .swiper-wrapper{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;/* justify-content:flex-end; */}
@media screen and (max-width:1200px) {
.pageHistory_year .pageHistory_h5{font-size:0.875rem;}
.pageHistory_year.on .pageHistory_h5{font-size:1.25rem;}
}
@media screen and (max-width:1024px) {
.pageHistory_year .pageHistory_h5{font-size:0.875rem;}
.pageHistory_year.on .pageHistory_h5{font-size:1.125rem;}
}
@media screen and (max-width:768px) {
.pageHistory_year .pageHistory_h5{font-size:0.875rem;}
.pageHistory_year.on .pageHistory_h5{font-size:1rem;}
}




/*pageHistory_wz*/
.pageHistory_describe{font-size:1rem;font-weight:500;line-height:1.5;color:#6a6a6a;}
.pageHistory_describe h5{font-size:1.25rem;font-weight:600;line-height:1.5;margin-bottom:.375rem;color:#000000;}
.pageHistory_img .img{padding-bottom:56.05095541401274%; position:relative;height:0;width:100%;overflow: hidden;border-radius:.625rem; margin-bottom: 2.75rem;} 
.pageHistory_img .img img{max-width:100%;max-height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;}
@media screen and (max-width:1200px){
.pageHistory_img .img{margin-bottom:2rem;} 
.pageHistory_describe{font-size:0.875rem;}
.pageHistory_describe h5{font-size:1.125rem;}
}
@media screen and (max-width:1024px){
.pageHistory_img .img{margin-bottom:1.5rem;} 
.pageHistory_describe{font-size:0.875rem;}
.pageHistory_describe h5{font-size:1rem;}
}
@media screen and (max-width:768px){
.pageHistory_img .img{margin-bottom:1rem;} 
.pageHistory_describe{font-size:0.875rem;}
.pageHistory_describe h5{font-size:1rem;}
}


/************************page-tab************************/
.page-tab{margin:0 auto;padding:0;text-align: center; padding-top:4.375rem;}
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;*display:inline;zoom:1;position: relative;height:2.5rem;line-height:2.5rem;border-radius:.3125rem; vertical-align:top;}
.page-tab ul li a{font-size:1rem;padding:0 .3125rem;margin:0 .3125rem;min-width:2.5rem;height:2.5rem;line-height:2.5rem;display:inline-block;text-align:center;color:#363636;border-radius:.3125rem; font-weight:normal;border:1px solid transparent;}
.page-tab ul li.prev-page a{background:url(../images/icon-left.png) center center no-repeat; background-size:.875rem;padding:0;}
.page-tab ul li.next-page a{background:url(../images/icon-right.png) center center no-repeat; background-size:.875rem;padding:0;}
.page-tab ul li a.focus{border-color:#363636;}
.page-tab ul li a:hover{border-color:#363636;}
@media screen and (max-width:1200px){
.page-tab{padding-top:3rem;}
}
@media screen and (max-width:1024px){
.page-tab{padding-top:2.5rem;}
.page-tab ul li a{font-size:.875rem;margin:0 .3125rem;}
}
@media screen and (max-width:768px){
.page-tab{padding-top:2rem;}
.page-tab ul li{ display:none;}	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}




/***********************pageCase************************/
/*pageCase*/
.pageCase{padding-top:7.5rem;padding-bottom:5.625rem;margin:0 auto;background:#f8f8f8;}
@media screen and (max-width:1200px){
.pageCase{padding-top:7rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px){
.pageCase{padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px){
.pageCase{padding-top:4em;padding-bottom:3rem;}
}




/*pageNav2*/
.pageNav2{position:relative;z-index:2;margin-bottom:1.875rem;background-color: #fff;border-radius:.625rem; padding:0 .75rem;}
.pageNav2 .pageNav2Tit{ display:none;}
.pageNav2 ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;}
.pageNav2 li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageNav2 li a{position:relative;display:block;color:rgba(0, 0, 0, 0.4);font-weight:normal;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1.125rem;line-height:5.625rem;margin:0 2.0625rem;}
.pageNav2 li a span{display:block;position:relative; z-index:2;}
.pageNav2 li a:hover,
.pageNav2 li .on{color:#000;}
@media screen and (max-width:1200px) {
.pageNav2 li a{line-height:4rem;font-size:1rem;margin:0 1.5rem;}
}
@media screen and (max-width:1024px) {
.pageNav2 li a{line-height:3.5rem;margin:0 .5rem;padding:0 1rem;}
.pageNav2 ul{display: flex;overflow:visible;overflow-x: scroll;}
.pageNav2 ul::-webkit-scrollbar {display: none}
.pageNav2 li{flex-shrink:0;align-items:flex-end;margin-right:.625rem;overflow:hidden;position:relative;}
.pageNav2 li a{margin:0;}
.pageNav2{ padding:0 0.625rem;}
}
@media screen and (max-width:960px) {
.pageNav2 li a{padding:0 1rem;}
}
@media screen and (max-width:767px) {
.pageNav2 li a{line-height:3rem;font-size:.875rem;padding:0 0;}
}


/*pageCaseList*/
.pageCaseList{margin:0;padding: 0;list-style: none; text-align:center;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:4rem;width:100%; margin-bottom: 1.875rem; margin-top: 1.875rem;}
.pageCaseList .item{flex:0 0 calc(33.33333% - 4rem);display:block; overflow: hidden;}
.pageCaseList .itema{display:block; position:relative;overflow:hidden; height: 100%;border-radius:1.25rem;background:#fff;overflow: hidden;}
.pageCaseList .imgBox{display:block;position:relative;width:100%;height:0;padding-bottom:55.47169811320755%;overflow:hidden;}
.pageCaseList .imgBox>div{position:static!important;}
.pageCaseList .imgBox img{position:absolute;margin:auto auto;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageCaseList .item,.pageCaseList .m,
.pageCaseList .imgBox,
.pageCaseList .imgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pageCaseList .item:hover .imgBox img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.pageCaseList .imgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pageCaseList .info{ height: 100%;display:-ms-flexbox;display:flex;flex-direction:column;}
.pageCaseList .title {text-align:left;color:#000000; padding:3.125rem 3.125rem 2.5rem;}
.pageCaseList .title .t {font-size:1.375rem;line-height:1;margin-bottom:.875rem;}
.pageCaseList .title .des {font-size:1rem;color:#6a6a6a;line-height:1.8;margin-bottom:1rem;min-height:6.25rem;}
.pageCaseList .itema:hover .t {color:#ff6900;}
.pageCaseList .itema:hover .m{background-color:#ff6900;color:#fff;border-color:#ff6900;}
.pageCaseList .itema{padding-bottom:6rem;}
.pageCaseList .m{position: absolute;bottom:3.125rem;left:3.125rem; margin: 0;}
@media screen and (max-width:1200px){
.pageCaseListBox{margin:0 -1.5rem;}
.pageCaseList{gap:0;margin-bottom:1.5rem;}
.pageCaseList .item{flex:0 0 calc(33.33333%);margin-bottom:3rem;}
.pageCaseList .itema{border-radius:1.125rem; margin:0 1.5rem;}
.pageCaseList .title .t {font-size:1.125rem;}
.pageCaseList .title .des {font-size:0.875rem;line-height:1.5;margin-bottom:0.5rem;min-height:4rem;}
.pageCaseList .m{bottom:2.5rem;}
}
@media screen and (max-width:1024px){
.pageCaseListBox{margin:0 -1.5rem;}
.pageCaseList{gap:0;margin-bottom:1.5rem;}
.pageCaseList .item{flex:0 0 calc(50%);margin-bottom:3rem;}
.pageCaseList .itema{border-radius:1rem; margin:0 1.5rem;}
.pageCaseList .title .t {font-size:1rem;}
.pageCaseList .title .des {font-size:0.875rem;line-height:1.5;margin-bottom:0;min-height:3.75rem;}
}
@media screen and (max-width:768px){
.pageCaseList .item{flex:0 0 calc(100%);}
.pageCaseList .title .des{min-height:0;}
}

/********************************pageCaseInfo********************************/
/*pageCaseInfo*/
.pageCaseInfo{padding-top:7.5rem;padding-bottom:5.625rem;margin:0 auto;background:#FFF;}
@media screen and (max-width:1200px){
.pageCaseInfoe{padding-top:7rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px){
.pageCaseInfo{padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px){
.pageCaseInfo{padding-top:4em;padding-bottom:3rem;}
}


/* pageCaseInfoPic */
.pageCaseInfoPic .img{display:block;position:relative;width:100%;overflow:hidden;border-radius:1.25rem;margin-bottom:3.75rem}
.pageCaseInfoPic .img>div{position:static!important;}
.pageCaseInfoPic .img img{display:block;max-width:none;width:100%;height:100%;object-fit:cover;}



/**pageCaseInfoList**/
.pageCaseInfoList {display:-ms-flexbox;display:flex;flex-wrap:wrap;box-sizing:border-box; padding:0;margin:0 -1.875rem; margin-bottom: 3.75rem;}
.pageCaseInfoList .item{flex:0 0 calc(50% - 3.75rem);margin:0 1.875rem;background-color:#fefbf7;border-radius:.625rem; overflow: hidden;box-sizing:border-box;display:-ms-flexbox;display:flex;align-items: center;align-content: center;justify-content: center;}
.pageCaseInfoList .item:nth-child(2){background-color:#f7f7f7;}
.pageCaseInfoList .item .itema{ display:block;width:100%;position:relative; height: 100%; padding:4.375rem;}
.pageCaseInfoList .item .icon{display:-ms-flexbox;display:flex;align-items:center;justify-content:center; width:5rem; height:5rem;border-radius:50%;transition: 1s; background-color: #ff6900; margin-right: 1.625rem;}
.pageCaseInfoList .item:nth-child(2) .icon{background-color:#6a6a6a;}
.pageCaseInfoList .item .icon>div{position:static!important;}
.pageCaseInfoList .item .icon img{width:1.875rem; height: 1.875rem;}
.pageCaseInfoList .item .t{font-size:2.125rem;font-weight:500;color:#000;text-align:center;line-height:1.4;display:-ms-flexbox;display:flex;flex-wrap:wrap;box-sizing:border-box; margin-bottom: 2.1875rem;}
.pageCaseInfoList .item .tt{ position: relative;}
.pageCaseInfoList .item .tt::after{content:'';position:absolute;bottom:1.25rem;left:0;width:2rem;height:.1875rem;background-color:#ff6900;}
.pageCaseInfoList .item .wz {font-size:1rem;color:#6a6a6a;line-height:1.8;}
/*hover*/
.pageCaseInfoList .item{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageCaseInfoList .item .itema:hover .img{transform: rotateY(180deg);}
.pageCaseInfoList .item:hover{background-color:#dcdddc}
@media screen and (max-width:1200px) {
.pageCaseInfoList .item .itema{padding:3rem;}
.pageCaseInfoList .item .img{ width:2.7rem; height:2.7rem;margin-bottom:3rem;}
.pageCaseInfoList .item .t{font-size:1.8rem;}
.pageCaseInfoList .item .wz{font-size:.875rem;}
.pageCaseInfoList .item .icon{width:4rem; height:4rem;}
.pageCaseInfoList .item .tt::after{bottom:0.5rem;}
}
@media screen and (max-width:1024px) {
.pageCaseInfoList .item .itema{padding:2rem;}
.pageCaseInfoList .item .img{ width:2.5rem; height:2.5rem;margin-bottom:2rem;}
.pageCaseInfoList .item .t{font-size:1.5rem;}
.pageCaseInfoList .item .wz{font-size:.875rem;}
.pageCaseInfoList .item .icon{width:3rem; height:3rem;}
.pageCaseInfoList .item .tt::after{bottom:0.25rem;}
}
@media screen and (max-width:768px) {
.pageCaseInfoList {margin:0;}
.pageCaseInfoList .item .itema{padding:1.5rem;}
.pageCaseInfoList .item{flex:0 0 100%;margin:0;margin-bottom:1.25rem;}
.pageCaseInfoList .item .img{ width:2.5rem; height:2.5rem;margin-bottom:1rem;}
.pageCaseInfoList .item .t{font-size:1.3rem;}
.pageCaseInfoList .item .wz{font-size:.875rem;}
}

/*m*/
.m{font-size:1rem;padding:0 1.25rem;width:auto;min-width:10rem;height:3.5rem;line-height:3.5rem;border-radius:3.5rem; display:inline-block;text-align:center;color:#000000;font-weight:normal;border:1px solid #cbcbcc;margin-top:3.125rem;transition: all .3s ease-in-out;}
.m span{display: block;}
.m:hover{background-color:#ff6900;color:#fff;transition: all .3s ease-in-out; }
@media screen and (max-width:1200px){
.m{font-size:0.875rem;padding:0 1.125rem;width:auto;min-width:8rem;height:3rem;line-height:3rem;border-radius:3rem; margin-top:3rem;}
}
@media screen and (max-width:1024px){
.m{font-size:0.875rem;padding:0 1.125rem;width:auto;min-width:7rem;height:3rem;line-height:3rem;border-radius:3rem; margin-top:2rem;}
}
@media screen and (max-width:768px){
.m{font-size:0.875rem;padding:0 1.125rem;width:auto;min-width:7rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem; margin-top:1rem;}
}




/**pageCaseInfoList2**/
.pageCaseInfoList2 { padding:0;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:4rem;}
.pageCaseInfoList2 .item{overflow: hidden;width: 100%;}
.pageCaseInfoList2 .item .itema{ display:block;width:100%;position:relative;padding:4.375rem;display:-ms-flexbox;display:flex;flex-wrap:wrap;box-sizing:border-box;background-color:#fff;border:1px solid #dcdcdc;border-radius:1.25rem; }
.pageCaseInfoList2 .item .imgB{display:-ms-flexbox;display:flex;align-items:center;justify-content:center; width:100%; height:100%; margin-right:5rem;flex:0 0 calc(39% - 5rem);}
.pageCaseInfoList2 .item .img{/* display:-ms-flexbox;display:flex;align-items:center;justify-content:center; */ width:100%; height:0;border-radius:1.25rem;transition: 1s; background-color: #ff6900;  position: relative; padding-bottom: 100%;    overflow: hidden;}
.pageCaseInfoList2 .item .img>div{position:static!important;}
.pageCaseInfoList2 .item .img img{position:absolute;margin:auto auto;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageCaseInfoList2 .item .title{flex:0 0 calc(61%);}
.pageCaseInfoList2 .item .t{font-size:1.375rem;font-weight:500;color:#000;line-height:1.4; margin-bottom:2.1875rem; padding-left:1rem;}
.pageCaseInfoList2 .item .t{ position: relative;}
.pageCaseInfoList2 .item .t::after{content:'';position:absolute;top:0.5rem;left:0;width:.1875rem;height:1.25rem;background-color:#ff6900;}
.pageCaseInfoList2 .item .wz {font-size:1rem;color:#6a6a6a;line-height:1.8;}
/*hover*/
.pageCaseInfoList2 .item .img,
.pageCaseInfoList2 .item .img img,
.pageCaseInfoList2 .item{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageCaseInfoList2 .item:hover  .img img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
@media screen and (max-width:1200px) {
.pageCaseInfoList2 .item .itema{padding:3rem;}
.pageCaseInfoList2 .item .t{font-size:1.25rem;}
.pageCaseInfoList2 .item .wz{font-size:.875rem;}
}
@media screen and (max-width:1024px) {
.pageCaseInfoList2 {gap:0;}
.pageCaseInfoList2 .item{ margin-bottom:3rem;}
.pageCaseInfoList2 .item .itema{padding:2rem;}
.pageCaseInfoList2 .item .t{font-size:1.125rem;}
.pageCaseInfoList2 .item .wz{font-size:.875rem;}
}
@media screen and (max-width:768px) {
.pageCaseInfoList2 {margin:0;}
.pageCaseInfoList2 .item .itema{padding:1.5rem;}
.pageCaseInfoList2 .item{flex:0 0 100%;margin:0;margin-bottom:1.25rem;}
.pageCaseInfoList2 .item .t{font-size:1rem;}
.pageCaseInfoList2 .item .wz{font-size:.875rem;}

.pageCaseInfoList2 .item .title{flex:0 0 calc(100%);}
.pageCaseInfoList2 .item .imgB{width:100%; margin-right: 0;flex:0 0 calc(100%); margin-bottom: 1.25rem;}

}


/*pageTit2*/
.pageTit2{position:relative;line-height:1.5;color:#000000;text-align:center; font-weight:500;margin-bottom:4.375rem;font-size:2.125rem;}
@media screen and (max-width:1200px){
.pageTit2{margin-bottom:3rem;font-size:1.8rem;}
}
@media screen and (max-width:1024px){
.pageTit2{margin-bottom:2rem;font-size:1.5rem;}
}
@media screen and (max-width:768px){
.pageTit2{margin-bottom:1.5rem;font-size:1.3rem;}
}


/* pageCasexg */
.pageCasexg{padding-top:6.875rem;padding-bottom:7.5rem;margin:0 auto;background:#f8f8f8; overflow: hidden;}
@media screen and (max-width:1200px){
.pageCasexg{padding-top:6rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px){
.pageCasexg{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px){
.pageCasexg{padding-top:4em;padding-bottom:4rem;}
}




/*products-swiper*/
.xgCase-swiper{ overflow: hidden;position: relative;margin: 0 -2rem;}
.xgCase-swiper .swbtn .mbtn.swiper-button-prev{left:1.25rem;}
.xgCase-swiper .swbtn .mbtn.swiper-button-next{right:1.25rem;}
/*xgCaseList*/
.xgCaseList{margin:0;padding: 0;list-style: none; text-align:center;display:-ms-flexbox;display:flex;gap:0;width:100%; }
.xgCaseList .item{flex:0 0 calc(33.33333% - 4rem);width: auto!important;margin:0 2rem;display:block; overflow: hidden;border-radius:1.25rem;background:#fff; height:100%!important;height: auto!important;}
.xgCaseList .item .itema{display:block; position:relative;overflow:hidden; height: 100%;}
.xgCaseList .imgBox{display:block;position:relative;width:100%;height:0;padding-bottom:55.47169811320755%;overflow:hidden;}
.xgCaseList .imgBox>div{position:static!important;}
.xgCaseList .imgBox img{position:absolute;margin:auto auto;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.xgCaseList .item,.xgCaseList .m,
.xgCaseList .imgBox,
.xgCaseList .imgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.xgCaseList .item:hover .imgBox img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.xgCaseList .imgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.xgCaseList .info{ height: 100%;display:-ms-flexbox;display:flex;flex-direction:column;}
.xgCaseList .title {text-align:left;color:#000000; padding:3.125rem 3.125rem 2.5rem;}
.xgCaseList .title .t {font-size:1.375rem;line-height:1.5;margin-bottom:.625rem;}
.xgCaseList .title .des {font-size:1rem;color:#6a6a6a;line-height:1.8;margin-bottom:1.25rem;min-height:6.25rem;}
.xgCaseList .itema:hover .t {color:#ff6900;}
.xgCaseList .itema:hover .m{background-color:#ff6900;color:#fff;border-color:#ff6900;}
.xgCaseList .itema{padding-bottom:5rem;}
.xgCaseList .m{position: absolute;bottom:2.5rem;left:3.125rem; margin: 0;}
@media screen and (max-width:1200px){
.xgCase-swiper{margin:0 -1.5rem;}
.xgCaseList .item{flex:0 0 calc(33.33333% - 3rem);margin:0 1.5rem;border-radius:1.125rem;}
.xgCaseList .title {padding:3rem 3rem 2.5rem;}
.xgCaseList .title .t {font-size:1.125rem;}
.xgCaseList .title .des {font-size:0.875rem;line-height:1.5;margin-bottom:1.125rem;min-height:4rem;}
.xgCaseList .m{bottom:2.5rem;left:3rem; margin: 0;}
}
@media screen and (max-width:1024px){
.xgCase-swiper{margin:0 -1.5rem;}
.xgCaseList .item{flex:0 0 calc(50% - 3rem);margin:0 1.5rem;border-radius:1rem;}
.xgCaseList .title {padding:2.5rem 2.5rem;}
.xgCaseList .title .t {font-size:1rem;}
.xgCaseList .title .des {font-size:0.875rem;line-height:1.5;margin-bottom:1rem;min-height:3.75rem;}
.xgCaseList .m{bottom:2.5rem;left:2.5rem; margin: 0;}
}
@media screen and (max-width:768px){
.xgCase-swiper{margin:0;}
.xgCaseList .item{flex:0 0 calc(100%);border-radius:1rem;margin:0;}
.xgCaseList .title .des{min-height:0;}
}


/********************************pagePro********************************/
/*pagePro*/
.pagePro{padding-top:7.5rem;padding-bottom:5.625rem;margin:0 auto;background:#f8f8f8;}
@media screen and (max-width:1200px){
.pagePro{padding-top:7rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px){
.pagePro{padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px){
.pagePro{padding-top:4em;padding-bottom:3rem;}
}


/*pageProList*/
.pageProList{margin:0;padding: 0;list-style: none; text-align:center;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:4rem;width:100%; margin-bottom: 1.875rem; margin-top: 1.875rem;}
.pageProList .item{flex:0 0 calc(33.33333% - 4rem);display:block;overflow: hidden;}
.pageProList .item .itema{display:block; position:relative;overflow:hidden;background:#fff;border-radius:1.25rem;  height: 100%; background-position: right bottom; background-size: cover;}
.pageProList .item .itema::after{content:'';position:absolute;bottom:0;left:0;background-color:#ff6633;height:3px; width: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pageProList .item .itema:hover::after{width: 100%;}
.pageProList .item .itema:hover{ background-image:url('../images/probg.jpg');}
.pageProList .imgBox{display:block;position:relative;width:100%;height:0;padding-bottom:55.47169811320755%;overflow:hidden;}
.pageProList .imgBox>div{position:static!important;}
.pageProList .imgBox img{position:absolute;margin:auto auto;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageProList .itema,.pageProList .m,
.pageProList .imgBox,
.pageProList .imgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pageProList .item:hover .imgBox img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.pageProList .imgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pageProList .info{ height: 100%;display:-ms-flexbox;display:flex;flex-direction:column;}
.pageProList .title {text-align:left;color:#000000; padding:2.8125rem 2.5rem;}
.pageProList .title .t {font-size:1.5rem;line-height:1.5;margin-bottom:.875rem;}
.pageProList .title .des {font-size:1.125rem;color:#6a6a6a;line-height:1.5;}
.pageProList .itema:hover .t {color:#000000;}
.pageProList .itema:hover .m{background-color:#000000;color:#fff;border-color:#000000;}
.pageProList .itema{padding-bottom: 6rem;}
.pageProList .m{position: absolute;bottom:3.125rem;left:3.125rem; margin: 0;}
@media screen and (max-width:1200px){
.pageProListBox{margin:0 -1.5rem;}
.pageProList{gap:0;margin-bottom:0}
.pageProList .item{flex:0 0 calc(33.33333%);margin-bottom:3rem;}
.pageProList .item .itema{border-radius:1.125rem;margin:0 1.5rem;}
.pageProList .title .t {font-size:1.25rem;}
.pageProList .title .des {font-size:1rem;line-height:1.5;min-height:4rem;}
}
@media screen and (max-width:1024px){
.pageProListBox{margin:0 -1.5rem;}
.pageProList{gap:0;}
.pageProList .item{flex:0 0 calc(50%);margin-bottom:3rem;}
.pageProList .item .itema{border-radius:1rem;margin:0 1.5rem;}
.pageProList .title .t {font-size:1.125rem;}
.pageProList .title .des {font-size:0.875rem;line-height:1.5;min-height:3.75rem;}
}
@media screen and (max-width:768px){
.pageProList .item{flex:0 0 calc(100%);}
.pageProList .title .des{min-height:0;}
}

/********************************pageNews********************************/
/*pageNews*/
.pageNews{padding-top:7.5rem;padding-bottom:5.625rem;margin:0 auto;background:#f8f8f8;}
@media screen and (max-width:1200px){
.pageNews{padding-top:7rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px){
.pageNews{padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px){
.pageNews{padding-top:4em;padding-bottom:3rem;}
}


/*pagNewsList*/
.pagNewsList{margin:0;padding: 0;list-style: none; text-align:center;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:4rem;width:100%; margin-bottom: 1.875rem; margin-top: 1.875rem;}
.pagNewsList .item{flex:0 0 calc(33.33333% - 4rem);display:block; overflow: hidden;}
.pagNewsList .itema{display:block; position:relative;overflow:hidden; height: 100%;border-radius:1.25rem;background:#fff;overflow: hidden;}
.pagNewsList .imgBox{display:block;position:relative;width:100%;height:0;padding-bottom:55.47169811320755%;overflow:hidden;}
.pagNewsList .imgBox>div{position:static!important;}
.pagNewsList .imgBox img{position:absolute;margin:auto auto;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pagNewsList .item,.pagNewsList .m,
.pagNewsList .imgBox,
.pagNewsList .imgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pagNewsList .item:hover .imgBox img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.pagNewsList .imgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pagNewsList .info{ height: 100%;display:-ms-flexbox;display:flex;flex-direction:column;}
.pagNewsList .title {text-align:left;color:#000000; padding:3.125rem 3.125rem 2.5rem;}
.pagNewsList .title .date{ display: inline-block; padding-left: 1.625rem;background:url("../images/icon-date.png") no-repeat left center;background-size:1rem; font-size:1rem; line-height: 1.5; color: #c0c0c0;margin-bottom: 1.5rem;}
.pagNewsList .title .t {font-size:1.5rem;line-height:1.5;margin-bottom:.875rem;}
.pagNewsList .title .des {font-size:1.125rem;color:#6a6a6a;line-height:1.5;min-height:3.125rem;}
.pagNewsList .itema:hover .t {color:#ff6900;}
.pagNewsList .itema:hover .m{background-color:#ff6900;color:#fff;border-color:#ff6900;}
.pagNewsList .itema{padding-bottom: 6rem;}
.pagNewsList .m{position: absolute;bottom:3.125rem;left:3.125rem; margin: 0;}
@media screen and (max-width:1200px){
.pagNewsListBox{margin:0 -1.5rem;}
.pagNewsList{gap:0;margin-bottom:1.5rem;}
.pagNewsList .item{flex:0 0 calc(33.33333%);margin-bottom:3rem;}
.pagNewsList .itema{border-radius:1.125rem; margin:0 1.5rem;}
.pagNewsList .title .t {font-size:1.25rem;}
.pagNewsList .title .des {font-size:1rem;line-height:1.5;margin-bottom:1.125rem;min-height:4rem;}
.pagNewsList .m{bottom:2.5rem;}
}
@media screen and (max-width:1024px){
.pagNewsListBox{margin:0 -1.5rem;}
.pagNewsList{gap:0;margin-bottom:1.5rem;}
.pagNewsList .item{flex:0 0 calc(50%);margin-bottom:3rem;}
.pagNewsList .itema{border-radius:1rem; margin:0 1.5rem;}
.pagNewsList .title .t {font-size:1rem;}
.pagNewsList .title .des {font-size:0.875rem;line-height:1.5;margin-bottom:1rem;min-height:3.75rem;}
}
@media screen and (max-width:768px){
.pagNewsList .item{flex:0 0 calc(100%);}
.pagNewsList .title .des{min-height:0;}
}





/***************************page-newsInfo***************************/
.headerBlack{ padding-top:5rem;}
.page-newsInfoBox{padding-top:12.5rem;padding-bottom:9.375rem; background:#fff;}
.w1030{max-width:64.375rem;margin:0 auto; width:90%;}
.page-newsInfoCon{background:#fff;border-radius:.625rem;}
.page-newsInfo .page-newswz{padding-bottom:5.625rem;}
.page-newsInfo .newsTit{font-weight:600; color:#222222; line-height:1.3; text-align:center;margin-bottom:1.875rem;font-size:2.125rem;}
.page-newsInfo .newsShuju{ font-size:1rem; color:#c0c0c0;line-height:1;text-align:center;}
.page-newsInfo .newsShuju span.date{ display: inline-block; padding-left: 1.625rem;background:url("../images/icon-date.png") no-repeat left center;background-size:1rem;}
@media screen and (max-width:1200px){
.page-newsInfo .newsTit{font-size:2rem;line-height:1.3;}
.page-newsInfoBox{padding-top:9rem;padding-bottom:7rem;}
.page-newsInfo .page-newswz{padding-bottom:4rem;}
}
@media screen and (max-width:1024px){
.page-newsInfo .newsTit{font-size:1.5rem;line-height:1.2;}
.page-newsInfoBox{padding-top:7rem;padding-bottom:5rem;}
.page-newsInfo .page-newswz{padding-bottom:3rem;}
}
@media screen and (max-width:768px){
.page-newsInfoBox{padding-top:4rem;padding-bottom:4rem;}
}


/*newsText*/
.page-newsInfo .newsText{color:#000000;font-size: 1.125rem;line-height:1.8;font-style:normal;font-weight:normal;}
.page-newsInfo .newsText h5{font-size:1.25rem;line-height:1.75rem; margin-bottom:0.3125rem;}
.page-newsInfo .newsText img{ max-width: 100%;height: auto;}
.page-newsInfo .newsTextNr{padding-bottom:3.125rem;margin:0 auto;}
/*newsBtn*/
.page-newsInfo .newsBtnBOX{padding:1.25rem 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.page-newsInfo .newsBtn{font-size:0;position:relative;text-align:left;margin:0 auto;min-height:3.125rem}
.page-newsInfo .newsBtn .newsBtnA{display:block;width:50%;overflow:hidden;color:#909090;text-align:left; font-size:0;}
.page-newsInfo .newsBtn .newsBtnB{display:block;width:50%;overflow:hidden;color:#909090;text-align:left;font-size:0;}
.page-newsInfo .newsBtn .newsBtnA em,
.page-newsInfo .newsBtn .newsBtnB em{ font-style:normal;color:#6a6a6a}
.page-newsInfo .newsBtn .newsBtnA em:hover,
.page-newsInfo .newsBtn .newsBtnB em:hover{color:#000;}
.page-newsInfo .newsBtn a{display:block;color:#000;font-size:1rem;line-height:1.875rem; height:1.875rem;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; background:#fff;text-align:left;}
.page-newsInfo .newsBtn a srtong{font-weight:normal;}
@media screen and (max-width:768px) {
.page-newsInfo .newsBtn .newsBtnA{width:100%;}
.page-newsInfo .newsBtn .newsBtnB{width:100%;}
}

/*page-back*/
.page-back{margin:0 auto;text-align:center; position:absolute;right:0;bottom:0.25rem;}
.page-back a{display:block;width:8.75rem;font-size:1rem!important;overflow:hidden;line-height:3.125rem!important;height:3.125rem!important;border:1px solid #f2f2f2;border-radius:3.125rem;color: #000000!important;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#f2f2f2!important; position:relative; text-align:center!important;}
.page-back a span{ display:inline-block; position:relative; z-index:2;overflow:hidden;text-align:center; margin: auto;}
.page-back a:hover{background:#00dde3!important;color: #fff!important;border-color:#00dde3;}
@media screen and (max-width:768px) {
.page-back{ position:relative;bottom:0;margin-top:1.875rem;}
}


/************************product************************/
/*pageHot*/
.pageHot{padding-top:7.5rem;padding-bottom:5rem;background-color:#fff;}
@media screen and (max-width:1200px) {
.pageHot{padding-top:7rem;padding-bottom:4rem;}
}
@media screen and (max-width:1024px) {
.pageHot{padding-top:5rem;padding-bottom:3rem;}
}
@media screen and (max-width:768px) {
.pageHot{padding-top:4rem;padding-bottom:3rem;}
}

/*pageHotList*/
.pageHotList{padding:0;list-style:none;position:relative;font-size:0;margin:0;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:5rem;box-sizing:border-box;}
.pageHotList .item{flex:0 0 calc(33.333333% - 5rem);box-sizing:border-box}
.pageHotList .item .itema{display:block; position:relative;height: 100%;background-color:#fff;border-radius:1.25rem;}
.pageHotList .item .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;background-color: #f8f9fc;border-radius:1.25rem;}
.pageHotList .item .imgBox .img{position:relative;padding-bottom:100%;}
.pageHotList .item .imgBox .img>div{position:static!important;}
.pageHotList .item .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.pageHotList .item .itema,
.pageHotList .item .imgBox img,
.pageHotList .item .t:before,
.pageHotList .item .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageHotList .item .itema:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.pageHotList .item .title{padding:2.5rem 2.5rem; text-align: center;}
.pageHotList .item .t{font-size:1.5rem;line-height:1.5;color:#000000;font-weight:500;margin-bottom:.875rem;}
.pageHotList .item .des{font-size:1.125rem;line-height:1.8rem;min-height:3.6rem;color:#9a9a9a;font-weight:normal;}
.pageHotList .itema:hover{-moz-box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);}
@media screen and (max-width:1200px){
.pageHotListBox{margin:0 -1.5rem;}
.pageHotList{gap:0;}
.pageHotList .item{flex:0 0 calc(33.333333%);margin-bottom:2rem;}
.pageHotList .item .itema{margin:0 1.5rem;}
.pageHotList .item .t{font-size:1rem;}
.pageHotList .item .des{font-size:0.875rem;margin-bottom:1.125rem;line-height: 1.5;}

.pageHotList .item .title{padding:2.5rem 3rem;}
}
@media screen and (max-width:1024px){
.pageHotListBox{margin:0 -1.5rem;}
.pageHotList{gap:0;}
.pageHotList .item{flex:0 0 calc(50%); margin-bottom:2rem;}
.pageHotList .item .itema{margin:0 1.5rem;}
.pageHotList .item .title{padding:2.5rem 2rem;}
.pageHotList .item .t{font-size:1.25rem;}
.pageHotList .item .des{font-size:1rem;line-height: 1.5;}
}
@media screen and (max-width:768px){
.pageHotList .item .title{padding:2rem 2rem;}
.pageHotList .item .t{font-size:1.125rem;}
.pageHotList .item .des{font-size:0.875rem;line-height: 1.5;}
}
@media screen and (max-width:640px){
.pageHotListBox{margin:0 -1.5rem;}
.pageHotList{gap:0;}
.pageHotList .item{flex:0 0 calc(100%);margin-bottom:2rem;}
.pageHotList .item .itema{margin:0 1.5rem;}
.pageHotList .item .t{font-size:1.125rem;}
.pageHotList .item .des{font-size:0.875rem;}

}

/*MoreBtn2*/
.MoreBtn2{text-align:center; cursor:pointer;display:block;padding-top:3.125rem;}
.MoreBtn2 a.hidden{ display:none;}
.MoreBtn2 a{text-align:left;position:relative; display:inline-block;background:#f8f8f8;min-width:10rem; padding:0 30px;font-size:1rem;line-height:3.5rem;height:3.5rem;border-radius:3.5rem;overflow:hidden;color:#000000;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s; font-weight: normal;}
.MoreBtn2 a::after{content:''; width: .625rem;height: .625rem;position: absolute;right:1.875rem;top:50%;margin-top: -0.3125rem;background:url("../images/icon-v.png") no-repeat left center;background-size:.625rem;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.MoreBtn2 a:hover::after{ background-image:url("../images/icon-v2.png");}
.MoreBtn2 a.active,
.MoreBtn2 a:hover{ background:#000;color:#fff;box-shadow:0 .625rem .625rem rgba(0,0,0,0.1)}
.MoreBtn2 a.active::after{transform: rotate(180deg);}
@media screen and (max-width:1200px){
.MoreBtn2{padding-top:3rem;}
.MoreBtn2 a{min-width:10rem; padding:0 1.25rem;font-size:1rem;line-height:3rem;height:3rem;border-radius:3rem;}
}
@media screen and (max-width:1024px){
.MoreBtn2{padding-top:2rem;}
.MoreBtn2 a{min-width:9rem; padding:0 1.25rem;font-size:1rem;line-height:3rem;height:3rem;border-radius:3rem;}
}
@media screen and (max-width:768px){
.MoreBtn2{padding-top:1.5rem;}
.MoreBtn2 a{min-width:9rem; padding:0 1.25rem;font-size:1rem;line-height:3rem;height:3rem;border-radius:3rem;}
}




/************************pageVideo************************/
/*pageVideo*/
.pageVideo{padding-top:7.5rem;padding-bottom:5.625rem;background-color:#fff;}
@media screen and (max-width:1200px) {
.pageVideo{padding-top:7rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px) {
.pageVideo{padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px) {
.pageVideo{padding-top:4rem;padding-bottom:3rem;}
}



/*pageVideoList*/
.pageVideoList{padding:0;list-style:none;position:relative;font-size:0;margin:0;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:4.375rem;box-sizing:border-box;}
.pageVideoList .item{flex:0 0 calc(33.333333% - 4.375rem);background-color:#fff;border-radius:20px;box-sizing:border-box}
.pageVideoList .item .itema{display:block; position:relative; width: 100%; height: 100%;}
.pageVideoList .item .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;background-color: #f8f9fc;border-radius:1.25rem;}
.pageVideoList .item .imgBox .img{position:relative;padding-bottom:65.09433962264151%;}
.pageVideoList .item .imgBox .img::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.3); z-index: 2;}
.pageVideoList .item .imgBox .img::after{content:''; width:50px;height:50px;position: absolute;left:0;right:0;margin:0 auto;top:50%;margin-top: -25px;background:url("../images/icon-video.png") no-repeat left center;background-size:100%;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s; z-index: 3;}
.pageVideoList .item:hover .imgBox .img::after{transform: rotate(45deg);}
.pageVideoList .item .imgBox .img>div{position:static!important;}
.pageVideoList .item .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.pageVideoList .item .itema,
.pageVideoList .item .imgBox img,
.pageVideoList .item .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageVideoList .item .itema:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.pageVideoList .item .title{padding:1.875rem 1.875rem; text-align: center;}
.pageVideoList .item .t{font-size:1.25rem;line-height:1.5;color:#000000;font-weight:normal;margin-bottom:.875rem;}
.pageVideoList .item .des{font-size:1rem;line-height:1.5rem;min-height:3rem;color:#9a9a9a;font-weight:normal;}
@media screen and (max-width:1200px){
.pageVideoList{gap:1.5rem;}
.pageVideoList .item{flex:0 0 calc(33.333333% - 1.5rem);}
.pageVideoList .item .t{font-size:1rem;}
.pageVideoList .item .des{font-size:0.875rem;margin-bottom:1.125rem;}

.pageVideoList .item .title{padding:1.5rem;}
}
@media screen and (max-width:1024px){
.pageVideoList{gap:0;}
.pageVideoList .item{flex:0 0 calc(50% - 2rem); margin-bottom:2rem;}
.pageVideoList .item .title{padding:1.5rem;}
.pageVideoList .item .t{font-size:1.25rem;}
.pageVideoList .item .des{font-size:1rem;}
}
@media screen and (max-width:768px){
.pageVideoList .item .title{padding:1.25rem;}
}
@media screen and (max-width:640px){
.pageVideoList .item{flex:0 0 calc(100%);}
.pageVideoList .item .t{font-size:1.125rem;}
.pageVideoList .item .des{font-size:0.875rem;}

}



/********************************pageContact********************************/

/*pageContact */
.pageContact {padding-top:7.5rem; padding-bottom:5rem;background-color:#fff;}
.pageContact  .pageTit{text-align:left;margin-bottom:2.5rem;}
@media screen and (max-width:1200px) {
.pageContact{padding-top:7rem;padding-bottom:4rem;}
}
@media screen and (max-width:1024px) {
.pageContact{padding-top:5rem;padding-bottom:3rem;}
}
@media screen and (max-width:768px) {
.pageContact{padding-top:4rem;padding-bottom:3rem;}
}
@media screen and (max-width:750px) {
.pageContact  .pageTit{text-align:center;}
}

/*pageContactList*/
.pageContactList{padding:0;list-style:none;position:relative;font-size:0;margin:0;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:0 -2.1875rem;box-sizing:border-box;}
.pageContactList .item{flex:0 0 calc(33.333333% - 4.375rem);margin:0 2.1875rem;background-color:#fff;box-sizing:border-box;border: 1px solid #e5e5e5;border-radius:1.25rem;background:url("../images/contactbg.png") no-repeat right center #fff;background-size:cover;}
.pageContactList .item:hover{ background-color:#e5e5e5;}
.pageContactList .item .itema{display:block;position:relative; width: 100%; height: 100%;min-height:17.25rem;display:-ms-flexbox;display:flex;align-items: center;}
.pageContactList .item,
.pageContactList .item .itema{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageContactList .item .title{padding:3.5rem 3.5rem; }
.pageContactList .item .t{font-size:1.375rem;line-height:1.5;color:#000000;font-weight:500;display:-ms-flexbox;display:flex;align-items: center;}
.pageContactList .item .des{font-size:1rem;line-height:1.5;color:#000;font-weight:normal; margin-top:1.25rem;}
.pageContactList .item .icon{position:relative;width:1.125rem;height:1.125rem; display: block; margin-right: .625rem;;}
.pageContactList .item .icon>div{position:static!important;}
.pageContactList .item .icon img{display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
@media screen and (max-width:1200px){
.pageContactList{margin:0 -0.7rem;}
.pageContactList .item{flex:0 0 calc(33.333333% - 1.4rem);margin:0 0.7rem;}
.pageContactList .item .t{font-size:1rem;}
.pageContactList .item .des{font-size:0.875rem;margin-top:1.125rem;}
.pageContactList .item .title{padding:1.5rem;}
}
@media screen and (max-width:1024px){
.pageContactList{margin:0 -1rem;}
.pageContactList .item{flex:0 0 calc(33.333333% - 2rem);margin:0 1rem;}
.pageContactList .item .title{padding:1.5rem;}
.pageContactList .item .t{font-size:1rem;}
.pageContactList .item .des{font-size:0.875rem;margin-top:1rem;}
}
@media screen and (max-width:750px){
.pageContactList{gap:0;margin:0;}
.pageContactList .item{flex:0 0 calc(100%);margin:0; margin-bottom:2rem;}
.pageContactList .item .itema{justify-content: center;min-height:12rem;}
.pageContactList .item .title{padding:1.25rem;}
.pageContactList .item .t{font-size:1.125rem;justify-content: center;}
.pageContactList .item .des{font-size:0.875rem;}
.pageContactList .item .t{font-size:1.25rem;}
.pageContactList .item .des{font-size:1rem;margin-top:1rem;}
}


/********************************pageFeedback********************************/
/* pageFeedback */
.pageFeedback{padding-top:3.125rem; padding-bottom:10rem;background-color:#fff;background:url("../images/index-abbg.jpg") no-repeat left bottom #fff;background-size:100%;}
.pageFeedback .pageFeedbackB{box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content: space-between;}
.pageFeedback .pageTit{text-align:left;margin-bottom:2.5rem; max-width: 76%;}
.pageFeedback .pageTit .wz{ margin-top:4rem;}
.pageFeedback .pageTit .wz img{ max-width: 7.5rem;}
.pageFeedback .contactTit{flex:0 0 40%;}
.pageFeedback .feedbackBox{flex:0 0 60%;}
@media screen and (max-width:1024px) {
.pageFeedback{padding-top:3rem; padding-bottom:9rem;}
}
@media screen and (max-width:1024px) {
.pageFeedback{padding-top:3rem; padding-bottom:7rem;}
.pageFeedback .contactTit{flex:0 0 100%;}
.pageFeedback .feedbackBox{flex:0 0 100%;}
}
@media screen and (max-width:768px) {
.pageFeedback{padding-top:3rem; padding-bottom:5rem;}
}
@media screen and (max-width:750px) {
.pageFeedback  .pageTit{text-align:center;margin: 0 auto;margin-bottom:2.5rem;}
}


/*feedbackBox*/
.feedbackBox{padding:0;}
.feedback{padding:0;margin:0 -1rem;}
.feedback .l1{float:left;width:50%; position:relative;}
.feedback .l3{float:left;width:100%; position:relative;}
.feedback .l1Box{margin:0 1rem;}
@media screen and (max-width:768px){	
.feedback{margin:0 auto;}
.feedback .l1{float:none;width:100%;}
.feedback .l3{float:none;width:100%;}
.feedback .l1Box{margin:0 auto;}
}



/*feedback item.active*/
.feedback .item{margin-bottom:1.875rem;line-height:0;font-size:0;}
.feedback .item .l1Box{display:-ms-flexbox;display:flex;position:relative;border-radius:0;border-bottom:.0625rem solid #d2d2d2;box-sizing:border-box;background-color:#fff;cursor:text;transition:all 0.3s cubic-bezier(0.23,1,0.32,1) 0s; }
.feedback .item.active.l1Box{outline:.25rem solid rgba(0,96,239,.4);box-shadow:none}
.feedback .t{display:inline-block;position:absolute;top:0rem;left:0;height:1.25rem;color:#6a6a6a;font-size:1rem;font-weight:normal!important;line-height:1.25rem;cursor:text;transition:transform 200ms ease 0s;transform-origin:left top;transform:scale(1) translateY(1rem);user-select:none;z-index:1;}
.feedback .item.active .t{transform:scale(0.8) translateY(.5rem);color:#bebebe;}
.feedback .inputBox{margin-top:1.25rem;flex:1 1 0%;}
.feedback .inputBox .text{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none; /*border:none;*/ background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
.feedback .inputBox .text{font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif;font-weight:normal;}
.feedback .inputBox .text{width:100%;height:2.5rem;line-height:2.5rem;padding:.4375rem 0;box-sizing:border-box;font-size:1rem;border:none;outline:none;box-sizing:content-box;vertical-align:middle;background-color:transparent;color:#000;-webkit-text-fill-color:#000;cursor:text; position:relative;z-index:2;font-weight:normal;}
.feedback .inputBox .text2{padding:.4375rem 0;height:9.0625rem;}
.feedback .inputbtn{display:inline-block;width:100%;margin:0;outline:none;color: #000000;border:none;background-color: #fff;cursor:pointer;text-align:center;font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif;font-weight:normal;max-width:10rem;font-size:1rem;line-height:3.5rem;border-radius:3.5rem;margin-top: .875rem;transition: 0.4s;border:1px solid #cbcbcc; }
.feedback .inputbtn:hover{border-color:#000;background-color: #000;color: #fff;}
@media screen and (max-width:768px){
.feedback .inputbtn{width:100%;}
.feedback .inputBox .text2{height:7rem;}
}











/* 通知系统样式 */
.notification-container{position:fixed;top:12.5rem;right:1.25rem;z-index:9999}
.notification{padding:.9375rem;margin-bottom:.625rem;border-radius:.25rem;color:white;box-shadow:0 .125rem .625rem rgba(0,0,0,0.1);animation:slideIn 0.5s,fadeOut 0.5s 2.5s forwards;max-width:18.75rem}
.notification.success{background-color:#000000}
.notification.error{background-color:#dc3545}
@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}




/*增加特效样式 */
.polygon2{animation:polygon2 1s linear forwards;opacity:0}
@keyframes polygon2{0%{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0);opacity:0}100%{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0);opacity:1}}
.polygon{animation:polygon 2s linear forwards;opacity:0}
@keyframes polygon{0%{-webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 0%);;clip-path:polygon(0% 0%, 0% 0%, 0% 0%);opacity:0}100%{-webkit-clip-path:polygon(0% 0%, 0% 200%, 200% 0%);clip-path:polygon(0% 0%, 0% 200%, 200% 0%);opacity:1}}
.polygon1{animation: polygon1 1s linear forwards;}
@keyframes polygon1 {
	0% {
		-webkit-clip-path: polygon(0 0,0 100%,0 100%,0 0);
		clip-path: polygon(0 0,0 100%,0 100%,0 0);
		opacity: 0;
	}
	100% {
		-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		opacity: 1;
	}
}



@keyframes fadeInLeftSmall{from{opacity:0;transform:translate3d(-0.625rem,0,0)}to{opacity:1;transform:none}}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{from{opacity:0;transform:translate3d(.625rem,0,0)}to{opacity:1;transform:none}}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeOutLeftSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-10%,0,0)}}
.fadeOutLeftSmall{animation-name:fadeOutLeftSmall}
@keyframes fadeOutRightSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(10%,0,0)}}
.fadeOutRightSmall{animation-name:fadeOutRightSmall}
@keyframes fadeInDownSmall{from{opacity:0;transform:translate3d(0%,-1.25rem,0)}to{opacity:1;transform:none}}
.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0%,.625rem,0)}}
.fadeOutDownSmall{animation-name:fadeOutDownSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0%,1.25rem,0)}to{opacity:1;transform:none}}
.fadeInUpSmall{animation-name:fadeInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fadeOutUpSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0%,-10%,0)}}
.fadeOutUpSmall{animation-name:fadeOutUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
.scaleIn{animation-name:scaleIn}
@keyframes slideInUpSmall{from{transform:translate3d(0%,10%,0)}to{transform:none}}
.slideInUpSmall{animation-name:slideInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fn1{0%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate3d(0%,1.25rem,0)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
.fn1{animation-name:fn1;animation-duration:1.2s;animation-timing-function:cubic-bezier(0.49,0.54,0.16,1)}
.alan_delay100{animation-delay:100ms}
.alan_delay200{animation-delay:200ms}
.alan_delay300{animation-delay:300ms}
.alan_delay400{animation-delay:400ms}
.alan_delay500{animation-delay:500ms}
.alan_delay600{animation-delay:600ms}
.alan_delay700{animation-delay:700ms}
.alan_delay900{animation-delay:900ms}
.alan_delay800{animation-delay:800ms}
.alan_delay1000{animation-delay:1000ms}





/*js-pagination*/
.js-paginationB{ position:absolute;bottom:3%;left:3%; z-index:5;}
.js-pagination:not(.swiper-pagination-lock){display:-ms-flexbox;display:flex;flex-wrap:wrap; background:none;}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet{display:inline-flex;align-items:center;cursor:pointer;opacity:0.75}
.js-pagination:not(.swiper-pagination-lock) .bullet__circle{position:relative;display:inline-block;width:2.5rem;height:2.5rem;background:none;}
.js-pagination:not(.swiper-pagination-lock) .bullet__circle::before{content:'';display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background-color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.js-pagination:not(.swiper-pagination-lock) .bullet__circle .circle{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:rotate(-90deg);transform-origin:center center;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 200ms cubic-bezier(0.445,0.05,0.55,0.95),opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95)}
.js-pagination:not(.swiper-pagination-lock) .bullet__line{max-width:0;width:2.8125rem;height:.0625rem;background-color:#FFF;margin-left:-0.75rem;transition:max-width 200ms cubic-bezier(0.445,0.05,0.55,0.95); display:none;}
.js-pagination:not(.swiper-pagination-lock) .bullet__index{padding:1em 1.25em;font-size:.9375rem;font-weight:bold;letter-spacing:.05em;opacity:0;transition:opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95); display:none;}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet:last-child .bullet__index{padding-right:0}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet:hover .circle,.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .circle{stroke-dashoffset:0;opacity:1}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active{pointer-events:none}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__line{max-width:2.8125rem}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__index{visibility:visible;opacity:1}






/************************productDetail************************/



/*swiper-button*/
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:3.125rem;height:6.25rem;margin-top:-3.125rem;position:absolute;top:50%;cursor:pointer;z-index:10;outline:none;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:.75rem; background-repeat: no-repeat; background-position:center center;display: block; content:""; position:absolute;top:0;left:0; width:100%; height:100%;-moz-transition: all .4s;-ms-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.swiper-btn .swiper-button-prev:after{background-image:url(../images/arrow-left.png);}
.swiper-btn .swiper-button-next:after{background-image:url(../images/arrow-right.png);} 
.swiper-btn .swiper-button-prev{left:0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.swiper-btn .swiper-button-next{right:0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.proCaseSW-swiper:hover .swiper-btn .swiper-button-prev,
.proCaseSW-swiper:hover .swiper-btn .swiper-button-next{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.swiper-btn .swiper-button-next:hover,
.swiper-btn .swiper-button-prev:hover{background-color:rgba(0,0,0,.3)}
.swiper-btn .swiper-button-prev.swiper-button-disabled,
.swiper-btn .swiper-button-next.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
@media screen and (max-width:1024px){
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:2.5rem;height:5rem;margin-top:-2.5rem;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:.625rem;}
}
@media screen and (max-width:768px){
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:1.875rem;height:3.75rem;margin-top:-1.875rem;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:.5rem;}
}


/*indexbanner-pagination*/
.paginationB{position:absolute;bottom:1.875rem;left:0;right:0; z-index:5; text-align:center; margin:0 auto;}
.paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;}
.paginationB .swiper-pagination span{width:.625rem;height:.625rem;border:none;opacity:1;float:none;margin:0 .3125rem;border-radius:.625rem; background:#fff;cursor: pointer; outline: none;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.paginationB .swiper-pagination span.swiper-pagination-bullet-active{background:#00dde3;width:1.875rem;}
@media screen and (max-width:1024px) {
.paginationB .swiper-pagination{bottom:1.75rem;}
}
@media screen and (max-width:768px) {
.paginationB .swiper-pagination{bottom:1.5rem;}
}



/*prodetailimg*/
.detailBox{ background-color: #f9f9f9; padding-top:5rem; padding-bottom:4.6875rem;}
.detailBox .prodetailimg{ width:50%; float:left;}
.detailBox .prodetailimgBox{ margin-right:7.1875rem;overflow: hidden;}	
.detailBox .detailNr{width:50%;float:right; position:relative; padding-top: 12.5rem;}
@media screen and (min-width:768.1px){
.detailBox .prodetailimg{position:-webkit-sticky;position:sticky;top:6.25rem;}	
}
@media screen and (max-width:1200px){
.detailBox{padding-top:4rem; padding-bottom:4rem;}
.detailBox .detailNr{padding-top:4rem;}
.detailBox .prodetailimgBox{ margin-right:5rem;}	
}
@media screen and (max-width:1024px){
.detailBox{padding-top:3rem; padding-bottom:3rem;}
.detailBox .prodetailimg{ width:55%;}
.detailBox .detailNr{width:45%;}
.detailBox .prodetailimgBox{ margin-right:3rem;}	

.detailBox .detailNr{padding-top:2.5rem;}
}
@media screen and (max-width:768px){
.detailBox{padding-top:3rem; padding-bottom:3rem;}
.detailBox .prodetailimgBox{ margin-right:0rem; margin-bottom: 1.5rem;}	
.detailBox .prodetailimg{ float:none; width:100%;}
.detailBox .detailNr{width:100%;float:none; padding:0 1.5rem;}
.detailBox .detailNr .detailNrBox{padding:1.5625rem 0; }
.detailBox .prodetailimg{ position:relative;}
}
@media screen and (max-width:640px){
.detailBox .detailNr{padding:0 0;}
}



/*bigImg*/
.bigImg{ position:relative;}
.bigImg .swiper-container{width: 100%;}
.bigImg .swiper-container .swiper-slide{height:auto;position:relative;background:#f8f9fc; width:100%;border-radius:.625rem;}
.bigImg .swiper-container .swiper-slide .img{overflow:hidden;padding-bottom:100%;position:relative;border-radius:.625rem; display: block;}
.bigImg .swiper-container .swiper-slide .img>div{position:static!important;}
.bigImg .swiper-container .swiper-slide img{display:block;margin:auto;-webkit-transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-width:none; height:100%;width:auto;width:100%;object-fit:contain;border-radius:.625rem;}
.bigImg .swiper-btn{ text-align:center; font-size:0; line-height:0;margin-top:40px; position:relative;}
.bigImg .swiper-btn .mbtn{width:1.5rem;height:1.5rem;overflow:hidden;position: static;top:0; margin:0;margin-top:0;cursor:pointer;z-index:9;outline:none; background-repeat:no-repeat; background-size:1rem; display:inline-block;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.bigImg .swiper-btn .mbtn.swiper-button-prev:after,
.bigImg .swiper-btn .mbtn.swiper-button-next:after{ display: none;}
.bigImg .swiper-btn .swiper-button-prev{background-image:url(../images/arrow-left.png);left:0;}
.bigImg .swiper-btn .swiper-button-next{background-image:url(../images/arrow-right.png);right:0;}
.bigImg .swiper-btn .mbtn.swiper-button-next:hover,
.bigImg .swiper-btn .mbtn.swiper-button-prev:hover{background-color:#fff}
.bigImg .swiper-btn .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}	
.bigImg .swiper-big{width:1.8rem;height:1.8rem;overflow:hidden;position: absolute;top: 1rem;right: 1rem;margin:0;margin-top:0;cursor:pointer;z-index:9;outline:none;background-repeat:no-repeat;background-size: 100%;background-image:url(../images/icon-big.png);display:inline-block;pointer-events: none;}

/*swiper-pagination*/
.bigImg .swiper-pagination{display:inline-block; position:static; width:auto;margin:0 60px;}
.bigImg .swiper-pagination .swiper-pagination-bullet{ width:1px; height:12px; background:#aeaeae;border-radius:0;opacity:1;transition: all .5s ease-in-out; }
.bigImg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff6a00;height:24px;}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {
.bigImg .swiper-container{ padding-bottom:0;}
.bigImg .swiper-container .swiper-slide .img{border-radius:0;}

}




/*prott*/
.prolei{font-size:1.25rem; line-height:1.5;color:#ff6a00;padding-bottom:0.5rem;font-weight:600;}
.prott{font-size:2.25rem; line-height:1.5;color:#000000;padding-bottom:1.875rem;font-weight:500;}
.prodes{font-size:1.125rem;line-height:1.5;color:#6a6a6a;padding-bottom:4.375rem; font-weight:normal;}
.prolink a{ font-size:1rem; text-align:center;color:#4a4c50;display: inline-block;font-weight:normal;line-height:3.5rem;border-radius:3.5rem;padding: 0 1.875rem;min-width: 10rem; background-color: #FFF; -moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; }
.prolink a span{ display: block; text-align: left; padding-right: 2.5rem;background-size:1.0625rem; background-repeat: no-repeat; background-position:right center;background-image:url(../images/icon-contact.png);}
.prolink a:hover{ background-color: #e0e0e0;}
@media screen and (max-width:1200px){
.prolei{font-size:1.125rem;}
.prott{font-size:2rem;padding-bottom:1.5rem;}	
.prodes{font-size:1rem;line-height:1.5;padding-bottom:3rem;}
.prott2{font-size:1rem;padding-bottom:1.25rem;}
.prolink a{ font-size:1rem;line-height:3rem;border-radius:3rem;padding: 0 1.5rem;min-width:7rem;}
.prolink a span{padding-right:2rem;}
}
@media screen and (max-width:1024px){
.prolei{font-size:1rem;}
.prott{font-size:1.5rem;padding-bottom:1rem;}	
.prodes{font-size:1rem;line-height:1.5;padding-bottom:2.5rem;}
.prolink a{ font-size:0.875rem;line-height:2.5rem;border-radius:2.5rem;padding: 0 1.25rem;}
}
@media screen and (max-width:768px){
.prolei{font-size:0.875rem;}
.prott{font-size:1.25rem;}	
.prodes{font-size:0.875rem;line-height:1.5;padding-bottom:2rem;}
.prolink a{ font-size:0.875rem;line-height:2.5rem;border-radius:2.5rem;padding: 0 1.25rem;}
}



/*proCaseSW*/
.proCaseSW{position:relative;overflow:hidden;}
.proCaseSW .proCaseSW-swiper .item{display:block; position:relative;}
.proCaseSW .proCaseSW-swiper .swiper-slide{overflow:hidden; width:100%; position:relative;float:left;background-position:center center; background-repeat:no-repeat;background-size:cover;}
/*bannerWz */
.proCaseSW .proCaseSW-swiper .banner-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;z-index:2}
.proCaseSW .proCaseSW-swiper .item{height:100%;position:relative;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;flex-direction:column;text-align:center;z-index:1;}
.proCaseSW .proCaseSW-swiper .bannerWz{position:absolute;z-index:3;left:12.5vw;right:12.5vw;text-align: left;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%); display: none;}
.proCaseSW .proCaseSW-swiper .bannerWz .tit{font-size:2rem;color:#fff;font-weight:600;}
.proCaseSW .proCaseSW-swiper .bannerWz .des{font-size:1.125rem;color:#fff;font-weight:300; margin-top:1.875rem;max-width:31.875rem;}
.proCaseSW .proCaseSW-swiper .banner-img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;z-index:1;background-position:center center; background-repeat:no-repeat;background-size:cover;}
.proCaseSW .proCaseSW-swiper .banner-img img{max-width: 100%; height:auto; display: block;}
@media screen and (max-width:1260px){
.proCaseSW .proCaseSW-swiper .bannerWz .tit{font-size:1.8rem;}
.proCaseSW .proCaseSW-swiper .bannerWz .des{font-size:1rem;margin-top:1.5rem;}
}
@media screen and (max-width:1024px){
.proCaseSW .proCaseSW-swiper .bannerWz .tit{font-size:1.7rem;}
.proCaseSW .proCaseSW-swiper .bannerWz .des{font-size:0.875rem;margin-top:1.25rem;}
}
@media screen and (max-width:768px){.proCaseSW .proCaseSW-swiper .bannerWz{left:5%;right:5%;}
.proCaseSW .proCaseSW-swiper .bannerWz .tit{font-size:1.6rem;}
.proCaseSW .proCaseSW-swiper .bannerWz .des{font-size:0.875rem;margin-top:1.125rem;}
}
@media screen and (max-width:550px){
.proCaseSW .proCaseSW-swiper .bannerWz .tit{font-size:1.5rem;}
.proCaseSW .proCaseSW-swiper .bannerWz .des{font-size:0.875rem;margin-top:1rem;}
}
@media screen and (max-width:450px){
.proCaseSW .proCaseSW-swiper .bannerWz .tit{font-size:1.3rem;}
.proCaseSW .proCaseSW-swiper .bannerWz .des{font-size:0.875rem;margin-top:1rem;}
}
@media screen and (max-width:370px){
.proCaseSW .proCaseSW-swiper .bannerWz .tit{font-size:1.25rem;}
.proCaseSW .proCaseSW-swiper .bannerWz .des{font-size:.875rem;margin-top:.625rem;}
}

/*swiper-slide-active*/
.proCaseSW-swiper .bannerWz .tit,
.proCaseSW-swiper .bannerWz .des,
.proCaseSW-swiper .bannerWz .moreBtnB{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);}
.proCaseSW-swiper .swiper-slide.swiper-slide-active .bannerWz .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
}
.proCaseSW-swiper .swiper-slide.swiper-slide-active .bannerWz .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
}
.proCaseSW-swiper .swiper-slide.swiper-slide-active .bannerWz .moreBtnB{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
}



/* protitle */
.protitle{font-size:1.75rem;padding:0 1.875rem;line-height:4.375rem;margin-bottom:3.75rem;display:block;color:#000000;border-radius:.625rem; font-weight:normal;background-color: #dbdddf;}
@media screen and (max-width:1200px) {
.protitle{font-size:1.5rem;padding:0 1.5rem;line-height:4rem;margin-bottom:3rem;}
}
@media screen and (max-width:1024px) {
.protitle{font-size:1.25rem;padding:0 1.25rem;line-height:3rem;margin-bottom:2.5rem;}
}
@media screen and (max-width:768px) {
.protitle{font-size:1.125rem;padding:0 1.125rem;line-height:2.5rem;margin-bottom:2rem;}
}



/*procs*/
.procs{ padding-top:3.125rem;padding-bottom:3.125rem;}
.procs ul{padding:0;list-style:none;overflow:hidden;display:-ms-flexbox;display:flex;flex-wrap: wrap;border-radius: .625rem; overflow: hidden;}
.procs li{ display:block; width:100%; position:relative;}
.procs li:after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background-color: #d9d9d9;}
.procs li .item{display:-ms-flexbox;display:flex;flex-shrink:0;padding:1.125rem 0;position:relative;font-size:1.125rem; color: #000000; line-height:1.5;background-color: #efefef;}
.procs li:nth-child(2n) .item{background-color: #f9f9f9;}
.procs li .tt{width:50%;flex-grow:0;font-weight:500;padding:0 4rem;}
.procs li .wz{width:50%;display:-ms-flexbox;display:flex;align-items:center;flex-grow:1;color:#6a6a6a;font-weight:normal; padding:0 4rem;}
@media screen and (max-width:1200px) {
.procs{ padding-top:3rem;padding-bottom:3rem;}
.procs li .item{padding:1rem 0;font-size:1rem;}
.procs li .tt,
.procs li .wz{padding:0 3rem;}
}
@media screen and (max-width:1024px) {
.procs{ padding-top:3rem;padding-bottom:3rem;}
.procs li .item{padding:1rem 0;font-size:0.875rem;}
.procs li .tt,
.procs li .wz{padding:0 2rem;}
}
@media screen and (max-width:768px) {
.procs{ padding-top:3rem;padding-bottom:3rem;}
.procs li{ display:block; width:100%;}
.procs li .item{padding:1rem 0;font-size:0.875rem;}
.procs li .tt,
.procs li .wz{padding:0 1rem;}
}


/*pageBOX3*/
.pageBOX3{background-color: #fff;padding-top:5.625rem;padding-bottom:5.625rem;}
@media screen and (max-width:1200px){
.pageBOX3{padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width:1024px){
.pageBOX3{padding-top:3rem;padding-bottom:3rem;}

}

/*swbtn*/
.proCaseSW .swbtn{display:none;}
/*proCaseSW .swiper-pagination*/
.paginationB2{position:absolute;top:50%;left:5.2vw;z-index:5; text-align:center;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.paginationB2 .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static;text-align:center; width: .625rem;top: auto;bottom: auto;margin: 0;}
.paginationB2 .swiper-pagination span{width:.625rem;height:.625rem;border:none;opacity:1;float:none; display:block;margin: 0 !important;margin-bottom:0.625rem!important;border-radius:.625rem; background:#fff;cursor: pointer; outline: none;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.paginationB2 .swiper-pagination span.swiper-pagination-bullet-active{background:#00dde3;}
@media screen and (max-width:1024px) {
.paginationB2{left:5%;}
}
@media screen and (max-width:768px) {
.paginationB2{left:5%;}
}




/*products-swiper*/
.proxgProduct{background-color: #f9f9f9;padding-top:8.75rem;padding-bottom:8.75rem;overflow:hidden;}
.products-swiper{ overflow: hidden;position: relative;margin: 0 -2.5rem;}
.products-swiper .swbtn .mbtn.swiper-button-prev{left:1.25rem;}
.products-swiper .swbtn .mbtn.swiper-button-next{right:1.25rem;}
/*xgProductList*/
.xgProductList{padding:0;list-style:none;position:relative;/*overflow:hidden;*/font-size:0;display:-ms-flexbox;display:flex;}
.xgProductList .item{position:relative;z-index:1;cursor:pointer; display:block; width: 33.333%;}
.xgProductList .item .itema{display:block; position:relative;border-radius:0.625rem; margin: 0 2.5rem;}
.xgProductList .item .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;border-radius:0.625rem;background-color: #f8f9fc;}
.xgProductList .item .imgBox .img{position:relative;padding-bottom:128.0487804878049%; }
.xgProductList .item .imgBox .img>div{position:static!important;}
.xgProductList .item .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.xgProductList .item .itema,
.xgProductList .item .imgBox img,
.xgProductList .item .t:before,
.xgProductList .item .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.xgProductList .item .itema:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.xgProductList .item .t{font-size:1.5rem;line-height:1.5;color:#000000;font-weight:500;margin-bottom:.125rem; margin-top:1.125rem;}
.xgProductList .item .des{font-size:1.125rem;line-height:1.5;min-height:3rem;color:#6a6a6a;font-weight:normal;}
@media screen and (max-width:1200px){
.proxgProduct{padding-top:4rem;padding-bottom:4rem;}

.products-swiper{margin: 0 -1.5rem;}
.xgProductList .item .itema{margin: 0 1.5rem;}

.xgProductList .item .t{font-size:1.25rem;}
.xgProductList .item .des{font-size:1rem;margin-bottom:1.125rem;}
}
@media screen and (max-width:1024px){
.proxgProduct{padding-top:3rem;padding-bottom:3rem;}
.xgProductList .item{width:50%;}
.xgProductList .item .t{font-size:1.125rem;}
.xgProductList .item .des{font-size:1rem;margin-bottom:1rem;}

.products-swiper{margin: 0 -1.5rem;}
.xgProductList .item .itema{margin: 0 1.5rem;}
}
@media screen and (max-width:768px){
.xgProductList .item .t{font-size:1.25rem;}
.xgProductList .item .des{font-size:1rem;margin-bottom:1.125rem;}
.xgProductList .item{width:100%;}
.products-swiper{margin: 0 -1.5rem;}
.xgProductList .item .itema{margin: 0 1.5rem;}
}




.xgProductList .item .itema{display:block; position:relative;overflow:hidden; height: 100%; background-position: right bottom; background-size: cover; background-color: #fff;}
.xgProductList .item .itema::after{content:'';position:absolute;bottom:0;left:0;background-color:#ff6633;height:3px; width: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.xgProductList .item .itema:hover::after{width: 100%;}
.xgProductList .item .itema:hover{ background-image:url('../images/probg.jpg');}
.xgProductList .info{ height: 100%;display:-ms-flexbox;display:flex;flex-direction:column;}
.xgProductList .title {text-align:left;color:#000000; padding:2.8125rem 2.5rem;}
.xgProductList .title .t {font-size:1.5rem;line-height:1.5;margin-bottom:.875rem;}
.xgProductList .title .des {font-size:1.125rem;color:#6a6a6a;line-height:1.5;margin-bottom:1.25rem;}
.xgProductList .itema:hover .t {color:#000000;}
.xgProductList .m{font-size:1rem;padding:0 1.25rem;width:10rem;height:3.5rem;line-height:3.5rem;border-radius:3.5rem; display:inline-block;text-align:center;color:#000000;font-weight:normal;border:1px solid #cbcbcc;margin-top:1.25rem;}
.xgProductList .m span{display: block;}
.xgProductList .itema:hover .m{background-color:#000000;color:#fff;border-color:#000000;}
.xgProductList .item .itema{padding-bottom:4.25rem;}
.xgProductList .m{position: absolute;bottom:2.8125rem;left:2.5rem; margin: 0;}
@media screen and (max-width:1200px){
.xgProductList .title .t {font-size:1.25rem;margin-top:0;}
.xgProductList .title .des {font-size:1rem;line-height:1.5;margin-bottom:1.125rem;min-height:4rem;}

.xgProductList .m{font-size:0.875rem;padding:0 1.125rem;width:8rem;height:3rem;line-height:3rem;border-radius:3rem; margin-top:1.25rem;}
.xgProductList .m{bottom:2.5rem;}
}
@media screen and (max-width:1024px){
.xgProductList .title .t {font-size:1.125rem;}
.xgProductList .title .des {font-size:0.875rem;line-height:1.5;margin-bottom:1rem;min-height:3.75rem;}
.xgProductList .m{font-size:0.875rem;padding:0 1.125rem;width:7rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem; margin-top:1rem;}
.xgProductList .item .itema{padding-bottom:3rem;}
}
@media screen and (max-width:768px){
.xgProductList .title .des{min-height:0;}
}


/******************************************************slick初始化******************************************************/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-moz-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:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:0;margin-right:0}
/*.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}
[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}
.slick-loading .slick-list{background:#fff;}
.slick-prev,.slick-next{position:absolute;top:50%;height:2.5rem;width:2.5rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:0 0;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:slick;font-size:1.75rem;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-1.5625rem}
[dir=rtl] .slick-prev{left:auto;right:-1.5625rem}
.slick-next{right:-1.5625rem}
[dir=rtl] .slick-next{left:-1.5625rem;right:auto}
.slick-dotted.slick-slider{margin-bottom:1.875rem}
.slick-dots{position:absolute;bottom:-1.875rem;width:100%;padding:0;margin:0;list-style:none;text-align:center;display:none!important;}
.slick-dots li{position:relative;display:inline-block;width:1.25rem;height:1.25rem;margin:0;padding:.3125rem;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:.625rem;height:.625rem;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:#b5b5b5;border-radius:50%;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1}
.slick-dots li.slick-active button{background:#e5e5e5}


/*proCaseSW*/
.proCaseSW{background-color: #fff;padding-top:5.625rem;padding-bottom:10.625rem;}
@media screen and (max-width:1200px){
.proCaseSW{padding-top:4rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px){
.proCaseSW{padding-top:3rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px){
.proCaseSW{padding-top:3rem;padding-bottom:4rem;}
}

/*proCase*/
.proCase{ overflow:hidden; position: relative;margin:0 -1.25rem;}
.proCase .proCaseB{ font-size:0;margin:0 auto;width:100%; padding:0; list-style: none;}
.proCase .item{ display:inline-block;*display:inline;zoom:1;width:100%;height:100%;vertical-align:top; outline:none;}
.proCase .itema{display:block;margin:0 1.25rem; position:relative;overflow:hidden;}
.proCase .img{overflow:hidden;padding-bottom:61.17647058823529%; position:relative;background:#fff;border-radius:.625rem;}
.proCase .img>div{position:static!important;}
.proCase .img::after{content:'';position:absolute;bottom:0;left:0;height:100%; width:100%;background:url('../images/product-imgbg.png') no-repeat center bottom; background-size: 100%;}
.proCase .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.proCase .title{position:absolute;left:0;bottom:0;font-size:1.125rem;color:#fff;line-height:1.5;padding:1.875rem;z-index: 3;}
/*hover*/
.proCase .itema,.proCase .title:after,.proCase .title .t,.proCase .title .more,
.proCase .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.proCase .itema:hover .img{-moz-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.proCase .itema:hover .img img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1200px){
.proCase{margin:0 -1.25rem;}
.proCase .itema{margin:0 1.25rem;}
.proCase .title{font-size:1rem;line-height:1.4;padding:1.5rem;}
}
@media screen and (max-width:1024px){
.proCase{margin:0;}
.proCase .itema{margin:0 1rem;}
.proCase .title{font-size:.875rem;line-height:1.4;padding:1.25rem;}
}
@media screen and (max-width:767px){
.proCase{margin:0;}
.proCase .itema{margin:0 0.5rem;}
.proCase .title{font-size:0.875rem;line-height:1.4;padding:1.125rem;}
}


/*slick item*/
.proCase .item{width:44.27083333333333vw;}
.proCase .item{opacity:0.3;}
.proCase .item.slick-active{opacity:1;}
/*proCase slick-prev/slick-next*/
.proCase .slick-prev,
.proCase .slick-next{position:absolute;top:50%;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;}
.proCase .slick-prev,
.proCase .slick-next{display:block;width:2.5rem;height:2.5rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:7px;background-color:#fff;}
.proCase .slick-prev{background-image:url(../images/arrow-left.png);left:20vw;}
.proCase .slick-next{background-image:url(../images/arrow-right.png);right:20vw;}
.proCase .slick-prev:hover{background-image:url(../images/arrow-left2.png);background-color: #000000;}
.proCase .slick-next:hover{background-image:url(../images/arrow-right2.png);background-color: #000000;}
/*proCase slick-dotted*/
.proCase .slick-dotted.slick-slider{margin-bottom:0}
@media screen and (max-width:768px){
.proCase .slick-dotted.slick-slider{margin-bottom:30px;}	
.proCase .slick-dots{display:block!important;}
}
@media screen and (max-width:1200px){
.proCase .item{width:60vw;}
.proCase .slick-prev{left:10vw;}
.proCase .slick-next{right:10vw;}
}
@media screen and (max-width:1024px){
.proCase .item{width:80vw;}
.proCase .slick-prev{left:3vw;}
.proCase .slick-next{right:3vw;}
}
@media screen and (max-width:767px){
.proCase .item{width:90vw;}
.proCase .slick-prev{left:10vw;}
.proCase .slick-next{right:10vw;}
}





/*swbtn3*/
.swbtn3{ font-size:0;line-height: 0;}
.swbtn3 .mbtn{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:7px;background-color:#fff;}
.swbtn3 .mbtn.swiper-button-disabled{opacity:0;}
.swbtn3 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left:3%;}
.swbtn3 .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right:3%;}
.swbtn3 .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left2.png);}
.swbtn3 .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right2.png);}
.swbtn3 .mbtn:hover{ background-color: #000000;}
@media screen and (max-width:1200px){
.swbtn3 .mbtn{width:4rem;height:4rem;}
}
@media screen and (max-width:1024px){
.swbtn3 .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:768px){
.swbtn3 .mbtn{width:40px;height:40px;background-size:8px;}
}


/*proCase .swiper-wrapper*/
.proCase .swiper-wrapper{margin:0 auto;}
.proCase .swiper-container{ overflow: visible;}
.proCase .proCase-swiper{width:40%}
.proCase .swiper-slide{opacity: 0.3;}
.proCase .swiper-slide.swiper-slide-active{opacity:1;}
.proCase .swbtn3 .mbtn.swiper-button-prev{left:20vw;}
.proCase .swbtn3 .mbtn.swiper-button-next{right:20vw;}
@media screen and (max-width:1200px){
.proCase .proCase-swiper{width:60%}
.proCase .swbtn3 .mbtn.swiper-button-prev{left:5vw;}
.proCase .swbtn3 .mbtn.swiper-button-next{right:5vw;}
}
@media screen and (max-width:1024px){
.proCase .proCase-swiper{width:80%}
}
@media screen and (max-width:767px){
.proCase .proCase-swiper{width:90%}
}





/*proFeatureSW*/
.proFeatureSW{background-color: #fff;padding-top:9.375rem;padding-bottom:1.875rem;overflow:hidden; }
@media screen and (max-width:1200px){
.proFeatureSW{padding-top:4rem;padding-bottom:2rem;}
}
@media screen and (max-width:1024px){
.proFeatureSW{padding-top:3rem;padding-bottom:2rem;}
}
@media screen and (max-width:768px){
.proFeatureSW{padding-top:3rem;padding-bottom:2rem;}
}


/*proFeature*/
.proFeature{ position: relative;margin:0 -1.25rem;}
.proFeature .proFeatureB{ font-size:0;margin:0 auto;padding:0; list-style: none;}
.proFeature .item{ display:inline-block;*display:inline;zoom:1;width:33.3333%;vertical-align:top;}
.proFeature .itema{display:block;margin:0 1.25rem; position:relative;overflow:hidden; background:#f9f9f9; min-height: 18.75rem;border-radius: 20px;display:-ms-flexbox;display:flex;align-items: center;justify-content: center;}
.proFeature .info{text-align: center;padding:3.125rem 3.125rem; display:inline-block;}
.proFeature .img{position:relative; width:4.375rem;height:4.375rem; margin:0 auto;}
.proFeature .img>div{position:static!important;}
.proFeature .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.proFeature .title {text-align:center;color:#434343;padding-top:2.5rem;font-size:1.125rem;line-height:1.5;}
/*hover*/
.proFeature .itema,.proFeature .title:after,.proFeature .title .t,.proFeature .title .more,
.proFeature .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.proFeature .itema:hover{-moz-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.proFeature .itema:hover .img img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1200px){
.proFeature{margin:0 -1.25rem;}
.proFeature .itema{margin:0 1.25rem;}
.proFeature .title{font-size:1rem;line-height:1.5;padding-top:2rem;}
}
@media screen and (max-width:1024px){
.proFeature .item{ width: 50%;}
.proFeature{margin:0 -1.25rem;}
.proFeature .itema{margin:0 1.25rem;}
.proFeature .title{font-size:.875rem;line-height:1.5;padding-top:1.5rem;}
}
@media screen and (max-width:768px){
.proFeature .item{ width:100%;}
.proFeature{margin:0 -1rem;}
.proFeature .itema{margin:0 1rem;}
.proFeature .title{font-size:0.875rem;line-height:1.4;padding-top:1rem;}
}


/*proFeature .swiper-wrapper*/
.proFeature .swiper-wrapper{margin:0 auto;}
.proFeature .swiper-slide{width:100%; opacity:1;}
.proFeature .swiper-slide.swiper-slide-active{opacity:1;}
.proFeature .swbtn3{ display:none;}

/*pagination*/
.paginationB3{position:static;bottom:0;left:0;right:0; z-index:5; text-align:center; margin:0 auto; margin-top:50PX;}
.paginationB3 .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;}
.paginationB3 .swiper-pagination span{width:.625rem;height:.625rem;border:none;opacity:1;float:none;margin:0 .3125rem;border-radius:.625rem; background:#cbcdd3;cursor: pointer; outline: none;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.paginationB3 .swiper-pagination span.swiper-pagination-bullet-active{background:#ff6a00;width:1.875rem;}
@media screen and (max-width:1024px) {
.paginationB3 .swiper-pagination{bottom:1.75rem;}
}
@media screen and (max-width:768px) {
.paginationB3 .swiper-pagination{bottom:1.5rem;}
}