html {font-size:calc(100vw/19.2); -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-gutter: stable;}
html.act {overflow:hidden;width:100%;height:100vh;}
*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
* {margin:0;padding:0;outline:none;}
/* *:focus:not(:focus-visible) { outline: none }
*:focus-visible { outline: 2px solid var(--color-primary) } */
:root{
--color-primary: #FEDD00;
--text-color: #1D1D1F;
--text-color2: #666666;
--border-light: rgba(119,119,119,0.10);
--imgwhite: brightness(0) invert(1);
--imgblack: brightness(0);
}
/* 禁止文字选中 */
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@font-face {
font-family: 'hmb';
src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: 'hml';
src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf") format("truetype");
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: 'hmm';
src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'hmr';
src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'pps';
src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'ppe';
src: url("../fonts/Poppins-ExtraLight.otf") format("opentype");
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url("../fonts/gilroy-regular-3.otf") format("opentype");
font-display: swap;
font-style: normal;
}
.hmb{font-family: 'hmb';font-weight: 700;}
.hml{font-family: 'hml';font-weight: 300;}
.hmm{font-family: 'hmm';font-weight: 500;}
.hmr{font-family: 'hmr';font-weight: 400;}
.pps{font-family: 'pps';}
.ppe{font-family: 'ppe';}
.Gilroy{font-family: 'Gilroy';}
body {position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;overflow-x:hidden;position:relative;padding:0;width:100%;color: var(--text-color);font-family:'hmr', Microsoft YaHei,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Hiragino Sans GB,Helvetica Neue,Arial,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size: 14px;line-height:1;background:#fff;}
ul,ul li,ol li,tr td,dl,dd {list-style-type:none;margin:0;padding:0;}
.clearfix:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
a {display:inline-block;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);color: var(--text-color);-webkit-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);}
textarea,select {outline:none;color:#666;font-size: 14px;width:100%;}
textarea {resize:none;padding:0;border:0;font-family:'hmr';}
img {border:none;max-width:100%;display:block;width: 100%;}
img[src=""] {opacity:0;}
i {font-style:normal;}
.edit img,.img_inline_block img {display:inline-block;height:auto;width: auto;}
.fw_100 {font-weight:100;}
.img_cct {width:100%;opacity:0;}
.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;box-orient:vertical;}
.place::-webkit-input-placeholder {color:#999;}
.place:-moz-placeholder {color:#999;}
.place::-moz-placeholder {color:#999;}
.place:-ms-input-placeholder {color:#999;}
.swiper-button-disabled{cursor: not-allowed;}
.swiper-button-lock{opacity: 0;pointer-events: none;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justif {text-align:justify;}
.text-nowrap {white-space:nowrap;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
.text-bold {font-weight:bold;}
.imgTwo{position: relative;}
.imgTwo img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}
.imghover:hover .imgTwo img:nth-child(1){opacity: 0;}
.imghover:hover .imgTwo img:nth-child(2){opacity: 1;}
.imgTwohover:hover img:nth-child(1){opacity: 0;}
.imgTwohover:hover img:nth-child(2){opacity: 1;}
.zId5 {z-index:5;}
.zId4 {z-index:4;}
.zId3 {z-index:3;}
.zId2 {z-index:2;}
.zId1 {z-index:1;}
/* 滚动条样式 */*
/* ::-webkit-scrollbar {width:4px;height:1px;}
*::-webkit-scrollbar-thumb{ background:#000;}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.4);} */
.scroll{scrollbar-gutter: stable;}
.scroll1::-webkit-scrollbar {width:2px;height:1px;}
.scroll1::-webkit-scrollbar-thumb{ background:var(--color-primary);}
.scroll1::-webkit-scrollbar-track{ background:none;border-left: 1px solid rgba(29, 29, 31, 0);border-right: 1px solid rgba(29, 29, 31, 0.8);}
.scroll2::-webkit-scrollbar {width:5px;height:1px;}
.scroll2::-webkit-scrollbar-thumb{ background:var(--color-primary);border-radius: 3px;}
.scroll2::-webkit-scrollbar-track{ background:#E3E3E3;border-radius: 3px;}
/*去掉 input 默认边框*/
input {padding:0;border:0;font-family:'hmr';outline:none;}
input[type="submit"] {background-color:transparent;cursor:pointer;}
input[type="button"],input[type="submit"],input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand {display:none;}
h3 {font-weight:500;}
.tit-12{font-size:0.12rem;line-height:2;}
.tit-13{font-size:0.13rem;line-height:2;}
.tit-14{font-size:0.14rem;line-height:2;}
.tit-15{font-size:0.15rem;line-height:2;}
.tit-16{line-height:1.8;font-size:0.16rem;}
.tit-17{line-height:1.8;font-size:0.17rem;}
.tit-18{line-height:1.8;font-size:0.18rem;}
.tit-19{line-height:1.8;font-size:0.19rem;}
.tit-20{line-height:1.8;font-size:0.20rem;}
.tit-21{line-height:1.8;font-size:0.21rem;}
.tit-22{line-height:1.8;font-size:0.22rem;}
.tit-23{line-height:1.8;font-size:0.23rem;}
.tit-24{line-height:1.8;font-size:0.24rem;}
.tit-25{line-height:1.8;font-size:0.25rem;}
.tit-26{line-height:1.8;font-size:0.26rem;}
.tit-27{line-height:1.8;font-size:0.27rem;}
.tit-28{line-height:1.8;font-size:0.28rem;}
.tit-29{line-height:1.8;font-size:0.29rem;}
.tit-30{line-height:1.8;font-size:0.30rem;}
.tit-31{line-height:1.8;font-size:0.31rem;}
.tit-32{line-height:1.8;font-size:0.32rem;}
.tit-33{line-height:1.8;font-size:0.33rem;}
.tit-34{line-height:1.8;font-size:0.34rem;}
.tit-35{line-height:1.8;font-size:0.35rem;}
.tit-36{line-height:1.8;font-size:0.36rem;}
.tit-37{line-height:1.8;font-size:0.37rem;}
.tit-38{line-height:1.8;font-size:0.38rem;}
.tit-39{line-height:1.8;font-size:0.39rem;}
.tit-40{line-height:1.8;font-size:0.40rem;}
.tit-41{line-height:1.8;font-size:0.41rem;}
.tit-42{line-height:1.8;font-size:0.42rem;}
.tit-43{line-height:1.8;font-size:0.43rem;}
.tit-44{line-height:1.8;font-size:0.44rem;}
.tit-45{line-height:1.8;font-size:0.45rem;}
.tit-46{line-height:1.8;font-size:0.46rem;}
.tit-47{line-height:1.8;font-size:0.47rem;}
.tit-48{line-height:1.8;font-size:0.48rem;}
.tit-49{line-height:1.8;font-size:0.49rem;}
.tit-50{line-height:1.8;font-size:0.50rem;}
.tit-51{line-height:1.8;font-size:0.51rem;}
.tit-52{line-height:1.8;font-size:0.52rem;}
.tit-53{line-height:1.8;font-size:0.53rem;}
.tit-54{line-height:1.8;font-size:0.54rem;}
.tit-55{line-height:1.8;font-size:0.55rem;}
.tit-56{line-height:1.8;font-size:0.56rem;}
.tit-57{line-height:1.8;font-size:0.57rem;}
.tit-58{line-height:1.8;font-size:0.58rem;}
.tit-59{line-height:1.8;font-size:0.59rem;}
.tit-60{line-height:1.8;font-size:0.60rem;}
.tit-61{line-height:1.8;font-size:0.61rem;}
.tit-62{line-height:1.8;font-size:0.62rem;}
.tit-63{line-height:1.8;font-size:0.63rem;}
.tit-64{line-height:1.8;font-size:0.64rem;}
.tit-65{line-height:1.8;font-size:0.65rem;}
.tit-66{line-height:1.8;font-size:0.66rem;}
.tit-67{line-height:1.8;font-size:0.67rem;}
.tit-68{line-height:1.8;font-size:0.68rem;}
.tit-69{line-height:1.8;font-size:0.69rem;}
.tit-70{line-height:1.8;font-size:0.70rem;}
.tit-71{line-height:1.8;font-size:0.71rem;}
.tit-72{line-height:1.8;font-size:0.72rem;}
.tit-73{line-height:1.8;font-size:0.73rem;}
.tit-74{line-height:1.8;font-size:0.74rem;}
.tit-75{line-height:1.8;font-size:0.75rem;}
.tit-76{line-height:1.8;font-size:0.76rem;}
.tit-77{line-height:1.8;font-size:0.77rem;}
.tit-78{line-height:1.8;font-size:0.78rem;}
.tit-79{line-height:1.8;font-size:0.79rem;}
.tit-80{line-height:1.8;font-size:0.80rem;}
.onetime{-webkit-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1);}
.alltime,.alltime:before,.alltime:after,.alltime *,.alltime *:before,.alltime *:after{-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}
.w100{width: 100%;}
.w1600{padding: 0 1.55rem;}
/* common */
.html.cur {height:100vh;overflow:hidden;}
.body.cur {height:100vh;}
.phbox{display: none;}
.progress-div {
will-change: transform, opacity;
transform: translateZ(0);
}
/* footer */
.footer{background: #1C1F1F;}
.footer .w1600{padding: 0 1.25rem;}
.footer .ftp{padding: 0.51rem 0 0.41rem;border-bottom: 1px solid rgba(102, 102, 102, 0.09);position: relative;z-index: 5;}
.footer .ftp .w1600{display: flex;align-items: flex-start;justify-content: space-between;}
.footer .ftp .ftlogo{width: 2.17rem;display: block;}
.footer .ftp .rf{margin-top: 0.35rem;display: flex;align-items: center;}
.footer .ftp .rf .links{position: relative;margin-left: 0.5rem;}
.footer .ftp .rf .links .ltp{border: 0.5px solid #9E9E9E;width: 1.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: space-between;color: #9E9E9E;padding: 0 0.13rem;border-radius: 0.06rem;}
.footer .ftp .rf .links .ltp span{width: 0.09rem;}
.footer .ftp .rf .links .lbt{position: absolute;left: 0;bottom: 100%;padding: 0.2rem 0.13rem;border-radius: 0.06rem;border: 0.5px solid #9E9E9E;width: 100%;display: none;background: #414141;}
.footer .ftp .rf .links .lbt .link:not(:last-child){margin-bottom: 0.1rem;}
.footer .ftp .rf .links .lbt .link a{display: block;width: fit-content;line-height: 1.5;color: #9E9E9E;}
.footer .ftp .rf .links .lbt .link a:hover{color: #fff;}
.footer .ftp .rf .links:hover .ltp span{transform: rotate(180deg);}
.footer .ftp .rf .ul{display: flex;align-items: center;}
.footer .ftp .rf .ul .li:not(:first-child){margin-left: 0.195rem;}
.footer .ftp .rf .ul .li{position: relative;}
.footer .ftp .rf .ul .li .icon{width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #414141;}
.footer .ftp .rf .ul .li:hover .icon{background: var(--color-primary);}
.footer .ftp .rf .ul .li .code{position: absolute;top: 100%;left: 0;width: 1rem;padding-top: 0.16rem;pointer-events: none;opacity: 0;visibility: hidden;transform: translateY(0.5rem);}
.footer .ftp .rf .ul .li:hover .code{transform: translateY(0);opacity: 1;pointer-events: all;visibility: visible;}
.footer .ftp .rf .ul .li .code .arr{position: absolute;top: 0.08rem;left: 0.12rem;width: 0.18rem;}
.footer .ftp .rf .ul .li .code .cox{height: 1rem;border-radius: 0.12rem;background: #fff;position: relative;z-index: 2;padding: 0.05rem;box-shadow: 0px 0.04rem 0.12rem 0px rgba(0, 0, 0, 0.10);}
.footer .ftp .rf .ul .li .code .cox img{height: 0.9rem;object-fit: contain;}
.footer .fce{padding: 0.26rem 0 0.35rem;}
.footer .fce .w1600{display: flex;justify-content: space-between;align-items: flex-start;}
.footer .fce .ul{display: flex;justify-content: space-between;margin-right: 1.18rem;flex: 1;max-width: 11.8rem;}
.footer .fce .ul .lv1 a{display: block;width: fit-content;line-height: calc(22 / 18);color: #fff;}
.footer .fce .ul .lv1 a:hover{color: var(--color-primary);}
.footer .fce .ul .lv2list{margin-top: 0.235rem;line-height: calc(34 / 16);}
.footer .fce .ul .lv2list a{display: block;width: fit-content;color: #9E9E9E;}
.footer .fce .ul .lv2list a:hover{color: #fff;}
.footer .fce .txtbox{margin: 0.24rem 0.18rem 0 0;max-width: 3.5rem;}
.footer .fce .txtbox .item:not(:first-child){margin-top: 0.282rem;}
.footer .fce .txtbox .item .set{display: flex;align-items: center;line-height: 0.2rem;color: #fff;}
.footer .fce .txtbox .item .set span{width: 0.2rem;margin-right: 0.075rem;}
.footer .fce .txtbox .item .det{padding-left: 0.275rem;color: #9E9E9E;margin-top: 0.12rem;line-height: calc(20 / 14);}
.footer .fce .txtbox .item .det a{color: #9E9E9E;display: block;width: fit-content;}
.footer .fce .txtbox .item .det a:hover{color: #fff;}
.footer .fce .txtbox .code{width: 0.92rem;margin-top: 0.478rem;background: #fff;}
.footer .fbt{border-top: 1px solid rgba(158, 158, 158, 0.5);padding: 0.21rem 0;line-height: calc(17 / 14);color: #9E9E9E;}
.footer .fbt .w1600{display: flex;align-items: center;justify-content: space-between;}
.footer .fbt .lf{flex: 1;margin-right: 1.04rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .fbt a{color: #9E9E9E;}
.footer .fbt a:hover{color: #fff;}
.footer .fbt .rf{display: flex;align-items: center;}
.footer .fbt .rf span{margin-left: 0.07rem;}
.footer .fbt .rf:hover span img{filter: var(--imgwhite);}
.m_dw{position: relative;top: -0.83rem;}
.webbtn{display: flex;align-items: center;justify-content: center;height: 0.48rem;background: var(--color-primary);color: #000;border-radius: 0.48rem;padding: 0 0.28rem 0 0.29rem;width: fit-content;line-height: 0.48rem;}
.webbtn img{margin-left: 0.0784rem;width: 0.08rem;}
.webbtn:hover{color: #fff;background: #232626;}
.webbtn:hover img{filter: var(--imgwhite);}
.inner_titbox{display: flex;flex-direction: column;}
.inner_titbox .t1{position: relative;line-height: calc(29 / 24);padding-left: 0.08rem;}
.inner_titbox .t1::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/svg/title_color.svg) no-repeat left center;background-size: 0.16rem auto;}
.inner_titbox .t1 span{position: relative;z-index: 2;}
.inner_titbox .t2{line-height: calc(61 / 50);margin-top: 0.25rem;}
.inner_titbox.cent{align-items: center;}
.inner_switch{display: flex;align-items: center;flex-wrap: wrap;}
.inner_switch a{height: 0.48rem;border: 1px solid #000000;display: flex;align-items: center;justify-content: center;border-radius: 0.48rem;padding: 0 0.37rem 0 0.38rem;color: #000;margin-left: 0.24rem;}
.inner_switch a:first-child{margin-left: 0;}
.inner_switch a:hover{background: var(--color-primary);border-color: var(--color-primary);}
.inner_switch a.act{background: var(--color-primary);border-color: var(--color-primary);font-family: 'hmm';}
.video_pop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 199;display: none;}
.swpbtn .imgTwo{width: 0.44rem;position: absolute;height: 0.44rem;background: #fff;border-radius: 50%;}
.swpbtn .imgTwo:hover{background: #232626;}
.sidebar{position: fixed;right: 0.52rem;top: 50%;transform: translateY(-50%);z-index: 123;}
.sidebar .it{position: relative;}
.sidebar .it:not(:first-child){margin-top: 0.12rem;}
.sidebar .it .ico{width: 0.52rem;height: 0.52rem;border-radius: 50%;background: #fff;box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.15);}
.sidebar .it:hover .ico{background: var(--color-primary);}
.sidebar .it .tel{position: absolute;top: 0;right: 100%;width: max-content;padding-right: 0.16rem;pointer-events: none;opacity: 0;visibility: hidden;transform: translateX(-0.5rem);}
.sidebar .it .tel a{display: block;padding: 0.11rem 0.3rem;border-radius: 0.26rem;background: #fff;box-shadow: 0px 0.04rem 0.12rem 0px rgba(0, 0, 0, 0.10);line-height: 0.3rem;}
.sidebar .it:hover .tel{transform: translateX(0);opacity: 1;pointer-events: all;visibility: visible;}
.sidebar .it:hover .tel:hover a{background: var(--color-primary);}
.sidebar .it .code{position: absolute;top: 0;right: 100%;width: 1.16rem;padding-right: 0.16rem;pointer-events: none;opacity: 0;visibility: hidden;transform: translateX(-0.5rem);}
.sidebar .it:hover .code{transform: translateX(0);opacity: 1;pointer-events: all;visibility: visible;}
.sidebar .it .code .arr{position: absolute;top: 0.26rem;right: 0.04rem;width: 0.18rem;transform: rotate(90deg);display: none;}
.sidebar .it .code .cox{height: 1rem;border-radius: 0.12rem;background: #fff;position: relative;z-index: 2;padding: 0.05rem;box-shadow: 0px 0.04rem 0.12rem 0px rgba(0, 0, 0, 0.10);}
.sidebar .it .code .cox img{height: 0.9rem;object-fit: contain;}
.header_place{height: 0.83rem;}
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 111;background: rgba(0, 0, 0, 0.23);backdrop-filter: blur(18px);}
.header .w1600{display: flex;align-items: center;justify-content: space-between;}
.header .logo{display: block;position: relative;width: 1.38rem;}
.header .ul{display: flex;margin-left: 0.86rem;}
.header .ul .li{position: relative;}
.header .ul .li:not(:first-child){margin-left: 0.7rem;}
.header .ul .li .lv1 a{display: block;line-height: 0.83rem;color: #fff;position: relative;}
.header .ul .li .lv1 a::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 0.03rem;background: var(--color-primary);}
.header .ul .li.act .lv1 a::before,
.header .ul .li:hover .lv1 a::before{width: 100%;}
.header .ul .li .lv2list{
position: absolute;
top: .75rem;
left: 50%;
margin-left: -.75rem;
opacity: 0;
z-index: -3;
-webkit-transform: rotateX(-15deg);
transform: rotateX(-15deg);
-webkit-transform-origin: 50% -.5rem;
-ms-transform-origin: 50% -.5rem;
transform-origin: 50% -.5rem;
height: 0;
padding-top: .13rem;
overflow: hidden;
}
.header .ul .li .lv2list .list{
-webkit-box-shadow: 0 .02rem .12rem 0 rgba(0,0,0,.06);
box-shadow: 0 .02rem .12rem 0 rgba(0,0,0,.06);
background-color: #fff;
border-radius: .06rem;
padding: .16rem 0;
}
.header .ul .li .lv2list .list .lv2 {
padding: 0 .2rem;
width: 1.5rem;
text-align: center;
margin: 0;
height: .38rem
}
.header .ul .li .lv2list .list .lv2 a {
font-size: .16rem;
line-height: .38rem
}
.header .ul .li .lv2list .list .lv2 a:hover{color: var(--color-primary);}
.header .ul .li:hover .lv2list {
-webkit-transform: none;
-ms-transform: none;
transform: none;
height: auto;
opacity: 1;
-webkit-transition: all .8s;
transition: all .8s;
z-index: 9999
}
.header .rf{display: flex;align-items: center;}
.header .rf .search{width: 0.4rem;height: 0.4rem;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;}
.header .rf .search img{width: 0.2rem;}
.header .rf .language{position: relative;margin-left: 0.26rem;}
.header .rf .language .ltp{display: flex;align-items: center;color: #fff;}
.header .rf .language .ltp span{width: 0.11rem;position: relative;margin-left: 0.07rem;}
.header .rf .hdbtn{margin-left: 0.76rem;width: 1.41rem;height: 0.48rem;border-radius: 0.48rem;background: var(--color-primary);display: flex;align-items: center;justify-content: center;line-height: 1;}
.header .rf .hdbtn:hover{color: #fff;background: #232626;}
.header.act,
.header.on,
.header:hover{background: #fff;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);}
.header.act .imgTwo img:nth-child(1),
.header.on .imgTwo img:nth-child(1){opacity: 0;}
.header.act .imgTwo img:nth-child(2),
.header.on .imgTwo img:nth-child(2){opacity: 1;}
.header.act .ul .li .lv1 a,
.header.on .ul .li .lv1 a,
.header:hover .ul .li .lv1 a{color: #333333;}
.header.act .rf .language .ltp,
.header.on .rf .language .ltp,
.header:hover .rf .language .ltp{color: #333333;}
.zz_tanchuang{
display: table;
height: 100%;
left: 0;
position: fixed;
top: 0;
transform: scale(0);
-webkit-transform: scale(0);
width: 100%;
z-index: 999;
}
.zz_tanchuang.one {
animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
-webkit-animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
transform: scaleY(.01) scaleX(0);
-webkit-transform: scaleY(.01) scaleX(0);
}
.zz_tanchuang .tbox {
background: #000c;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.zz_tanchuang .tbox .modal {
border-radius: 5px;
box-sizing: border-box;
display: block;
margin: 0 auto;
max-height: 90%;
max-width: 1200px;
padding: 0;
position: relative;
width: 80%;
}
.zz_tanchuang.one .tbox .modal {
animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
-webkit-animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
transform: scale(0);
-webkit-transform: scale(0);
}
.zz_tanchuang .tbox .modal .out{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.824' height='8.824' viewBox='0 0 8.824 8.824'%3E%3Cg data-name='组 21240'%3E%3Cg fill='none' stroke='%23fff' data-name='组 20569'%3E%3Cpath d='M.353.353 8.47 8.47' data-name='直线 13431'/%3E%3Cpath d='M8.47.353.355 8.47' data-name='直线 13432'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;background-size:20px;border-radius:50%;color:#000;cursor:pointer;font-size:30px;height:40px;line-height:40px;opacity:.75;position:absolute;right:-55px;text-align:center;top:-40px;transition:all .5s;width:40px;}
.zz_tanchuang .tbox .modal .out:hover {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.zz_tanchuang .tbox .modal .img {
margin: 0 auto;
max-width: 600px;
width: 100%;
max-width: 1200px;
}
.zz_tanchuang .tbox .modal .img video {
background-color: #000;
display: block;
max-height: 67vh;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
@keyframes unfoldIn {
0% {
transform: scaleY(.005) scaleX(0)
}
50% {
transform: scaleY(.005) scaleX(1)
}
to {
transform: scaleY(1) scaleX(1)
}
}
@keyframes zoomIn {
0% {
transform: scale(0)
}
to {
transform: scale(1)
}
}
@keyframes zoomOut {
0% {
transform: scale(1)
}
to {
transform: scale(0)
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1)
}
50% {
transform: scaleY(.005) scaleX(1)
}
to {
transform: scaleY(.005) scaleX(0)
}
}
/* index */
.in5{padding: 1.14rem 0 2.56rem;background: url(../images/in5_1.jpg) no-repeat center;background-size: cover;}
.in5 .t1{line-height: calc(61 / 50);}
.in5 .t2{line-height: 1.5;margin-top: 0.3rem;}
.in5 .t3{margin-top: 0.5482rem;}
.in4{padding: 1.6rem 0 1.45rem;overflow: hidden;}
.in4 .itp{display: flex;justify-content: space-between;align-items: flex-end;}
.in4 .itp .inner_switch{margin-bottom: 0.06rem;}
.in4 .swiper{overflow: visible;margin-top: 0.7rem;}
.in4 .ss{display: block;height: auto;}
.in4 .ss .imgbox{height: 3.75rem;border-radius: 0.2rem;overflow: hidden;}
.in4 .ss .imgbox img{height: 100%;object-fit: cover;}
.in4 .ss .txtbox{padding: 0.48rem 0.32rem 0.46rem 0.28rem;}
.in4 .ss .txtbox .t1{line-height: calc(14 / 12);display: flex;align-items: center;color: #888;}
.in4 .ss .txtbox .t1 s{width: 1px;height: 0.1rem;background: #888888;margin: 0 0.12rem;}
.in4 .ss .txtbox .t2{margin-top: 0.14rem;line-height: 145.455%;color: #101010;}
.in4 .ss:hover .imgbox img{transform: scale(1.05);}
.in4 .ss:hover .txtbox{background: #F7F8FA;box-shadow: 0 0.1rem 0.48rem 0 rgba(34, 30, 0, 0.05);}
.in4 .swiper-pagination{height: 2px;background: #F1F1F1;margin-top: 0.25rem;}
.in4 .swiper-pagination span{height: 2px;display: block;width: 100%;background: #333333;transform-origin: left center;}
.in4 .status{margin-top: 0.115rem;color: #86868B;line-height: calc(20 / 14);}
.in4 .webbtn{margin: 0.3rem auto 0;background: rgba(254, 221, 0, 0);}
.in4 .webbtn:hover{background: rgba(254, 221, 0, 1);color: var(--text-color);}
.in4 .webbtn:hover img{filter: var(--imgblack);}
.in4 .list .item{display: none;}
.in4 .list .item.act{display: block;}
.in3{position: relative;}
.in3 .imgbox{position: relative;height: 10.8rem;}
.in3 .imgbox img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;}
.in3 .imgbox img.act{opacity: 1;}
.in3 .txtbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-top: 2.01rem;}
.in3 .txtbox .w1600{height: 100%;}
.in3 .txtbox .inner_titbox .t2{line-height: calc(70 / 50);margin-top: 0.37rem;}
.in3 .txtbox .swiper{position: absolute;bottom: 1.22rem;left: 1.55rem;width: calc(100% - 3.1rem);overflow: visible;}
.in3 .txtbox .ss{width: calc((100% - 0.34rem) / 3);display: flex;align-items: center;justify-content: space-between;padding: 0 0.56rem 0 0.6rem;height: 1.92rem;border-radius: 0.1rem;background: rgba(255, 255, 255, 0.80);backdrop-filter: blur(17.450000762939453px);}
.in3 .txtbox .ss:not(:first-child){margin-left: 0.17rem;}
.in3 .txtbox .ss .arr{position: relative;width: 0.52rem;margin-left: 0.4rem;}
.in3 .txtbox .ss .txt{flex: 1;margin-top: 0.04rem;}
.in3 .txtbox .ss .txt .t1{line-height: 1.5;}
.in3 .txtbox .ss .txt .t2{margin-top: 0.09rem;line-height: calc(32 / 18);color: #333;margin-top: 0.09rem;}
.in3 .txtbox .ss .txt .t3{display: none;}
.in3 .txtbox .ss.act{background: #fff;}
.in3 .txtbox .ss.act .imgTwo img:nth-child(1){opacity: 0;}
.in3 .txtbox .ss.act .imgTwo img:nth-child(2){opacity: 1;}
.in2{padding: 1.6rem 0;}
.in2 .itp{display: flex;justify-content: space-between;}
.in2 .itp .inner_titbox{max-width: 7.5rem;}
.in2 .itp .txtbox{max-width: 7.25rem;}
.in2 .itp .txtbox .t1{line-height: calc(32 / 18);color: var(--text-color2);}
.in2 .itp .txtbox .t1 span{color: #000;}
.in2 .itp .txtbox .t2{margin-top: 0.36rem;}
.in2 .ibt{position: relative;margin-top: 0.49rem;border-radius: 0.24rem;height: 6.63rem;overflow: hidden;}
.in2 .ibt img{height: 100%;object-fit: cover;}
.in2 .ibt video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.in2 .ibt .videoplay{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.64rem;}
.in2 .ibt .videoplay:hover{transform: translate(-50%, -50%) scale(1.25);}
.in1{padding-top: 0.6rem;}
.in1 .switch{margin-top: 0.38rem;display: flex;justify-content: center;}
.in1 .switch a{min-width: 3.4rem;padding: 0.04rem 0.2rem 0.01rem;border-right: 1px solid #E3E3E3;}
.in1 .switch a:last-child{border-right: none;}
.in1 .switch .icon{height: 0.5rem;width: fit-content;margin: 0 auto;}
.in1 .switch .icon img{filter: var(--imgblack);}
.in1 .switch .text{text-align: center;color: #111;margin-top: 0.122rem;line-height: calc(24 / 20);}
.in1 .switch .ss:hover .icon img,
.in1 .switch .ss.act .icon img{filter: none;}
.in1 .switch .ss:hover .text,
.in1 .switch .ss.act .text{color: var(--color-primary);}
.in1 .ibt{margin-top: 0.5rem;background: url(../images/in1_1.jpg) no-repeat center;background-size: cover;padding: 1.09rem 0 0.79rem;}
.in1 .ibt .item{display: none;}
.in1 .ibt .item.act{display: flex;align-items: flex-start;}
.in1 .ibt .item .lf{width: 3.2rem;}
.in1 .ibt .item .lf .title{line-height: calc(70 / 50);}
.in1 .ibt .item .lf .ul{margin-top: 0.3rem;width: 2.48rem;line-height: calc(20 / 16);color: #333;}
.in1 .ibt .item .lf .ul .li{position: relative;padding: 0.1rem 0.1rem 0.1rem 0.16rem;border-radius: 0.14rem;overflow: hidden;display: flex;align-items: center;}
.in1 .ibt .item .lf .ul .li::before{content: "";z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.54);backdrop-filter: blur(20.149999618530273px);}
.in1 .ibt .item .lf .ul .li::after{content: "";position: absolute;right: 0.4rem;top: 0;width: 0.44rem;height: 100%;background: url(../images/in1_libg2.png) no-repeat center;background-size: 100% auto;opacity: 0;}
.in1 .ibt .item .lf .ul .li .ico{position: relative;width: 0.4rem;height: 0.4rem;z-index: 5;}
.in1 .ibt .item .lf .ul .li .ico img{object-fit: contain;}
.in1 .ibt .item .lf .ul .li .txt{margin-left: 0.1rem;position: relative;z-index: 5;}
/*.in1 .ibt .item .lf .ul .li .line s{position: absolute;z-index: 3;opacity: 0;}*/
/*.in1 .ibt .item .lf .ul .li .line s:nth-child(1){top: 0;left: 0;width: 1.6rem;height: 50%;border-left: 1px solid var(--color-primary);border-top: 1px solid var(--color-primary);border-radius: 0.14rem 0 0 0;}*/
/*.in1 .ibt .item .lf .ul .li .line s:nth-child(2){bottom: 0;left: 0;width: 0.8rem;height: 50%;border-left: 1px solid var(--color-primary);border-bottom: 1px solid var(--color-primary);border-radius: 0 0 0 0.14rem;}*/
/*.in1 .ibt .item .lf .ul .li:hover .line s{opacity: 1;}*/
.in1 .ibt .item .lf .ul .li .line s{position: absolute;z-index: 3;opacity: 1;}
.in1 .ibt .item .lf .ul .li .line s:nth-child(1){top: 0;left: 0;width: 100%;height: 100%;border-left: 1px solid var(--color-primary);border-top: 1px solid var(--color-primary);border-radius: 0.14rem 0.14rem 0 0;clip-path: polygon(0 0, 0 0, 0 0, 0 0);}
.in1 .ibt .item .lf .ul .li .line s:nth-child(2){bottom: 0;left: 0;width: 100%;height: 100%;border-right: 1px solid var(--color-primary);border-bottom: 1px solid var(--color-primary);border-radius: 0 0 0.14rem 0.14rem;clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%);}
.in1 .ibt .item .lf .ul .li:hover .line s:nth-child(1) {
/* 裁剪路径变化：左上→右上→完整显示上/左边框 */
clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
}
.in1 .ibt .item .lf .ul .li:hover .line s:nth-child(2) {
/* 裁剪路径变化：右下→左下→完整显示右/下边框 */
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%);
}
.in1 .ibt .item .lf .ul .li:hover::after{opacity: 1;}
.in1 .ibt .item .lf .ul .li:not(:first-child){margin-top: 0.16rem;}
.in1 .ibt .item .lf .webbtn{margin-top: 0.52rem;}
.in1 .ibt .item .rf{width: 14.04rem;margin: 0.71rem -1.55rem 0 0.43rem;position: relative;}
.in1 .ibt .item .rf .rox{overflow: hidden;padding-left: 0.69rem;}
.in1 .ibt .item .rf::before{content: "";position: absolute;bottom: 0.14rem;width: 9.21rem;height: 1.26rem;background: url(../images/in1_2.png) no-repeat center;background-size: contain;}
.in1 .ibt .item .rf .rox .swiper{width: 8.33rem;height: 4.66rem;margin: 0;overflow: visible;}
.in1 .ibt .item .rf .rox .swiper .swiper-slide{width: 8.33rem;height: 4.66rem;margin-right: 2.29rem;}
.in1 .ibt .item .rf .rox .swiper .swiper-slide:last-child{margin-right: 0;}
.in1 .ibt .item .rf .rox .swiper .swiper-slide img{height: 100%;object-fit: contain;}
.in1 .swpbtn .prev{left: -1.06rem;top: 2.02rem;z-index: 11;}
.in1 .swpbtn .next{left: 9.64rem;top: 2.02rem;z-index: 11;}
.in_ban .imgbox{height: 7.6rem;position: relative;}
.in_ban .imgbox img{height: 100%;object-fit: cover;}
.in_ban .imgbox::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #111;opacity: 0.2;}
.in_ban .txtbox{position: absolute;left: 0;bottom: 1.62rem;width: 100%;z-index: 5;}
.in_ban .txtbox .w1600{display: flex;flex-direction: column;}
.in_ban .txtbox .t1{line-height: calc(30 / 18);}
.in_ban .txtbox .t2{line-height: calc(74 / 50);margin-top: 0.15rem;}
.in_ban .txtbox .t3{margin-top: 0.54rem;width: 1.8rem;height: 0.52rem;border-radius: 0.52rem;border: 0.02rem solid var(--color-primary);display: flex;align-items: center;justify-content: center;}
.in_ban .txtbox .t3:hover{background: var(--color-primary);}
.in_ban .right .txtbox .w1600{align-items: flex-end;text-align: right;}
.in_ban .in_pogin{position: absolute;left: 1.55rem;bottom: 0.98rem;display: flex;align-items: center;width: max-content;z-index: 11;}
.in_ban .in_pogin span{width: 0.32rem;height: 2px;opacity: 1;position: relative;background: rgba(255,255,255,0.2);border-radius: 0;margin: 0 0.05rem 0 0 !important;}
.in_ban .in_pogin span::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;}
.in_ban .in_pogin span:not(.swiper-pagination-bullet-active, .swiper-pagination-bullet-active ~ span)::before{width: 100%;}
.in_ban .in_pogin span.swiper-pagination-bullet-active::before{width: 0;animation: bulletExpand 4s linear forwards;}
@keyframes bulletExpand {
to { width: 100%; }
}
/* inner */
.inner_banner{position: relative;}
.inner_banner .imgbox{height: 6rem;overflow: hidden;}
.about_banner .imgbox img,
.inner_banner .imgbox img {
height: 100%;
object-fit: cover;
-webkit-animation-name: bg_breath;
animation-name: bg_breath;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes bg_breath {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
}
@keyframes bg_breath {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
}
.inner_banner .txtbox{position: absolute;top: 2.2rem;left: 0;width: 100%;}
.inner_banner .txtbox .t1{text-align: center;line-height: calc(66 / 56);}
.inner_banner .txtbox .t2{display: flex;align-items: center;justify-content: center;line-height: calc(19 / 16);opacity: 0.7;margin-top: 0.15rem;}
.inner_banner .txtbox .t2 img{width: 0.18rem;margin-right: 0.04rem;}
.inner_banner .txtbox .t3{text-align: center;margin-top: 0.4rem;}
.esg1 .etp{padding: 1.4rem 0 0.6rem;}
.esg1 .webtit .t2{max-width: 6.8rem;margin-left: auto;margin-right: auto;}
.webtit .t1{width: fit-content;padding-left: 0.08rem;position: relative;line-height: calc(42 / 36);color: #000;}
.webtit.text-center .t1{margin: 0 auto;}
.webtit .t1 span{position: relative;z-index: 2;}
.webtit .t1::before{content: "";position: absolute;left: 0;top: 0.08rem;width: 0.16rem;height: 0.25rem;background: var(--color-primary);clip-path:polygon(25% 0, 100% 0, 75% 100%, 0 100%);}
.webtit .t2{margin-top: 0.24rem;line-height: calc(32 / 18);color: #333;}
.esg1 .ebt{position: relative;}
.esg1 .ebt .imgbox{height: 6rem;}
.esg1 .ebt .imgbox img{height: 100%;object-fit: cover;}
.esg1 .ebt .txtbox{position: absolute;left: 0;bottom: 1.98rem;width: 100%;line-height: calc(23 / 20);}
.esg1 .ebt .videoplay{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.77rem;height: 0.55rem;}
.esg1 .ebt .videoplay::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0.12rem;border: 1px solid rgba(255, 255, 255, 0.60);background: rgba(255, 255, 255, 0.20);backdrop-filter: blur(2px);}
.esg1 .ebt .videoplay img{position: relative;z-index: 2;}
.esg1 .ebt .videoplay:hover{transform: translate(-50%, -50%) scale(1.15);}
.esg2{padding: 1.4rem 0;}
.esg2 .w1600{display: flex;align-items: flex-start;justify-content: space-between;}
.esg2 .lf{width: 6.33rem;padding-top: 0.66rem;}
.esg2 .lf .webtit:not(:first-child){margin-top: 0.83rem;}
.esg2 .rf{width: 8.8rem;display: flex;}
.esg2 .rf .imgbox{width: 2.8rem;height: 5.08rem;overflow: hidden;}
.esg2 .rf .imgbox img{height: 100%;object-fit: cover;}
.esg2 .rf .imgbox:first-child{border-top-left-radius: 0.12rem;border-bottom-left-radius: 0.12rem;}
.esg2 .rf .imgbox:last-child{border-top-right-radius: 0.12rem;border-bottom-right-radius: 0.12rem;}
.esg2 .rf .imgbox:nth-child(1){transform: translateY(1.6rem);margin-right: 0.2rem;}
.esg2 .rf .imgbox:nth-child(2){transform: translateY(0.8rem);margin-right: 0.2rem;}
.esg3{padding: 1.4rem 0;background: #F8F8F8;}
.esg3 .ul{width: 14.12rem;padding: 0.4rem 0 0;margin: 0 auto;display: flex;flex-wrap: wrap;}
.esg3 .ul .li{width: 6.86rem;margin: 0.4rem 0 0;background: #fff;padding: 0.68rem 0.38rem 0.76rem;border-radius: 0.12rem;background: #FFF url(../images/svg/esg3_ico.svg) no-repeat bottom right;background-size: 2.07rem auto;box-shadow: 0 0.04rem 0.512rem 0 rgba(0, 0, 0, 0.08);}
.esg3 .ul .li:nth-child(2n){margin-left: 0.4rem;}
.esg3 .ul .li .t1{color: #333;}
.esg3 .ul .li .t2{min-height: calc(32 / 18 * 4em);}
/* about */
.about_banner{position: relative;}
.about_banner .imgbox{height: 6.8rem;overflow: hidden;}
.about_banner .txtbox{position: absolute;top: 2rem;left: 0;width: 100%;}
.about_banner .txtbox .t1{line-height: calc(61 / 50);}
.about_banner .txtbox .t2{line-height: calc(30 / 18);margin-top: 0.05rem;}
.crumbs{padding: 0.4rem 0;line-height: 0.2rem;color: rgba(51, 51, 51, 0.7);}
.crumbs .w1600{display: flex;align-items: center;}
.crumbs .ico{width: 0.2rem;margin-right: 0.09rem;}
.crumbs a{color: rgba(51, 51, 51, 0.7);}
.crumbs span{margin: 0 0.04rem;}
.crumbs a:hover{color: var(--color-primary);}
.ab1{padding: 0.6rem 0 1.3rem;background: url(../images/ab1_1.png) no-repeat top center;background-size: 100% auto;}
.ab1 .w1600{display: flex;justify-content: space-between;align-items: flex-start;}
.about_tit .t1{width: fit-content;padding-left: 0.08rem;position: relative;line-height: 1.3;}
.about_tit.text-center .t1{margin: 0 auto;}
.about_tit .t1 span{position: relative;z-index: 2;}
.about_tit .t1::before{content: "";position: absolute;left: 0;top: 0.15rem;width: 0.19rem;height: 0.355rem;background: var(--color-primary);clip-path:polygon(36.8% 0, 100% 0, 65.8% 100%, 0 100%);}
.about_tit .t2{margin-top: -1px;line-height: calc(30 / 20);color: #333;letter-spacing: 0.1em;color: rgba(51, 51, 51, 0.8);}
.about_tit.col-fff .t2{color: #fff;}
.ab1 .about_tit .t1{padding-left: 0.1rem;}
.ab1 .about_tit .t1::before{width: 0.19rem;height: 0.355rem;clip-path:polygon(35% 0, 100% 0, 65% 100%, 0 100%);margin-top: 0.02rem;}
.ab1 .rf{width: 8.85rem;}
.ab1 .rf .text{padding-right: 0.27rem;line-height: calc(32 / 18);color: #333;height: 1.28rem;overflow-y: auto;}
.ab1 .rf .imgbox{margin-top: 0.56rem;position: relative;}
.ab1 .rf .imgbox .img{height: 4.38rem;border-radius: 0.2rem;overflow: hidden;}
.ab1 .rf .imgbox .img img{height: 100%;object-fit: cover;}
.ab1 .rf .imgbox .videoplay{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.52rem;}
.ab1 .rf .imgbox .videoplay:hover{transform: translate(-50%, -50%) scale(1.15);}
.ab2{background: url(../images/ab2_1.jpg) no-repeat center;background-size: cover;padding: 1.23rem 0 0.89rem;}
.ab2 .ul{margin-top: 3.85rem;display: flex;}
.ab2 .ul .li{width: 5.02rem;margin-right: 0.47rem;display: flex;align-items: flex-start;border-radius: 0.15rem;background: rgba(255, 255, 255, 0.14);backdrop-filter: blur(74.30000305175781px);padding: 0.29rem 0.42rem 0.31rem 0.4rem;position: relative;transform-origin: center bottom;}
.ab2 .ul .li::before{content: "";position: absolute;left: 1px;bottom: 0;width: 2.81rem;height: 0.03rem;/* background: var(--color-primary); */border-radius: 0 0 0 0.15rem;height: 100%;border-bottom: 0.03rem solid var(--color-primary);transition: all 0.2s ease-out;opacity: 0;}
.ab2 .ul .li:nth-child(3n){margin-right: 0;}
.ab2 .ul .li .ico{width: 0.53rem;margin-right: 0.15rem;}
.ab2 .ul .li:not(:hover) .ico img{filter: var(--imgwhite);}
.ab2 .ul .li .txt{flex: 1;}
.ab2 .ul .li .txt .t1{line-height: calc(35 / 24);color: rgba(255, 255, 255, 0.63);}
.ab2 .ul .li .txt .t2{line-height: 1.875;color: #fff;margin-top: 0.04rem;}
.ab2 .ul .li:hover{background: #fff;transform: translateY(-0.29rem);}
.ab2 .ul .li:hover::before{opacity: 1;}
.ab2 .ul .li:hover .txt .t1{color: var(--text-color);}
.ab2 .ul .li:hover .txt .t2{color: #333;}
.ab2 .ul .li:after{content:"";position: absolute;left: 0;top: 100%;height: 0.29rem;width: 100%;}
.ab2 .ul .li:hover:after{height: 0.58rem;}
.ab3{padding: 1.67rem 0 1.61rem;background: url(../images/ab3_1.png) no-repeat bottom center;background-size: 100% auto;}
.ab3 .bot{margin-top: 0.56rem;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;position: relative;}
.ab3 .bot .swiper1{width: 2.2rem;line-height: 1.3;letter-spacing: 0.05em;margin-top: 0.11rem;}
.ab3 .bot .swiper1 .swiper-slide:not(:first-child){margin-top: 0.36rem;}
.ab3 .bot .swiper1 .swiper-slide{color: rgba(51, 51, 51, 0.60);}
.ab3 .bot .swiper1 .swiper-slide:hover{color: var(--color-primary);}
.ab3 .bot .swiper1 .swiper-slide.swiper-slide-thumb-active{color: var(--color-primary);font-weight: 700;}
.ab3 .bot .swiper2{width: 13.7rem;}
.ab3 .bot .swiper2 .tit{line-height: 1.3;letter-spacing: 0.05em;font-weight: 600;}
.ab3 .bot .swiper2 .line{height: 1px;position: relative;background: rgba(51, 51, 51, 0.3);margin-top: 0.26rem;}
.ab3 .bot .swiper2 .line s{position: absolute;left: 0;bottom: 0;width: 3.16rem;height: 2px;background: var(--color-primary);}
.ab3 .bot .swiper2 .sbot{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 0.38rem;}
.ab3 .bot .swiper2 .sbot .img{width: 6.76rem;height: 4.45rem;border-radius: 0.1rem;overflow: hidden;}
.ab3 .bot .swiper2 .sbot .img img{height: 100%;object-fit: cover;}
.ab3 .bot .swiper2 .sbot .txt{padding-top: 0.4rem;width: 6.07rem;}
.ab3 .bot .swiper2 .sbot .txt .t1{line-height: calc(38 / 32);color: #333;}
.ab3 .bot .swiper2 .sbot .txt .t2{margin-top: 0.47rem;padding-right: 0.25rem;max-height: 1.46rem;overflow-y: auto;line-height: calc(30 / 18);}
.ab3 .bot .swiper2 .sbot .txt .t2 p{position: relative;padding-left: 0.26rem;}
.ab3 .bot .swiper2 .sbot .txt .t2 p::before{content: "";position: absolute;left: 0;top: 0.12rem;width: 0.06rem;height: 0.06rem;border-radius: 50%;background: var(--color-primary);}
.ab3 .bot .swiper2 .sbot .txt .t2 p:not(:first-child){margin-top: 0.28rem;}
.ab3 .bot .swpbtn2{position: absolute;bottom: 0.27rem;display: flex;left: 2.45rem;z-index: 11;}
.ab3 .bot .swpbtn2 a{width: 0.3rem;height: 0.3rem;margin-right: 0.08rem;border-radius: 50%;background: rgba(230, 230, 230, 0.41);width: 0.46rem;height: 0.46rem;}
.ab3 .bot .swpbtn2 a:hover{background: #232626;}
.ab4{padding: 1.6rem 0 1.75rem;background: url(../images/ab4_1.png) no-repeat center;background-size: cover;overflow: hidden;}
.ab4 .switch{margin-top: 0.51rem;display: flex;align-items: center;justify-content: center;}
.ab4 .switch a{border-radius: 0.28rem;border: 1px solid rgba(51, 51, 51, 0.60);height: 0.56rem;min-width: 1.72rem;padding: 0 0.2rem;display: flex;align-items: center;justify-content: center;color: #333;margin: 0 0.2rem;}
.ab4 .switch img{width: 0.22rem;height: 0.22rem;object-fit: contain;margin-right: 0.1rem;}
.ab4 .switch a.act,
.ab4 .switch a:hover{background: var(--color-primary);border-color: var(--color-primary);}
.ab4 .switch a.act img,
.ab4 .switch a:hover img{filter: var(--imgblack);}
.ab4 .list{margin-top: 0.7rem;}
.ab4 .list .item{display: none;}
.ab4 .list .item.act{display: block;}
.ab4 .list .swiper{overflow: visible;}
.ab4 .list .swiper1{width: 14.3rem;margin: 0 auto;overflow: visible;}
.ab4 .list .swiper2{width: 17.16rem;margin: 0 auto;overflow: visible;margin-top: 0.23rem;}
.ab4 .swpbox .swiper-slide{width: 2.7rem;height: 1.5rem;background: #fff;border-radius: 0.08rem;display: flex;align-items: center;justify-content: center;box-shadow: 0 0.04rem 0.4rem 0 rgba(0, 0, 0, 0.05);margin: 0 0.1rem;box-shadow: 0 0.04rem 0.15rem 0 rgba(0, 0, 0, 0.04);}
.ab4 .swpbox .swiper-slide img{max-width: 100%;max-height: 100%;object-fit: contain;}
.ab4 .swiper-free-mode>.swiper-wrapper{transition-timing-function: linear;}
.ab5{position: relative;}
.ab5 .imgbox{height: 6.8rem;}
.ab5 .imgbox img{height: 100%;object-fit: cover;}
.ab5 .txtbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.ab5 .txtbox .t1{line-height: 1.3;}
.ab5 .txtbox .t2{line-height: 1.5;letter-spacing: 0.1em;}
.ab5 .txtbox .t3{line-height: 1.6;margin-top: 0.3rem;width: 7.04rem;}
.ab5 .txtbox .webbtn{margin-top: 0.62rem;}
.ab_honor{background: url(../images/ab6_1.jpg) no-repeat center;background-size: cover;padding: 1rem 0 1.04rem;overflow: hidden;}
.ab_honor .switch{margin: 0.4rem 0 0;display: flex;align-items: center;justify-content: center;}
.ab_honor .switch a{border-radius: 0.28rem;border: 1px solid rgba(51, 51, 51, 0.60);height: 0.56rem;display: flex;align-items: center;justify-content: center;padding: 0 0.25rem;min-width: 1.5rem;color: #333;margin: 0 0.19rem;}
.ab_honor .switch a.act{background: var(--color-primary);border-color: var(--color-primary);font-family: 'hmm';font-weight: 500;}
.ab_honor .switch a:hover{background: var(--color-primary);border-color: var(--color-primary);}
.ab_honor .list{margin-top: 0.25rem;}
.ab_honor .list .item{display: none;}
.ab_honor .list .item.act{display: block;}
.ab_honor .swiper{padding: 0.51rem 0 0.54rem;}
.ab_honor .swiper::before{content: "";position: absolute;left: 0;top: 0;width: 1.78rem;height: 100%;z-index: 11;background: linear-gradient(270deg, rgba(246, 249, 253, 0.02) 0%, #F6F9FD 74.04%);}
.ab_honor .swiper::after{content: "";position: absolute;right: 0;top: 0;width: 1.78rem;height: 100%;z-index: 11;background: linear-gradient(270deg, rgba(246, 249, 253, 0.02) 0%, #F6F9FD 74.04%);transform: rotate(180deg);}
.ab_honor .swiper .swiper-slide{width: 5.88rem;}
.ab_honor .list .ss{background: #fff;filter: drop-shadow(0 0.04rem 0.39rem rgba(0, 0, 0, 0.05));border-radius: 0.08rem;padding: 0.55rem 0.68rem 0.55rem 0.66rem;display: flex;justify-content: space-between;}
.ab_honor .list .ss::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0.06rem;background: var(--color-primary);opacity:0;}
.ab_honor .list .ss .txtbox{width: 2.03rem;padding-top: 0.06rem;position: relative;}
.ab_honor .list .ss .txtbox .t1{line-height: 1.3;}
.ab_honor .list .ss .txtbox .t2{line-height: 1.3;margin-top: 0.1rem;}
.ab_honor .list .ss .txtbox .txt{position: absolute;left: 0;bottom: 0;}
.ab_honor .list .ss .txtbox .txt .t3{line-height: 1.3;color: #333;}
.ab_honor .list .ss .txtbox .txt .t4{line-height: 1.3;color: var(--text-color2);}
.ab_honor .list .ss .imgbox{width: 1.56rem;height: 2.5rem;display: flex;align-items: center;}
.ab_honor .list .ss .imgbox img{object-fit: contain;height: 100%;}
.ab_honor .list .swiper-slide-active .ss::before{opacity: 1;}
.ab_honor .list .swiper-slide-active .ss .txtbox .t2{color: var(--color-primary);}
.swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right{display: none;}
.ab_honor .swpbtn3{margin-top: 0.25rem;display: flex;justify-content: center;align-items: center;}
.ab_honor .swpbtn3 a{width: 0.46rem;height: 0.46rem;position: relative;border-radius: 50%;margin: 0 0.06rem;}
.ab_honor .swpbtn3 a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #E6E6E6;border-radius: 50%;}
.ab_honor .swpbtn3 a:hover::before{border-color: var(--color-primary);}
.ab_honor .swpbtn3 a:hover{background: var(--color-primary);}
.layout_switch{position: relative;line-height: 0.83rem;}
.layout_switch::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #EBEBEB;}
.layout_switch .w1600{display: flex;}
.layout_switch a{color: #999;margin-right: 0.79rem;position: relative;}
.layout_switch a::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: var(--color-primary);}
.layout_switch a:hover,
.layout_switch a.act{color: #333;}
.layout_switch a.act::before{width: 100%;}
.product_list{padding: 0.1rem 0 1.2rem;}
.product_list .ul{display: flex;flex-wrap: wrap;}
.product_list .li{width: calc((100% - 0.54rem) / 3);margin: 0.7rem 0.27rem 0 0;}
.product_list .li:nth-child(3n){margin-right: 0;}
.product_list .li .ss{display: block;}
.product_list .li .ss .imgbox{position: relative;height: 3.31rem;overflow: hidden;}
.product_list .li .ss .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #E8E8E8;}
.product_list .li .ss .imgbox::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/prod_list_bg.png) no-repeat center;background-size: cover;opacity: 0;}
.product_list .li .ss .imgbox img{object-fit: contain;height: 100%;position: relative;z-index: 5;}
.product_list .li .ss .txtbox{position: relative;padding: 0.34rem 0.3rem 0.33rem;}
.product_list .li .ss .txtbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #1C1B1C url(../images/prod_list_bg2.png) no-repeat center;background-size: cover;opacity: 0;}
.product_list .li .ss .txtbox .t1{line-height: 1.6;color: #333;position: relative;z-index: 3;}
.product_list .li .ss .txtbox .t2{margin-top: 0.1rem;display: flex;align-items: center;position: relative;z-index: 3;}
.product_list .li .ss .txtbox .t2 span{width: 0.3rem;margin-left: 0.16rem;border-radius: 50%;}
.product_list .li .ss:hover .imgbox::before{opacity: 0;}
.product_list .li .ss:hover .imgbox::after{opacity: 1;}
.product_list .li .ss:hover .txtbox::before{opacity: 1;}
.product_list .li .ss:hover .txtbox .t1{color: #fff;}
.product_list .li .ss:hover .txtbox .t2{color: #fff;}
.product_list .li .ss:hover .txtbox .t2 span{background: var(--color-primary);}
.product_list .pages{margin-top: 0.97rem;}
.pages{display: flex;align-items: center;justify-content: center;line-height: 0.4rem;}
.pages a{width: 0.4rem;height: 0.4rem;border-radius: 50%;text-align: center;color: #666;}
.pages .num{margin: 0 0.015rem;}
.pages .num:hover,
.pages .num.act{background: var(--color-primary);color: #111;}
.pages .pbbtn{margin: 0 0.25rem;opacity: 0.2;}
.pages .pbbtn:hover{opacity: 1;}
.pdd1{background: url(../images/pdd1_1_1.png) no-repeat top center;background-size: cover;padding: 0.44rem 0 0.84rem;}
.pdd1::before{content: "";}
.pdd1 .crb{line-height: calc(19 / 16);color: rgba(114, 114, 114, 0.7);}
.pdd1 .crb a{color: rgba(114, 114, 114, 0.7);}
.pdd1 .crb a:last-child{color: rgba(29, 29, 31, 0.7);}
.pdd1 .crb a:last-child:hover,
.pdd1 .crb a:hover{color: var(--color-primary);}
.pdd1 .box{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0.67rem;}
.pdd1 .box .rf{width: 8.19rem;}
.pdd1 .box .rf .t1{position: relative;line-height: calc(42 / 36);color: #333;padding-left: 0.05rem;}
.pdd1 .box .rf .t1::before{content: "";position: absolute;width: 0.16rem;height: 0.25rem;background: var(--color-primary);top: 0.1rem;left: 0; clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);}
.pdd1 .box .rf .t1 span{position: relative;z-index: 2;}
.pdd1 .box .rf .t2{margin-top: 0.6rem;padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom: 1px solid #CFCFCF;line-height: calc(28 / 24);color: #333;}
.pdd1 .box .rf .t3{line-height: calc(19 / 16);color: #444;}
.pdd1 .box .rf .t3 p:not(:first-child){margin-top: 0.2rem;}
.pdd1 .box .rf .t4{width: 1.72rem;height: 0.48rem;display: flex;align-items: center;justify-content: center;background: var(--color-primary);color: #000;border-radius: 0.48rem;margin-top: 0.6rem;}
.pdd1 .box .rf .t4 img{width: 0.22rem;margin-right: 0.1rem;}
.pdd1 .box .rf .t4:hover{background: #232626;color: #fff;}
.pdd1 .box .rf .t4:hover img{filter: var(--imgwhite);}
.pdd1 .box .lf{width: 6.54rem;position: relative;}
.pdd1 .box .lf .swiper1{height: 4.42rem;border-radius: 0.14rem;overflow: hidden;}
.pdd1 .box .lf .swiper1::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 0.14rem;}
.pdd1 .box .lf .swiper1 .swiper-slide{height: 4.42rem;background: #fff url(../images/pdd1_img_bg.png) no-repeat center;background-size: cover;}
.pdd1 .box .lf .swiper1 .swiper-slide img{height: 100%;object-fit: contain;}
.pdd1 .box .lf .swiper2{margin-top: 0.39rem;}
.pdd1 .box .lf .swiper2 .swiper-slide{width: 1.2rem;border-radius: 0.4rem;margin-right: 0.13rem;padding-bottom: 0.13rem;}
.pdd1 .box .lf .swiper2 .swiper-slide::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 0.02rem;background: #000;}
.pdd1 .box .lf .swiper2 .swiper-slide .img{height: 1.2rem;position: relative;z-index: 5;border-radius: 0.04rem;overflow: hidden;background: url(../images/pdd1_img_bg.png) no-repeat center;background-size: cover;}
.pdd1 .box .lf .swiper2 .swiper-slide .img::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 0.04rem;opacity: 0;}
.pdd1 .box .lf .swiper2 .swiper-slide img{height: 100%;object-fit: cover;}
.pdd1 .box .lf .swiper2 .swiper-slide:last-child{margin-right: 0;}
.pdd1 .box .lf .swiper2 .swiper-slide.swiper-slide-thumb-active::before{width: 0.3rem;}
.pdd1 .box .lf .swiper2 .swiper-slide.swiper-slide-thumb-active .img{border-radius: 0.14rem;}
.pdd1 .box .lf .swiper2 .swiper-slide.swiper-slide-thumb-active .img::before{opacity: 1;border-radius: 0.14rem;}
.pdd1 .box .lf .btn a{position: absolute;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: rgba(255,255,255,0.3);bottom: 0.48rem;}
.pdd1 .box .lf .btn a:hover{background: #F4F6F9;}
.pdd1 .box .lf .btn a.prev{left: -0.7rem;}
.pdd1 .box .lf .btn a.next{right: -0.7rem;}
.pdd_switch{margin-top: 0.27rem;background: #1C1B1C;padding: 0.25rem 0 0.24rem;line-height: calc(19 / 16);}
.pdd_switch .w1600{display: flex;align-items: center;}
.pdd_switch s{width: 1px;height: 0.18rem;background: #999;margin: 0 0.73rem 0 0.72rem;}
.pdd_switch a{color: #fff;}
.pdd_switch a.act{color: var(--color-primary);font-family: 'hmm';font-weight: 500;}
.pdd_switch a:hover{color: var(--color-primary);}
.pdd_tit{position: relative;width: fit-content;margin: 0 auto;line-height: calc(42 / 36);color: #000;}
.pdd_tit span{position: relative;z-index: 3;}
.pdd_tit::before{content: "";position: absolute;top: 0.1rem;left: -0.08rem;width: 0.16rem;height: 0.25rem;background: var(--color-primary);clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);}
.pdd2{padding: 1.1rem 0 0.735rem;background: url(../images/pdd2_1.png) no-repeat center;background-size: cover;}
.pdd2 .swiper{margin: 0 -9px;padding: 0.8rem 9px 0;}
/*.pdd2 .swiper .swiper-wrapper{flex-wrap: wrap;}*/
.pdd2 .swiper .ul{display: flex;flex-wrap: wrap}
.pdd2 .swiper .ul .li{width: calc((100% - 0.72rem) / 5);margin: 0.18rem 0.18rem 0 0;}
.pdd2 .swiper .ul .li:nth-child(5n){margin-right: 0;}
.pdd2 .swiper .ul .li:nth-child(-n + 5){margin-top: 0;}
.pdd2 .swiper .ul .li{padding: 0.3rem 0.24rem 0.95rem;background: #fff;border-radius: 0.1rem;overflow: hidden;height: auto;}
/*.pdd2 .swiper .swiper-slide*/
.pdd2 .swiper .ul .li .ico,
.pdd2 .swiper .swiper-slide .ico{width: 0.4rem;height: 0.4rem;position: relative;z-index: 2;}
.pdd2 .swiper .ul .li .ico img,
.pdd2 .swiper .swiper-slide .ico img{height: 100%;object-fit: contain;}
.pdd2 .swiper .ul .li .txt,
.pdd2 .swiper .swiper-slide .txt{margin-top: 0.3rem;line-height: calc(21 / 18);color: #333;position: relative;z-index: 2;}
.pdd2 .swiper .ul .li .status,
.pdd2 .swiper .swiper-slide .status{position: absolute;right: 0.3rem;bottom: -0.51rem;font-size: 1.4255rem;line-height: 1.67rem;background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(253, 253, 253, 0.03) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;opacity: 0;}
.pdd2 .swiper .ul .li:hover,
/*.pdd2 .swiper .swiper-slide:hover{box-shadow: 0 0.04rem 0.343rem rgba(172, 172, 172, 0.25);}*/
.pdd2 .swiper .ul .li:hover .status,
.pdd2 .swiper .swiper-slide:hover .status{opacity: 1;}
.pdd2 .pogin{position: relative;bottom: 0;width: 100%;left: 0;display: flex;justify-content: center;margin-top: 0.4rem;}
.pdd2 .pogin span{background: rgba(18, 18, 18, 0.60);width: 0.06rem;height: 0.03rem;border-radius: 0.03rem;opacity: 1;margin: 0 0.015rem;}
.pdd2 .pogin span.swiper-pagination-bullet-active{width: 0.2rem;background: rgba(18, 18, 18, 1);}
.pdd3{padding: 1.4rem 0 1.1rem;}
.pdd3 .edit{margin-top: 0.7rem;line-height: calc(19 / 16);color: #1C1B1C;}
.pdd3 .edit table{width: 100%;text-align: center;border-collapse: collapse;}
.pdd3 .edit table td{width: 50%;padding: 0.26rem 0.2rem 0.25rem;border: 1px solid #EBEBEB;}
.pdd3 .edit table td:first-child{border-left: none;}
.pdd3 .edit table td:last-child{border-left: none;}
.pdd3 .edit table tr:first-child{box-shadow: 0 -2px 0 0 #1C1B1C;}
.pdd3 .edit table tr:nth-child(odd){background: #F7F8FA;}
.pdd4{padding: 1.1rem 0 1.06rem;overflow: hidden;background: #F9F9F9;}
.pdd4 .set{line-height: 1.6;color: #000;margin-top: 0.4rem;}
.pdd4 .swiper{overflow: visible;width: 14.66rem;margin: 0.9rem auto 0;}
.pdd4 .swiper .swiper-slide{display: flex;border-radius: 0.16rem;background: #fff;position: relative;overflow: hidden;}
.pdd4 .swiper .swiper-slide .text{width: 5.54rem;padding: 0.7rem 0.39rem 1.06rem 0.7rem;background: url(../images/pdd4_ico.png) no-repeat bottom right;background-size: 100% auto;}
.pdd4 .swiper .swiper-slide .text .t1{line-height: calc(42 / 36);color: #000;}
.pdd4 .swiper .swiper-slide .text .t2{height: 2.54rem;overflow-y: auto;padding-right: 0.2rem;line-height: 1.6;color: #333;margin-top: 0.3rem;}
.pdd4 .swiper .swiper-slide .text .t2 p:not(:first-child){margin-top: 0.2rem;}
.pdd4 .swiper .swiper-slide .text .t3{position: absolute;left: 0.7rem;bottom: 0.5rem;display: flex;align-items: baseline;line-height: 1.6;color: #666;}
.pdd4 .swiper .swiper-slide .text .t3 span:first-child{color: var(--color-primary);font-size: 0.41043rem;}
.pdd4 .swiper .swiper-slide .text .t3 span:nth-child(2){color: var(--color-primary);font-size: 0.35913rem;}
.pdd4 .swiper .swiper-slide .imgbox{width: 9.12rem;height: 5.56rem;}
.pdd4 .swiper .swiper-slide .imgbox img{height: 100%;object-fit: cover;}
.pdd2_switch{padding: 0.2rem 0;line-height: calc(19 / 16);}
.pdd2_switch .w1600{display: flex;flex-wrap: wrap;}
.pdd2_switch a{color: #999;margin-right: 0.4rem;position: relative;}
.pdd2_switch a.act::before{position: absolute;content: "";width: 0.08rem;height: 0.12rem;background: var(--color-primary);top: 0.04rem;left: -0.03rem;clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);}
.pdd2_switch a.act,
.pdd2_switch a:hover{color: #333;}
.pdd2_switch a span{position: relative;z-index: 1;}
.pet1{padding: 0.5rem 0 1.02rem;}
.pet1 .box{display: flex;border-radius: 0.12rem;overflow: hidden;background: #FFF;box-shadow: 0 0.04rem 0.69rem 0 rgba(0, 0, 0, 0.10);}
.pet1 .imgbox{width: 8.12rem;}
.pet1 .imgbox img{height: 100%;object-fit: cover;}
.pet1 .txtbox{width: 7.88rem;padding: 0.93rem 0.62rem;}
.pet1 .txtbox .t3{line-height: calc(32 / 18);color: #333;margin-top: 0.8rem;}
.pet1 .txtbox .t3 p:not(:first-child){margin-top: 0.4rem;}
.pet2{padding: 0.65rem 0 1.6rem;overflow: hidden;background: linear-gradient(180deg, #FFF 0%, #F6F6F6 100%);}
.pet2 .swiper{overflow: visible;margin: 0.4rem auto 0;width: 9.96rem;}
.pet2 .swiper .swiper-slide{width: 4.78rem;background: #FAFAFA;border-radius: 0.12rem;margin-right: 0.4rem;padding-bottom: 2.61rem;overflow: hidden;height: auto;}
.pet2 .swiper .swiper-slide:last-child{margin-right: 0;}
.pet2 .swiper .txtbox{padding: 0.62rem 0.36rem 0.61rem 0.6rem;}
.pet2 .swiper .txtbox .t1{line-height: calc(40 / 32);color: #333;}
.pet2 .swiper .txtbox .t2{line-height: calc(32 / 18);color: #333;margin-top: 0.04rem;}
.pet2 .swiper .imgbox{position: absolute;left: 0;bottom: 0;width: 100%;height: 2.23rem;}
.pet2 .swiper .imgbox img{height: 100%;object-fit: cover;}
.pet2 .swiper .swiper-slide:hover{box-shadow: 0 0.26rem 0.39rem 0.15rem rgba(0, 0, 0, 0.06);background: #fff;}
.pet2 .swiper .swiper-slide:hover .imgbox{height: 2.61rem;}
.pet2 .swpbtnbox{display: flex;align-items: center;justify-content: center;margin-top: 0.92rem;}
.pet2 .swpbtnbox a{width: 0.54rem;height: 0.54rem;border-radius: 50%;position: relative;}
.pet2 .swpbtnbox a img{position: relative;z-index: 3;}
.pet2 .swpbtnbox a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #A9A9A9;}
.pet2 .swpbtnbox a::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border-radius: 54px;
background: linear-gradient(126deg, #FEDD00 3.89%, #F39800 78.73%);transform: rotate(90deg);opacity: 0;}
.pet2 .swpbtnbox a:hover::before{opacity: 1;}
.pet2 .swpbtnbox a:hover::after{opacity: 1;}
.pet2 .swpbtnbox a:hover img{filter: var(--imgwhite);}
.pet2 .swpbtnbox .pogin{display: flex;align-items: baseline;margin: 0 0.53rem 0 0.49rem;line-height: 1.6;color: #999;letter-spacing: 0.1em;}
.pet2 .swpbtnbox .pogin span{color: var(--color-primary);font-size: 0.41rem;}
.pet3{padding: 1rem 0 1.77rem;background: url(../images/pet3_1.png) no-repeat center;background-size: cover;}
.pet3 .switch{display: flex;justify-content: center;}
.pet3 .switch a{margin-right: 2.44rem;position: relative;}
.pet3 .switch a::after{content: "";position: absolute;width: 2.12rem;height: 0.02rem;background: #DDDDDD;top: 0.345rem;left: 0.76rem;}
.pet3 .switch a:last-child{margin-right: 0;}
.pet3 .switch a:last-child:after{display: none;}
.pet3 .switch .ico{width: 0.62rem;height: 0.62rem;border-radius: 50%;position: relative;}
.pet3 .switch .ico img{position: relative;z-index: 3;}
.pet3 .switch .ico::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0.02rem solid #DDDDDD;border-radius: 50%;}
.pet3 .switch .ico::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: linear-gradient(126deg, #FEDD00 3.89%, #F39800 78.73%);opacity: 0;}
.pet3 .switch .txt{position: absolute;width: max-content;max-width: 2.44rem;left: 50%;top: 0.7rem;transform: translateX(-50%);line-height: calc(34 /14);}
.pet3 .switch a.act .ico::before,
.pet3 .switch a:hover .ico::before{opacity: 0;}
.pet3 .switch a.act .ico::after,
.pet3 .switch a:hover .ico::after{opacity: 1;}
.pet3 .switch a.act .ico,
.pet3 .switch a:hover .ico{box-shadow: 0 0.04rem 0.201rem 0 rgba(228, 143, 0, 0.43);}
.pet3 .switch a.act .ico img,
.pet3 .switch a:hover .ico img{filter: var(--imgwhite);}
.pet3 .list{margin-top: 1.4rem;padding: 0 0.09rem 0 0.75rem;}
.pet3 .list .item{display: none;}
.pet3 .list .item.act{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pet3 .list .item .lf{width: 6.99rem;position: relative;padding: 0.09rem 0 1rem 0;}
.pet3 .list .item .lf .txt{padding: 0.6rem 0 0 0.19rem;line-height: calc(32 / 18);color: #333;}
.pet3 .list .item .rf{position: relative;}
.pet3 .list .item .rf .bg s{position: absolute;top: 50%;transform: translateY(-50%);}
.pet3 .list .item .rf .bg s:nth-child(1){width: 3.1rem;height: 3.92rem;left: -0.81rem;border-radius: 0.12rem;background: rgba(255, 255, 255, 0.60);box-shadow: -0.08rem 0 0.169rem 0 rgba(0, 0, 0, 0.03);}
.pet3 .list .item .rf .bg s:nth-child(2){width: 3.1rem;height: 4.23rem;left: -0.55rem;border-radius: 0.12rem;background: rgba(255, 255, 255, 0.60);box-shadow: -0.08rem 0 0.169rem 0 rgba(0, 0, 0, 0.03);}
.pet3 .list .item .rf .bg s:nth-child(3){width: 3.1rem;height: 4.54rem;left: -0.29rem;border-radius: 0.12rem;background: rgba(255, 255, 255, 0.80);box-shadow: -0.08rem 0 0.169rem 0 rgba(0, 0, 0, 0.06);}
.pet3 .list .item .rf .swiper{width: 7rem;height: 4.84rem;box-shadow: -0.11rem 0 0.32rem 0 rgba(0, 0, 0, 0.20);border-radius: 0.12rem;}
.pet3 .list .item .rf .swiper-slide{height: 4.84rem;}
.pet3 .list .item .rf .swiper-slide img{height: 100%;object-fit: cover;}
.pet3 .swpbtnbox{position: absolute;left: 0.19rem;bottom: 0.1rem;}
.pet3 .swpbtnbox{display: flex;}
.pet3 .swpbtnbox a{width: 0.54rem;height: 0.54rem;border-radius: 50%;position: relative;margin-right: 0.25rem;}
.pet3 .swpbtnbox a img{position: relative;z-index: 3;}
.pet3 .swpbtnbox a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #A9A9A9;}
.pet3 .swpbtnbox a::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border-radius: 54px;
background: linear-gradient(126deg, #FEDD00 3.89%, #F39800 78.73%);transform: rotate(90deg);opacity: 0;}
.pet3 .swpbtnbox a:hover::before{opacity: 1;}
.pet3 .swpbtnbox a:hover::after{opacity: 1;}
.pet3 .swpbtnbox a:hover img{filter: var(--imgwhite);}
.pet3 .pogin{display: flex;align-items: baseline;line-height: 1.6;color: #999;letter-spacing: 0.1em;position: absolute;bottom: 0;right: 0.91rem;}
.pet3 .pogin span{color: var(--color-primary);font-size: 0.41rem;}
.pet4{padding: 1.6rem 0;background: linear-gradient(180deg, #F6F6F6 0%, #FFF 20%);overflow: hidden;}
.pet4 .top{display: flex;justify-content: space-between;align-items: center;}
.pet4 .top .switch{display: flex;align-items: center;}
.pet4 .top .switch a{border: 1px solid #999;height: 0.52rem;line-height: 0.4rem;display: flex;align-items: center;padding: 0 0.41rem;color: #999;margin-left: 0.32rem;border-radius: 0.52rem;}
.pet4 .top .switch a.act,
.pet4 .top .switch a:hover{background: var(--color-primary);border-color: var(--color-primary);color: #333;}
.pet4 .list{margin-top: 0.62rem;position: relative;}
.pet4 .list .item{display: none;}
.pet4 .list .item.act{display: block;}
.pet4 .list .item .swiper{width: 8.82rem;overflow: visible;}
.pet4 .list .item .swiper::before{content: "";position: absolute;bottom: 0;right: 9.47rem;width: 8.82rem;height: 5.02rem;border-radius: 0.12rem;background: linear-gradient(270deg, #EFEFEF 40.31%, rgba(255, 255, 255, 0.00) 100%);z-index: 11;transform: rotate(180deg);}
.pet4 .list .item .swiper::after{content: "";position: absolute;bottom: 0;left: 9.47rem;width: 8.82rem;height: 5.02rem;border-radius: 0.12rem;z-index: 11;background: linear-gradient(270deg, #EFEFEF 42.46%, rgba(255, 255, 255, 0.00) 100%);}
.pet4 .list .item .swiper-slide{padding-bottom: 5.17rem;width: 100%;height: auto;}
.pet4 .list .item .swiper-slide:last-child{margin-right: 0;}
.pet4 .list .item .swiper-slide .txtbox{display: flex;align-items: baseline;padding: 0 0.29rem;color: #333;opacity: 0;pointer-events: none;}
.pet4 .list .item .swiper-slide .t1{line-height: calc(34 / 32);margin-right: 0.16rem;}
.pet4 .list .item .swiper-slide .t2{line-height: calc(34 / 18);flex: 1;}
.pet4 .list .item .swiper-slide .imgbox{position: absolute;left: 0;bottom: 0;width: 100%;height: 5.02rem;border-radius: 0.12rem;overflow: hidden;}
.pet4 .list .item .swiper-slide .imgbox img{height: 100%;object-fit: cover;}
.pet4 .list .item .swiper-slide.swiper-slide-active .txtbox{opacity: 1;pointer-events: all;}
.pet4 .list .item .swpbtn a{width: 0.9rem;height: 0.9rem;border-radius: 0.9rem;background: rgba(125, 125, 125, 0.38);backdrop-filter: blur(14.25px);bottom: 2.06rem;z-index: 11;position: absolute;}
.pet4 .list .item .swpbtn a.prev{right: 8.37rem;}
.pet4 .list .item .swpbtn a.next{left: 8.37rem;}
.pet4 .list .item .swpbtn a:hover{background: var(--color-primary);}
.footer .fce .ul .li:nth-child(5){display: none;}
/* @media screen and (min-width:1921px) {
html{font-size: 100px;}
.w1640{max-width: 1920px;margin: 0 auto;}
}
@media screen and (max-width:1680px) {
.f_14 {font-size:13px;}
.f_16 {font-size:14px;}
.f_18 {font-size:16px;}
.f_20 {font-size:18px;}
.f_22 {font-size:20px;}
.f_24 {font-size:22px;}
.f_26 {font-size:24px;}
.f_28 {font-size:26px;}
.f_30 {font-size:28px;}
.f_32 {font-size:30px;}
.f_34 {font-size:32px;}
.f_36 {font-size:34px;}
.f_38 {font-size:36px;}
.f_40 {font-size:38px;}
.f_42,.f_44 {font-size:40px;}
.f_46 {font-size:42px;}
.f_48 {font-size:44px;}
.f_50 {font-size:46px;}
.f_52 {font-size:48px;}
.f_54 {font-size:48px;}
.f_56 {font-size:48px;}
.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:52px;}
}
@media (max-width: 1560px) {
.f_14 {font-size: 13px;}
.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:48px;}
}
@media screen and (max-width:1440px) {
.f_16 {font-size:14px;}
.f_18 {font-size:15px;}
.f_20 {font-size:17px;}
.f_22 {font-size:18px;}
.f_24 {font-size:20px;}
.f_26 {font-size:22px;}
.f_28 {font-size:22px;}
.f_30 {font-size:24px;}
.f_32 {font-size:24px;}
.f_34 {font-size:26px;}
.f_36 {font-size:28px;}
.f_38,.f_40 {font-size:30px;}
.f_42,.f_44 {font-size:32px;}
.f_46 {font-size:34px;}
.f_48 {font-size:36px;}
.f_50 {font-size:36px;}
.f_52 {font-size:38px;}
.f_54 {font-size:38px;}
.f_56 {font-size:40px;}
.f_58 {font-size:42px;}
.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:44px;}
}
@media screen and (max-width:1280px) {
.f_14 {font-size:12px;}
.f_16 {font-size:13px;}
.f_18 {font-size:14px;}
.f_20 {font-size:15px;}
.f_22 {font-size:16px;}
.f_24 {font-size:16px;}
.f_26 {font-size:20px;}
.f_28 {font-size:20px;}
.f_30 {font-size:20px;}
.f_32 {font-size:22px;}
.f_34 {font-size:23px;}
.f_36 {font-size:25px;}
.f_38 {font-size:26px;}
.f_40 {font-size:30px;}
.f_42,.f_44 {font-size:32px;}
.f_46 {font-size:30px;}
.f_48,.f_50 {font-size:34px;}
.f_52 {font-size:36px;}
.f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:40px;}
} */
@media screen and (max-width:1024px) {
html {font-size: min(calc(100vw / 7.5), 100px);}
.w1600{padding: 0 0.34rem;}
.tit-12 {
font-size: 0.22rem;
}
.tit-13 {
font-size: 0.22rem;
}
.tit-14 {
font-size: 0.22rem;
}
.tit-15 {
font-size: 0.24rem;
}
.tit-16 {
font-size: 0.24rem;
}
.tit-17 {
font-size: 0.24rem;
}
.tit-18 {
font-size: 0.24rem;
}
.tit-19 {
font-size: 0.24rem;
}
.tit-20 {
font-size: 0.26rem;
}
.tit-21 {
font-size: 0.27rem;
}
.tit-22 {
font-size: 0.28rem;
}
.tit-23 {
font-size: 0.3rem;
}
.tit-24 {
font-size: 0.3rem;
}
.tit-25 {
font-size: 0.3rem;
}
.tit-26 {
font-size: 0.3rem;
}
.tit-27 {
font-size: 0.3rem;
}
.tit-28 {
font-size: 0.3rem;
}
.tit-29 {
font-size: 0.32rem;
}
.tit-30 {
font-size: 0.32rem;
}
.tit-31 {
font-size: 0.32rem;
}
.tit-32 {
font-size: 0.32rem;
}
.tit-33 {
font-size: 0.34rem;
}
.tit-34 {
font-size: 0.34rem;
}
.tit-35 {
font-size: 0.34rem;
}
.tit-36 {
font-size: 0.36rem;
}
.tit-37 {
font-size: 0.36rem;
}
.tit-38 {
font-size: 0.36rem;
}
.tit-39 {
font-size: 0.36rem;
}
.tit-40 {
font-size: 0.36rem;
}
.tit-41 {
font-size: 0.36rem;
}
.tit-42 {
font-size: 0.36rem;
}
.tit-43 {
font-size: 0.34rem;
}
.tit-44 {
font-size: 0.36rem;
}
.tit-45 {
font-size: 0.36rem;
}
.tit-46 {
font-size: 0.36rem;
}
.tit-47 {
font-size: 0.36rem;
}
.tit-48 {
font-size: 0.4rem;
}
.tit-49 {
font-size: 0.4rem;
}
.tit-50 {
font-size: 0.4rem;
}
.tit-51 {
font-size: 0.4rem;
}
.tit-52 {
font-size: 0.4rem;
}
.tit-53 {
font-size: 0.4rem;
}
.tit-54 {
font-size: 0.4rem;
}
.tit-55 {
font-size: 0.4rem;
}
.tit-56 {
font-size: 0.4rem;
}
.tit-57 {
font-size: 0.4rem;
}
.tit-58 {
font-size: 0.4rem;
}
.tit-59 {
font-size: 0.4rem;
}
.tit-60 {
font-size: 0.4rem;
}
.tit-61 {
font-size: 0.4rem;
}
.tit-62 {
font-size: 0.4rem;
}
.tit-63 {
font-size: 0.4rem;
}
.tit-64 {
font-size: 0.4rem;
}
.tit-65 {
font-size: 0.4rem;
}
.tit-66 {
font-size: 0.4rem;
}
.tit-67 {
font-size: 0.4rem;
}
.tit-68 {
font-size: 0.4rem;
}
.tit-69 {
font-size: 0.4rem;
}
.tit-70 {
font-size: 0.4rem;
}
.tit-71 {
font-size: 0.4rem;
}
.tit-72 {
font-size: 0.4rem;
}
.tit-73 {
font-size: 0.4rem;
}
.tit-74 {
font-size: 0.4rem;
}
.tit-75 {
font-size: 0.4rem;
}
.tit-76 {
font-size: 0.4rem;
}
.tit-77 {
font-size: 0.4rem;
}
.tit-78 {
font-size: 0.4rem;
}
.tit-79 {
font-size: 0.4rem;
}
.tit-80 {
font-size: 0.40rem;
}
.pcbox{display: none;}
.phbox{display: block;}
.zz_tanchuang {
z-index: 2000
}
.zz_tanchuang .tbox .modal,.zz_tanchuang .tbox .modal .img {
max-width: 80vw
}
.zz_tanchuang .tbox .modal .img video {
max-height: none
}
.zz_tanchuang .tbox .modal .out {
right: -15px
}
/*移动端头部*/
header{display: none;}
/*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
.m_header{
/*position: sticky;*/
position: fixed;
top: 0;left: 0;width: 100%;background-color: transparent;padding:10px 15px;z-index: 998;display:flex!important;justify-content:space-between;transition:all 0.5s;}
.m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.m_header.on .mlang__img-img img {
filter: brightness(100) invert(1);
}
.m_header.on .mlang-text {
color: #333333;
}
.m_header.on .btn div {
background: #333333;
}
.m_header.on .logo img {
/*filter: brightness(100) invert(1);*/
}
.m_header.on .mlang-arr {
filter: brightness(100) invert(1);
}
.m_header.on .mlang__img-img::after {
background: rgba(0,0,0,.3);
}
.m_header.act{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.m_header.act .mlang__img-img img {
filter: brightness(100) invert(1);
}
.m_header.act .mlang-text {
color: #333333;
}
.m_header.act .btn div {
background: #333333;
}
.m_header.act .logo img {
/*filter: brightness(100) invert(1);*/
}
.m_header.act .mlang-arr {
filter: brightness(100) invert(1);
}
.m_header.act .mlang__img-img::after {
background: rgba(0,0,0,.3);
}
.m_header .logo{width: 90px;}
.m_header .logo img{
width: 100%;
/*display:block;*/
}
.m_header .right{display: flex;align-items: center;}
.m_header .right .tel{font-size: 16px;font-weight: 600;margin-right: 12px;padding-left:26px;line-height:26px;background:url(../img/m_tel.svg)no-repeat left center;background-size:22px auto;}
/*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
/*.m_header .right .tel img{width: 100%;}*/
.m_header .right .ser{
width: .32rem;
margin-right: .24rem;
}
.m_header .right .ser img{width: 100%;}
.m_header .btn{display: block;}
.m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
.m_header .btn.hide{opacity: 0;}
.m_header .btn div{
display: block;width: 22px;height: 1px;
/*background-color: #333;*/
background-color: #fff;
border-radius: 1px;transition: all 0.3s;}
.m_header .btn div:nth-child(1){transform: translate(0,-8px);}
.m_header .btn div:nth-child(2){transform: translate(0px,0);width: 22px;}
.m_header .btn div:nth-child(3){transform: translate(0px,8px);}
.m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
.m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
.m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
.m_header{display: flex!important;display: flex;justify-content: space-between;align-items: center}
.mh_nav{display: block!important;box-sizing: border-box;}
.mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.mh_nav.show{transform: translateX(0);}
.mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
.mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
.mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;}
.mh_nav .nav>li.on:after{transform: rotate(0deg);}
/*.mh_nav .nav>li:after{display: none;}*/
.mh_nav .nav>li:nth-child(2)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li:nth-child(3)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li:nth-child(4)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li:nth-child(5)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li:nth-child(6)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li:nth-child(7)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li .nav1{padding: 15px;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
.mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
.mh_nav .nav>li .nav1 a{padding:6px 0;}
.mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
.mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}
/*.mh_nav .nav>li:nth-child(4) .nav1{display:none!important;}*/
.m_header.on .right .ser img {
filter: brightness(100) invert(1);
}
.m_header.on .btn div {
color: #333333;
}
.mlang {
display: flex;
align-items: center;
margin-right: .24rem;
}
.mlang .mlang__img {
display: block;
width: .32rem;
height: .32rem;
/*padding-right: .12rem;*/
/*margin-right: .12rem;*/
margin-right: 0;
position: relative;
}
.mlang__img-img {
position: relative;
}
/*.mlang .mlang__img:after {*/
/* content: "";*/
/* width: 1px;*/
/* height: .18rem;*/
/* background: rgba(255,255,255,.3);*/
/* position: absolute;*/
/* right: -.12rem;*/
/* top: 50%;*/
/* transform: translateY(-50%);*/
/*}*/
.mlang__img-img::after {
content: "";
width: 1px;
height: .18rem;
background: rgba(255,255,255,.3);
position: absolute;
right: -.12rem;
/*right: 0;*/
top: 50%;
transform: translateY(-50%);
}
.mlang-text {
padding-left: .24rem;
color: #FFF;
font-size: .2rem;
font-weight: 400;
display: flex;
align-items: center;
}
.mlang-arr {
display: block;
width: .12rem;
margin-left: .12rem;
}
.header_place{height: 0;}
.m_header .img1 {
display: block;
}
.m_header .img2 {
display: none;
}
.m_header.on .img1 {
display: none;
}
.m_header.on .img2 {
display: block;
}
.m_header.act .img1 {
display: none;
}
.m_header.act .img2 {
display: block;
}
}