@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:'Poppins';src:url('fonts/Poppins-Regular.eot');src:url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Poppins-Regular.woff') format('woff'),url('fonts/Poppins-Regular.ttf') format('truetype'),url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('fonts/Poppins-Medium.eot');src:url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),url('fonts/Poppins-Medium.woff') format('woff'),url('fonts/Poppins-Medium.ttf') format('truetype'),url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap}
/*body*/
body{font-family:"Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,Segoe UI,"PingFang SC", Hiragino Sans GB,"Microsoft YaHei", Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;min-width:320px;overflow-x: hidden;scroll-behavior: initial;color:#000;}
html[lang="en-US"],html[lang="en-US"] body{font-family:Inter,"Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,Segoe UI,"PingFang SC", Hiragino Sans GB,"Microsoft YaHei", Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
/*html*/
html{font-size:0.8333333333333333vw;/*font-size:16px;*/}
/*@media screen and (max-width:1920px){
html{font-size:16px;}
}*/
@media screen and (max-width:1200px){
html{font-size:14px}
}
@media screen and (max-width:540px){
html{font-size:2.59vw;font-size: clamp(0.875rem, 2.59vw, 1rem); min-width:320px;}		
}

/*container*/
.container{width:89.58333333333333%;/*width:1720px*/margin: 0 auto;}
.w1440{ width:75%; margin: 0 auto;}
@media screen and (max-width:1440px) {
.container{width:90%;}
}
@media screen and (max-width:1200px) {
.container{width:90%;}
.w1440{ width:90%;}
}
@media screen and (max-width:1024px){
.container{width:90%;}
.w1440{ width:90%;}
}

.flex{display:box;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-moz-box;display:flex;justify-content:flex-start;align-content:flex-start;}
.absolute {position: absolute;}
.trans5{-webkit-transition:.5s;transition:.5s}
/***********************header***********************/
.warp{ padding-top:4.375rem;}
.headerWhite .warp{padding-top:0;}
.header{position:-webkit-fixed;position:fixed;top:0;left:0;height:4.375rem;width:100%;transition:all 0.3s ease;z-index:999; background:#fff;}
.headerWhite .header{ background:transparent;}
.header.onsb{box-shadow: 0 2px .3rem rgba(0,0,0,0.05);}
.header .headerBox{justify-content: space-between;align-items: center;-webkit-transition: .3s;transition: .3s;position: relative;}
.header.cur{top:0;transform:translateY(0);border-color:#e5e5e5}
/*logo*/
.header .logo{width:max-content;height:100%;min-height:-webkit-fill-available;-webkit-transition: .3s;transition: .3s;align-items:center;}
.header .logo img{width:7rem;height:auto;}
.header .logo img.logo1{display:block;}
.header .logo img.logo2{display:none;}
/*header hover*/
.headerWhite .header .logo img.logo1{display:block;}
.headerWhite .header .logo img.logo2{display:none;} 
.header.onsb .logo img.logo1{display:block;}
.header.onsb .logo img.logo2{display:none;}

.WhiteLogo .header .logo img.logo1{display:none;}
.WhiteLogo .header .logo img.logo2{display:block;}
.WhiteLogo.headerWhite .header .logo img.logo1{display:block;}
.WhiteLogo.headerWhite .header .logo img.logo2{display:none;}

.WhiteLogo .header.onsb .logo img.logo1{display:block;}
.WhiteLogo .header.onsb .logo img.logo2{display:none;}



.header.onsb,
.header.onsb .header-pc .header-wrap,
.header.onsb .header-pc .logo{height:4.375rem;}
.header.onsb .header-pc .logo img{max-width:90%;}





/**/
.header .line{display:none;width:3rem;height:3px;bottom:0;left:0;background-color:#00dde3;z-index:2;pointer-events:none;position: absolute;}
/*right*/
.header .right{width:max-content;height:100%;min-height:-webkit-fill-available;display:flex;align-items:center}
@media (max-width:1050px) {
.warp{ padding-top:4.375rem;}
.headerWhite .warp{padding-top:0;}
.header{display:flex;align-items:center;height:4.375rem;}
.header .right{width:max-content;height:100%}
.header .logo img{width:6rem;height:auto;}
}



/*top_lanbtn*/
.header .top_lanbtn .icon-lanBtn{display:flex;align-items:center;justify-content:center;margin-left:.75rem;min-width:4.875rem;padding:0 .9375rem;line-height:1.875rem;border-radius:1.875rem;font-size:.875rem;color:#6a6a6a;border:1px solid #6a6a6a;}
.header .top_lanbtn .icon-lanBtn span{background:url('../images/icon-lan.png') no-repeat left center; background-size:.875rem;padding-left:1.375rem; display:block;}
.header .top_lanbtn .icon-lanBtn:hover{opacity:0.8}

.headerWhite .header  .top_lanbtn .icon-lanBtn{color:#fff;border-color:#fff;}
.headerWhite .header  .top_lanbtn .icon-lanBtn span{ background-image:url('../images/icon-lan2.png');}

.header.cur2 .top_lanbtn .icon-lanBtn,
.header.none .top_lanbtn .icon-lanBtn,
.header.white .top_lanbtn .icon-lanBtn,
.header.onsb .top_lanbtn .icon-lanBtn{color:#6a6a6a;;border-color:#6a6a6a;}

.header.cur2 .top_lanbtn .icon-lanBtn span,
.header.none .top_lanbtn .icon-lanBtn span,
.header.white .top_lanbtn .icon-lanBtn span,
.header.onsb .top_lanbtn .icon-lanBtn span{ background-image:url('../images/icon-lan.png');}


@media (max-width:1050px){
	.header .top_lanbtn .icon-lanBtn{width:1.875rem;padding:0;line-height:1.875rem;min-width:0;border-radius:1.875rem;font-size:0; background-position:center center;}
	.header .top_lanbtn .icon-lanBtn span{background-size:.875rem;padding-left:1.875rem; background-position:center center;}
}

/*pc header nav yiji*/
.header .nav{max-width:70%; width:auto;}
.header .nav .nav_in{width:100%;position: relative;justify-content: space-between;align-items: center;}
.header .nav .one-nav{position: relative;-webkit-transition: .3s;transition: .3s;}
.header .nav .one-nav .one-a{display: block;white-space:nowrap;color:#3f3f3f;font-size:1rem;line-height:4.375rem;padding:0 1rem;outline:0;position:relative;-webkit-transition: .3s;transition: .3s;}
.header .nav .one-nav .one-a:hover,
.header .nav .one-nav.on .one-a{color:#00dde3}
.headerWhite .header .nav .one-nav .one-a {color:#fff;}



/*导航白底状态*/
.header.cur2,
.header.none,
.header.onsb,
.header.white{background-color:#fff}

.header.cur2 .nav .one-nav .one-a,
.header.none .nav .one-nav .one-a,
.header.onsb .nav .one-nav .one-a,
.header.white .nav .one-nav .one-a{color:#3f3f3f;}

.header.cur2 .nav .one-nav .one-a:hover,
.header.none .nav .one-nav .one-a:hover,
.header.onsb  .nav .one-nav .one-a:hover,
.header.white .nav .one-nav .one-a:hover{color:#00dde3;}

.header.onsb  .header .nav .one-nav.on .one-a,
.header.cur2 .nav .one-nav.on .one-a,
.header.none .nav .one-nav.on .one-a{color:#00dde3;}
@media (max-width:1200px){
.header .nav .one-nav .one-a{font-size:1rem;padding:0 0.5rem;}
}
@media (max-width:1180px){
.header .nav .one-nav .one-a{font-size:0.95rem;padding:0 0.4rem;}
}
@media (max-width:1050px) {
.header .nav{display:none}
.header .nav .one-nav .one-a{font-size:0.95rem;line-height:4rem;}
}




/*pc header nav erji*/
.header .nav .one-nav .hasTwo2drop{background-color:#faf6f7;overflow:hidden;font-size:0;border-radius:.625rem;border-top-left-radius:0;border-top-right-radius:0;-webkit-transition:all .42s;-moz-transition:all .4s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;position: absolute;left:0;top: 100%;padding:.625rem 0;width: 13.75rem;}
.header .nav .one-nav .hasTwo2drop{ visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:translateY(.625rem);text-align: left;}
.header .nav .one-nav:hover .hasTwo2drop{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:translateY(0rem);pointer-events:visible;}
.header .nav .one-nav .hasTwo2drop .lia a{display:block;color:#6a6a6a;font-weight:bold;font-size:1rem;line-height:1.5;padding:.625rem 1.0625rem;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.header .nav .one-nav .hasTwo2drop .lia a:hover{color: #00dde3;}
@media (max-width:1050px) {
.header .nav .one-nav .hasTwo2drop .lia {font-size:.875rem}
}



/*two_content*/
.header .nav .two_content .two_content_in .two_item{border:0;justify-content: space-between;align-items: flex-start;width:100%;}
.header .nav .two_content .two_content_in .two_item.cur{padding:2.5rem 0 3.125rem;display:flex !important;border:0}
@media (max-width:1050px){
.header .nav .two_content{top:4rem;}
}



/*产品下拉index_subMenu*/
.index_subMenu{margin:2.5rem 0;/* min-height:40rem */}
.index_subMenu .index_row{display:flex}
.index_subMenu .index_row .index_colHeader{font-size:.875rem;line-height:1rem;color:#000000;}
.index_subMenu .index_mainBlock{margin-top:1rem;display:flex;width:100%;}
.index_subMenu .index_col1Lg,
.index_subMenu{width:100%;}

.index_colHeader,
.index_navItemWrapper,
.index_productBlock{opacity: 0;transform: translateY(-4px);/* transition:all 0.3s ease; */ transition-property: opacity,transform;transition-duration: .6s;}
.index_subMenuPosition.cur .index_colHeader,
.index_subMenuPosition.cur .index_navItemWrapper,
.index_subMenuPosition.cur .index_productBlock{opacity:1;transform: translateY(0);}

/*产品二级：erji*/
.index_subMenu .index_navBlock{width:17.5rem;transition-delay:.08s}
.index_subMenu .index_navList .index_navItemWrapper:not(:first-child){margin-top:.25rem}
.index_subMenu .index_navList .index_navItemWrapper:nth-child(1){transition-delay:0.16s}
.index_subMenu .index_navList .index_navItemWrapper:nth-child(2){transition-delay:0.18s}
.index_subMenu .index_navList .index_navItemWrapper a{cursor:pointer;display:block;padding:.9375rem 2.5rem;border-radius:.5rem;transition:background .3s;font-size:1rem;line-height:1.5rem;color:#000000;white-space:pre-wrap}
.index_subMenu .index_navList .index_navItemWrapper.active a,
.index_subMenu .index_navList .index_navItemWrapper:hover a{background:#f8f9fc;font-weight:500;}
/*产品二级：sanji*/
.index_subMenu .index_productBlock{margin-left:2.5rem;width:calc(100% - 20rem);position:relative;transition-delay:.16s}
.index_subMenu .index_productList .index_productListB{width:100%;display:flex;flex-wrap:wrap;row-gap:.9375rem;-moz-column-gap:.9375rem;column-gap:.9375rem}
.index_subMenu .index_productList .index_productItem{width:calc(20% - 0.9375rem);height:18.75rem;display:flex;flex-direction:column;align-items:center;background:#f8f9fc;border-radius:.625rem}
.index_subMenu .index_productList .index_productItem a{display:block;width:100%;height:100%;padding:2rem;}
.index_subMenu .index_productList .index_productItem .index_icon{margin-top:0rem;padding-bottom:100%;position:relative;transition:all .2s}
.index_subMenu .index_productList .index_productItem .index_icon img{width:100%; height:100%;object-fit:cover; position: absolute;top:0;left: 0;}
.index_subMenu .index_productList .index_productItem:hover .index_icon{transform:scale(1.08)}
.index_subMenu .index_productList .index_productItem .index_name{margin-top:.5rem;position:relative;height:2rem;width:100%;text-align:center;font-size:1rem;line-height:1.1375rem;color:#000000;white-space:pre-wrap}
.index_subMenu .index_productList .index_productItem .index_name>span{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}
.index_subMenu .index_productList .index_productItem .index_name{font-size:.875rem}
.index_subMenu .index_productList .index_productItemOther .index_icon img{width:2.5rem; height:2.5rem;position:absolute;left:0;right:0; margin:0 auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.index_subMenu .index_productList .index_productItemOther .index_icon{ position:relative;}
.index_subMenu .index_productList .index_productItemOther:hover .index_icon{opacity:1;transform:none}
.index_subMenu .index_productList{ display:none;}
.index_subMenu .index_productList.active{display:flex;}
/*产品下拉index_subMenuPosition*/
.index_subMenuPosition{position:fixed;top:4.375rem;z-index:-1;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);left:0;width:100%;bottom:0;opacity:0; visibility: hidden;transition:all 0.3s ease; height: auto;/*  display: none; */}
.index_subMenuPosition.cur{opacity:1; visibility: visible; /* display: block; */}
.index_subMenuContainer{position:relative;border-top:1px solid #e5e5e5;background:#fff;max-height:100%;overflow:auto;}
.index_subMenuContainer::-webkit-scrollbar{display:none}
.index_subMenuContainer .index_subMenuWrapper{position: relative;margin: auto;padding-top: 1px;min-height:25.625rem;}
/*产品下拉index_subMenuMask*/
.index_subMenuMask{position:absolute;height:94px;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.009) 6.17%,hsla(0,0%,100%,.036) 12.34%,hsla(0,0%,100%,.082) 18.51%,hsla(0,0%,100%,.147) 24.68%,hsla(0,0%,100%,.232) 30.85%,hsla(0,0%,100%,.332) 37.02%,hsla(0,0%,100%,.443) 43.19%,hsla(0,0%,100%,.557) 49.36%,hsla(0,0%,100%,.668) 55.53%,hsla(0,0%,100%,.768) 61.7%,hsla(0,0%,100%,.853) 67.87%,hsla(0,0%,100%,.918) 74.04%,hsla(0,0%,100%,.964) 80.21%,hsla(0,0%,100%,.991) 86.38%,#fff 92.55%);pointer-events:none}
.index_subMenuMask.index_dark{background:linear-gradient(180deg,hsla(0,0%,5%,0),hsla(0,0%,5%,.009) 6.09%,hsla(0,0%,5%,.036) 12.19%,hsla(0,0%,5%,.082) 18.28%,hsla(0,0%,5%,.147) 24.38%,hsla(0,0%,5%,.232) 30.47%,hsla(0,0%,5%,.332) 36.56%,hsla(0,0%,5%,.443) 42.66%,hsla(0,0%,5%,.557) 48.75%,hsla(0,0%,5%,.668) 54.84%,hsla(0,0%,5%,.768) 60.94%,hsla(0,0%,5%,.853) 67.03%,hsla(0,0%,5%,.918) 73.12%,hsla(0,0%,5%,.964) 79.22%,hsla(0,0%,5%,.991) 85.31%,#0c0c0c 91.41%)}
.index_subMenuMask{left:0;width:100%;bottom:0;opacity:0;visibility: hidden;transition:opacity .2s}
.index_subMenuPosition.cur .index_subMenuMask{opacity:1; visibility: visible;}
/*产品下拉colose*/
.index_subMenuContainer .index_subMenuWrapper .index_icCloseWrapper{position:absolute;top:4px;left:0;right:-2px;z-index:1;display:flex;justify-content:flex-end}
.index_subMenuContainer .index_subMenuWrapper .index_icClose{height:2.25rem;width:2.25rem;cursor:pointer;border-radius:50%;transition:all .2s}
.index_subMenuContainer .index_subMenuWrapper .index_icClose.index_floating{background:#fff;box-shadow:0 0 16.8px 6.3px rgba(98,111,131,.05),0 0 21px -2.1px rgba(96,109,128,.05),0 0 25.2px 4.2px rgba(96,109,128,.04)}
.index_subMenuContainer .index_subMenuWrapper .index_icClose img{display:block;width:100%;opacity:.6;transition:opacity .2s}
.index_subMenuContainer .index_subMenuWrapper .index_icClose:hover img{opacity:1}
@media (max-width:1200px){
.index_subMenu .index_productBlock{margin-left:1.625rem;width:calc(100% - 16.625rem);position:relative;transition-delay:.16s}
.index_subMenu .index_navList .index_navItemWrapper a{padding:.5rem 1.5rem;}
}




/*手机导航菜单样式*/
#m-nav,.header .menu{display:none}
@media (max-width:1050px){
/*手机menu*/
.header .menu{display:flex;margin-left:.3125rem;height:100%;padding:0 0 0 .625rem;flex-direction:column;}
.header .menu span{display:block;width:1.4375rem;height:.125rem;margin-bottom:.3125rem;border-radius:.3125rem;background-color:#333;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.header .menu span:last-child{margin-bottom:0}
.header .menu.cur span:nth-child(1){transform:rotate(45deg);margin:0;margin-top:.125rem}
.header .menu.cur span:nth-child(2){display:none}
.header .menu.cur span:nth-child(3){transform:rotate(-45deg);margin:0;margin-top:-0.125rem}
.headerWhite .header .menu span{background-color:#fff;}
.search-show .header .menu span,
.header.cur2 .menu span,
.header.none .menu span,
.header:hover .menu span,
.header.onsb .menu span,
.header.white .menu span,
.header .menu span{background-color:#333}
/*手机下拉菜单*/
#m-nav{width:100%;height:calc(100vh - 4rem);z-index:15;left:100%;top:4rem;background:#fff; position:fixed;display:none;}
#m-nav.cur{left:0; display:block;}
#m-nav .nav{width:100%;height:100%;overflow-y:auto;overflow-x:hidden; position:relative;}
#m-nav .nav .oneBox{width:100%;padding-top:.9375rem}
#m-nav .nav .one-nav{border:0;padding:0;line-height:3.75rem}
#m-nav .nav .one-nav .one{cursor:pointer;margin:0 1.875rem;border-bottom:1px solid #ebebeb;}
#m-nav .nav .one-nav.hasTwo .one{background:url('../images/arrow-right2.png') no-repeat right center;background-size:.4375rem}
#m-nav .nav .one-nav.nobg .one{background:none}
#m-nav .nav .one-nav .one-a{font-size:1.125rem;color:#333;font-weight:500}
#m-nav .nav .one-nav .one-a a{display:block;color:#333;}
/*手机二级菜单*/
#m-nav .twoBox{display:block;width:100%;height:100%;max-height:calc(100% - 4rem);overflow-y:auto;position:fixed;left:100%;top:4rem;right:inherit;bottom:inherit;z-index:16;background-color:#fff;transition:all 0.5s ease-in-out}
#m-nav .twoBox.cur{left:0}
#m-nav .twoBox .two_nav{display:none;border:0;padding:0;padding:1.875rem}
#m-nav .twoBox .two_nav .back{display:flex;align-items:center;margin-bottom:1.875rem;font-size:1rem;line-height:1.5;color:#666;font-weight:500}
#m-nav .twoBox .two_nav .back span{ padding-left:2.25rem;background:url('../images/arrow-left2.png') no-repeat left center; background-size:.5rem;}
#m-nav .twoBox .two_nav .one_name{padding-bottom:.9375rem;font-size:1.125rem;line-height:1.5;color:#333;font-weight:bold;border-bottom:1px solid #ebebeb;display:block;}
/*手机二级two_nav-two*/
#m-nav .twoBox .two_nav .two .two_li{width:100%}
#m-nav .twoBox .two_nav .two .two_li .two_a{width:100%;padding:1.25rem 0;/* background:url('../images/down.svg') no-repeat center right; */border-top:1px solid #ebebeb;background-size:1.375rem}
#m-nav .twoBox .two_nav .two .two_li .two_a.nobg{background:none;display:block}
#m-nav .twoBox .two_nav .two .two_li .two_a.nobg a{display:block}
#m-nav .twoBox .two_nav .two .two_li.cur .two_a{background-image:url('../images/down-3.svg')}
#m-nav .twoBox .two_nav .two .two_li.cur .two_a.nobg{background:none}
#m-nav .twoBox .two_nav .two .two_li .two_a .a{display:inline-block;font-size:1rem;color:#333}
/*手机三级two_nav-three_ul*/
#m-nav .twoBox .two_nav .two .two_li .three_ul{ display: block;}
#m-nav .twoBox .two_nav .two .two_li .three_ul .in{padding:0 1.875rem;border-bottom:1px solid #ebebeb}
#m-nav .twoBox .two_nav .two .two_li .three_ul .three-a{padding:.9375rem 0;border-bottom:1px solid #ebebeb;font-size:1rem;line-height:1.4;color:#333}
#m-nav .twoBox .two_nav .two .two_li .three_ul .three-a:last-child{border:0;padding-bottom:1.875rem}
/*手机产品三级*/
.index_accordionTrigger{font-size:1rem;line-height:1.875rem;color:#333;padding:1.125rem 0;border-top: 1px solid #ebebeb;}
.index_accordionTrigger span{ display:block; position:relative;} 
.index_accordionTrigger span:after{ content:''; width:1rem; height:1.875rem;background: url('../images/icon-v2.png') no-repeat center right;background-size:1rem; position:absolute;top:0;right:0;}
.pro_two{margin-top:.5rem;display:flex;flex-wrap:wrap;row-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem; margin-bottom:1.25rem;}
.pro_two .li{height:13.0625rem;background:#f9fafb;border-radius:.75rem;z-index:0;overflow:hidden;width:calc(50% - .25rem);display:flex;flex-direction:column;align-items:center}
.pro_two .m-pic{margin-top:1.125rem;width:7.9375rem;height:7.9375rem; line-height:7.9375rem;text-align: center;}
.pro_two .m-pic img{ width:100%;height:100%;}
.pro_two .m-pic.icon-more img{width:1.875rem;height:1.875rem; vertical-align:middle;}
.pro_two .txt{margin-top:.5rem;position:relative;height:2.25rem;width:100%;text-align:center;font-size:.875rem;line-height:1.1375rem;color:#27272a;white-space:pre-wrap}
.pro_two .txt>span{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}
}
@media (max-width:768px){
/* 	#m-nav{height:calc(100vh - 4rem);top:4rem;}
	#m-nav .twoBox{max-height:calc(100% - 4rem);top:4rem;} */

  .index_accordionTrigger span:after{ background-size:0.7rem; }
}
@media (max-width:640px){
 .index_accordionTrigger span:after{ background-size:0.7rem; }
}



/*lan_selecto*/
.lan_selector{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;opacity:0; visibility:hidden;overflow:auto;}
.lan_selector .lan_selectorB{display:flex;width: 100%;height:100vh;align-content: center;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;}
.lan_selector .lan_selector_main{/*top:8.75rem; height:18.75rem;padding:2rem 1.5rem;top:5vh;border-radius:.75rem;*/background-color:#fff;position:relative;z-index:1;transition:opacity .2s ease-in-out,transform .2s ease-in-out;width:50rem;max-width:calc(100% - 1.25rem);padding:5rem 0;border-radius:.25rem;overflow:auto;scrollbar-color:#c1c1c1 transparent}
.lan_selector .lan_selectorB .lan_selector_main{opacity:0;transform:scale(0.95)}
.lan_selector.lan-show .lan_selectorB .lan_selector_main{opacity:1;transform:scale(1)}
.lan_selector h3{font-size:2rem;line-height:3rem;margin:0;margin-bottom:3.25rem;color:#272727;font-weight:700;text-align:center;}
.lan_selector .lan_list{padding:0 5rem}
.lan_selector .lan_list .lan_listB{display:flex;flex-wrap:wrap;margin:-0.375rem -0.3125rem}
.lan_selector .lan_list .index_item{display:flex;justify-content:space-between;align-items:center;width:calc(50% - .625rem);height:2.5rem;background-color:#f7f8f9;border-radius:.375rem;margin:.375rem .3125rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease}
.lan_selector .lan_list .index_item span{font-size:.875rem;font-weight:400;line-height:1rem;color:#52525b}
.lan_selector .lan_list .index_item span:nth-child(2){color:rgba(0, 0, 0, 0.6)}
.lan_selector .lan_list .index_item:hover{background-color: #00dde3;}
.lan_selector .lan_list .index_item:hover span{color:#fff;}
.lan_selector .lan_list .index_item:hover span:nth-child(2){color:#fff;}
.lan_selector .lan_mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background-color:rgba(0,0,0,.5);transition:opacity .2s ease-in-out}
.lan_selector .lan_close{ cursor:pointer;width:1.875rem;height:1.875rem;background:url('../images/icon-close2.png') no-repeat center center; background-size:65%;display:inline-block; position:absolute;top:.625rem;right:.625rem;}
.lan_selector.lan-show .lan-mask{opacity:1;}
.lan_selector.lan-show{opacity:1;visibility: visible;}
@media (max-width:1050px){
	.lan_selector .lan_list{padding:0 1.875rem}
	.lan_selector .lan_list .index_item{width:100%;}
  .lan_selector h3{font-size:1.8rem;margin-bottom:3rem;}
}
@media (max-width:768px){
	.lan_selector .lan_list{padding:0 1.875rem}
	.lan_selector .lan_list .index_item{width:100%;}
  .lan_selector h3{font-size:1.5rem;margin-bottom:2rem;}
}





/*topsearch*/
.header .searchBox{margin-left:1.875rem;position:relative; cursor:pointer;}
.header .searchBtn{width:100%;height:100%;cursor:pointer;}
.header .searchBtn .icon-search{width:1.875rem;height:1.875rem;background:url('../images/top-search2.png') no-repeat center center; background-size:18px;display:inline-block;cursor:pointer;}
.headerWhite .header .searchBtn .icon-search{ background-image:url('../images/top-search.png');}
.search-show .header .searchBtn .icon-search,
.header.cur2 .searchBtn .icon-search,
.header.onsb .searchBtn .icon-search,
.header.white .searchBtn .icon-search{ background-image:url('../images/top-search2.png')!important;}
/*search_box*/
.header .search_box{border-top:1px solid #e5e5e5;width:100%;top:4.375rem;z-index:10;/*display:none;*/left:0; position:fixed; overflow:hidden; }
.header .search_box .search_box_in{position:relative;background:#fff;max-height:calc(100vh - 5rem);overflow:auto;padding:2.5rem 0 3.4375rem;z-index:2;}
.header .search_box .search_box_in .search_form{margin-bottom:1.875rem;width:100%;border:none;border-bottom:1px solid #e5e5e5; display:flex;}
.header .search_box .search_box_in .search_form .input{display:block;width:calc(100% - 6.875rem);height:3.4375rem;z-index:5;padding-right:1.875rem;overflow:hidden;float:left;}
.header .search_box .search_box_in .search_form .input input{border:none; outline:none;width:100%;height:100%;font-size:1rem;display:block}
.header .search_box .search_box_in .search_form .submit{border:none; outline:none;width:3.4375rem;height:3.4375rem;background:url('../images/top-search2.png') no-repeat center;background-size:1.375rem;margin:0; font-size:0; float:left;}
.header .search_box .search_box_in .search_form .submit input{width:100%;height:100%;border:none; outline:none;font-size:0; cursor:pointer;}
.header .search_box .search_box_in .search_form .del{width:3.4375rem;height:3.4375rem;background:url('../images/icon-close2.png') no-repeat center;background-size:.875rem;}
.header .search_box .search_box_in .search_close{ display:none;}
.header .search_box .search_box_in .links .tit{margin-bottom:.625rem;font-size:1rem;line-height:1.5;color:#b6b6c0}/**/
.header .search_box .search_box_in .links .ul .li{border:0;padding:0;margin-top:1.25rem;font-size:1.125rem;line-height:1.5;color:#333; display:block;}
.header .search_box .search_box_in .links .ul .li:hover{color:#00dde3}
.header .search_back{/*opacity:0;*/pointer-events:none;position:fixed;width:100vw;height:100vh;top:4.375rem;/*left:50%;transform:translateX(-50%);*/z-index:1;background-color:rgba(0,0,0,0.5);transition:all 0.4s ease}
.header .search_back{position:absolute;left:0;width:100%;height:100%;top:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.9375rem);backdrop-filter:blur(.9375rem)}
.header .search_back.search-show{/*opacity:1;*/pointer-events:auto}
.header .search_box{position:fixed;left:0;width:100%;bottom:0;z-index:-1;transition:opacity .2s;visibility:hidden;opacity:0;}
.header .search_box.search-show{opacity: 1; visibility:visible;}
@media (max-width:1050px){
.header .searchBox{margin-left:.9375rem;width:max-content;height:100%}
.header .search{padding:0 .625rem;height:100%;display:flex;justify-content:center;align-items:center}
.header .search_box{top:4rem;}
.header .search_back{top:4rem;}
.header .search_box .search_box_in{max-height:calc(100vh - 4rem);padding:2rem 0 3rem;}
.header .search_box .top{display: flex;}
.header .search_box .search_box_in .search_close{ display: block;width:3.4375rem;line-height:3.4375rem;font-size:1rem;color:#333;margin-bottom: 1.875rem; text-align: right;}
}





/*pro_group*/
.header .nav .two_content .two_content_in .two_item.pro_nav.cur{padding:70px 0 90px}
.header .nav .two_content .two_content_in .pro_group{align-items:stretch}
.header .nav .two_content .two_content_in .pro_group .li{padding:14px 30px;width:100%;background-color:transparent;border-radius:16px;transition:all 0.3s ease;position:relative}
.header .nav .two_content .two_content_in .pro_group .li:before{content:"";display:block;width:3px;height:0;overflow:hidden;transition:height 0.5s ease-in-out;background-color:#00dde3;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1}
.header .nav .two_content .two_content_in .pro_group .li .txt{max-width:calc(100% - 11px);font-size:16px;line-height:23px;color:#333;transition:all 0.3s ease}
.header .nav .two_content .two_content_in .pro_group .li .icon{width:11px;height:15px;opacity:0;transition:all 0.3s ease-in-out}
.header .nav .two_content .two_content_in .pro_group .li .icon .svg{stroke:#00dde3}
.header .nav .two_content .two_content_in .pro_group .li.cur:before{height:12px}
.header .nav .two_content .two_content_in .pro_group .li.cur .icon{opacity:1}
.header .nav .two_content .two_content_in .pro_group .pro_one{padding-right:4%;width:30.667%;border-right:1px solid #e5e5e5;max-height:370px;overflow-y:hidden}
.header .nav .two_content .two_content_in .pro_group .pro_one:hover{overflow-y:auto}
.header .nav .two_content .two_content_in .pro_group .pro_two{width:calc(100% - 30.667%);flex-grow:1.5}
.header .nav .two_content .two_content_in .pro_group .pro_two .item,.header .nav .two_content .two_content_in .pro_group .pro_two .item_in{width:100%;height:100%}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left{width:48.465%;height:100%;max-height:370px;overflow-y:hidden;padding:0 5.8%;border-right:1px solid #e5e5e5}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left:hover{overflow-y:auto}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .txt{color:#666}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li:before{display:none}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li:after{content:"";display:block;width:3px;height:0;overflow:hidden;transition:height 0.5s ease-in-out;background-color:#00dde3;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li .icon{display:none}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li.cur .txt{color:#666 !important}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li.cur{background-color:transparent}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li:hover{background-color:#f8f8f8}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li.cur::after,
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .left .li:hover:after{height:12px}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right{width:calc(100% - 48.465%);height:100%}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box{width:100%;height:100%}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .hot{top:0;left:0;z-index:2;width:50px;height:22px;background-color:#ff6529;font-size:12px;color:#fff;display:flex;align-items:center;justify-content:center;border-top-left-radius:50px;border-bottom-right-radius:50px}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .pro{display:block;width:59.7%;margin:0 auto}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .pro .pro_img{width:100%;height:280px}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .pro_box .pro .pro_img img{max-width:100%;max-height:100%}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .info{font-size:16px;line-height:30px;color:#333}
.header .nav .two_content .two_content_in .pro_group .pro_two .item_in .right .info .subname{color:#888;line-height:26px}
.header .nav .two_content .two_content_in .pro_group .scrollbar::-webkit-scrollbar,
.header .nav .two_content .two_content_in .pro_group .scrollbar *::-webkit-scrollbar{height:3px;width:5px;background:rgba(173,173,173,0.2);border-radius:2px}
.header .nav .two_content .two_content_in .pro_group .scrollbar::-webkit-scrollbar:hover,
.header .nav .two_content .two_content_in .pro_group .scrollbar *::-webkit-scrollbar:hover{background:rgba(173,173,173,0.2);border-radius:2px}
.header .nav .two_content .two_content_in .pro_group .scrollbar::-webkit-scrollbar-thumb,
.header .nav .two_content .two_content_in .pro_group .scrollbar *::-webkit-scrollbar-thumb{background:rgba(173,173,173,1);border-radius:2px}
.header .nav .two_content .two_content_in .pro_group .scrollbar::-webkit-scrollbar-thumb:hover,
.header .nav .two_content .two_content_in .pro_group .scrollbar *::-webkit-scrollbar-thumb:hover{background-color:rgba(173,173,173,1);border-radius:2px}
/*two_ul*/
.header .nav .two_content .two_content_in .two_item .two_ul{margin-right:1.95%;width:48.83%}
.header .nav .two_content .two_content_in .two_item .two_ul:last-child{margin-right:0}
.header .nav .two_content .two_content_in .two_item .two_ul .tnav-a{padding-bottom:20px;border-bottom:1px solid #e5e5e5;width:100%;justify-content: space-between;align-items: center;-webkit-transition: .3s;transition: .3s;position: relative;}
.header .nav .two_content .two_content_in .two_item .two_ul .tnav-a .icon{margin-right:20px;width:42px;height:42px;background-color:#f8f8f8;border-radius:8px;display:flex;justify-content:center;align-items:center}
.header .nav .two_content .two_content_in .two_item .two_ul .tnav-a .icon img{max-width:22px}
.header .nav .two_content .two_content_in .two_item .two_ul .tnav-a .txt{width:calc(100% - 42px);font-size:20px;line-height:1;color:#333}
.header .nav .two_content .two_content_in .two_item .two_ul .tnav-a:hover .txt{color:#00dde3}
/*two_ul-three_ul*/
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul{padding:0 14.67%;margin-top:25px;height:290px;overflow-y:hidden}
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul:hover{overflow-y:auto}
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a{margin-top:15px;font-size:16px;line-height:26px;color:#333}
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a:first-child{margin-top:0}
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul .three-a:hover{color:#00dde3;font-weight:500}
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul::-webkit-scrollbar,
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul *::-webkit-scrollbar{height:3px;width:5px;background:rgba(173,173,173,0.2);border-radius:2px}
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul::-webkit-scrollbar:hover,
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul *::-webkit-scrollbar:hover{background:rgba(173,173,173,0.2);border-radius:2px}
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul::-webkit-scrollbar-thumb,
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul *::-webkit-scrollbar-thumb{background:rgba(173,173,173,1);border-radius:2px}
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul::-webkit-scrollbar-thumb:hover,
.header .nav .two_content .two_content_in .two_item .two_ul .three_ul *::-webkit-scrollbar-thumb:hover{background-color:rgba(173,173,173,1);border-radius:2px}
/*pro_nav_one*/
.header .pro_nav_one{width:50%}
.header .pro_nav_one .li{margin-top:75px;padding:0 10px;width:25%}
.header .pro_nav_one .li:nth-child(-n+4){margin-top:0}
.header .pro_nav_one .icon{margin:0 auto;width:55px;height:50px}
.header .pro_nav_one .txt{margin-top:24px;font-size:16px;line-height:1.5em;color:#333;transition:all 0.5s ease}
.header .pro_nav_one .li:hover .txt{color:#00dde3}
.header .pro_nav_two{width:47.22%;height:300px;position:relative;overflow:hidden}
.header .pro_nav_two .item{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;transform:scale(1.05);transition:transform 0.5s linear,opacity 0.5s linear,-webkit-transform 0.5s linear}
.header .pro_nav_two .item img{transition:all 0.4s linear}
.header .pro_nav_two .item.cur{opacity:1;pointer-events:auto;transform:scale(1)}
.header .pro_nav_two .item:not(.cur){pointer-events:none}
.header .pro_nav_two .item:hover img{transform:scale(1.05)}








/***********************footer***********************/
.footer {background:#f1f8f8;padding-top:6.25rem;padding-bottom:1.875rem;}
.footer .footer-top{padding-bottom:3.125rem;}
.footer .footer-topB{width:100%;}
.footer .footer-nav .footer-navB{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;justify-content:flex-start;grid-gap:1.25rem;}
.footer .footer-topB{flex-direction: row-reverse;justify-content: space-between;}
/*footer-nav*/
.footer .footer-nav{float:left;width:61%; position: relative;}
.footer .footer-nav .ul2{height:auto;float:left;font-size:0;text-align:left; width:calc(20% - 1.25rem); margin-bottom: 2.75rem;}
.footer .footer-nav .ulB{margin:0;padding:0;list-style:none;}
.footer .footer-nav .listB{min-width:11.25rem;}
.footer .footer-nav .t1{color:#8f8f8d;line-height:1;font-weight:bold;margin-bottom:1.125rem;font-size:1rem;}
.footer .footer-nav .t1 a{display:inline-block;color:#8f8f8d;line-height:1; font-weight:600;}
.footer .footer-nav .t1 a:hover{color:#000;}
.footer .footer-nav .t2{display:block;line-height:0;padding:0;margin:0;font-size:.875rem;margin-bottom:.625rem;}
.footer .footer-nav .t2 a{display:inline-block;color:#3a3b3f;line-height:1;padding:0; position:relative; padding-bottom:.125rem;}
.footer .footer-nav .t2 a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:1px;background:#000;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.footer .footer-nav .t2 a:hover:after{width:100%;right:auto;left:0}
.footer .footer-nav .t2 a:hover{color:#000;}
/*footer-lx*/
.footer .footer-lx{float:right;width:26%;}
/*bottom-logo*/
.footer .bottom-logo{margin-bottom:1.25rem;}
.footer .bottom-logo img{max-height:1.125rem;display:inline-block;}
/*footer-lan*/
.footer .footer-lan{ display:inline-block;}
.footer .footer-lan .iocn-lan{color:#3a3b3f; display:inline-block; padding-left:1.5rem;background-image:url('../images/icon-lan.png');background-position:left center; background-repeat: no-repeat;background-size:1rem;font-size:0.875rem;cursor:pointer; }
.footer .footer-lan span{display:inline-block;}
.footer .footer-lan:hover span{text-decoration: underline;color:#000;} 
/*footer-copyright*/
.footer .footer-copyrightB{ position: relative;display:flex;align-items:center;justify-content: space-between;border-top: 1px solid #e0e0e0; padding-top:1.25rem;}
.footer .footer-copyright{font-size:.875rem;color:#8f8f8d;line-height:1.3;float:left;}
.footer .footer-copyright a{color:#8f8f8d;}
.footer .footer-copyright a:hover{color:#000;}
.footer .footer-sublist{margin-bottom: 0.5rem;}
.footer .footer-sublist a{display:inline-block;color:#3a3b3f;line-height:1;padding:0; position:relative; padding-bottom:.125rem; margin-right: 1.25rem; position: relative;}
.footer .footer-sublist a:after{content:"";position:absolute;left:-0.625rem;top:50%;width:1px;height:.875rem;margin-top:-0.4375rem;background:#cdd3d4;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.footer .footer-sublist a:nth-child(1):after{ display: none;}
.footer .footer-sublist a:hover{color:#000;}
@media screen and (max-width:1200px) {
.footer {padding-top:5rem;padding-bottom:1.5rem;}	
.footer .footer-nav .listB{min-width:8rem;}
.footer .footer-nav{width:70%;}
.footer .footer-lx{width:30%;}
.footer .footer-top{padding-bottom:2rem;}
.footer .footer-copyrightB{padding-top:2rem;}
}
@media screen and (max-width:1050px) {
.footer {padding-top:4rem;padding-bottom:1rem;}
.footer .footer-nav{float:none;width:100%;}
.footer .footer-lx{float:none;width:100%;text-align:left;padding-top:1rem;}
.footer .bottom-logo{/* text-align: center;  */ display: none;}
.footer .footer-copyrightB{/* text-align:center; */border-top:none; display: block;padding-top:0;}
.footer .footer-copyright{/* text-align:center; */font-size:0.875rem;float:none; margin-bottom: 0.5rem;}
.footer .footer-top{padding-bottom:1rem;}
}
@media screen and (max-width:768px) {

.footer .footer-nav{float:none; width:100%; text-align:left;position: static;}
.footer .footer-nav .footer-navB{ display:block;}
.footer .footer-nav .ul2{margin-left:0; width:100%;margin-bottom:0;padding-right: 0;float: none;}
.footer .footer-nav .listB{display:none; width:100%;}
.footer .footer-nav .ul2 .ulB{ display:block;width:100%;padding-top:15px;padding-bottom:15px;}
.footer .footer-nav .t1{margin-bottom:0;}
.footer .footer-nav .t1 a{box-sizing: border-box;padding:.9375rem 0;margin:0 auto; position:relative;font-weight:600;}
.footer .footer-nav .t1 a:before{display:block;content: '';position: absolute;bottom:0;left:0;right:0;height: .0625rem;width: auto;background-color:#e0e0e0}
.footer .footer-nav .t1 a:after{display:block;content: '';position: absolute;top:.9375rem;right:0;height:1.25rem;width:1.25rem;background:url('../images/icon-plus2.png') center center no-repeat;background-size:60%;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0.3;}
.footer .footer-nav .t1.act a:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity: 0.75;}
.footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;}
.footer .footer-nav .t2 a{padding:.3125rem .625rem;}
.footer .footer-nav .t2 a:after{display:none;}

.footer .bottom-logo img{max-height:1.65rem;}

.footer {padding-top:1.25rem;padding-bottom:1rem;}
.footer .footer-nav .t1{font-size:1rem;}
.footer .footer-nav .t1 a{padding:1.25rem 0;line-height:1.3;}
.footer .footer-nav .ul2 .ulB{padding-top:.9375rem;padding-bottom:0;}
.footer .footer-nav .t2{font-size:1rem;margin-bottom:.4375rem;}
.footer .footer-nav .ulB .t2:last-child{margin-bottom:0;}
.footer .footer-nav .t2 a{padding:0 0;line-height:1.5;}	
.footer .footer-nav .t1 a:after{top:50%; margin-top:-0.625rem;height:1.25rem;width:.625rem;}
}
@media screen and (max-width:750px) {
.footer .footer-top{padding-bottom:1rem;}
.footer {/*padding-top:4rem;*/padding-bottom:1rem;}	
.footer .footer-nav .t1{font-size:1rem;}
.footer .footer-nav .t1 a{padding:1.25rem 0;line-height:1.3;}
.footer .footer-nav .ul2 .ulB{padding-top:1.25rem;padding-bottom:0;}
.footer .footer-nav .t2{font-size:1rem;margin-bottom:0.4375rem;}
.footer .footer-nav .ulB .t2:last-child{margin-bottom:0;}
.footer .footer-nav .t2 a{padding:0 0;line-height:1.5;}	
.footer .footer-nav .t1 a:after{top:50%; margin-top:-0.625rem;height:1.25rem;width:1.25rem;}
}
@media screen and (max-width:540px) {
.footer {padding-bottom:1rem;}	
.footer .footer-nav .t1{font-size:1rem;}
.footer .footer-nav .t2{font-size:1rem;}
}
@media screen and (max-width:350px) {
/*.footer {padding-bottom:70px;}	*/
}




/* emailTit */
.emailTit{font-size:.875rem; color:#3a3b3f;line-height:1.5;}
 /*emailFrom*/
.emailFrom{position:relative;margin-top:.875rem;display:flex;background:#fff;border-radius:.375rem;}
.emailFrom .emailinput{outline:0;display:block;width:100%;flex:auto;height:2.875rem;line-height:2.875rem;padding:0 1.125rem; padding-right:4.375rem;border-radius:.375rem;border:none;border-right:0;font-weight:400;font-size:.875rem;color:#000;background:#fff;}
.emailFrom .emailinput::-moz-placeholder{color:#ababab}
.emailFrom .emailinput:-ms-input-placeholder{color:#ababab}
.emailFrom .emailinput::placeholder{color:#ababab}
/*emailbtn*/
.emailFrom .emailbtn{outline:0;border:0;position:absolute;right:0;flex:none;height:2.875rem;width:2.875rem; background-image:url('../images/icon-em.png');background-position:  center center;background-repeat:no-repeat;background-color:#b2c0c0;background-size:1rem;border-radius:.375rem;}
.emailFrom .emailbtn.active{background-color:#00dde3;}
.emailFrom .emailbtn[disabled]{cursor:not-allowed}
.emailFrom .emailbtn[data-type=success]{background:#edeff2}

/*emailCheckboxB*/
.emailCheckbox{margin-top:.75rem;display:flex;cursor:pointer}
.emailCheckbox .emailCheckboxB{flex:none;margin-right:.5rem;width:1.5rem;height:1.5rem;position:relative}
/*shaking*/
.emailCheckbox .emailCheckboxB.shaking{animation:atom-shake .5s ease}
.emailCheckbox .emailCheckboxB.shaking .emailCheckbox-bg{border-color:red}
@keyframes atom-shake{0%,to{transform:translateY(0)}
10%{transform:translateY(-1px)}
20%{transform:translateY(1px)}
30%{transform:translateY(-1px)}
40%{transform:translateY(1px)}
50%{transform:translateY(-1px)}
60%{transform:translateY(1px)}
70%{transform:translateY(-1px)}
80%{transform:translateY(1px)}
90%{transform:translateY(1px)}}
.emailCheckbox .emailCheckboxB .emailCheckbox-bg{position:absolute;left:50%;width:1.125rem;top:50%;height:1.125rem;transform:translate(-50%,-50%);border-radius:.25rem;border:.0625rem solid #bfbfbf;transition:all .2s;background-color: #fff;}
.emailCheckbox .emailCheckboxB .emailCheckbox-img{position:absolute;left:0;width:100%;top:0;height:100%;opacity:0;transition:opacity .2s}
.emailCheckbox .emailCheckboxB .emailCheckbox-img img{display:block;width:100%;height:100%}
.emailCheckbox .emailCheckboxB.active .emailCheckbox-bg{opacity:0}
.emailCheckbox .emailCheckboxB.active .emailCheckbox-img{opacity:1}
/*emailCheckbox-txt*/
.emailCheckbox-txt{flex:auto;font-weight:400;font-size:.75rem;line-height:1.25rem;color:#76767f}
.emailCheckbox-txt a{text-decoration:none;color:#3a3b3f}
.emailCheckbox-txt a:hover{ text-decoration: underline;}
/*emailResult*/
.emailResult{margin-top:.75rem;font-size:.75rem;line-height:.75rem;color:#c8c9cd}
.emailResult[data-type=error]{color:red}
/*emailCheckbox-code*/
.emailCheckbox-code{width:6.25rem; text-align:center;margin-top:2rem;}
.emailCheckbox-code .img{border-radius:.625rem; background-color: #fff; overflow: hidden;}
.emailCheckbox-code .img img{ width:100%;height:100%;object-fit:cover;}
.emailCheckbox-code p{font-weight:bold;font-size:.75rem;line-height:1.5;color:#000000;margin-top:.625rem; margin-bottom: 0;}
@media screen and (max-width:768px) {
.emailCheckbox-code{margin-top:1rem;}
}





/*footer-social*/
.footer-social{margin:0;list-style:none;line-height: 0;font-size: 0; padding:.9375rem 0;}
.footer-social{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content:flex-end;height:100%;}
.footer-social li{position:relative;margin-left:1.75rem;list-style: none; line-height: 0;font-size: 0;}
.footer-social li:first-child{margin-left:0;}
.footer-social li .dpa{display:block;width:1.25rem;height:1.25rem;line-height:1.25rem;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.footer-social li .dpa .icon{display:block;width:100%;height: 100%;background-position:center center;background-repeat:no-repeat;background-size:100%; font-size:0;}
.footer-social li .dpa .icon.icon-fb{background-image:url('../images/icon-fb.png');}
.footer-social li .dpa .icon.icon-in{background-image:url('../images/icon-in.png');}
.footer-social li .dpa .icon.icon-ytb{background-image:url('../images/icon-ytb.png');}
.footer-social li .dpa .icon.icon-dy{background-image:url('../images/icon-dy.png');}
.footer-social li .dpa .icon.icon-vk{background-image:url('../images/icon-vk.png');}
.footer-social li .dpa .icon.icon-wx{background-image:url('../images/icon-wx.png');}

.footer-social li .dpa:hover .icon.icon-fb{background-image:url('../images/icon-fb2.png');}
.footer-social li .dpa:hover .icon.icon-in{background-image:url('../images/icon-in2.png');}
.footer-social li .dpa:hover .icon.icon-ytb{background-image:url('../images/icon-ytb2.png');}
.footer-social li .dpa:hover .icon.icon-dy{background-image:url('../images/icon-dy2.png');}
.footer-social li .dpa:hover .icon.icon-vk{background-image:url('../images/icon-vk2.png');}
.footer-social li .dpa:hover .icon.icon-wx{background-image:url('../images/icon-wx2.png');}
@media screen and (max-width:1050px) {
.footer-social{position: static;text-align:center; margin: 0 auto;    justify-content:left;}
}

/*popBox*/
@media (min-width:768.1px){
.footer-social li .popup{display:none;position:absolute;bottom:1.25rem;right: 50%;margin-right:-4.0625rem;width:8.4375rem;height:9.375rem;}
.footer-social li .er-code{padding:0.25rem;border-radius:0.25rem;background:#fff;-ms-box-shadow:0px 0rem 1rem 0px 0 rgba(0,0,0,.1);-o-box-shadow:0px 0rem 1rem 0px rgba(0,0,0,.1);box-shadow:0px 0rem 1rem 0px rgba(0,0,0,.1);position:relative;z-index:1;}
.footer-social li .er-code img{width:8.125rem;height:8.125rem}
.footer-social li .triangle{position:absolute;background:#fff;-ms-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);-o-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);z-index:2;width:0.6875rem;height:0.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;}
.footer-social li .dpa{width:1.5rem;height:1.5rem;line-height:1.5rem;}
.footer-social li .popup{bottom:2.3rem;}

/*popupCode弹窗二维码*/
.footer-social li .triangle{display:none;}
.footer-social li .popup{display:none;position:fixed;z-index:1000;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:0.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:0.875rem;}
}








/*****************************************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.1);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>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: #091520;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%);display:none; }
.indexBanner .bannerWz .bannerWzB{max-width:75%;}
.indexBanner .bannerWz .tit{font-size: 2.25rem;font-weight:600;line-height:1;}
.indexBanner .bannerWz .des{font-size: 1.375rem;font-weight:400;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:.875rem;margin-top:1.5rem;}
}
@media screen and (max-width:1000px){
.indexBanner .bannerWz .tit{font-size:2rem;}
.indexBanner .bannerWz .des{font-size:0.875rem;margin-top:1rem;}
}
@media screen and (max-width:768px){
.indexBanner .bannerWz .tit{font-size:1.8rem;}
.indexBanner .bannerWz .des{font-size:0.75rem;margin-top:1rem;}
}
@media screen and (max-width:750px){
.indexBanner .bannerWz .tit{font-size:1.5rem;}
.indexBanner .bannerWz .des{font-size:0.75rem;margin-top:0.5rem;}
}
@media screen and (max-width:540px){
.indexBanner .bannerWz .tit{font-size:1.25rem;}
.indexBanner .bannerWz .des{font-size:0.875rem;}
}
@media screen and (max-width:430px){
.indexBanner .bannerWz .tit{font-size:1rem;}
.indexBanner .bannerWz .des{font-size:0.5rem;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;}




/*indexbanner-pagination*/
.indexbanner-paginationB{position:absolute;bottom:3.75rem;left:0;right:0; z-index:4; text-align:center;margin:0 auto;}
.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;}
@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;}
}



/*swbtn*/
.swbtn{ font-size:0;line-height: 0;}
.swbtn .mbtn{display:inline-block;width:3.125rem;height:3.125rem;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;background-color:#fff;box-shadow: 0 2px .3rem rgba(0,0,0,0.05);}
.swbtn .mbtn.swiper-button-lock{opacity:0;}
.swbtn .mbtn.swiper-button-disabled{opacity:0;}
.swbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left: 0;}
.swbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right.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{ background-color: #00dde3;}
@media screen and (max-width:1200px){
.swbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:1024px){
.swbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:768px){
.swbtn .mbtn{width:2.5rem;height:2.5rem;background-size:.5rem;}
}



/*indexTit*/
.indexTit{font-size:2rem;margin-bottom:2.5rem;color:#0b1824;line-height:1.2; font-weight:normal;text-align: center;}
.indexTit .desc{font-size:1.25rem; margin-top:.625rem;font-weight:normal;}
.indexTit .tit span{color:#00dde3;}
.indexTit .tit a{color:#0b1824;}
.indexTit.white{color:#fff;}
.indexTit.white a{color:#fff;}
@media screen and (max-width:1200px){
.indexTit{font-size:1.8rem;margin-bottom:2rem;}
.indexTit .desc{font-size:1.125rem;}
}
@media screen and (max-width:1024px){
.indexTit{font-size:1.5rem;margin-bottom:1.5rem;}
.indexTit .desc{font-size:1rem;}
}
@media screen and (max-width:768px){
.indexTit{font-size:1.35rem;margin-bottom:1.5rem;}
}




/*indexMore*/
.indexMoreB{text-align:center;}
.indexMore{display:inline-block;color:#000000;font-weight:normal;text-align: center;border:1px solid #939da6; margin-top:3.75rem;border-radius:.375rem;font-size:1rem;margin-bottom:2.5rem;padding:0 2.75rem;line-height:2.75rem;}
.indexMore span{display:inline-block; padding-right:1.5rem;background:url("../images/icon-m.png") no-repeat right center;background-size:.5rem;}
.indexMore:hover{color:#00dde3;border-color:#00dde3;}
@media screen and (max-width:1200px){
.indexMore{margin-top:3rem;font-size:1rem;margin-bottom:2.25rem;padding:0 2.5rem;line-height:2.5rem;}
}
@media screen and (max-width:1024px){
.indexMore{margin-top:2.5rem;font-size:1rem;margin-bottom:2rem;padding:0 2.25rem;line-height:2.25rem;}
}
@media screen and (max-width:768px){
.indexMore{margin-top:2rem;font-size:1rem;margin-bottom:2rem;padding:0 2rem;line-height:2rem;}
}



/*indexproNav*/
.indexproNav{position:relative;z-index:2;text-align:center;background-color:#fff;padding:1.875rem 0; margin-bottom: .625rem;}
.indexproNav ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;}
.indexproNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.indexproNav li a{position:relative;display:block;color:#000;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:1rem;line-height:2.75rem;border-radius:2.75rem;margin:0 .4375rem; padding:0 1.75rem; background-color:#edeff2;}
.indexproNav li a span{display:block;position:relative; z-index:2;}
.indexproNav li a:hover {background: #e1e3e6;}
.indexproNav li .active{background:#000;color:#fff;}
.indexproNav li .active:hover {background: #383838;}
@media screen and (max-width:1200px) {
.indexproNav{padding:1.5rem 0;}
.indexproNav li a{line-height:2.75rem;font-size:0.875rem;padding:0 1rem;}
}
@media screen and (max-width:1024px) {
.indexproNav{padding:1rem 0;}
.indexproNav li a{line-height:2.75rem;padding:0 1rem;}
.indexproNav ul{display: flex;overflow:visible;overflow-x: scroll;}
.indexproNav ul::-webkit-scrollbar {display: none}
.indexproNav li{flex-shrink:0;align-items:flex-end;margin-right:.625rem;overflow:hidden;position:relative;}
.indexproNav li a{margin:0;} 
}
@media screen and (max-width:960px) {
.indexproNav li a{line-height:2.75rem;padding:0 1rem;}
}
@media screen and (max-width:767px) {
.indexproNav li a{line-height:2rem;font-size:.875rem;}
}





/*indexPro*/
.indexPro{padding-top:7.125rem;padding-bottom:7.125rem;background-color:#fff;background:url("../images/index-probg.jpg") no-repeat center bottom #fff;background-size:120rem;overflow: hidden;}
/*indexProlist*/
.indexProlistBox{position: relative;}
.indexProlist{overflow:hidden; font-size: 0;line-height: 0;display:grid;}
.indexProlist .item{width:25%;display:inline-block;*display:inline;zoom:1;width:auto;border-radius:1.25rem;vertical-align:top;background-color:#f8f9fc;}
.indexProlist .itema{display: block;position:relative; line-height:0; overflow:hidden;z-index:3;border-radius:1.25rem;margin:0; background-color:#f8f9fc;padding:2.5rem 2.5rem;}
.indexProlist .imgBox{ text-align: center; width:77.33%; margin:0 auto;}
.indexProlist .img{position:relative;display: block;padding-bottom:100%;}
.indexProlist .img>div{position:static!important;}
.indexProlist .img img{aspect-ratio:1/1;max-width:100%;width:100%;height:100%;object-fit:cover; position: absolute;top:0;left:0;}
.indexProlist .itema,.indexProlist .more,
.indexProlist .img,
.indexProlist .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;}
.indexProlist .itema:hover .img img{-moz-transform: scale(1.08);-webkit-transform: scale(1.08);transform: scale(1.08);}
.indexProlist .title{text-align: center;padding-top:.625rem; padding-bottom:1.5rem;}
.indexProlist .title .tt{display:block;line-height:1.4;font-weight:normal;color:#000;font-size:1.5rem; margin-bottom: .3125rem;}
.indexProlist .title .des{display:block;line-height:1.5rem;min-height:3rem;color: #6a6a6a;font-size:1rem;}
.indexProlist .more{background-color:#00dde3;color:#000000;display:block;text-align:center;margin: 0 auto;margin-top:1.5rem;font-size:.875rem;width:6.6875rem;line-height:2.5rem;border-radius:2.5rem; }
.indexProlist .itema:hover .more{background-color:#000000; color:#fff;}
@media screen and (max-width:1200px) {
.indexPro{padding-top:4rem;padding-bottom:4rem;background-size:100rem;}
.indexProlist .title .tt{font-size:1.4rem;}
.indexProlist .title .des{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.indexPro{padding-top:3rem;padding-bottom:3rem;}
.indexProlist .title .tt{font-size:1.3rem;}
.indexProlist .title .des{font-size:0.875rem;}
}
@media screen and (max-width:768px) {
.indexProlist .item{width:50%;}
.indexProlist .title .tt{font-size:1.25rem;}
.indexProlist .title .des{font-size:0.875rem;}
}
@media screen and (max-width:480px) {
.indexProlist .item{width:100%;}
}



/*swiper-button*/
.indexProlistBox .swbtn .mbtn.swiper-button-prev{left:1.875rem;}
.indexProlistBox .swbtn .mbtn.swiper-button-next{right:1.875rem;}
@media screen and (max-width:1200px){
.indexProlistBox .swbtn .mbtn.swiper-button-prev{left:3%;}
.indexProlistBox .swbtn .mbtn.swiper-button-next{right:3%;}
}


/*indexProlistBox.active*/
.indexProlistBox {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.indexProlistBox.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}




/*indexApp*/
.indexApp{padding-top:8.125rem;padding-bottom:0;background-color:#edf0f6;background-image:url('../images/index-appbg.jpg'); background-repeat: no-repeat;background-position: center bottom;background-size:120rem; overflow: hidden;}


/*indexApplist*/
.indexApplistB{padding-top: 5.625rem;}
.indexApplistBox{ position: relative;display:flex;justify-content: space-between;align-items:flex-end; }
.indexApplist{ width:46.51162790697674%; float: left;min-height:40.3125rem; padding-bottom:2.8125rem;}
.indexApplist .item{display:block; margin-bottom:1.25rem;}
.indexApplist .itema{display:block;position:relative; line-height:0; overflow:hidden; background-color: #ffffff;border-radius:.625rem;}
.indexApplist .icon{width:1.625rem;height:1.625rem;position:absolute;top:2.1875rem;left:1.875rem;}
.indexApplist .icon>div{position:static!important;}
.indexApplist .icon img{max-width:100%;width:100%;height:100%;object-fit:cover;display: block;}
.indexApplist .m{background-image:url('../images/icon-v.png'); background-repeat: no-repeat;background-position: center center;background-size:1rem;width:1.625rem;height:1.625rem; position: absolute;top:50%;margin-top:-0.8125rem;right:1.875rem;}
.indexApplist .active .m{ transform: rotate(180deg);}
.indexApplist .title{position: relative;cursor: pointer;display:block;font-weight:normal;color: #000000;padding:2.1875rem 1.875rem;line-height:1.625rem;}
.indexApplist .tt{font-size:1.5rem;padding-left:2.5rem;margin-right:1.625rem;}
.indexApplist .desB{display:none;}
.indexApplist .des{padding:.625rem 3.75rem 1.875rem 4.375rem;line-height:1.5rem;font-size:1.125rem;font-weight:normal;color: #6a6a6a;}
.indexApplist .m,
.indexApplist .itema{-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;}
/*indexAppimg*/
.indexAppimg{width:50%;float:right;}
.indexAppimg .img>div{position:static!important;}
.indexAppimg .img{ position: relative; padding-bottom:75%; width: 100%;}
.indexAppimg img{aspect-ratio:1/1;max-width:100%;width:100%;height:100%;object-fit:cover; position:absolute;top:0;left:0;}
@media screen and (max-width:1200px) {
.indexApplist{min-height:30rem;padding-bottom:2rem;}
.indexApp{padding-top:5rem;background-size:100rem;}
.indexApplistB{padding-top:4rem;}
.indexApplist .title{padding:1.5rem 1.5rem;line-height:1.2;}
.indexApplist .tt{font-size:1.25rem;padding-left:2rem;margin-right:1.5rem;}
.indexApplist .des{font-size:1rem;padding:.625rem 3rem 1.5rem 3.5rem;line-height:1.5;}
.indexApplist .icon{width:1.5rem;height:1.5rem;position:absolute;top:1.5rem;left:1.5rem;}
.indexApplist .m{background-size:1rem;width:1.5rem;height:1.5rem; margin-top:-0.75rem;right:1.5rem;background-size:.875rem;}
}
@media screen and (max-width:1024px) {
.indexApp{padding-top:4rem;}
.indexApplistB{padding-top:3rem;}
.indexApplist .tt{font-size:1.125rem;}
.indexApplist .des{font-size:1rem;}
.indexApplist{min-height:25rem;padding-bottom:1.5rem;}
.indexApplist .title{padding:1rem 1rem;line-height:1.2;}
.indexApplist .tt{font-size:1.125rem;padding-left:2rem;margin-right:1.5rem;}
.indexApplist .des{font-size:1rem;padding:.625rem 2rem 1rem 3rem;line-height:1.5;}
.indexApplist .icon{width:1.5rem;height:1.5rem;position:absolute;top:1rem;left:1rem;}
.indexApplist .m{background-size:1rem;width:1.5rem;height:1.5rem; margin-top:-0.75rem;right:1rem;background-size:0.75rem;}
.indexApplist .item{ margin-bottom:1rem;}
}
@media screen and (max-width:768px) {
.indexApp{padding-top:3rem;padding-bottom:3rem;}
/* .indexApplist .tt{font-size:1rem;}
.indexApplist .des{font-size:0.875rem;} */
.indexApplistB{padding-top:1rem;}
.indexApplistBox{ flex-direction: column;}
.indexApplist{ width:100%; float:none;}
.indexApplistBox .indexAppimg{width:100%;float:none;}

.indexApplist{min-height:0;padding-bottom:1rem;}
}





/*indexAppimgB.active*/
.indexAppimgB {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.indexAppimgB.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}





/*indexFWNav*/
.indexFWNav{position:relative;z-index:2;text-align:center;margin-bottom:3.125rem;}
.indexFWNav .indexFWNavTit{ display:none;}
.indexFWNav ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;display:flex;flex-wrap:wrap;box-sizing:border-box;justify-content:center;}
.indexFWNav li{display:inline-block;vertical-align:top;}
.indexFWNav li a{position:relative;display:block;color:#000000;font-weight:normal;font-size:1.125rem;line-height:3.375rem; padding: 0 5.625rem;min-width:21.25rem;}
.indexFWNav li a span{display:block;position:relative; z-index:2;}
.indexFWNav li a::before{content:'';width:100%;position:absolute;bottom:0;right:0;height:1px;background:#cbcdd3;}
.indexFWNav li a .line{display:block;width:0;position:absolute;bottom:-1px;left:0;height:.1875rem;background:#00dde3;transition-property: width;transition-timing-function: linear;opacity: 0;transition-duration:0ms;} 
.indexFWNav .active .line{width:100%;opacity:1;transition-duration:5s;}
.indexFWNav .active a{color: #00dde3;}
@media screen and (max-width:1200px) {
.indexFWNav{margin-bottom:3rem;}
.indexFWNav li a{line-height:3rem;font-size:1rem;padding:0 5rem;min-width:15rem;}
}
@media screen and (max-width:1024px) {
.indexFWNav{margin-bottom:2rem;}
.indexFWNav li a{line-height:3rem;padding:0 4rem;min-width:10rem;}
.indexFWNav ul{display: flex;overflow:visible;overflow-x: scroll;}
.indexFWNav ul::-webkit-scrollbar {display: none}
.indexFWNav li{flex-shrink:0;align-items:flex-end;overflow:hidden;position:relative;}
.indexFWNav li a{margin:0;}
}
@media screen and (max-width:768px) {
.indexFWNav li{ width: 33.33%;}
.indexFWNav li a{line-height:3rem;font-size:.875rem;padding:0 1rem;}
}
@media screen and (max-width:430px) {
.indexFWNav li a{line-height:3rem;font-size:.875rem;padding:0 0.5rem;min-width:0;}
}


/*indexFW*/
.indexFW{padding-top:8.125rem;padding-bottom:6.25rem;background-color:#fff; overflow: hidden;}
.indexFWB{ width:75%; margin: 0 auto;}
/*indexFWlist*/
.indexFWlistBox{ position: relative;}
.indexFWlist{margin: 0 -1.25rem;font-size: 0;line-height: 0;}
.indexFWlist .item{width:100%;display:block;}
.indexFWlist .itema{display: block;position:relative; line-height:0; overflow:hidden;background:#ebebec; z-index:3; padding-bottom:40.27777777777778%;border-radius:.625rem;margin: 0 1.25rem;}
.indexFWlist .itema::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/index-fwbg.png'); background-repeat: no-repeat;background-position:center bottom;background-size:100% 100%;z-index: 2;}
.indexFWlist .videoB{overflow:hidden;position:absolute;height:100%;z-index:1;top:0; width:100%; left:0;}
.indexFWlist .videoB>div{position:static!important;}
.indexFWlist .videoB 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;}
.indexFWlist .img{position: absolute;display: block;width:100%; height:100%;z-index:1;}
.indexFWlist .img>div{position:static!important;}
.indexFWlist .img img{max-width:100%;width:100%;height:100%;object-fit:cover; position: absolute;top: 0;left: 0;}
.indexFWlist .itema,
.indexFWlist .img,
.indexFWlist .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;}
.indexFWlist .itema:hover .img img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.indexFWlist .title{ color:#fff;position:absolute;bottom:0;left:0;padding:2.5rem 3.125rem; z-index: 3;}
.indexFWlist .title .tt{display:block;line-height:1.4;font-weight:600;font-size:1.5rem;}
.indexFWlist .title .des{display:block;line-height:1.4;font-size:1rem; margin-top:.5rem;}
@media screen and (max-width:1200px) {
.indexFW{padding-top:6rem;padding-bottom:5rem;}
.indexFWlist{margin: 0 -0.625rem;}
.indexFWlist .itema{margin: 0 0.625rem;}
.indexFWlist .title{padding:2rem 3rem;}
.indexFWlist .title .tt{font-size:1.25rem;}
.indexFWlist .title .des{font-size:1rem;}
.indexFWB{ width:90%;}
}
@media screen and (max-width:1024px) {
.indexFW{padding-top:5rem;padding-bottom:4rem;}
.indexFWlist .title{padding:1.5rem 2rem;}
.indexFWlist .title .tt{font-size:1.125rem;}
.indexFWlist .title .des{font-size:1rem;}
.indexFWB{ width:90%;}
}
@media screen and (max-width:768px) {
.indexFW{padding-top:3rem;padding-bottom:3rem;}
.indexFWlist .item{width:50%;}
.indexFWlist .itema{padding-bottom:50%;}
.indexFWlist .title{padding:1rem 1.5rem;}
.indexFWlist .title .tt{font-size:1rem;}
.indexFWlist .title .des{font-size:0.875rem;margin-top:0.25rem;}
.indexFWB{ width:94%;}
}
@media screen and (max-width:480px) {
.indexFWlist .item{width:100%;}
}



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




/*indexAppimgB.active*/
.indexFWlistBox {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.indexFWlistBox.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}






/**************************page**************************/
/*pagebanner*/
.pagebanner{display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;color:#fff;padding-bottom:41.66666666666667%; position:relative;background-size:cover;}
.pagebanner img{width:100%;display:block;}
.pagebanner .bannerpic{position:absolute;left:0;right: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 .pagebanner-tt{position:absolute;top:50%;left:0;right:0;text-align:center;z-index:2;color:#ffffff;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
.pagebanner .pagebanner-tt .tt{font-size:3.125rem;line-height:1.1;font-weight:600;text-transform:uppercase;}
.pagebanner .pagebanner-tt .des{font-size:1rem;line-height:1.1;margin-top:1.25rem;}
@media screen and (max-width:1200px){
  .pagebanner .pagebanner-tt .tt{font-size:2.6rem;}
  .pagebanner .pagebanner-tt .des{font-size:1rem;margin-top:1rem;}
  .pagebanner{padding-bottom:40%;}
}
@media screen and (max-width:1024px){
  .pagebanner .pagebanner-tt .tt{font-size:2.2rem;}
  .pagebanner .pagebanner-tt .des{font-size:.875rem;margin-top:.625rem;}
  .pagebanner{padding-bottom:50%;}
}
@media screen and (max-width:768px){
  .pagebanner .pagebanner-tt .tt{font-size:2rem;}
  .pagebanner .pagebanner-tt .des{font-size:.875rem;}
  .pagebanner{padding-bottom:60%;}
}
@media screen and (max-width:640px){
  .pagebanner .pagebanner-tt .tt{font-size:1.8rem;}
}
@media screen and (max-width:370px){
  .pagebanner .pagebanner-tt .tt{font-size:1.6rem;}
}

/*****************************searchForm start*****************************/
/*searchForm*/
.searchForm{position:relative;}
.searchForm .search-cancel{position:absolute;top: 50%;-webkit-transform: translateY(-50%);transform:translateY(-50%);cursor:pointer;right:5rem;}
.searchForm input.text{font-size:1.125rem;height:3.75rem;line-height:3.75rem;border-radius:.625rem;padding-left:1.875rem;padding-right:6.25rem;margin-bottom:0;font-weight:normal;color:#6a6a6a;width:100%;background:#fff;display:block;border: none;}
.searchForm input::-webkit-input-placeholder,
.searchForm input:-moz-placeholder,
.searchForm input::-moz-placeholder,
.searchForm input:-ms-input-placeholder {color:#6a6a6a;}
.searchForm .searchbtn {display:inline-block;width:5rem;height:3.75rem;font-size:0;margin-right:0;border-radius:.625rem;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/icon-search.png") no-repeat center center;background-size:1.25rem; position:absolute;right:0;top:0; z-index:5;}
@media screen and (max-width:1200px) {
.searchForm .searchbtn {width:5rem;height:3.5rem;background-size:1.125rem;}
.searchForm input.text{height:3.5rem;line-height:3.5rem;font-size:1rem;padding-left:1.5rem;}
}
@media screen and (max-width:1024px) {
.searchForm .searchbtn {width:5rem;height:3rem;background-size:1rem;}
.searchForm input.text{height:3rem;line-height:3rem;font-size:1rem;}
}
@media screen and (max-width:768px) {
.searchForm .searchbtn {width:5rem;height:3rem;background-size:1rem;}
.searchForm input.text{height:3rem;line-height:3rem;font-size:1rem;}
}

/**************************pageNav**************************/

/*pageNav*/
.pageNav{position:relative;z-index:2;text-align:center;background-color: #f5f6fa;}
.pageNav .pageNavTit{margin-bottom:1.25rem;font-size:1.5rem;line-height:1.2;font-weight:500;text-transform:uppercase;  display: none;}
.pageNav ul{margin:0 auto;padding: 0;list-style:none;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:#6a6a6a;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:1rem;line-height:4.375rem;margin:0 3.125rem;}
.pageNav li a span{display:block;position:relative; z-index:2;}
.pageNav li a:after{content:'';width:0;position:absolute;bottom:0;right:0;height:.125rem;background:#00dde3;-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; opacity: 0;}
.pageNav li a:hover:after,
.pageNav li .on:after{width:100%;right:auto;left:0;opacity:1;}
.pageNav li a:hover,
.pageNav li .on{color:#000000;}
@media screen and (max-width:1200px) {
.pageNav li a{font-size:1rem;line-height:4rem;margin:0 3rem;}
}
@media screen and (max-width:1024px) {
.pageNav li a{line-height:3.5rem;margin:0 1rem;padding:0 2rem;}
.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:960px) {
.pageNav li a{padding:0 2rem;}
}
@media screen and (max-width:767px) {
.pageNav li a{line-height:3rem;font-size:.875rem;padding:0 0;}
}



/**************************service**************************/
.pagebanner .bannerSearch {position:absolute;right:0;left:0;text-align:center;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;color:#ffffff;} 
.pagebanner .searchTit{line-height: 1.2; text-align: center; font-weight: normal; margin-bottom: 2.5rem;font-size:2.25rem;}
@media screen and (max-width:1200px) {
.pagebanner .searchTit{margin-bottom:2rem;font-size:2rem;}
}
@media screen and (max-width:1024px){
.pagebanner .searchTit{margin-bottom:2rem;font-size:1.75rem;}
}
@media screen and (max-width:768px){
.pagebanner .searchTit{margin-bottom:2rem;font-size:1.5rem;}
}



/*SecListTit*/
.serviceTit{background:#fff;border-radius:.625rem;position:relative;font-size:2.25rem;line-height:1.5;color:#000000;text-align:center; font-weight:600;margin-bottom:4.375rem;}
@media screen and (max-width:1200px){
.serviceTit{font-size:2rem;margin-bottom:3rem;}
}
@media screen and (max-width:1024px){
.serviceTit{font-size:1.8rem;margin-bottom:2rem;}
.Sec .serviceTit{ display: none;}
}
@media screen and (max-width:768px){
.serviceTit{font-size:1.6rem;margin-bottom:1.5rem;}
}
@media screen and (max-width:640px){
.serviceTit{font-size:1.4rem;margin-bottom:1.5rem;}
}




/*SecList*/
.Sec-menu{float:left;width:19.375rem;}
.Sec-menu{z-index:2; display:block;position:sticky;left: 0;top:4rem;}
.SecList{width:calc(100% - 19.375rem);position:relative; float:right;}
.SecList .SecListB {padding-left:1.875rem;}
@media screen and (max-width:768px){
.Sec-menu{float:none;z-index:2; position:static;top:0;display:block;width:100%;}
.SecList{float:none;width:100%;}
.SecList .SecListB {padding-left:0;}
}




/*Sec-pcmenu*/
.Sec-pcmenu{background:#f5f6fa;border-radius:.625rem;}
.Sec-pcmenu ul{ list-style:none;margin: 0;padding: 0;}
/*Sec-menu yiji*/
.Sec-pcmenu .lia{position:relative;width:100%; overflow:hidden;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;align-items:center;}
.Sec-pcmenu .lia{font-size:1.125rem;line-height:1.625rem;padding-top:.8125rem;padding-bottom:.8125rem;padding-left:2.5rem;padding-right:2.5rem;color:#000000; font-weight:600;}
.Sec-pcmenu .lia span{width:calc(100% - 1.5rem);display:block; position:relative; z-index:1;}
.Sec-pcmenu .active .lia{color:#00dde3;}
.Sec-pcmenu .lia{position:relative;}
/*Sec-menu .icon-em*/
.Sec-pcmenu  .icon-em{cursor:pointer;position:absolute;top:.8125rem;right:2.5rem;width:1.5rem;height:1.5rem;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:3;background:url(../images/icon-v2.png) center center no-repeat;background-size:.8125rem;}
.Sec-pcmenu .active .icon-em{background-image: url(../images/icon-ss.png);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
/*Sec-menu erji*/
.Sec-pcmenu .SecDown{display:none}
/* .Sec-pcmenu .active .SecDown{ display:block;} */
.Sec-pcmenu .Secdl{margin:0;padding:0;padding-top:.3125rem;padding-bottom:.3125rem;position:relative;}
.Sec-pcmenu .Secdl dd{margin:0;padding:0;}
.Sec-pcmenu .Secdl dd a{font-size:1rem;line-height:1.5rem;padding-top:.3125rem;padding-bottom:.3125rem;padding-left:2.5rem;padding-right:2.5rem;color:#6a6a6a;display:block; font-weight: 500;}
.Sec-pcmenu .Secdl dd.active a{color:#000000;}
/*Sec-menu Sec-pcmenuClose-sj*/
.Sec-pcmenu .Sec-pcmenuClose{display:none;}
@media screen and (max-width:768px){
.Sec-pcmenu{position:fixed; left:0;right:0; width:100%; height:100%; background:#f5f6fa; z-index:9999; top:0;bottom:0;overflow:auto;padding-left:0; padding-right:0;}
.Sec-pcmenu  ul{ padding:2.5rem 0;}
.Sec-pcmenu .lia{font-size:16px;line-height:1.5rem;padding-left:2.5rem; padding-right:2.5rem;}
.Sec-pcmenu .Secdl dd a{font-size:1rem;line-height:1.5rem;padding-left:2.5rem;padding-right:2.5rem;}
.Sec-pcmenu  .icon-em{right:2.5rem;}
.Sec-pcmenu .Sec-pcmenuClose{position:fixed; right:1.5rem; left:1.5rem;margin:0 auto;bottom:1rem; width:3rem;height:3rem;z-index:99999;display:block;background:url(../images/icon-close2.png) center center no-repeat;background-size:1.25rem; background-color: #fff;border-radius: 50%;}
.Sec-pcmenu{display:none;}
.Sec-pcmenu.open{ display:block;}
}

/*Sec-menu tit-sj*/
.Sec-menuTit{display: none;}
@media screen and (max-width:768px){
.Sec-menuTit{margin-bottom:2rem;display: block;background-color:#f5f6fa;font-size:1.125rem;line-height:3.125rem;height:3.125rem;border-radius:.625rem;text-align:right; font-weight: 600; padding: 0 1.5rem;/* position:fixed;  left:.625rem;right:.625rem;bottom:1.875rem;margin:0 auto; max-width:12.5rem;  background:#fff;border-radius:2.5rem; z-index:99;-moz-box-shadow:0px 8px 8px 8px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 8px 8px 8px rgba(0, 0, 0, 0.1);box-shadow: 0px 8px 8px 8px rgba(5, 55, 104, 0.1); */}
.Sec-menuTit span{ /*display:inline-block;*/background:url(../images/menu.png) left center no-repeat;background-size:1.5rem;padding-left:2rem;display:block;}
}





/*Sec-hot*/
.Sec-hot{background:#f5f6fa;border-radius:.625rem;margin-bottom:1.875rem;padding-left:2.5rem;padding-right:2.5rem;}
/*Sec-hotTit*/
.Sec-hot .Sec-hotTit{padding-top:2.5rem;padding-bottom:1.25rem;font-size:1.125rem;line-height:1.625rem;display: block;text-align:left; font-weight: 600; color:#000000;}
.Sec-hot .Sec-hotTit span{ display:inline-block;background:url(../images/icon-hot.png) left center no-repeat;background-size:.75rem;padding-left:1.125rem;}
.Sec-hot ul{ list-style:none;margin: 0;padding:0;padding-bottom:1.875rem;}
.Sec-hot ul li a{display:block;font-size:1rem;line-height:1.5rem;padding-top:.3125rem;padding-bottom:.3125rem;color:#6a6a6a; font-weight:normal;}
.Sec-hot ul li a span{display:block;}
.Sec-hot ul li a:hover{color:#00dde3;}
@media screen and (max-width:1200px){
.Sec-hot{margin-bottom:1.875rem;padding-left:2.5rem;padding-right:2.5rem;}
.Sec-hot .Sec-hotTit{padding-top:2.5rem;padding-bottom:1.25rem;font-size:1.125rem;line-height:1.625rem;}
.Sec-hot .Sec-hotTit span{ background-size:.75rem;padding-left:1.125rem;}
.Sec-hot ul{ padding-bottom:1.875rem;}
.Sec-hot ul li a{font-size:1rem;line-height:1.5;}
.Sec-hot ul li a span{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1; overflow: hidden;}
.Sec-hot ul li:nth-child(n+9){display:none}
}
@media screen and (max-width:1050px){
.Sec-hot{margin-bottom:1.5rem;padding-left:1.875rem;padding-right:1.875rem;}
.Sec-hot .Sec-hotTit{padding-top:1.875rem;padding-bottom:1rem;font-size:1.125rem;line-height:1.625rem;}
.Sec-hot .Sec-hotTit span{ background-size:.75rem;padding-left:1.125rem;}
.Sec-hot ul{ padding-bottom:1.5rem;}
}
@media screen and (max-width:768px){
.Sec-hot{margin-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;}
.Sec-hot .Sec-hotTit{padding-top:1.5rem;padding-bottom:1rem;font-size:1.125rem;line-height:1.625rem;}
.Sec-hot .Sec-hotTit span{ background-size:.75rem;padding-left:1.125rem;}
.Sec-hot ul{ padding-bottom:1.5rem;}
.Sec-hot ul li:nth-child(n+6){display:none}
}


/*faqList*/
.faqList ul{ list-style:none;margin: 0;padding:0;}
.faqList ul li a{margin-bottom:1.25rem;padding:1.25rem 2.5rem;font-size:1.25rem;line-height:1.875rem;min-height:6.25rem;display: block;text-align:left; font-weight: 600; color:#000000;background:#fff;border-radius:.625rem; position:relative;width:100%; overflow:hidden; z-index:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;align-items:center;border: 1px solid #dcdcdc;}
.faqList ul li:nth-last-child(1) a{margin-bottom:0;}
.faqList ul li a span{ display:inline-block;background:url(../images/icon-faq.png) left center no-repeat;background-size:1.25rem;padding-left:2.5rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}
.faqList ul li a:hover{color:#00dde3; background-color: #f3ffff;border-color: #00dde3;}
@media screen and (max-width:1200px){
.faqList ul li a{margin-bottom:1rem;padding:1.25rem 1.5rem;font-size:1.125rem;line-height:1.875rem;min-height:5rem;}
}
@media screen and (max-width:1024px){
.faqList ul li a{margin-bottom:1rem;padding:1rem 1.5rem;font-size:1.125rem;line-height:1.875rem;min-height:4rem;}
.faqList ul li a span{ -webkit-line-clamp:1;line-clamp:1;}
}



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



/*service2List*/
.service2List{display:flex;flex-wrap:wrap;gap:2.8125rem;box-sizing:border-box;}
.service2List .item{flex:0 0 calc(33.33333% - 2.8125rem);background-color:#fff;border-radius:.625rem;box-sizing:border-box}
.service2List .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden; background-color: #f5f6fa;padding:10rem 2.5rem 2.5rem 2.5rem;min-height:33.125rem;}
.service2List .item .img .imgB{width:100%;display:flex;align-items:center;justify-content:center; margin-bottom:4.375rem;}
.service2List .item .img img{max-width:100%;max-height:100%;width:100%;}
.service2List .item .img img{ width:8.75rem; height: 8.75rem; padding: .625rem;border-radius:.625rem; background-color:#fff;border: 1px solid #d6d6d6;}
.service2List .item .title{display:flex;flex-direction:column;box-sizing:border-box;justify-content:flex-start;align-items: center;text-align:center;font-size:1rem;color:#6a6a6a;line-height:1.2; margin-bottom: .3125rem;}
.service2List .item h4{font-size:1.25rem;font-weight:normal;color:#000000;line-height:1.2;margin-bottom:.375rem;}
.service2List .item .title img{max-width:100%; max-height:3.375rem; margin-bottom:2.1875rem;}
.service2List .item .more{background-color:#000;color:#fff;display:inline-block;text-align:center;margin: 0 auto;margin-top:1.5rem;font-size:1rem;min-width:8.75rem;padding:0 1.5rem;line-height:3.375rem;border-radius:3.375rem; }
.service2List .item .itema:hover .more{background-color:#00dde3; color:#000;}
.service2List .item .itema:hover{background-color:#e7e8ed;}
/*hover*/
.service2List .item .more,
.service2List .item .itema{-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;}
@media screen and (max-width:1200px) {
.service2List{gap:1.125rem;}
.service2List .item{flex:0 0 calc(33.33333% - 1.125rem);}
.service2List .item .title{font-size:1rem;}
.service2List .item .title img{max-height:3.5rem;}
.service2List .item h4{font-size:1.125rem;margin-bottom:0.5rem;}
.service2List .item .img .imgB{margin-bottom:3rem;}
.service2List .item .img img{ width:7rem; height: 7rem;}
.service2List .item .itema{padding:8rem 2.5rem 2.5rem 2.5rem;min-height:30rem;}
.service2List .item .more{margin-top:1rem;font-size:0.875rem;min-width:7rem;padding:0 1rem;line-height:3rem;border-radius:3rem; }
}
@media screen and (max-width:1150px) {
.service2List{gap:1rem;}
.service2List .item{flex:0 0 calc(33.33333% - 1rem);}
.service2List .item .title{font-size:0.875rem;}
.service2List .item .title img{max-height:3.25rem;}
.service2List .item h4{font-size:1rem;margin-bottom:0.5rem;}
.service2List .item .img .imgB{margin-bottom:2rem;}
.service2List .item .img img{ width:7rem; height: 7rem;}
.service2List .item .itema{padding:6rem 2.5rem 2.5rem 2.5rem;min-height:25rem;}
.service2List .item .more{margin-top:1rem;font-size:0.875rem;min-width:6rem;padding:0 1rem;line-height:2.5rem;border-radius:2.5rem; }
}
@media screen and (max-width:1024px) {
.service2List{gap:1rem;}
.service2List .item{flex:0 0 calc(33.33333% - 1rem);}
.service2List .item .itema{padding:4rem 1.5rem 2.5rem 1.5rem;min-height:20rem;}
.service2List .item .more{margin-top:1rem;font-size:0.875rem;min-width:6rem;padding:0 1rem;line-height:2.5rem;border-radius:2.5rem; }
}
@media screen and (max-width:768px) {
.service2List{gap:1rem;}
.service2List .item{flex:0 0 100%;}
.service2List .item .title{font-size:0.875rem;}
.service2List .item .title img{max-height:3.25rem;}
.service2List .item h4{font-size:1rem;margin-bottom:0.5rem;}
.service2List .item .img .imgB{margin-bottom:2rem;}
.service2List .item .img img{ width:7rem; height: 7rem;}
.service2List .item .itema{padding:5rem 2.5rem 2.5rem 2.5rem;min-height:15rem;}
.service2List .item .more{margin-top:1rem;font-size:0.875rem;min-width:6rem;padding:0 1rem;line-height:2.5rem;border-radius:2.5rem; }
}
@media screen and (max-width:640px) {
.service2List{gap:1.5rem;}
.service2List .item{flex:0 0 100%;}
.service2List .item .title img{max-height:3rem;}
.service2List .item .itema{padding:4rem 2.5rem 2.5rem 2.5rem;min-height:15rem;}
}



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


/*service2List*/
.service2List2{display:flex;flex-wrap:wrap;gap:2.8125rem;box-sizing:border-box;}
.service2List2 .item{flex:0 0 calc(33.33333% - 2.8125rem);background-color:#fff;border-radius:.625rem;box-sizing:border-box}
.service2List2 .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden; background-color: #f5f6fa;padding:5.625rem 2.5rem 2.5rem 2.5rem;min-height:16.25rem;}
.service2List2 .item .img .imgB{width:100%;display:flex;align-items:center;justify-content:center; margin-bottom:1.875rem;}
.service2List2 .item .img img{ max-width:100%; height:3.125rem;}
.service2List2 .item .title{display:flex;flex-direction:column;box-sizing:border-box;justify-content:flex-start;align-items: center;text-align:center;font-size:1rem;color:#6a6a6a;line-height:1.2; margin-bottom: .3125rem;}
.service2List2 .item h4{font-size:1.25rem;font-weight:normal;color:#000000;line-height:1.2;margin-bottom:.375rem;}
/*hover*/
.service2List2 .item .itema{-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;}
.service2List2 .item .itema:hover{background-color:#e7e8ed;}
@media screen and (max-width:1200px) {
.service2List2{gap:1.125rem;}
.service2List2 .item{flex:0 0 calc(33.33333% - 1.125rem);}
.service2List2 .item .title{font-size:1rem;}
.service2List2 .item h4{font-size:1.125rem;margin-bottom:0.5rem;}
.service2List2 .item .img .imgB{margin-bottom:1.5rem;}
.service2List2 .item .img img{height:3rem;}
.service2List2 .item .itema{padding:5rem 2.5rem 2.5rem 2.5rem;min-height:10rem;}

}
@media screen and (max-width:1150px) {
.service2List2{gap:1rem;}
.service2List2 .item{flex:0 0 calc(33.33333% - 1rem);}
.service2List2 .item .title{font-size:0.875rem;}
.service2List2 .item h4{font-size:1rem;margin-bottom:0.5rem;}
.service2List2 .item .img .imgB{margin-bottom:1.25rem;}
.service2List2 .item .img img{height:2.5rem;}
.service2List2 .item .itema{padding:3rem 1.5rem 1.5rem 1.5rem;min-height:7rem;}
}
@media screen and (max-width:1024px) {
.service2List2{gap:0.5rem;}
.service2List2 .item{flex:0 0 calc(33.33333% - 0.5rem);}
}
@media screen and (max-width:768px) {
/* .service2List2{gap:1rem;}
.service2List2 .item{flex:0 0 100%;} */
.service2List2 .item .title{font-size:0.875rem;}
.service2List2 .item h4{font-size:1rem;margin-bottom:0.5rem;}
.service2List2 .item .img .imgB{margin-bottom:1rem;}
.service2List2 .item .img img{height:2rem;}
.service2List2 .item .itema{padding:2rem 1rem 1.5rem 1rem;min-height:7rem;}
}
@media screen and (max-width:640px) {
/* .service2List2{gap:1.5rem;}
.service2List2 .item{flex:0 0 100%;} */
.service2List2 .item .title img{max-height:3rem;}
.service2List2 .item .itema{padding:1.5rem 1rem 1.5rem 1rem;min-height:7rem;}
}



/* service3ListBOX */
.service3List{display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box;}
.service3List .item{flex:0 0 calc(33.333333% - 1.25rem);background-color:#fff;border-radius:.625rem;box-sizing:border-box}
.service3List .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden; background-color: #fff;}
.service3List .item .img .imgB{padding-bottom:55.65217391304348%; position:relative;width:100%;height:0;overflow: hidden;border-radius:.625rem;}
.service3List .item .img .imgB>div{position:static!important;}
.service3List .item .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
.service3List .item .itema,
.service3List .item .img .imgB,
.service3List .item .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;}
.service3List .item .itema:hover .img .imgB img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.service3List .item .title{padding:1.5rem 1.5rem; text-align: center;}
.service3List .item .t{font-size:1.25rem;font-weight:normal;color:#000000;line-height:1.5rem;min-height: 3rem;}
/*hover*/
.service3List .item .itema{-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;}
.service3List .item .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) {
.service3List{gap:1.125rem;}
.service3List .item{flex:0 0 calc(33.333333% - 1.125rem);}
.service3List .item .title{padding:2rem 1.5rem;}
.service3List .item .t{font-size:1.125rem;}
}
@media screen and (max-width:1024px) {
.service3List{gap:1rem;}
.service3List .item{flex:0 0 calc(50% - 1.125rem);}
.service3List .item .title{padding:2rem 1.5rem;}
.service3List .item .t{font-size:1rem;}
}
@media screen and (max-width:768px) {
.service3List{gap:1.5rem;}
.service3List .item{flex:0 0 100%;}
.service3List .item .title{padding:2rem 1.5rem;}
.service3List .item .t{font-size:1rem;}
}



/* service4ListBOX */
.service4List{display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box;}
.service4List .item{width:100%;background-color:#f5f6fa;border-radius:.625rem;box-sizing:border-box}
.service4List .item .itema{display:flex;width:100%;height:100%;border-radius:.625rem;border:0;position:relative; overflow: hidden; margin-bottom: .625rem;}
.service4List .item:nth-child(2n) .itema{flex-direction: row-reverse;}
.service4List .item .img{display:flex;align-items:center;justify-content:flex-end;flex:0 0 50%;}
.service4List .item .img .imgB{padding-bottom:62.85714285714286%; position:relative;width:100%;height:0;overflow: hidden;}
.service4List .item .img .imgB>div{position:static!important;}
.service4List .item .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
.service4List .item .itema,
.service4List .item .img .imgB,
.service4List .item .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;}
.service4List .item .itema:hover .img .imgB img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.service4List .item .title{display:flex;flex-direction:column;box-sizing:border-box;flex:0 0 50%;justify-content:center;align-items: center;padding:2.5rem 2.5rem;}
.service4List .item .t{font-size:1.25rem;margin-bottom:.3125rem;font-weight:500;color:#000000;text-align:center;line-height:1.4;}
.service4List .item .des{font-size:1rem;font-weight:normal;color:#6a6a6a;text-align:center;line-height:1.4; margin-bottom:2.5rem;}
.service4List .item .btn a{ display:inline-block;font-size:1.125rem;min-width:9.375rem;border-radius:3.125rem;line-height: 3.125rem; padding:0 1.875rem; text-align:center; background-color: #000000;color:#fff; font-weight:500;}
.service4List .item .btn a:hover{background-color: #2e2e2e;}
.service4List .item .btn a.downbtn{background-color:#00dde3;color: #000000; margin-left:0.5rem;}
.service4List .item .btn a.downbtn:hover{background-color: #06cacf;}
/*hover*/
.service4List .item .itema{-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;}
.service4List .item .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) {
.service4List{gap:1.125rem;}
.service4List .item .img{flex:0 0 50%;}
.service4List .item .title{flex:0 0 50%;}
.service4List .item .t{font-size:1.125rem;}
.service4List .item .des{font-size:1rem;margin-bottom:2rem;}
.service4List .item .btn a{ font-size:1rem;min-width:8rem;border-radius:3rem;line-height:3rem; padding:0 1.5rem; }
}
@media screen and (max-width:1024px) {
.service4List{gap:1rem;}
.service4List .item .img{flex:0 0 50%;}
.service4List .item .title{flex:0 0 50%;}
.service4List .item .t{font-size:1.125rem;margin-bottom:0.625rem;}
.service4List .item .des{font-size:0.875rem;margin-bottom:1.5rem;}
.service4List .item .btn a{ font-size:0.875rem;min-width:8rem;border-radius:3rem;line-height:3rem; padding:0 1.5rem; }
}
@media screen and (max-width:768px) {
.service4List{gap:1.5rem;flex-direction: column;}
.service4List .item .itema{flex-direction: column;}
.service4List .item .img{flex:0 0 100%;}
.service4List .item .title{flex:0 0 100%;padding:3rem 2.5rem;}
.service4List .item .t{font-size:1.125rem;margin-bottom:0.625rem;}
.service4List .item .des{font-size:1rem;margin-bottom: 2rem;}
.service4List .item .btn a{ font-size:0.875rem;min-width:7rem;border-radius:2.5rem;line-height:2.5rem; padding:0 1.25rem; }
.service4List .item .img .imgB{padding-bottom:30%;}
}




/* service5List*/
.service5List {display:flex;flex-wrap:wrap;gap:2.8125rem;box-sizing:border-box; padding-bottom:1.25rem;}
.service5List .item{flex:0 0 calc(25% - 2.8125rem);background-color:#fff;border-radius:.625rem;box-sizing:border-box}
.service5List .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden; background-color: #f5f6fa;padding:4.75rem 2.5rem 2.5rem 2.5rem;min-height:25rem;}
.service5List .item .img{display:flex;align-items:center;justify-content:center;}
.service5List .item .img .imgB{display:flex;align-items:center;justify-content:center; width:7.5rem; height:7.5rem;margin-bottom:3.75rem;}
.service5List .item .img img{max-width:100%;max-height:100%;width:100%;}
.service5List .item .t{font-size:1.25rem;margin-bottom:1rem;font-weight:600;color:#000000;text-align:center;line-height:1.4;}
.service5List .item .des{font-size:1.125rem;font-weight:normal;color:#6a6a6a;text-align:center;line-height:1.4;}
/*hover*/
.service5List .item .itema{-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;}
.service5List .item .itema:hover{background-color:#e7e8ed;}
/*img*/
.service5List .item .img img{ width:5rem; height:5rem;}
.service5List .item:nth-child(3) .img img{ width:7.5rem; height:7.5rem; padding: .3125rem;border-radius:0.625rem; background-color:#fff;box-shadow: 0px 0 15px 10px rgba(5, 55, 104, 0.05);}
@media screen and (max-width:1200px) {
.service5List{gap:2rem;}
.service5List .item{flex:0 0 calc(50% - 2rem);}
.service5List .item .itema{padding:3rem 1.5rem 1.5rem 1.5rem;min-height:20rem;}
.service5List .item .img .imgB{ width:6rem; height:6rem;margin-bottom:3rem;}
.service5List .item .t{font-size:1.125rem;margin-bottom:0.625rem;}
.service5List .item .des{font-size:1rem;}

.service5List .item .img img{ width:3rem; height: 3rem;}
.service5List .item:nth-child(3) .img img{ width:6rem; height:6rem;}
}
@media screen and (max-width:1024px) {
.service5List{gap:1.5rem;}
.service5List .item{flex:0 0 calc(50% - 1.5rem);}
.service5List .item .itema{padding:2rem 1.5rem 1.5rem 1.5rem;min-height:15rem;}
.service5List .item .img .imgB{ width:6rem; height:6em;margin-bottom:2rem;}
.service5List .item .t{font-size:1.125rem;margin-bottom:0.25rem;}
.service5List .item .des{font-size:0.875rem;}

.service5List .item .img img{ width:3rem; height: 3rem;}
.service5List .item:nth-child(3) .img img{ width:6rem; height:6rem;}
}
@media screen and (max-width:768px) {
.service5List{gap:1.5rem;}
.service5List .item{flex:0 0 100%;}
.service5List .item .itema{padding:1.5rem;min-height:10rem;}
.service5List .item .img .imgB{width:6rem; height:6rem;margin-bottom:1rem;}
.service5List .item .t{font-size:1.125rem;margin-bottom:0.25rem;}
.service5List .item .des{font-size:0.875rem;}
.service5List .item .img img{ width:3rem; height: 3rem;}
.service5List .item:nth-child(3) .img img{ width:5rem; height:5rem;}
}



/**************************join**************************/
/*pageTitle*/
.pageTitle{color:#000000;font-weight:600;font-size:1.875rem;line-height:1.4; margin-bottom:1.875rem;}
.pageTitle .des{font-size:1rem;font-weight:normal;color:#6a6a6a;line-height:1.5; margin-top:1.25rem;}
@media screen and (max-width:1200px) {
.pageTitle{font-size:1.25rem;}
}
@media screen and (max-width:1024px) {
.pageTitle{font-size:1.125rem;}
}
@media screen and (max-width:768px) {
.pageTitle{font-size:1.25rem;}
}


/*joinBox*/
.joinBox {overflow:hidden;padding-top:8.75rem;padding-bottom:8.75rem;background-color:#FFF;}
.joinBox .pageTit{ text-align:left; padding-right: 1.25rem;}
.joinBox .pageTit .line{ margin-left:0;}
.joinBox .pageTit .des{margin-top:1.875rem;}
.joinBox .pageTit .des h3{font-size:1.875rem;margin-bottom:1rem;font-weight:600;color:#000000;text-align:left;line-height:1.4; padding-top: 2rem;}
.joinBox .btn a{ display:inline-block;font-size:1rem;min-width:10rem;border-radius:3.375rem;line-height:3.375rem; padding:0 1.875rem; text-align:center; background-color:#00dde3;color: #000000; font-weight:500;}
.joinBox .btn a:hover{background-color: #06cacf;}
/*joinBoxB*/
.joinBox .joinBoxB .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:61.70212765957447%;}
.joinBox .joinBoxB .img>div{position:static!important;}
.joinBox .joinBoxB .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}

.joinBox .joinBoxB .img,
.joinBox .joinBoxB .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;}
.joinBox .joinBoxB .img:hover  img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.joinBox .joinBoxB{width:100%;height:100%;position:relative;overflow:hidden;display:flex;box-sizing:border-box;position:relative;flex-direction: row;flex-wrap: wrap;}
.joinBox .joinBoxB .imgB{box-sizing:border-box;flex:0 0 65%;display:flex;align-items:flex-start;}
.joinBox .joinBoxB .pageTitB{box-sizing:border-box;flex:0 0 35%;display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:flex-start;}
@media screen and (max-width:1200px) {
.joinBox {padding-top:7rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px) {
.joinBox {padding-top:5rem;padding-bottom:5rem;}
.joinBox .joinBoxB .imgB{flex:0 0 100%;}
.joinBox .joinBoxB .pageTitB{flex:0 0 100%; margin-bottom: 3rem;}
.joinBox .pageTit{ text-align:left; padding-right: 0; padding-bottom: 2rem;}
}
@media screen and (max-width:768px) {
.joinBox {padding-top:4rem;padding-bottom:4rem;}
}



/*tab-anchor-links*/
.tab-anchor-links{position:relative; z-index:10;border-bottom:1px solid #c4c4c4;background-color:#FFF;  position: -webkit-sticky;position: sticky;top:4.375rem;}
.tab-anchor-links ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;}
.tab-anchor-links li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.tab-anchor-links li a{position:relative;display:block;color:#6a6a6a;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:1rem;line-height:4rem;margin-right:4.375rem;}
.tab-anchor-links li a span{display:block;position:relative; z-index:2;}
.tab-anchor-links li a:after{content:'';width:0;position:absolute;bottom:0;right:0;height:.125rem;background:#00dde3;-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; opacity: 0;}
.tab-anchor-links li a:hover:after,
.tab-anchor-links li .on:after{width:100%;right:auto;left:0;opacity:1;}
.tab-anchor-links li a:hover,
.tab-anchor-links li .active{color:#000000; font-weight:600;}
.tab-anchor-links li.active a{color:#000000; font-weight:600;}
@media screen and (max-width:1200px) {
.tab-anchor-links li a{font-size:1rem;line-height:4rem;margin-right:3rem;}
}
@media screen and (max-width:1024px) {
.tab-anchor-links li a{line-height:3.5rem;margin-right:0}
.tab-anchor-links ul{display: flex;overflow:visible;overflow-x: scroll;}
.tab-anchor-links ul::-webkit-scrollbar {display: none} 
.tab-anchor-links li{flex-shrink:0;align-items:flex-end;margin-right:3rem;overflow:hidden;position:relative;}
.tab-anchor-links li a{margin:0;}
.tab-anchor-links{top:4.375rem}
}
@media screen and (max-width:768px) {
.tab-anchor-links li a{line-height:3rem;padding:0 0;}
}


/* 左右滑动箭头 */
.go-arrow {position: absolute; top: 50%;width: 1.875rem; height: 1.875rem;margin-top:-0.9375rem; border-radius: 50%;background: rgba(255,255,255,.9); box-shadow: 0 0 5px #ccc;display: flex; align-items: center; justify-content: center;cursor: pointer; z-index: 10; display: none; font-size:0; background-position: center center;background-repeat: no-repeat;background-size:.5rem;}
.go-arrow.left { left: .3125rem; background-image: url(../images/arrow-left2.png);}
.go-arrow.right { right: .3125rem; background-image: url(../images/arrow-right2.png);}
@media screen and (max-width:640px) {
.go-arrow.show { display: flex; }
}

/*joinList*/
.joinListBOX{overflow:hidden;padding-top:5rem;padding-bottom:2.5rem;background:#fff;}
.joinList{padding:0;list-style:none;font-size:0;width:100%;}
.joinList .item{ display:block;background-color: #fff;border-radius:.625rem;}
.joinList .itema{display:flex;flex-wrap:wrap;position:relative;overflow:hidden;border-radius:.625rem;background:#fff;border: 1px solid #dfdfdf; margin-bottom: 1.875rem;}
/*li.nth-child(2n)*/
.joinList .item:nth-child(2n) .itema{flex-direction: row-reverse;}
.joinList .title{padding:4.375rem 12.5rem;}
.joinList .title .des{font-size:1rem;color:#6a6a6a; font-weight:normal;line-height:1.5;max-width: 24rem;}
.joinList .title .t{font-size:1.375rem;color:#363636;line-height:1.5;margin-bottom:1.125rem;font-weight:600; padding-left:2.1875rem; position:relative;}
.joinList .title .icon{display:block;width:1.375rem;height:1.375rem; position: absolute;left: 0;top:.375rem;}
.joinList .title .icon img{display:block;max-width:100%;max-height:100%;width:100%;object-fit: contain;}
/*joinBoxB*/
.joinList .img{width:100%; position:relative; overflow:hidden;border-radius:.625rem;height:0;padding-bottom:61.70212765957447%;}
.joinList .img>div{position:static!important;}
.joinList .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}

.joinList .img,
.joinList .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;}
.joinList .img:hover  img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.joinList .itema{width:100%;height:100%;position:relative;overflow:hidden;display:flex;box-sizing:border-box;position:relative;}
.joinList .imgB{box-sizing:border-box;flex:0 0 43%;display:flex;align-items:flex-start;}
.joinList .titleB{box-sizing:border-box;flex:0 0 57%;display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:flex-start;}

/*hover*/
.joinList .itema{-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.joinList .itema:hover {background:#ececec;}
@media screen and (max-width:1220px){
.joinList .title{padding:3rem 3rem;}
.joinList .title .des{font-size:1.125rem;}
.joinList .title .t{font-size:1.25rem;}
}
@media screen and (max-width:1024px){
.joinList .imgB{flex:0 0 100%;}
.joinList .titleB{flex:0 0 100%;}
} 
@media screen and (max-width:768px){
.joinList .title{padding:2.5rem;}
.joinList .title .des{font-size:1rem;}
.joinList .title .t{font-size:1.125rem;}
}



/*successesList2*/
.successesListBOX{overflow:hidden;padding-top:3.125rem;padding-bottom:3.75rem; background-image:url("../images/join-mapbg.jpg");background-size:100%;background-position:center top;background-repeat:no-repeat;background-color: #fff;}
.successesListBOX .pageTitle{ text-align:left; border-bottom: 1px solid #dfdfdf; padding-bottom: 2rem;}
.successesListBig{display:flex;flex-direction: row;box-sizing:border-box;justify-content: flex-start;align-items: center;flex-wrap: wrap;}

.successesListB{ width:47%;}
.successesListimg{width:53%; text-align:right;display:flex;box-sizing:border-box; padding-left: 5rem;}
.successesListimg .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:100%;}
.successesListimg .img>div{position:static!important;}
.successesListimg .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
@media screen and (max-width:1024px){
 .successesListB{ width:100%;}
 .successesListimg{width:100%;}
}


/*successesList*/
.successesList{padding:0;list-style:none;font-size:0;position: relative;display:flex;flex-direction: row;box-sizing:border-box;justify-content:center;align-items:flex-start;flex-wrap: wrap; padding-top: 2.875rem;}
.successesList .item{ flex:0 0 50%; margin-bottom: 1.5rem;}
.successesList .itema{display:block;position:relative;overflow:hidden;}
.successesList .itema{width:100%;height:100%;position:relative;overflow:hidden;display:flex;box-sizing:border-box;position:relative;}
.successesList .title{/* padding:3.75rem 3.75rem; */}
.successesList .title .t{font-size:2.5rem;color:#00dde3;line-height:1.3;font-weight:500;}
.successesList .title .des{font-size:1.125rem;color:#000000; font-weight:500;line-height:1.5; display: block;}
@media screen and (max-width:1200px) {
.successesList .title .t{font-size:2rem;}
.successesList .title .des{font-size:1rem;}
}
@media screen and (max-width:1024px){
  .successesList{display:flex;box-sizing:border-box;flex-wrap: wrap;justify-content: space-between;}
}
@media screen and (max-width:768px){
/*   .successesList .item{flex:0 0 100%;} */
}





/* successesList2*/
.successesList2Box{position: relative;top: -2.75rem; z-index: 2;}
.successesList2 {display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box;padding-top:3.125rem;padding-bottom:2.5rem; background-color: rgba(237, 237, 237, 0.9);border-radius:.625rem;overflow: hidden; }
.successesList2 .item{flex:0 0 calc(20% - 1.25rem);box-sizing:border-box;}
.successesList2 .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden;text-align: center;}
.successesList2 .item .imgB{width:90px; margin: 0 auto; margin-bottom: 1.25rem;}
.successesList2 .item .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:70.73170731707317%;}
.successesList2 .item .img>div{position:static!important;}
.successesList2 .item .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.successesList2 .item .t{font-size:1.125rem;font-weight:500;color:#000000;text-align:center;line-height:1.4;}
/*hover*/
.successesList2 .item .itema{-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;}
@media screen and (max-width:1200px) {
.successesList2 .item .t{font-size:1rem;}
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {
.successesList2 .item{flex:0 0 calc(50% - 1.25rem);}
}




/*joinpartner*/
.joinpartnerBOX{padding-top:.625rem;padding-bottom:5.625rem;background-color:#FFF;}
/* partnerList*/
.partnerList {display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box;}
.partnerList .item{flex:0 0 calc(50% - 1.25rem);box-sizing:border-box;border: 1px solid #dfdfdf;border-radius:.625rem;overflow: hidden;}
.partnerList .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden;}
.partnerList .item .imgB{width:100%; margin: 0 auto; margin-bottom: 1.25rem;}
.partnerList .item .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:50.70422535211268%;}
.partnerList .item .img>div{position:static!important;}
.partnerList .item .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.partnerList .item .title{ padding:5.625rem 3.75rem;}
.partnerList .item .t{font-size:1.375rem;font-weight:600;color:#000000;line-height:1.45; margin-bottom:1rem;}
.partnerList .item .des{font-size:1.125rem;color:#6a6a6a; font-weight:500;line-height:1.5; display: block; max-width:24rem;}
/*hover*/
.partnerList .item .itema{-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;}
@media screen and (max-width:1200px) {
.partnerList .item .title{ padding:4rem 3rem;}
.partnerList .item .t{font-size:1.25rem;}
.partnerList .item .des{font-size:1rem;}
}
@media screen and (max-width:768px) {
.partnerList .item{flex:0 0 100%;}
.partnerList .item .title{ padding:3rem 2rem;}
}



/*joinprocess*/
.joinprocessBOX{padding-top:.625rem;padding-bottom:3.75rem;background-color:#FFF;}
/* processList*/
.processList {display:flex;flex-wrap:wrap;gap:0;box-sizing:border-box;border-bottom: 1px solid #dfdfdf;padding-top:4rem;}
.processList .item{flex:0 0 16.66666666666667%;box-sizing:border-box;}
.processList .item .itema{ display: block;width:100%;height:100%;position:relative; text-align: left;}
.processList .item .itema:after{content:'';position:absolute;left:0;bottom:-0.3125rem;width:.625rem;height:.625rem;background-color:#000000;z-index:2;}
.processList .item .imgB{width:1.875rem;margin-bottom: 1.5625rem;}
.processList .item .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:100%;}
.processList .item .img>div{position:static!important;}
.processList .item .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.processList .item .title{ padding-bottom:2.5rem;}
.processList .item .des{font-size:1.125rem;color:#6a6a6a; font-weight:500;line-height:1.5; display: block;max-width:8.125rem;}
/*hover*/
.processList .item .itema{-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;}
@media screen and (max-width:1200px) {
.processList .item .des{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.processList .item .des{font-size:0.875rem;}
}
@media screen and (max-width:768px) {
.processList .item{flex:0 0 100%;}

.processList {padding-top:0;border-bottom: none;border-left: 1px solid #dfdfdf;}
.processList .item .itema{padding-left:2.5rem;}
.processList .item .itema:after{left:-0.3125rem;top:0;bottom:none;}
.processList .item .title{ padding-bottom:2.5rem;}
.processList .item .des{font-size:1rem;max-width: 100%;}
}


/*processListimg*/
.processListimg{padding-top:5.375rem;}
.processListimg .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:29.16666666666667%;}
.processListimg .img>div{position:static!important;}
.processListimg .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}



/*joinfeedback*/
.joinfeedbackBOX{padding-top:3.125rem;padding-bottom:5.625rem;background-color:#FFF;}
.joinfeedbackBOX .pageTitle{ text-align:left; border-bottom: 1px solid #dfdfdf; padding-bottom: 2rem;}


/*joinBox2*/
.joinBox2 {overflow:hidden;padding-top:8.75rem;padding-bottom:8.75rem;background-color:#FFF;}
.joinBox2 .pageTit{ text-align:left; padding-right: 1.25rem; padding-top: 6.25rem;}
.joinBox2 .pageTit .line{ margin-left:0;}
.joinBox2 .pageTit .des{margin-top:1.875rem;margin-bottom:1.875rem;}
.joinBox2 .pageTit .des h3{font-size:1.875rem;margin-bottom:1rem;font-weight:600;color:#000000;text-align:left;line-height:1.4; padding-top: 2rem;}
.joinBox2 .btn a{ display:inline-block;font-size:1rem;min-width:10rem;border-radius:3.375rem;line-height:3.375rem; padding:0 1.875rem; text-align:center; background-color:#00dde3;color: #000000; font-weight:500;}
.joinBox2 .btn a:hover{background-color: #06cacf;}
/*joinBox2B*/
.joinBox2 .joinBox2B .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:106.25%;}
.joinBox2 .joinBox2B .img>div{position:static!important;}
.joinBox2 .joinBox2B .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}

.joinBox2 .joinBox2B .img,
.joinBox2 .joinBox2B .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;}
.joinBox2 .joinBox2B .img:hover  img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
/**/
.joinBox2 .joinBox2B{width:100%;height:100%;position:relative;overflow:hidden;display:flex;box-sizing:border-box;position:relative;flex-direction: row;flex-wrap: wrap;}
.joinBox2 .joinBox2B .imgB{box-sizing:border-box;flex:0 0 44.5%;display:flex;align-items:flex-start;}
.joinBox2 .joinBox2B .pageTitB{box-sizing:border-box;flex:0 0 55.5%;display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:flex-start; padding-right: 7.5rem;}
@media screen and (max-width:1200px) {
.joinBox2 {padding-top:7rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px) {
.joinBox2 {padding-top:5rem;padding-bottom:5rem;}
.joinBox2 .joinBox2B .imgB{flex:0 0 100%;}
.joinBox2 .joinBox2B .pageTitB{flex:0 0 100%; margin-bottom: 3rem;}
.joinBox2 .pageTit{ text-align:left; padding-right: 0; padding-bottom: 2rem;}
}
@media screen and (max-width:768px) {
.joinBox2 {padding-top:4rem;padding-bottom:4rem;}
}



/*shujuList*/
.shujuList{padding:0;list-style:none;font-size:0;position: relative;display:flex;flex-direction: row;box-sizing:border-box;justify-content:center;align-items:flex-start;flex-wrap: wrap; padding-top: 2.875rem; width: 100%;}
.shujuList .item{ flex:0 0 33.33333%;}
.shujuList .itema{display:block;position:relative;overflow:hidden;}
.shujuList .itema{width:100%;height:100%;position:relative;overflow:hidden;display:flex;box-sizing:border-box;position:relative;}
.shujuList .title{/* padding:3.75rem 3.75rem; */}
.shujuList .title .t{font-size:2.5rem;color:#00dde3;line-height:1.3;font-weight:500;}
.shujuList .title .des{font-size:1.125rem;color:#000000; font-weight:500;line-height:1.5; display: block;}
@media screen and (max-width:1200px) {
.shujuList .title .t{font-size:2rem;}
.shujuList .title .des{font-size:1rem;}
}
@media screen and (max-width:1024px){
  .shujuList{display:flex;box-sizing:border-box;flex-wrap: wrap;justify-content: space-between;}
}
@media screen and (max-width:768px){
/*   .shujuList .item{flex:0 0 100%;} */
}


/*joinList1BOX*/
.joinList1BOX{padding-top:2.5rem;padding-bottom:5.625rem;background-color:#FFF;}
/* joinList1*/
.joinList1 {display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.joinList1 .item{flex:0 0 calc(25% - 1.25rem);box-sizing:border-box;border-radius:.625rem;overflow: hidden;background-color: #242a31;}
.joinList1 .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden;}
.joinList1 .item .imgB{width:100%; margin: 0 auto;}
.joinList1 .item .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:49.27536231884058%;}
.joinList1 .item .img>div{position:static!important;}
.joinList1 .item .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.joinList1 .item .title{ padding:4.0625rem 1.875rem;}
.joinList1 .item .t{font-size:1.25rem;font-weight:600;color:#fff;line-height:1.5; margin-bottom:1.25rem;}
.joinList1 .item .des{font-size:1rem;color:#fff; font-weight:normal;line-height:1.5; display: block; max-width:24rem; margin-bottom:1.875rem;}
/*hover*/
.joinList1 .item .itema{-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;}
@media screen and (max-width:1200px) {
.joinList1 .item .title{ padding:4rem 3rem;}
.joinList1 .item .t{font-size:1.125rem;}
.joinList1 .item .des{font-size:1rem;margin-bottom:1.5rem;}
}
@media screen and (max-width:1024px) {
.joinList1 .item{flex:0 0 calc(50% - 1.25rem)}
}
@media screen and (max-width:768px) {
.joinList1 .item{flex:0 0 100%;}
.joinList1 .item .title{ padding:3rem 2rem;}
.joinList1 .item .des{font-size:1rem;margin-bottom:0.5rem;}
}


/*joinList2BOX*/
.joinList2BOX{padding-top:.625rem;padding-bottom:5.625rem;background-color:#FFF;}
/* joinList2*/
.joinList2 {display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.joinList2 .item{flex:0 0 calc(50% - 1.25rem);box-sizing:border-box;border-radius:.625rem;overflow: hidden;background-color:#f8f8f8; min-height: 11.875rem;}
.joinList2 .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden;}
.joinList2 .item .title{ padding:2.5rem 1.875rem;}
.joinList2 .item .t{font-size:1.25rem;font-weight:600;color:#000000;line-height:1.5; margin-bottom:1rem;}
.joinList2 .item .t span{ display: block; padding-left:16px; position: relative;}
.joinList2 .item .t span::after{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:8px;height:8px;background-color:#00dde3;border-radius:50%;}
.joinList2 .item .des{font-size:1.125rem;color:#6a6a6a; font-weight:500;line-height:1.5; display: block;}
/*hover*/
.joinList2 .item .itema{-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;}
@media screen and (max-width:1200px) {
.joinList2 .item .title{ padding:4rem 3rem;}
.joinList2 .item .t{font-size:1.125rem;}
.joinList2 .item .des{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.joinList2 .item{flex:0 0 calc(50% - 1.25rem)}
}
@media screen and (max-width:768px) {
.joinList2 .item{flex:0 0 100%;}
.joinList2 .item .title{ padding:3rem 2rem;}
}



/*joinList2B.active*/
.joinList2B {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.joinList2B.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}


/*joinpartner2*/
.joinpartner2BOX{padding-top:.625rem;padding-bottom:5.625rem;background-color:#FFF;}
/* partnerList2*/
.partnerList2 {display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.partnerList2 .item{flex:0 0 calc(33.33333% - 1.25rem);box-sizing:border-box;border: 1px solid #dfdfdf;border-radius:.625rem;overflow: hidden;}
.partnerList2 .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden;}
.partnerList2 .item .imgB{width:100%; margin: 0 auto; margin-bottom: 1.25rem;}
.partnerList2 .item .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:50.70422535211268%;}
.partnerList2 .item .img>div{position:static!important;}
.partnerList2 .item .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.partnerList2 .item .title{ padding:2.5rem 1.875rem;}
.partnerList2 .item .num{font-size:2.125rem;font-weight:500;color:#000000;line-height:1.5; margin-bottom:.625rem; font-style: italic; font-family:Inter, Arial, Helvetica, sans-serif;}
.partnerList2 .item .t{font-size:1.375rem;font-weight:600;color:#000000;line-height:1.5; margin-bottom:1rem;}
.partnerList2 .item .des{font-size:1.125rem;color:#6a6a6a; font-weight:500;line-height:1.5; display: block; max-width:24rem;}
.partnerList2 .item .line{ display:block;width:1.25rem;height:.25rem;border-radius:.25rem;background-color:#00dde3; margin-top: 1.625rem;}
/*hover*/
.partnerList2 .item .itema{-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;}
@media screen and (max-width:1200px) {
.partnerList2 .item .title{ padding:4rem 3rem;}
.partnerList2 .item .num{font-size:2rem;}
.partnerList2 .item .t{font-size:1.25rem;}
.partnerList2 .item .des{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.partnerList2 .item{flex:0 0 calc(50% - 1.25rem)}
}
@media screen and (max-width:768px) {
.partnerList2 .item{flex:0 0 100%;}
.partnerList2 .item .title{ padding:3rem 2rem;}
}



/*joinprocess2*/
.joinprocess2BOX{padding-top:.625rem;padding-bottom:3.75rem;background-color:#FFF;}
/* processList2*/
.processList2 {display:flex;flex-wrap:wrap;gap:0;box-sizing:border-box;border-bottom: 1px solid #dfdfdf;padding-top:4rem;}
.processList2 .item{flex:0 0 20%;box-sizing:border-box;}
.processList2 .item .itema{ display: block;width:100%;height:100%;position:relative; text-align: left;}
.processList2 .item .itema:after{content:'';position:absolute;left:0;bottom:-0.3125rem;width:.625rem;height:.625rem;background-color:#000000;z-index:2;}
.processList2 .item .imgB{width:1.875rem;margin-bottom: 1.5625rem;}
.processList2 .item .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;height:0;padding-bottom:100%;}
.processList2 .item .img>div{position:static!important;}
.processList2 .item .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.processList2 .item .title{ padding-bottom:2.5rem;}
.processList2 .item .des{font-size:1.125rem;color:#6a6a6a; font-weight:500;line-height:1.5; display: block;max-width:8.125rem;}
/*hover*/
.processList2 .item .itema{-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;}
@media screen and (max-width:1200px) {
.processList2 .item .des{font-size:1rem;}
}
@media screen and (max-width:768px) {
.processList2 .item{flex:0 0 100%;}
.processList2 {padding-top:0;border-bottom: none;border-left: 1px solid #dfdfdf;}
.processList2 .item .itema{padding-left:2.5rem;}
.processList2 .item .itema:after{left:-0.3125rem;top:0;bottom:none;}
.processList2 .item .title{ padding-bottom:2.5rem;}
}






/*join2List3*/
.join2List3BOX{overflow:hidden;padding-top:0;padding-bottom:4.375rem;}
.join2List3{padding:0;list-style:none;font-size:0;display:grid;grid-template-columns: repeat(3, 1fr);gap:1.25rem;flex-wrap:wrap;width:100%}
.join2List3 .item{ display:block;background-color: #fff;border-radius:.625rem;}
.join2List3 .itema{width:100%;height:100%;position:relative;overflow:hidden;border-radius:.625rem;display:flex;flex-direction: column;justify-content: space-between; background-color: #fff;}
.join2List3 .item .img{border-radius:10px;overflow:hidden;max-width:100%;display:flex;align-items:center;justify-content:center;}
.join2List3 .item .imgB{width:100%;height:0;padding-bottom:67.41573033707865%;position:relative;overflow:hidden;border-radius:10px;}
.join2List3 .item .imgB>div{ position:static!important;}
.join2List3 .item .imgB img{max-width:100%;height:100%;width:100%;object-fit:cover;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95);position: absolute;left: 0;right: 0;top: 0;bottom: 0;/*aspect-ratio: 445 / 300;*/}
.join2List3 .item .itema:hover .imgB img{transform:scale(1.1)}

.join2List3 .title{width:100%;box-sizing:border-box;padding:2.5rem 2.25rem;}
.join2List3 .title .des{font-size:1.125rem;color:#6a6a6a; font-weight:normal;line-height:1.5;}
.join2List3 .title .t{font-size:1.5rem;color:#000000;line-height:1.5;margin-bottom:.3125rem;font-weight:500;display:flex;}
@media screen and (max-width:1220px){
.join2List3 .title{padding:3rem 3rem;}
.join2List3 .title .des{font-size:1.125rem;}
.join2List3 .title .t{font-size:1.25rem;}
.join2List3 .title .icon{width:1.875rem;height:1.875rem;line-height:1.875rem;}
}
@media screen and (max-width:768px){
.join2List3{grid-template-columns: repeat(1, 1fr);}
.join2List3 .item .itema{flex-direction:column;}
.join2List3 .item:nth-child(2n) .itema{flex-direction:column;}
.join2List3 .item .imgB{flex:0 0 100%;width: 100%;}
.join2List3 .title{padding:2.5rem;}
.join2List3 .title .des{font-size:1rem;}
.join2List3 .title .t{font-size:1.125rem;}
}



/* pageMORE */
.pageMORE{ text-align: center;}
.pageMORE a{margin-top:4.375rem;display: inline-block; min-width: 9.375rem; line-height: 3.125rem;border-radius: 3.125rem;font-size:1rem; background-color: #00dde3;color:#fff; font-weight:normal; padding: 0 1.875rem;}
.pageMORE a:hover{ background-color: #086fd5;}


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


/* join3ListBOX */
.join3List{display:flex;flex-wrap:wrap;gap:1.875rem;box-sizing:border-box;}
.join3List .item{flex:0 0 calc(33.333333% - 1.875rem);background-color:#fff;border-radius:.625rem;box-sizing:border-box}
.join3List .item .itema{ display: block;width:100%;height:100%;position:relative; overflow: hidden; }
.join3List .item .img{border:1px solid #dcdcdc;border-radius:.625rem;overflow: hidden;}
.join3List .item .img .imgB{padding-bottom:50%; position:relative;width:100%;height:0;}
.join3List .item .img .imgB>div{position:static!important;}
.join3List .item .img img{max-width:100%;height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
.join3List .item .itema,
.join3List .item .img .imgB,
.join3List .item .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;}
.join3List .item .itema:hover .img .imgB img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.join3List .item .title{padding:1.25rem; text-align: center;}
.join3List .item .t{font-size:1.25rem;font-weight:normal;color:#000000;line-height:1.5;}
/*hover*/
.join3List .item .itema{-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;}
@media screen and (max-width:1200px) {
.join3List{gap:1.5rem;}
.join3List .item{flex:0 0 calc(33.333333% - 1.5rem);}
.join3List .item .title{padding:1.125rem;}
.join3List .item .t{font-size:1.125rem;}
}
@media screen and (max-width:1024px) {
.join3List{gap:1.25rem;}
.join3List .item{flex:0 0 calc(50% - 1.25rem);}
.join3List .item .title{padding:1rem;}
.join3List .item .t{font-size:1rem;}
}
@media screen and (max-width:768px) {
.join3List{gap:1.5rem;}
.join3List .item{flex:0 0 100%;}
.join3List .item .title{padding:1.125rem;}
.join3List .item .t{font-size:1.125rem;}
}




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


/* contactList1*/
.contactList1 {display:flex;flex-wrap:wrap;box-sizing:border-box; padding:0;margin:0 -0.625rem;}
.contactList1 .item{flex:0 0 calc(50% - 1.25rem);margin:0 0.625rem;background-color:#f5f6fa;border-radius:.625rem;box-sizing:border-box; margin-bottom:1.25rem;}
.contactList1 .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden;padding:5.375rem 2.5rem 2.5rem 2.5rem;min-height:18.75rem;}
.contactList1 .item .img{display:flex;align-items:center;justify-content:center;}
.contactList1 .item .img .imgB{display:flex;align-items:center;justify-content:center; width:3.125rem; height:3.125rem;margin-bottom:2.1875rem;}
.contactList1 .item .img img{max-width:100%;max-height:100%;width:100%;}
.contactList1 .item .t{font-size:1.25rem;margin-bottom:.375rem;font-weight:600;color:#000000;text-align:center;line-height:1.4;}
.contactList1 .item .des{font-size:1.125rem;font-weight:normal;color:#6a6a6a;text-align:center;line-height:1.4;}
.contactList1 .item .des a{color:#00dde3;}
.contactList1 .item .des a:hover{color:#03a9af;text-decoration: underline;}
.contactList1 .item:nth-child(1) .des a,
.contactList1 .item:nth-child(2) .des a{font-size:1.375rem;}
.contactList1 .item:nth-child(3) {flex:0 0 calc(50% - 0.625rem);margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}
.contactList1 .item:nth-child(4) {flex:0 0 calc(50% - 0.625rem);margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0;}
/*hover*/
.contactList1 .item{-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;}
.contactList1 .item:hover{background-color:#e7e8ed;}
@media screen and (max-width:1200px) {
.contactList1 .item .itema{padding:5em 2rem 2rem 2rem;min-height:15rem;}
.contactList1 .item .img .imgB{ width:3rem; height:3rem;margin-bottom:2rem;}
.contactList1 .item .t{font-size:1.125rem;margin-bottom:0.625rem;}
.contactList1 .item .des{font-size:1rem;}
.contactList1 .item:nth-child(1) .des a,
.contactList1 .item:nth-child(2) .des a{font-size:1.25rem;}
}
@media screen and (max-width:1024px) {
.contactList1 .item .itema{padding:4rem 1.5rem 1.5rem 1.5rem;min-height:15rem;}
.contactList1 .item .img .imgB{ width:2.5rem; height:2.5rem;margin-bottom:1.5rem;}
.contactList1 .item .t{font-size:1.125rem;margin-bottom:0.25rem;}
.contactList1 .item .des{font-size:0.875rem;}
.contactList1 .item:nth-child(1) .des a,
.contactList1 .item:nth-child(2) .des a{font-size:1.125rem;}
}
@media screen and (max-width:768px) {
.contactList1 {margin:0;}
.contactList1 .item{flex:0 0 100%;margin:0;margin-bottom:1.25rem;}
.contactList1 .item .itema{padding:4em 2rem 2rem 2rem;min-height:15rem;}
.contactList1 .item .img .imgB{width:3rem; height:3rem;margin-bottom:2rem;}
.contactList1 .item .t{font-size:1.125rem;margin-bottom:0.5rem;}
.contactList1 .item .des{font-size:1rem;}
.contactList1 .item:nth-child(1) .des a,
.contactList1 .item:nth-child(2) .des a{font-size:1.25rem;}
.contactList1 .item:nth-child(3) {flex:0 0 100%;margin:0;border-radius:.625rem;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.contactList1 .item:nth-child(4) {flex:0 0 100%;margin:0;border-radius:.625rem;border-top-left-radius:0;border-top-right-radius:0;}

}


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


/*contactListBOX*/
.contactList2{display:flex;flex-wrap:wrap;box-sizing:border-box; margin:0 -0.625rem;}
.contactList2 div.item{width:calc(33.333333% - 1.25rem);box-sizing:border-box;margin:0 0.625rem;}
.contactList2 div.item .itema{ display:block;width:100%;position:relative; overflow: hidden;background-position: center top; background-repeat: no-repeat;background-image:url(../images/lxbg.jpg);background-size:cover; background-color: #f5f6fa;border-radius: 0.625rem;padding: 2.5rem 1.875rem;}
.contactList2 div.item .t{font-size:1.25rem;font-weight:600;color:#000000;line-height:1.5; text-align: center;margin-bottom:2.25rem;}
.contactList2 div.item .img{position:relative;width:7.5rem;height:7.5rem;overflow: hidden;border-radius:50%; margin: 0 auto; margin-bottom:1rem;}
.contactList2 div.item .img>div{ position:static!important;}
.contactList2 div.item .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
@media screen and (max-width:1200px) {
.contactList2 div.item .des{font-size:1.25rem;}
.contactList2{margin:0 -0.5625rem;}
.contactList2 div.item{width:calc(33.333333% - 1.125rem);margin:0 0.5625rem;}
}
@media screen and (max-width:1024px) {
.contactList2 div.item .des{font-size:1.125rem;}
.contactList2{margin:0 -0.25rem;}
.contactList2 div.item{width:calc(33.333333% - 0.5rem);margin:0 0.25rem;}
}
@media screen and (max-width:960px) {
.contactList2{gap:1.25rem;margin:0;}
.contactList2 div.item .des{font-size:1.25rem;}
.contactList2 div.item{width:100%;margin:0;}
}




/*lxList*/
.lxList{margin:0;padding: 0;list-style:none;}
.lxList li.item{position:relative;overflow:hidden;background-color: #fff; margin-bottom:.625rem;border-radius:.375rem;}
.lxList li.item .lxtmain{font-size:1rem;line-height:1.5;color:#444444; font-weight:normal;padding:1.25rem 1rem;display:none;}
.lxList li.item .lxtitle{overflow:hidden;cursor:pointer;position:relative;padding:.9375rem 2.5rem;}
.lxList li.item .lxtitle .tit{display:block;color:#000000;font-weight:normal;font-size:1rem;line-height:1.5rem;}
.lxList li.item .lxtitle .tit span{display:inline-block;background-position: left center; background-repeat: no-repeat;background-image:url(../images/icon-tel.png);background-size:1.25rem;padding-left:1.875rem;}
.lxList li.item .lxtitle .tit span.icon-mail{background-image:url(../images/icon-mail.png);}
.lxList li.item .lxtitle .tit a{color:#000000;}
.lxList li.item .lxtitle .dropbtn{display:block;position:absolute;top:50%;right:1rem;width:1.5rem;height:1.5rem;margin-top:-0.75rem;overflow:hidden;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;font-size:0; cursor:pointer;}
.lxList li.item .lxtitle .dropbtn span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0;font-size:0;background:url(../images/icon-v2.png) center center no-repeat;background-size:.625rem;}
.lxList li.item .lxtitle.on .dropbtn{transform: rotate(180deg);}
@media (max-width:1200px){
.lxList li.item .lxtitle{padding:.9375rem 1.5rem;}
}
@media (max-width:768px){
.lxList li.item .lxtitle{padding:.9375rem 1rem;}
}




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


/*feedbackBox*/
.feedbackBox{padding:0;}
.feedback{padding:0;margin:0 -0.375rem;}
.feedback .t{font-size:1.125rem;color:#000000;line-height:3.375rem;font-weight:normal;text-align:left;display:block;}
.feedback .l1{float:left;width:25%; position:relative;}
.feedback .l2{float:left;width:50%; position:relative;}
.feedback .l3{float:left;width:100%; position:relative;}
.feedback .l1Box{margin:0 0.375rem;}
.feedback .text{display:block;width:100%;padding:.625rem 1.25rem;height:4.25rem;margin-bottom:1.25rem;outline:none;font-size:1rem;color:#000;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight: normal;border:1px solid #f1f1f5;border-radius:.625rem;background:#f1f1f5;text-align:left; }
.feedback .icon .l1Box{position:relative;}
.feedback .icon .l1Box:after{content:'';position:absolute;top:0;left:0;background-position: center center;background-repeat: no-repeat;pointer-events:none; z-index:2; background-size:1.625rem;width:4.25rem;height:4.25rem;margin-top:3.375rem;}
.feedback .icon .text{padding-left:4.25rem; }
.feedback .icon-name .l1Box:after{background-image:url('../images/icon-name.png');}
.feedback .icon-email .l1Box:after{background-image:url('../images/icon-email.png');}
.feedback .icon-tel .l1Box:after{background-image:url('../images/icon-phone.png');}
.feedback .icon-company .l1Box:after{background-image:url('../images/icon-company.png');}

.feedback .text2{padding:1.25rem;height:19.125rem;margin-bottom:3.5rem;}
.feedback .inputbtn{display:block;width:100%;outline:none;color: #000000;border:none;background-color: #00dde3;cursor:pointer;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;width:9.0625rem;font-size:1rem;line-height:3.4375rem;border-radius:3.4375rem;transition: 0.4s;margin:0 auto;}
.feedback .inputbtn:hover{background-color: #02adb3;}
@media screen and (max-width:1200px){	
.feedback .t{font-size:1.125rem;line-height:3.375rem;}
.feedback .text{padding:.625rem 1.25rem;height:4rem;margin-bottom:1rem;}
.feedback .icon .l1Box:after{background-size:1.5rem;width:4rem;height:4rem;margin-top:3.375rem;}
.feedback .icon .text{padding-left:4rem; }
.feedback .text2{padding:1.25rem;height:18rem;margin-bottom:3rem;}
}
@media screen and (max-width:1024px){	
.feedback .l1{width:50%;}
.feedback .t{font-size:1rem;line-height:3rem;}
.feedback .text{padding:.625rem 1.25rem;height:3.5rem;margin-bottom:1rem;}
.feedback .icon .l1Box:after{background-size:1.25rem;width:3.5rem;height:3.5rem;margin-top:3rem;}
.feedback .icon .text{padding-left:3.5rem; }
.feedback .text2{padding:1.25rem;height:15rem;margin-bottom:3rem;}
}
@media screen and (max-width:768px){	
.feedback{margin:0 auto;}
.feedback .l1{float:none;width:100%;}
.feedback .l2{float:none;width:100%;}
.feedback .l3{float:none;width:100%;}
.feedback .text{width: 100%;}
.feedback .l1Box{margin:0 auto;}
.feedback .inputbtn{width:100%;}
}


/************************scene************************/
/*sceneBanner*/
.sceneBanner{display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;color:#fff;padding-bottom:48.95833333333333%; position:relative;background-size:cover;background-color:#021324;}
.sceneBanner img{width:100%;display:block;}
.sceneBanner .bannerpic{position:absolute;left:0;right: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);}}
.sceneBanner .sceneBanner-tt{position:absolute;top:50%;left:0;right:0;text-align:left;z-index:2;color:#ffffff;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
.sceneBanner .sceneBanner-tt .tt{font-size:2.5rem;line-height:1.2;font-weight:500;text-transform:uppercase; color:#00dde3;}
.sceneBanner .sceneBanner-tt .des{font-size:1.125rem;line-height:1.4;max-width:30.625rem;margin-top:1.5rem;}
@media screen and (max-width:1200px){
  .sceneBanner .sceneBanner-tt .tt{font-size:2.25rem;}
  .sceneBanner .sceneBanner-tt .des{font-size:1rem;margin-top:1rem;}
  .sceneBanner{padding-bottom:50%;}
}
@media screen and (max-width:1024px){
  .sceneBanner .sceneBanner-tt .tt{font-size:2rem;}
  .sceneBanner .sceneBanner-tt .des{font-size:.875rem;margin-top:.625rem;}
  .sceneBanner{padding-bottom:55%;}
}
@media screen and (max-width:768px){
  .sceneBanner .sceneBanner-tt .tt{font-size:1.8rem; margin-top: 2rem;}
  .sceneBanner .sceneBanner-tt .des{font-size:.875rem;}
  .sceneBanner{padding-bottom:60%;}
}
@media screen and (max-width:640px){
  .sceneBanner .sceneBanner-tt .tt{font-size:1.5rem;}
}
@media screen and (max-width:370px){
  .sceneBanner .sceneBanner-tt .tt{font-size:1.25rem;}
}


/*sceneListBOX*/
.sceneListBOX{padding-top:10.625rem;padding-bottom:8.125rem;background-color:#021324;}
@media screen and (max-width:1200px) {
.sceneListBOX{padding-top:9rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px) {
.sceneListBOX{padding-top:7rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px) {
.sceneListBOX{padding-top:5rem;padding-bottom:4rem;}
}


/*sceneTit*/
.sceneTit{text-align:center;color:#ffffff; margin-bottom:4.125rem;} 
.sceneTit .tt{font-size:2.5rem;line-height:1.2;font-weight:500;text-transform:uppercase; color:#00dde3;}
.sceneTit .tt .line{ display:block;margin:0 auto;width:2.25rem;height:.25rem;border-radius:.25rem;background-color:#00dde3; margin-top: .75rem;}
.sceneTit .des{font-size:1.125rem;line-height:1.4;max-width:45.625rem;margin:0 auto;margin-top:1.5rem;}
@media screen and (max-width:1200px){
  .sceneTit{margin-bottom:3rem;} 
  .sceneTit .tt{font-size:2.25rem;}
  .sceneTit .des{font-size:1rem;margin-top:1rem;}
}
@media screen and (max-width:1024px){
  .sceneTit{margin-bottom:2rem;} 
  .sceneTit .tt{font-size:2rem;}
  .sceneTit .des{font-size:.875rem;}
}
@media screen and (max-width:768px){
  .sceneTit{margin-bottom:2rem;} 
  .sceneTit .tt{font-size:1.8rem;}
  .sceneTit .des{font-size:.875rem;}
}
@media screen and (max-width:640px){
  .sceneTit .tt{font-size:1.5rem;}
}
@media screen and (max-width:370px){
  .sceneTit .tt{font-size:1.25rem;}
}




/* sceneListBOX */
.sceneList{display:flex;flex-wrap:wrap;box-sizing:border-box;gap:1.25rem;}
.sceneList .item{flex:0 0 calc(50% - 1.25rem);box-sizing:border-box}
.sceneList .item .itema{width:100%;height:100%;border:0;position:relative; overflow: hidden;}
.sceneList .item .img{padding-bottom:100%; position:relative;width:100%;height:0;overflow: hidden;border-radius:.625rem; }
.sceneList .item .img>div{position:static!important;}
.sceneList .item .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
.sceneList .item .itema:hover .img img{-moz-transform: scale(1.02);-webkit-transform: scale(1.02);transform: scale(1.02);}
.sceneList .item .titleBox{padding-top:3.125rem; text-align: center;}
.sceneList .item .t{font-size:1.5rem;margin-bottom:.3125rem;font-weight:500;color:#FFF;line-height:1.4;}
.sceneList .item:nth-child(1) .t{ color: #00dde3;}
.sceneList .item .des{font-size:1.125rem;font-weight:normal;color:#979797;line-height:1.4;}
.sceneList .item:nth-child(1) .des{ color: #FFF;}
/*hover*/
.sceneList .item .itema,
.sceneList .item .img,
.sceneList .item .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;}
@media screen and (max-width:1200px) {
.sceneList{gap:1.125rem;}
.sceneList .item .titleBox{padding-top:3rem; }
.sceneList .item .t{font-size:1.25rem;}
.sceneList .item .des{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.sceneList{gap:1rem;}
.sceneList .item .titleBox{padding-top:2rem; }
.sceneList .item .t{font-size:1.125rem;}
.sceneList .item .des{font-size:0.875rem;}
}
@media screen and (max-width:768px) {
.sceneList{gap:4rem;}
.sceneList .item{flex:0 0 100%;}
.sceneList .item .titleBox{padding-top:3rem; }
.sceneList .item .t{font-size:1.125rem;}
.sceneList .item .des{font-size:1rem;}
}





/*sceneListBOX*/
.sceneListimgBOX{padding-top:5.625rem;padding-bottom:4.375rem;background-color:#021324; overflow: hidden;}
@media screen and (max-width:1200px) {
.sceneListimgBOX{padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:1024px) {
.sceneListimgBOX{padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px) {
.sceneListimgBOX{padding-top:4rem;padding-bottom:4rem;}
}




/*sceneListimg*/
.sceneListimgB{ position: relative;}
.sceneListimg{margin: 0 -1.25rem;font-size: 0;line-height: 0;}
.sceneListimg .item{width:100%;display:block;}
.sceneListimg .item .itema{display: block;position:relative; line-height:0; overflow:hidden; z-index:3; border-radius:.625rem;margin: 0 1.25rem;}
.sceneListimg .img{position:relative;display: block;width:100%; height:0;z-index:1;padding-bottom:43.75%;border-radius:.625rem;overflow:hidden;}
.sceneListimg .img>div{position:static!important;}
.sceneListimg .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
.sceneListimg .item .itema,
.sceneListimg .img,
.sceneListimg .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;}
.sceneListimg .item .itema:hover .img img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.sceneListimg .title{ color:#a3a5a7;padding-top:4.6875rem;font-size:1rem;line-height: 1.5; max-width: 41.875rem;margin: 0 auto;text-align: center; font-weight: normal;}
@media screen and (max-width:1200px) {
.sceneListimg{margin: 0 -0.625rem;}
.sceneListimg .item .itema{margin: 0 0.625rem;}
.sceneListimg .title{padding-top:4rem;font-size:0.875rem;}
}
@media screen and (max-width:1024px) {
.sceneListimg .title{padding-top:3rem;}
}
@media screen and (max-width:768px) {
.sceneListimg .title{padding-top:2rem;}
}


/*swbtn*/
.swbtn2{ font-size:0;line-height: 0;}
.swbtn2 .mbtn{display:inline-block;width:3.125rem;height:3.125rem;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;background-color:rgba(255, 255, 255, 0.2);box-shadow: 0 2px .3rem rgba(0,0,0,0.05);}
.swbtn2 .mbtn.swiper-button-lock{opacity:0;}
.swbtn2 .mbtn.swiper-button-disabled{opacity:0;}
.swbtn2 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left3.png);left: 0;}
.swbtn2 .mbtn.swiper-button-next{background-image:url(../images/arrow-right3.png);right: 0;}
.swbtn2 .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left3.png);}
.swbtn2 .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right3.png);}
.swbtn2 .mbtn:hover{ background-color: #00dde3;}
@media screen and (max-width:1200px){
.swbtn2 .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:1024px){
.swbtn2 .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:768px){
.swbtn2 .mbtn{width:2.5rem;height:2.5rem;background-size:.5rem;}
}
/*swiper-slide-active*/
.sceneListimg .swiper-slide{opacity:0.3;}
.sceneListimg .swiper-slide.swiper-slide-active{opacity:1;}
/*swiper-button*/
.sceneListimg .swbtn2 .mbtn.swiper-button-prev{left:-6.875rem;}
.sceneListimg .swbtn2 .mbtn.swiper-button-next{right:-6.875rem;}
@media screen and (max-width:75rem){
.sceneListimg .swbtn2 .mbtn.swiper-button-prev{left:3%;}
.sceneListimg .swbtn2 .mbtn.swiper-button-next{right:3%;}
}






/************************scene2************************/

/*pageBigBanner*/
.pageBigBanner{display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;color:#fff; position:relative;background-size:cover;}
.pageBigBanner{ background-color:#02172c}
.pageBigBanner:nth-child(1) {background-color:#7cb1d3;}
.pageBigBanner:nth-child(2)  {background-color:#021323;}
.pageBigBanner img{width:100%;display:block;}
/* .pagebanner .img{width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani2 4000ms 1 ease forwards;}
@keyframes srmgani2{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} */
.pageBigBanner .pageBigBanner-tt{position:absolute;left:0;right:0;text-align:center;z-index:2;color:#ffffff;top:0; padding-top:8.125rem;}
.pageBigBanner:nth-child(1) .pageBigBanner-tt{padding-top:12.5rem;}
.pageBigBanner:nth-child(2) .pageBigBanner-tt{padding-top:10.625rem;}
.pageBigBanner .pageBigBanner-tt .tt{font-size:2.5rem;line-height:1.4;font-weight:500;text-transform:uppercase; color:#00dde3;}
.pageBigBanner .pageBigBanner-tt .des{font-size:1.125rem;line-height:1.4;max-width:30.625rem;margin: 0 auto;margin-top:1.5rem;}
@media screen and (max-width:1200px){
  .pageBigBanner .pageBigBanner-tt{padding-top:6vw;}
  .pageBigBanner:nth-child(1) .pageBigBanner-tt{padding-top:10vw;}
  .pageBigBanner:nth-child(2) .pageBigBanner-tt{padding-top:8vw;}

  .pageBigBanner .pageBigBanner-tt .tt{font-size:2.25rem;}
  .pageBigBanner .pageBigBanner-tt .des{font-size:1rem;margin-top:1rem;}
}
@media screen and (max-width:1024px){
  .pageBigBanner .pageBigBanner-tt .tt{font-size:2rem;}
  .pageBigBanner .pageBigBanner-tt .des{font-size:.875rem;margin-top:.625rem;}
}
@media screen and (max-width:768px){
  .pageBigBanner .pageBigBanner-tt .tt{font-size:2rem;}
  .pageBigBanner .pageBigBanner-tt .des{font-size:.875rem;}
  .pageBigBanner .pageBigBanner-tt{padding-top:10vw; position: relative;}
  .pageBigBanner:nth-child(1) .pageBigBanner-tt{padding-top:20vw;}
  .pageBigBanner:nth-child(2) .pageBigBanner-tt{padding-top:10vw;}
}
@media screen and (max-width:640px){
  .pageBigBanner .pageBigBanner-tt .tt{font-size:1.8rem;}
}
@media screen and (max-width:370px){
  .pageBigBanner .pageBigBanner-tt .tt{font-size:1.5rem;}
}


/************************product************************/
/*proBOX*/
.proBOX{padding-top:5.625rem;padding-bottom:5.625rem;background-color:#fff;}
.proBOX .indexTit{text-align:center;}
@media screen and (max-width:1200px) {
.proBOX{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px) {
.proBOX{padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px) {
.proBOX{padding-top:3rem;padding-bottom:3rem;}
}

/*pageProductList*/
.pageProductList{padding:0;list-style:none;position:relative;overflow:hidden;font-size:0;display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:1.25rem;margin:0; padding-bottom: 1.25rem;}
.pageProductList .item{position:relative;z-index:1;cursor:pointer; display:block;}
.pageProductList .item .itema{display:block; position:relative;}
.pageProductList .item .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;background-color: #f8f9fc;border-radius:0.625rem;}
.pageProductList .item .imgBox .img{position:relative;padding-bottom:128%;}
.pageProductList .item .imgBox .img>div{position:static!important;}
.pageProductList .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);}
.pageProductList .item .itema,
.pageProductList .item .imgBox img,
.pageProductList .item .t:before,
.pageProductList .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;}
.pageProductList .item .itema:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.pageProductList .item .t{font-size:1.5rem;line-height:1.5;color:#000000;font-weight:500;margin-bottom: .25rem;margin-top: .8125rem;}
.pageProductList .item .des{font-size:1rem;line-height:1.5rem;min-height:3rem;color:#6a6a6a;font-weight:normal;margin-bottom:1.25rem;}
@media screen and (max-width:1200px){
.pageProductList{grid-gap:1.125rem;}
.pageProductList .item .itema{padding:1.5rem;}
.pageProductList .item .t{font-size:1.25rem;}
.pageProductList .item .des{font-size:1rem;margin-bottom:1.125rem;}
}
@media screen and (max-width:1024px){
.pageProductList{grid-gap:1rem;}
.pageProductList .item .itema{padding:1.25rem;}
.pageProductList .item .t{font-size:1.125rem;}
.pageProductList .item .des{font-size:1rem;margin-bottom:1rem;}

}
@media screen and (max-width:1000px){
.pageProductList{grid-template-columns: repeat(3, 1fr);grid-gap:1.125rem;}
}
@media screen and (max-width:768px){
.pageProductList{grid-template-columns: repeat(2, 1fr);grid-gap:1.125rem;}
.pageProductList .item .itema{padding:1.5rem;}
.pageProductList .item .t{font-size:1.25rem;}
.pageProductList .item .des{font-size:1rem;margin-bottom:1.125rem;}
}
@media screen and (max-width:480px){
.pageProductList{grid-template-columns: repeat(1, 1fr);grid-gap:1rem;}
}




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


/*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: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;}
.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.5625rem;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:1.25rem;width:1.25rem;margin:0 .3125rem;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:1.25rem;width:1.25rem;outline:none;line-height:0;font-size:0;color:transparent;padding:.3125rem;cursor:pointer}
.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}


/*prodetailimg*/
.detailBox{ background-color: #fff; padding-top:5rem; padding-bottom:4.6875rem;}
.detailBox .prodetailimg{ width:50%; float:left;}
.detailBox .prodetailimgBox{ margin-right:3.75rem;}	
.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;}

}
@media screen and (max-width:1024px){
.detailBox{padding-top:3rem; padding-bottom:3rem;}
.detailBox .prodetailimg{ width:45%;}
.detailBox .detailNr{width:55%;}
.detailBox .prodetailimgBox{ margin-right:2rem;}	
}
@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;}
}



/*product-images-left*/
.prodetailimg .product-images-right{padding:0 1.875rem; }
.prodetailimg .product-images-left{margin-top:1.75rem;padding:0 1.875rem;position:relative;}
/*product-images-left thumbnail*/
.prodetailimg .product-images-left{overflow: hidden;}
.prodetailimg .product-images-left .carousel{margin:0 -0.625rem;overflow: hidden;}
.prodetailimg .product-images-left .thumbnail{float:left;width:25%;}
.prodetailimg .product-images-left .thumbnail .item{margin:0 .625rem;border:1px solid #fafafa;border-radius:.5rem; }
.prodetailimg .product-images-left .thumbnail.active .item{ border-color:#9799a6;}
.prodetailimg .product-images-left .thumbnail .img{width:100%; height:0;padding-bottom:100%; position:relative;background-color: #fff;border-radius: .5rem;}
.prodetailimg .product-images-left .thumbnail .img>div{position:static!important;}
.prodetailimg .product-images-left .thumbnail img{ position:absolute;top:0;left:0;display:block;width:100%;height:100%; max-height:none; max-width:none;border-radius:.5rem;object-fit:cover; overflow:hidden; z-index:1; text-align:center; margin:0}
.mallDetail{ background:#fff;}
/* Arrows */
.prodetailimg .product-images-left .slick-next,
.prodetailimg .product-images-left .slick-prev{height:1.875rem;width:1.875rem;margin-top:0;position:absolute;top:50%;border:none;text-align:center;font-size:0;z-index:5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-size:.75rem;}
.prodetailimg .product-images-left .slick-prev{left:0;background-image: url("../images/arrow-left2.png");}
.prodetailimg .product-images-left .slick-next{right:0;background-image: url("../images/arrow-right2.png");}
.prodetailimg .product-images-left .slick-next.slick-disabled,
.prodetailimg .product-images-left .slick-prev.slick-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
@media screen and (max-width:1200px) {
.prodetailimg .product-images-left .slick-next,
.prodetailimg .product-images-left .slick-prev{height:1.5rem;width:1.5rem;background-size:.5rem;}
.prodetailimg .product-images-left .slick-prev{left:0;}
.prodetailimg .product-images-left .slick-next{right:0;}

.prodetailimg .product-images-right{padding:0 1.5rem; }
.prodetailimg .product-images-left{margin-top:1.5rem;padding:0 1.5rem;}

.prodetailimg .product-images-left .carousel{margin:0 -0.5rem;}
.prodetailimg .product-images-left .thumbnail .item{margin:0 .5rem;}

}
@media screen and (max-width:1024px) {
.prodetailimg .product-images-left .slick-next,
.prodetailimg .product-images-left .slick-prev{height:1.25rem;width:1.25rem;background-size:.35rem;}
.prodetailimg .product-images-left{height:4rem;}


.prodetailimg .product-images-left .carousel{margin:0 -0.3rem;}
.prodetailimg .product-images-left .thumbnail .item{margin:0 .3rem;}
}
@media screen and (max-width:768px) {
.prodetailimg .product-images-left{display:none;}
.prodetailimg .product-images-right{padding:0 1.5rem; }
.prodetailimg .product-images-left{margin-top:1.5rem;padding:0 1.5rem;}


}
@media screen and (max-width:640px){
.prodetailimg .product-images-right{padding:0; }
.prodetailimg .product-images-left{margin-top:1.5rem;padding:0 1.5rem;}
}


/*bigImg*/
.bigImg{ position:relative; background:#fff;border-radius:.625rem;overflow:hidden;}
.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 .mbtn{width:2.875rem;height:2.875rem;overflow:hidden;position:absolute;top:50%; margin:0;margin-top:-1.4375rem;cursor:pointer;z-index:9;outline:none;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-color:rgba(0,0,0,.2);background-size:.4375rem;border-radius:50%;}
.bigImg:hover .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.bigImg .mbtn.mprevbtnb{background-image:url(../images/arrow-left.png);left:3%;}
.bigImg .mbtn.mnextbtnb{background-image:url(../images/arrow-right.png);right:3%;}
.bigImg .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}	
/*swiper-pagination*/
.bigImg .swiper-pagination{display:none;}
@media screen and (max-width:1024px) {
.bigImg .mbtn{width:2.75rem;height:2.75rem;}
}
@media screen and (max-width:768px) {
.bigImg .swiper-container{ padding-bottom:0;}
.bigImg .swiper-pagination{display:flex;}	
.bigImg .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}	
.bigImg .mbtn{ display:none!important;}
.bigImg .swiper-container .swiper-slide .img{border-radius:0;}
.bigImg .swiper-pagination{position:absolute; width:auto;left:auto;right:1rem;top:1rem;z-index:1;padding:0 .5rem;height:1.5rem;line-height:1.5rem;background:rgba(0,0,0,.45);color:#fff;font-size:.75rem;border-radius:.25rem;display: inline-block;}
}




/*prott*/
.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:#363636;padding-bottom:3.75rem; font-weight:normal;}
.prott2{font-size:1rem; line-height:1.5;color:#6a6a6a;padding-bottom:1.5625rem;font-weight:normal;}
.prolink a{ font-size:1rem; text-align:center;color:#4a4c50;display: inline-block;font-weight:normal;line-height: 3.125rem;border-radius:3.125rem;padding: 0 2.1875rem; background-color: #f5f6fa; margin-right:.625rem;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; }
.prolink a:hover{color: #fff;background-color: #00dde3;}
@media screen and (max-width:1200px){
.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;}
}
@media screen and (max-width:1024px){
.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;margin-right:.5rem;}
}
@media screen and (max-width:768px){
.prott{font-size:1.25rem;}	
.prodes{font-size:1rem;line-height:1.5;padding-bottom:2rem;}
.prolink a{ font-size:0.875rem;line-height:2rem;border-radius:2rem;padding: 0 1.125rem;margin-right:.3rem;}
}

/*pageBOX*/
.pageBOX img{max-width: 100%;width:100%; height:auto;}

/*productBanner*/
.productBanner{position:relative;overflow:hidden;}
.productBanner .productBanner-swiper .item{display:block; position:relative;}
.productBanner .productBanner-swiper .swiper-slide{overflow:hidden; width:100%; position:relative;float:left;background-position:center center; background-repeat:no-repeat;background-size:cover;}
/*bannerWz */
.productBanner .productBanner-swiper .banner-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;z-index:2}
.productBanner .productBanner-swiper .item{height:100%;position:relative;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;}
.productBanner .productBanner-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;}
.productBanner .productBanner-swiper .bannerWz .tit{font-size:2rem;color:#fff;font-weight:600;}
.productBanner .productBanner-swiper .bannerWz .des{font-size:1.125rem;color:#fff;font-weight:300; margin-top:1.875rem;max-width:31.875rem;}
.productBanner .productBanner-swiper .bannerimg{/* 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;}
.productBanner .productBanner-swiper .bannerimg img{max-width: 100%;width:100%; height:auto; display: block;}
@media screen and (max-width:1260px){
.productBanner .productBanner-swiper .bannerWz .tit{font-size:1.8rem;}
.productBanner .productBanner-swiper .bannerWz .des{font-size:1rem;margin-top:1.5rem;}
}
@media screen and (max-width:1024px){
.productBanner .productBanner-swiper .bannerWz .tit{font-size:1.7rem;}
.productBanner .productBanner-swiper .bannerWz .des{font-size:0.875rem;margin-top:1.25rem;}
}
@media screen and (max-width:768px){.productBanner .productBanner-swiper .bannerWz{left:5%;right:5%;}
.productBanner .productBanner-swiper .bannerWz .tit{font-size:1.6rem;}
.productBanner .productBanner-swiper .bannerWz .des{font-size:0.875rem;margin-top:1.125rem;}
}
@media screen and (max-width:550px){
.productBanner .productBanner-swiper .bannerWz .tit{font-size:1.5rem;}
.productBanner .productBanner-swiper .bannerWz .des{font-size:0.875rem;margin-top:1rem;}
}
@media screen and (max-width:450px){
.productBanner .productBanner-swiper .bannerWz .tit{font-size:1.3rem;}
.productBanner .productBanner-swiper .bannerWz .des{font-size:0.875rem;margin-top:1rem;}
}
@media screen and (max-width:370px){
.productBanner .productBanner-swiper .bannerWz .tit{font-size:1.25rem;}
.productBanner .productBanner-swiper .bannerWz .des{font-size:.875rem;margin-top:.625rem;}
}


/*swiper-slide-active*/
.productBanner-swiper .bannerWz .tit,
.productBanner-swiper .bannerWz .des,
.productBanner-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);}
.productBanner-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);
}
.productBanner-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;
}
.productBanner-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;
}


/*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;}
.productBanner-swiper:hover .swiper-btn .swiper-button-prev,
.productBanner-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: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;}
}


/* 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;}
}


/*pageBOX1*/
.pageBOX1{ position: relative;}
.pageBOX1 .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%);}
.pageBOX1 .bannerWz{ display: none;}
.pageBOX1 .bannerWz .container{width:100%!important;}
.pageBOX1 .bannerWz .tit{font-size:2rem;color:#000;font-weight:600;}
.pageBOX1 .bannerWz .des{font-size:1.125rem;color:#000;font-weight:300; margin-top:1.875rem;max-width:38.75rem;}
@media screen and (max-width:1260px){
.pageBOX1 .bannerWz .tit{font-size:1.8rem;}
.pageBOX1 .bannerWz .des{font-size:1rem;margin-top:1.5rem;}
}
@media screen and (max-width:1024px){
.pageBOX1 .bannerWz .tit{font-size:1.7rem;}
.pageBOX1 .bannerWz .des{font-size:0.875rem;margin-top:1.25rem;}
}
@media screen and (max-width:768px){.pageBOX1 .bannerWz{left:5%;right:5%;}
.pageBOX1 .bannerWz .tit{font-size:1.6rem;}
.pageBOX1.bannerWz .des{font-size:0.875rem;margin-top:1.125rem;line-height: 1.2;}
}
@media screen and (max-width:550px){
.pageBOX1 .bannerWz .tit{font-size:1.5rem;}
.pageBOX1 .bannerWz .des{font-size:0.875rem;margin-top:1rem;}
}
@media screen and (max-width:450px){
.pageBOX1 .bannerWz .tit{font-size:1.3rem;}
.pageBOX1 .bannerWz .des{font-size:0.875rem;margin-top:1rem;}
}
@media screen and (max-width:370px){
.pageBOX1 .bannerWz .tit{font-size:1.25rem;}
.pageBOX1 .bannerWz .des{font-size:.875rem;margin-top:.625rem;}
}



/*procs*/
.procs{ padding-top:5.625rem;padding-bottom:6.25rem;}
.procs ul{margin:0 -1.25rem;padding:0;list-style:none;overflow:hidden;display:flex;flex-wrap: wrap;}
.procs li{ display:block; width: 50%;}
.procs li .item{display:flex;flex-shrink:0;padding:1.4375rem 0;position:relative;font-size:1.125rem; color: #000000; line-height: 1.5rem;margin:0 1.25rem;border-bottom: 1px solid #dbdddf;}
.procs li .tt{width:50%;flex-grow:0;line-height:1.5rem;font-weight:500;text-align: center;}
.procs li .wz{width:50%;display:flex;align-items:center;flex-grow:1;justify-content:center;font-size:1.125rem;color:#6a6a6a;font-weight:normal;text-align: center;}
@media screen and (max-width:1200px) {
.procs{ padding-top:5rem;padding-bottom:6rem;}
.procs li .item{font-size:1rem;line-height: 1.25rem;padding:1.25rem 0;}
.procs li .wz{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.procs{ padding-top:4rem;padding-bottom:5rem;}
.procs li .item{font-size:1rem;line-height:1.5;padding:1.125rem 0;}
.procs li .wz{font-size:1rem;}
}
@media screen and (max-width:768px) {
.procs{ padding-top:3rem;padding-bottom:4rem;}
.procs li{ display:block; width:100%;}
.procs li .item{font-size:1rem;line-height:1.5;padding:1rem 0;}
.procs li .wz{font-size: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*/
.productBanner .swbtn{display:none;}
/*productBanner .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:#e9e9e9;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*/
.pageBOX4{background-color: #fff;padding-top:5.625rem;padding-bottom:5.625rem;overflow:hidden;}
.products-swiper{ overflow: hidden;position: relative;margin: 0 -0.625rem;}
.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:flex;}
.xgProductList .item{position:relative;z-index:1;cursor:pointer; display:block; width: 20%;}
.xgProductList .item .itema{display:block; position:relative;border-radius:0.625rem; margin: 0 .625rem;}
.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:1rem;line-height:1.5rem;min-height:3rem;color:#6a6a6a;font-weight:normal;}
@media screen and (max-width:1200px){
.pageBOX4{padding-top:4rem;padding-bottom:4rem;}


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

.xgProductList{grid-gap:1rem;}
.xgProductList .item .t{font-size:1.125rem;}
.xgProductList .item .des{font-size:1rem;margin-bottom:1rem;}

}
@media screen and (max-width:1000px){
.xgProductList{grid-template-columns: repeat(3, 1fr);grid-gap:1.125rem;}
}
@media screen and (max-width:768px){
.xgProductList{grid-template-columns: repeat(2, 1fr);grid-gap:1.125rem;}
.xgProductList .item .t{font-size:1.25rem;}
.xgProductList .item .des{font-size:1rem;margin-bottom:1.125rem;}
}
@media screen and (max-width:480px){
.xgProductList{grid-template-columns: repeat(1, 1fr);grid-gap:0;}
}




/************************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 #fff;}
.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;}
}


/*****************************pageNav3 start*****************************/
/*pageNav3*/
.pageNav3{position:relative;padding-bottom:4rem;}
.pageNav-wrapper{height:2.875rem;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.pageNav-primaryB{display:flex;align-items:center;}
.pageNav-primary{display:flex;flex-direction:row;align-items:center;}
.pageNav-primary .pageNav-item{margin:0;padding:0;list-style:none;flex-shrink: 0;display:flex;align-items:center;justify-content:center;height:100%}
@media screen and (max-width:1150px) {
.pageNav3{padding-top:4rem;padding-bottom:6.25rem;}
.pageNav3 .container{ padding:0;width:100%;} 
.pageNav-wrapper{height:2.875rem;}
.pageNav-primaryB{position:relative;width:100%;}
.pageNav-primary{padding-left:5%;overflow:visible;overflow-x: scroll;}
.pageNav-primary::-webkit-scrollbar {display: none}
}

/*pageNav-primary一级*/
.pageNav-primary .pageNav-item .pageNav-dd{margin:0;padding:0;}
.pageNav-primary .pageNav-item .pageNav-dd a{margin:0;padding:0 1.75rem;position:relative;display:inline-block;font-size:1rem;line-height:2.75rem;border-radius:2.75rem;cursor:pointer; color:#000000; margin-right:.625rem;background-color: #fff;}
.pageNav-primary .pageNav-item .pageNav-dd.active a{background-color:#00dde3;color: #fff;}
@media screen and (max-width:1200px) {
.pageNav-primary .pageNav-item .pageNav-dd{margin-right:2rem}
}
@media screen and (max-width:1150px){
.pageNav-primary .pageNav-item .pageNav-dd{margin-right:1.25rem}
}



/*pageNav-secondary*/
.pageNav-secondary{display:flex;flex-direction:row;align-items:center;justify-content:space-around;}
.pageNav-secondary .pageNav-item{display:flex;align-items:center;justify-content:center;height:100%}
@media screen and (max-width:1150px) {
.pageNav-secondary{width:90%;margin: 0 auto;line-height:0; position:absolute;left:0;right:0;top:0;display:block;}
.pageNav-secondary .pageNav-item{display:block;}
}

/*****************************ServiceSearch start*****************************/
/*ServiceSearch*/
.ServiceSearch{position:relative;width:16.875rem;}
.ServiceSearch .search-cancel{ position: absolute;right: 2.75rem;top: 50%;margin-top: -10px;}
.ServiceSearch input.text{font-size:0.875rem;height:2.75rem;line-height:2.75rem;border-radius:2.875rem;padding-left:1.5rem;padding-right:2.75rem;margin-bottom:0;font-weight:normal;color:#00266c;width:100%;background:#fff;display:block;border: none;}
.ServiceSearch input::-webkit-input-placeholder,
.ServiceSearch input:-moz-placeholder,
.ServiceSearch input::-moz-placeholder,
.ServiceSearch input:-ms-input-placeholder {color:#000;}
.ServiceSearch .searchbtn {display:inline-block;width:2.75rem;height:2.75rem;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-search2.png") no-repeat center center;background-size:0.875rem; position:absolute;right:0;top:0; z-index:5;}
@media screen and (max-width:1200px) {
.ServiceSearch{width:12.5rem;}
}
@media screen and (max-width:1150px) {
.ServiceSearch{width:100%; margin: 0 auto;}
}


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


/*pageTit*/
.pageTit{/* background:#fff; */border-radius:.625rem;position:relative;font-size:2.25rem;line-height:1.5;color:#000000;text-align:center; font-weight:500;margin-bottom:4.375rem;}
.pageTit span{ display: block;}
.pageTit span.line{ display:block;margin:0 auto;width:2.25rem;height:.25rem;border-radius:.25rem;background-color:#00dde3; margin-top: .75rem;}
.pageTit .des{font-size:1.125rem;line-height:1.8;color:#393939;font-weight:normal; margin-top: 3.125rem;}
@media screen and (max-width:1200px){
.pageTit{font-size:2rem;margin-bottom:4rem;}
.pageTit .des{font-size:1rem;margin-top:3rem;}
}
@media screen and (max-width:1024px){
.pageTit{font-size:1.6rem;margin-bottom:3rem;}
.pageTit .des{font-size:0.875rem;margin-top:2rem;}
}
@media screen and (max-width:768px){
.pageTit{font-size:1.4rem;margin-bottom:2rem;}
}
@media screen and (max-width:640px){
.pageTit{font-size:1.3rem;margin-bottom:1.5rem;}
}
@media screen and (max-width:370px){
.pageTit{font-size:1.2rem;margin-bottom:1.5rem;}
}

/*pageNewsList*/
.pageNews{overflow:hidden;}
.pageNewsList{padding:0;list-style:none;margin:0 auto; overflow:hidden;}
.pageNewsList .newsList{padding:0;list-style:none;font-size:0;display:flex;flex-wrap:wrap;gap:1.875rem;width:100%;}
.pageNewsList .item{flex:0 0 calc(33.33333% - 1.875rem);display:block;border-radius:.625rem;background:#f5f6fa;}
.pageNewsList .item .itema{display:block; position:relative;overflow:hidden;border-radius:.625rem;background:#f5f6fa;}
/*ImgBox*/
.pageNewsList .item .imgBox{overflow:hidden;position:relative;height:0;padding-bottom:57.39130434782609%;border-radius:.625rem;}
.pageNewsList .item .imgBox>div{position:static!important;}
.pageNewsList .item .imgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;/*aspect-ratio:460/264;*/}
.pageNewsList .item .itema,
.pageNewsList .item .imgBox,
.pageNewsList .item .imgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageNewsList .item .itema:hover .imgBox img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
/*title*/
.pageNewsList .item .title{padding:2.1875rem 2.5rem;}
.pageNewsList .item .title .t{font-size:1.25rem;color:#000000;line-height:1.75rem;height:3.5rem;overflow:hidden;margin-bottom:3.125rem;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.pageNewsList .item .title .des{font-size:1rem;color:#6a6a6a; font-weight:normal;line-height:1.75rem;height:5.25rem;overflow:hidden;margin-bottom:8.75rem;display: none;}
.pageNewsList .item .title .date{font-size:1rem;color:#9799a6; font-weight:normal;line-height:1.5rem;background:url("../images/icon-date.png") no-repeat left center;background-size:.9375rem;padding-left:1.625rem;}
/*hover*/
.pageNewsList .item .itema:hover .title .date{color:#00dde3;}
.pageNewsList .item .itema:hover {background:#f1f8f8;-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);}
/*pageNewsList:nth-child(1)*/
.pageNewsList .item:nth-child(1){flex:0 0 calc(100% - 1.875rem);}
.pageNewsList .item:nth-child(1) .itema{display:grid;grid-template-columns:2fr 1fr;width:100%;height:100%;align-content: center;align-items: center;}
.pageNewsList .item:nth-child(1) .img{flex:0 0 66.67%;}
.pageNewsList .item:nth-child(1) .title{flex:0 0 33.33%;}
.pageNewsList .item:nth-child(1) .title{width:100%;height:100%;display:grid;align-content: center;align-items:center;}
.pageNewsList .item:nth-child(1) .title{padding:2.1875rem 3.75rem;}
.pageNewsList .item:nth-child(1) .titleB{position:relative;width:100%;height:100%;}
.pageNewsList .item:nth-child(1) .title .des{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
@media screen and (max-width:1200px){
.pageNewsList .newsList{gap:1.5rem;}
.pageNewsList .item{flex:0 0 calc(33.33333% - 1.5rem);}
.pageNewsList .item .title .des{font-size:0.875rem;margin-bottom:5rem;}
.pageNewsList .item .title .t{font-size:1.125rem;margin-bottom:2rem;}
.pageNewsList .item .title .date{font-size:0.875rem;}
.pageNewsList .item .title{padding:2rem 2rem;}
.pageNewsList .item:nth-child(1) .title{padding:2rem 3rem;}
.pageNewsList .item:nth-child(1){flex:0 0 calc(100% - 1.5rem);}
}
@media screen and (max-width:1024px){
.pageNewsList .newsList{gap:1.25rem;}
.pageNewsList .item{flex:0 0 calc(50% - 1.25rem);}
.pageNewsList .item:nth-child(1){flex:0 0 calc(100% - 1.25rem);}
.pageNewsList .item .title .des{margin-bottom:3rem;}
.pageNewsList .item .title .t{margin-bottom:1rem;}
.pageNewsList .item .title{padding:2rem 2rem;}
.pageNewsList .item:nth-child(1) .title{padding:2rem 2rem;}
}
@media screen and (max-width:768px){
.pageNewsList .newsList{gap:0; margin-bottom:3rem;}
.pageNewsList .item{flex:0 0 calc(100%);margin-bottom:3rem;}
.pageNewsList .item:nth-child(1){flex:0 0 calc(100%);margin-bottom:3rem;}
.pageNewsList .item .title{padding:1.5rem 1.5rem;}
.pageNewsList .item:nth-child(1) .itema{grid-template-columns:1fr;}
.pageNewsList .item:nth-child(1) .title{padding:1.5rem 1.5rem;}

.pageNewsList .item:nth-child(1) .img{flex:0 0 100%;}
.pageNewsList .item:nth-child(1) .title{flex:0 0 100%;}
}





/***************************page-newsInfo***************************/
.page-newsInfoBox{padding-top:5.625rem;padding-bottom:6.25rem; background:#fff;border-top:1px solid #e7e8e9;}
.page-newsInfoCon{background:#fff;border-radius:.625rem;}
.page-newsInfo .page-newswz{max-width:56.25rem; margin:0 auto; width: 90%;padding-bottom:2rem;}
.page-newsInfo .newsTit{font-weight:500; color:#222222; line-height:1.3; text-align:center;margin-bottom:1.25rem;font-size:2.125rem;}
.page-newsInfo .newsShuju{ font-size:1rem; color:#9799a6;line-height:1;text-align:center;}
@media screen and (max-width:1200px){
.page-newsInfo .newsTit{font-size:2rem;line-height:1.3;}
.page-newsInfoBox{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px){
.page-newsInfo .newsTit{font-size:1.5rem;line-height:1.2;}
.page-newsInfoBox{padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width:540px){
.page-newsInfoBox{padding-top:4rem;padding-bottom:3rem;}
}


/*newsText*/
.page-newsInfo .newsText{color:#2f2f2f;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;max-width:56.25rem; width: 90%; margin:0 auto;border-bottom:1px solid #e5e5e7;}
/*newsBtn*/
.page-newsInfo .newsBtn{font-size:0;position:relative;text-align:left;max-width:56.25rem; width: 90%; margin:0 auto;margin-top:1.25rem;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;}
.pageNewsList .item:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}



/*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-newsInfo .newsBtn .newsBtnA{width:100%;}
.page-newsInfo .newsBtn .newsBtnB{width:100%;}
.page-back{ position:relative;bottom:0;margin-top:1.875rem;}
}

/************************about************************/

/* pageAbout */
.pageAbout{ padding-top:5.625rem;padding-bottom:8.125rem;background-color: #fff; overflow: hidden;}
@media screen and (max-width:1200px) {
  .pageAbout{ padding-top:5rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px) {
  .pageAbout{ padding-top:4rem;padding-bottom:6rem;}
}
@media screen and (max-width:640px) {
  .pageAbout{ padding-top:4rem;padding-bottom:4rem;} 
}
  

/*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>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:#a3a5a7;padding-top:4.6875rem;font-size:1rem;line-height: 1.5; max-width: 41.875rem;margin: 0 auto;text-align: center; 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:4rem;font-size:0.875rem;}
}
@media screen and (max-width:1024px) {
.pageImgSW .title{padding-top:3rem;}
}
@media screen and (max-width:768px) {
.pageImgSW .title{padding-top:2rem;}
}

/*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%;}
}



/* pageCulture */
.pageCulture{/*  padding-bottom:41.66666666666667%; */background-size:cover;background-position:center top;background-repeat:no-repeat;position: relative; width: 100%; height:50rem; background-color: #eaeef1; background-attachment: fixed; overflow: hidden;}
.pageCulture .pageTit {position:absolute;display: inline-block;left:0;right:0;margin:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index: 2; text-align: left;}
.pageCulture .pageTit .line{margin-left:0;}
.pageCulture .pageTit .des{margin-top:2.1875rem;}

.pageCulture .img{width:100%;height:100%;overflow:hidden}
.pageCulture .img img{width:100%;transform:translateY(-2rem)}
@media (max-width:991px){
  .pageCulture .img img{height:100%;object-fit:cover;transform:translateY(0)}
}
@media screen and (max-width:1200px) {
  .pageCulture{height:30rem; }
  .pageCulture .pageTit .des{margin-top:2rem;}
}
@media screen and (max-width:1024px) {
.pageCulture{height:30rem; /* padding-bottom:50%; */background-attachment:initial;}
.pageCulture .pageTit .des{margin-top:1.5rem;}
}
@media screen and (max-width:768px) {
.pageCulture{ /* padding-bottom:60%; */height:70vw}
}




/*pageHistory*/
.pageHistory{padding-top:5.625rem;padding-bottom:3.75rem; overflow:hidden;}
.historyList{ position:relative; margin-top: .625rem;}
.historyList .historyListul{position:relative;padding:0;list-style:none;margin:0 auto; overflow:hidden;}
/*line*/
.historyList .default-line{content:'';position:absolute;left:50%;margin-left:-1px;width:1px;height:100%;border-left:1px solid #dfe0e1;}
.historyList .draw-line{width:1px;height:0;position:absolute;left:50%;background:#00dde3; margin-left:-1px;}
/*dian*/
.historyList .dian{ position:absolute;top:0;left:50%;margin-left:-0.5625rem;width:1.125rem;height:1.125rem;background:#b0b1b4;border-radius:50%;font-size:0;}
.historyList .date{position:absolute;top:0;left:50%;margin-left:-0.5625rem;width:1.125rem;height:1.125rem;background:#00dde3;border-radius:50%;font-size:0;}
.historyList .date{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
/*dian.in-view*/
.historyList ul li.in-view.last .date{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
/*info*/
.historyList .item h2{font-size:1.875rem;line-height:1.4;color:#00dde3;font-weight:bold;margin-bottom:.625rem;}
.historyList .item .des{font-size:1.125rem;line-height:1.7;color:#393939;font-weight:normal;}
.historyList .item .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:.625rem;padding-bottom:55.38461538461538%;}
.historyList .item .img>div{position:static!important;}
.historyList .item .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}

.historyList .item,
.historyList .item .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;}
.historyList .li:hover .item .img img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
/*li*/
.historyList .li{position:relative;margin-bottom:4.375rem;}
.historyList .item{display:flex;width:100%;height:100%;position:relative;overflow:hidden;}
.historyList .item .imgB{flex:0 0 calc(45%);display:flex;align-items:flex-start;}
.historyList .item .infoB{flex:0 0 calc(55%);display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:flex-start;}
.historyList .item .info{padding-left:8.75rem;}
/*li.nth-child(2n)*/
.historyList .li:nth-child(2n) .item{flex-direction: row-reverse;}
.historyList .li:nth-child(2n) .item .info{padding-left:0; padding-right:8.75rem;}
@media screen and (max-width:1200px){
.pageHistory{padding-top:5rem;padding-bottom:3rem;}
.historyList .item h2{font-size:1.5rem;margin-bottom:.625rem;}
.historyList .item .des{font-size:0.875rem;line-height:1.5;}
.historyList .li{margin-bottom:3.5rem;}
.historyList .item .info{padding-left:9vw;}
.historyList .li:nth-child(2n) .item .info{padding-left:0; padding-right:9vw;}
}
@media screen and (max-width:1050px){
.historyList .li{margin-bottom:3.5rem;}
}
@media screen and (max-width:1024px){
.pageHistory{padding-top:5rem;padding-bottom:3rem;}
.historyList .item h2{font-size:1.35rem;}


}
@media screen and (max-width:768px){
  .pageHistory{padding-top:5rem;padding-bottom:3rem;}

.historyList .default-line{left:0.5rem;margin-left:0;}
.historyList .draw-line{left:0.5rem;margin-left:0;}
.historyList .dian,
.historyList .date{left:0.5rem;margin-left:-0.5rem;width:1rem;height:1rem;}

.historyList .item .info{padding-left:0; padding-top:1.5rem;}
.historyList .li:nth-child(2n) .item .info{padding-left:0; padding-right:0;}
.historyList .li{margin-bottom:3rem; padding-left: 3rem;}

.historyList .item h2{font-size:1.25rem;}
.historyList .item{ display: block;}
.historyList .item .imgB{flex:0 0 calc(100%);}
.historyList .item .infoB{flex:0 0 calc(100%);}
}


/*MoreBtn2*/
.MoreBtn2{text-align:center; cursor:pointer;display:block;padding-top:3.125rem;}
.MoreBtn2 a.hidden{ display:none;}
.MoreBtn2 a{text-align:center;position:relative; display:inline-block;background:#f5f6fa;min-width:9.0625rem; padding:0 1.25rem;font-size:1rem;line-height:3.4375rem;height:3.4375rem;border-radius:3.4375rem;overflow:hidden;color:#000000;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.MoreBtn2 a:hover{ background:#00dde3;box-shadow:0 .625rem .625rem rgba(0,0,0,0.1)}
@media screen and (max-width:1200px){
.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:1024px){
.MoreBtn2 a{min-width:8.5rem; padding:0 1.25rem;font-size:1rem;line-height:3rem;height:3rem;border-radius:3rem;}
}
@media screen and (max-width:768px){
.MoreBtn2 a{min-width:8rem; padding:0 1.25rem;font-size:1rem;line-height:3rem;height:3rem;border-radius:3rem;}
}




 /*通知系统样式*/
 .notification-container{position:fixed;top:200px;right:20px;z-index:9999}
 .notification{padding:15px;margin-bottom:10px;border-radius:4px;color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:slideIn 0.5s,fadeOut 0.5s 2.5s forwards;max-width:300px}
 .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}
 }
 

/*indexFW增加视频*/
.indexFW .videoB{overflow:hidden;position:absolute;height:100%;z-index:1;top:0; width:100%; left:0; background-color:#fff;}
.indexFW .videoB>div{position:static!important;}
.indexFW .videoB video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:contain; position:absolute;top:0;left:0;z-index:1;}
/*.indexFWlist .swiper-slide .videoB{ visibility: hidden;transition: all .5s ease-in-out;}
.indexFWlist .swiper-slide.swiper-slide-active .videoB{ visibility: visible;}*/