:root{
    --color:#c12d31;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../Fonts/HarmonyOS_Sans_SC_Thin.ttf') format('truetype');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../Fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../Fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../Fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../Fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}

body{
    font-family: sans-serif;
}

.flex{display: flex;}
.flex_fw{display: flex; flex-wrap: wrap;}
.flex_jc_ac{display: flex; justify-content: center; align-items: center;}
.flex_jb_ac{display: flex; justify-content: space-between; align-items: center;}
.flex_je{display: flex; justify-content: end;}
.flex_jc{display: flex; justify-content: center;}
.flex_jb{display: flex; justify-content: space-between;}
.flex_jb_fw{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex_jb_as_fw{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap;}
.flex_jb_ae_fw{display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap;}
.flex_jb_ac_fw{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0 2px;}
.flex_jc_fw{display: flex; justify-content: center; flex-wrap: wrap;}
.flex_ac{display: flex; align-items: center;}
.flex_ae{display: flex; align-items: end;}
.flex_ac_fw{display: flex; align-items: center; flex-wrap: wrap;}
.flex_d_jb{display: flex; flex-direction: column; justify-content: space-between;}
p{margin: 0;}



/* @font-face{font-family:'HarmonyOS_Sans_SC_Bold';src:url(../Fonts/HarmonyOS_Sans_SC_Bold.ttf);display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Light';src:url(../Fonts/HarmonyOS_Sans_SC_Light.ttf);display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Medium';src:url(../Fonts/HarmonyOS_Sans_SC_Medium.ttf);display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Regular';src:url(../Fonts/HarmonyOS_Sans_SC_Regular.ttf);display:swap;} */

.font-r{font-weight: 400;}
.font-m{font-weight: 500;}
.font-b{font-weight: 700;}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;/*scroll-behavior:smooth;*/}
/* .font-l{font-family:sans-serif;}
.font-r{font-family:sans-serif;}
.font-m{font-family:sans-serif;}
.font-b{font-family:sans-serif;}
*/
html{font-size:100px;font-size:5.2vw;}
body{padding:0;margin:0 auto;color:#332c2b;background-color:#fff;font-family:'HarmonyOS',sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight:rgba(0,0,0,0);-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;font-size:16px;line-height:1.6;}
ul,ol,li{list-style:none;list-style-type:none;}
table{border-collapse:collapse;border-spacing:0}
table td{border-collapse:collapse;font-size:14px;}
img{border:none;max-width:100%;vertical-align:middle;}
a,a:link,a:visited{text-decoration:none;color:inherit;}
.clear{clear:both;height:0px;overflow:hidden;zoom:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.overscroll{height:100%;overflow:auto;width:100%;}
.overscroll::-webkit-scrollbar{width:4px;height:4px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#c12d31;}
.overscroll::-webkit-scrollbar-track{border-radius:10px;background:#e2efef;}
.gradient-text{background-image:linear-gradient(180deg,#c12d31 50%,transparent 50%,transparent);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:100% 13.66%;background-repeat:repeat-y;background-position:center;}
.gradient-text2{background-image:linear-gradient(180deg,#fff 50%,transparent 50%,transparent);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:100% 13.66%;background-repeat:repeat-y;background-position:center;}
/*IE/7/6*/
.clearfix:after{content:'';display:block;height:0;clear:both;}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
[class*='flex']{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;}
[class*='-jl']{justify-content:flex-start;}
[class*='-jc']{justify-content:center;}
[class*='-jr']{justify-content:flex-end;}
[class*='-at']{align-items:flex-start;}
[class*='-ac']{align-items:center;}
[class*='-ab']{align-items:flex-end;}
.f16{font-size:0.16rem;}
.f18{font-size:0.18rem;}
.f20{font-size:0.2rem;}
.f22{font-size:0.22rem;}
.f24{font-size:0.24rem;}
.f28{font-size:0.28rem;}
.f30{font-size:0.3rem;}
.f32{font-size:0.32rem;}
.f34{font-size:0.34rem;}
.f36{font-size:0.36rem;}
.f38{font-size:0.38rem;}
.f40{font-size:0.4rem;}
.f48{font-size:0.48rem;}
.f52{font-size:0.52rem;}
.f60{font-size:0.6rem;}
.f100{font-size:1rem;}
.f120{font-size:1.2rem;}
.iconfont{font-size:inherit;}
.header{position:fixed;z-index:1050;width:100%;left:0;top:0;transition:.3s;}
.header .in{padding:0 60px;}
.logo{flex:0 0 auto;width:170px;}
.nav{padding:0 2%;position:relative;top:0;transition:.3s;flex:1 1 auto;}
.nav ul{justify-content:flex-end;}
.nav li{position:relative;flex:0 0 auto;}
.nav li.aon{color: var(--color);}
.nav li>a{display:block;padding:0 25px;line-height:1.2rem;transition:.3s;}
.nav li .sub{position:absolute;left:50%;top:100%;min-width:100%;transform:translate(-50%);white-space:nowrap;text-align:center;line-height:2;font-size:0.8em;background:#fff;border-radius:0 0 8px 8px;padding:0;color:#000;overflow:hidden;max-height:0;}
@media(min-width:1024px){
    .nav li .sub dd {border-bottom: 1px solid #eee;}
.nav li .sub dd:last-child {border-bottom: none;}
    .nav li:hover .sub{max-height:300px;transition:.3s;overflow: unset;}
}

.nav li .sub a{display:block;padding:0.5em 20px;}
.nav li .sub a:hover{color:#c12d31;transition:.3s;}
.lang{position:relative;}
.lang .scur{cursor:pointer;}
.lang .scur span{padding:0 10px;}
.lang .scur .icon-lang{font-size:1.1em;}
.lang .scur .icon-down2{font-size:0.8em;}
.msk{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1049;display:none;}
.search{position:relative;margin-left:0.5rem;}
.search .icon{width:2.6em;text-align:center;height:2.6em;cursor:pointer;background:#c12d31;color:#fff;border-radius:50%;justify-content:center;}
.search .icon .iconfont{font-size:1.1em;vertical-align:middle;}
.search .searchbox{position:absolute;right:0;top:50%;margin-top:-25px;padding:5px 0;background:#fff;width:0;overflow:hidden;}
.search .searchbox input{width:100%;border:none;outline:none;background:#f5f5f5;height:40px;padding:0 50px 0 20px;}
.search .searchbox .btn{position:absolute;right:10px;top:5px;line-height:40px;cursor:pointer;width:40px;text-align:center;z-index:2;color:#332c2b;}
.search .searchbox .btn .iconfont{font-size:1.1em;}
.showSearch .search .icon{opacity:0;}
.showSearch .search .searchbox{width:420px;padding:5px 10px;transition:.3s;}
.showSearch .nav{top:-100px;}
.showSearch+.msk{display:block;}
.header{color:#fff;}
.header .logo .i1{display:inline;}
.header .logo .i2{display:none;}
.header.white,.header:hover,.wh .header{background:#fff;box-shadow:0 9px 36px rgba(0,0,0,0.1);color:#332c2b !important;}

.header.no_shadow{box-shadow: none;}
/* .header.white .nav li>a,.header:hover .nav li>a,.wh .header .nav li>a{line-height:1rem;} */


.header.white .logo .i1,.header:hover .logo .i1{display:none;}
.header.white .logo .i2,.header:hover .logo .i2{display:inline;}
.banner{position:relative;overflow:hidden;z-index:5;}
.banner:before{content:"";position:absolute;left:-10%;bottom:0;width:50%;background:#fff;z-index:4;height:100%;transform:skewX(10deg);opacity:0.9;}
.banner .swiper-container2{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;}
.banner .swiper-container2 .swiper-slide{opacity: 0!important}
.banner .swiper-container2 .swiper-slide-active{opacity: 1!important}
.banner .swiper-container .swiper-slide:after{content:"";position:absolute;left:0;top:0;width:100%;height:1.7rem;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,0.6),transparent);}
.banner video,
.banner img{display:block;width:100%;height:100vh;object-fit:cover;}
.banner .swiper-slide{overflow:hidden;}
/* .banner .swiper-slide-active{opacity: 1 !important;} */
.banner .swiper-slide-active img{animation:scaleInOut linear 30s infinite;}
.banner.c_banner:before{display: none}
.banner.c_banner  img{height: unset; width: 100%;}
.banner.c_banner .txt{position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.banner.c_banner .txt aside{font-weight: bold; line-height: 1; color: #fff;}
.banner.c_banner .txt aside.en{margin-top: calc(30/1600 * 100%); background-clip: text;-webkit-background-clip: text;text-transform: uppercase; line-height: .8; color: transparent;background-size: 100% .08rem;
    background-image: linear-gradient(0deg, transparent 50%, #fff 50%);
    background-image: linear-gradient(0deg, transparent 50%, #fff 50%);
    background-image: linear-gradient(0deg, transparent 50%, #fff 50%);
    background-image: linear-gradient(0deg, transparent 50%, #fff 50%);
}

@media only screen and (max-width:1024px) {
    .banner.c_banner .info {
        font-size:3.71vw;
    }
}
@media only screen and (max-width:768px) {
    .banner.c_banner .info {
        font-size:6vw;
    }
}
@keyframes scaleInOut{0%,100%{transform:scale(1);}
50%{transform:scale(1.3);}
}
.bantxt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:50;align-items:center;line-height:1.5;}
.bantxt .txt{width:32%;}
.bantxt .t1{line-height:1.2;position: relative;top: 40px;transition: .3s;}
.bantxt .t1 span{color:#c12d31;}
.bantxt .p{margin-top:34px;line-height:1.8;position: relative;top: 40px;transition: .3s;}
.swiper-slide-active .bantxt .t1{}
.swiper-slide-active .bantxt .p{}
.swiperCtr{position:absolute;bottom:50px;z-index:5;left:0;width:100%;}
.swiperCtr .btn{flex:0 0 auto;text-align:center;width:0.6rem;height:0.6rem;cursor:pointer;border:1px solid #a2a2a2;border-radius:50%;transition: .3s;}
.swiperCtr .btn:not(:nth-of-type(1)){margin-left:0.2rem;}
.swiperCtr .btn:hover{background: #c12d31;color: #fff;border-color: #c12d31;}
@keyframes bounce{0%,100%{transform:translateY(-10px);}
50%{transform:translateY(0px);}
}

.inner{width:83.3%;margin:auto;}
.inner.c_inner{max-width: 14.4rem;}
.section{padding-top:100px;}
.pop{position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;visibility:hidden;}
.act.pop{visibility:visible;}
.pop .msk{width:100%;height:100%;position:absolute;z-index:-1;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);}
.popIn{align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:5;}
.pop .box{padding:50px;width:620px;background:#fff;max-width:90%;border-radius:10px;position:relative;top:50px;opacity:0;z-index:5;}
.act.pop .box{top:0;opacity:1;transition:.3s;}
.pop .box .close{position:absolute;right:10px;top:10px;width:30px;text-align:center;line-height:30px;cursor:pointer;z-index:50;}
.pop .box .close .iconfont{font-size:22px;}
.popIn .poptxt{text-align:center;max-width:25em;margin:0 auto 40px;color:#555;}
.popform .line{margin-bottom:20px;}
.popform .line .label{flex:0 0 auto;width:7em;}
.popform .line .in{position:relative;flex:1 1 auto;}
.popform .line .in input{width:100%;padding:0 20px;border:1px solid #e1e3e5;border-radius:4px;height:50px;color:inherit;font-family:inherit;outline:none;background:none;font-size:inherit;}
.popform .line .in .select{border:1px solid #e1e3e5;border-radius:4px;}
.popform .line .in .select select{border:none;height:50px;color:inherit;font-family:inherit;outline:none;background:none;padding-left:20px;width:100%;font-size:inherit;border-right:20px solid transparent;}
.popform .line .in .btn{position:absolute;cursor:pointer;right:3px;top:3px;line-height:44px;padding:0 20px;background:#edf7f7;border-radius:4px;color:#c12d31;font-size:16px;}
.popform .btns{justify-content:center;margin-top:50px;}
.popform .btns .btn{width:160px;text-align:center;line-height:50px;background:#c12d31;border-radius:4px;color:#fff;cursor:pointer;}
.popicon{text-align:center;}
.popIn .pop_tit{text-align:center;margin-bottom:20px;}
.pop .box.s2{width:540px;background:linear-gradient(0deg,#fff,#ecf9fa);}
.pop .box.s2 .poptxt{margin-bottom:0;}
.popicon img{max-width:120px;}
.popform .line .label2{margin-bottom:10px;}
.radio{position:relative;margin-bottom:10px;padding-left:34px;}
.radio input[type="radio"]{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:2;font-size:0;opacity:0;}
.radio i{position:absolute;width:20px;height:20px;border:1px solid #c12d31;border-radius:50%;left:0;top:50%;margin-top:-10px;}
.radio i:after{content:"";position:absolute;left:3px;right:3px;top:3px;bottom:3px;border-radius:50%;background:#c12d31;transform:scale(0);}
.radio input:checked + i:after{transform:scale(1);transition:.1s;}
.radio span{color:#808080;}
.radio input:checked ~span{color:#000;}
.w1440{width:1440px;margin:0 auto;max-width:92%;}
.hovimg{overflow:hidden;}
.hovimg img{display:block;width:100%;transition:.8s;transform:scale(1);}
.hovimg .pic{display:block;width:100%;transition:.8s;transform:scale(1);background-position:center;background-repeat:no-repeat;background-size:cover;}
.item:hover .hovimg img,.hovimg:hover img,.item:hover .hovimg .pic,.hovimg:hover .pic{transform:scale(1.05);}
.block{width: 100%;overflow: hidden;}
.pd150{padding:1.5rem 0;}
.pd150+.pd150{padding-top:0;}
.title{line-height:1.2;margin-bottom:0.6rem;}
.title.center{text-align:center;}
.title .en{text-transform:uppercase;line-height:1;}
.title .cn{margin-top:5px;}
.indexPro .box {display: flex; justify-content: space-between; align-items: center;}
.indexPro .bl{flex:1 1 auto;overflow:hidden;}
.indexPro .br{flex:0 0 auto;max-width:56%;}
.indexPro .br .img{background: url(../images/indexPro-bg.png)no-repeat center;background-size: 100% 100%}
.indexPro .item{background:#f3f3f3;margin-bottom:20px;cursor:pointer;padding:0.2rem 0.3rem;}
.indexPro .item .it{padding:0;line-height:1.2;transition:.3s;}
.indexPro .item .hov{max-height:0;overflow:hidden;transition:.3s;}
.indexPro .item.cur .it{padding:0.1rem 0 0.2rem;}
.indexPro .item.cur .hov{max-height:2.2rem;}
.indexPro .item .more{padding-top:0.5rem;padding-bottom:0.2rem;}
.indexPro .item .ip{line-height:1.8;color:#555;}
.more .btn{cursor:pointer;position:relative;z-index:5;padding:0 0.4rem;color:#000; height:0.5rem;flex:0 0 auto;}
.more .btn span{transition: .5s;}
.more .btn:after{content:"";position:absolute;z-index:-1;right:0.1rem;height:100%;left:0.1rem;top:0;background:transparent;transform:skewX(-16deg);border:1px solid #000;transition:.3s;}
.more .btn:hover:after{background:#c12d31;border-color:#c12d31;}
.more .btn:hover{color:#fff;}
.more .btn:hover .iconfont{transform: translateX(-.07rem);}
.more .btn:hover span{transform: translateX(.07rem);}
.more .btn .iconfont{padding-left:0.28rem; transition: .5s;}
.indexApp .item{margin-bottom:5%;}
.indexApp .item:last-child{margin-bottom:0;}
.indexApp .item .img{flex:0 0 auto;width:50%;}
.indexApp .item .img img{display:block;width:100%;}
.indexApp .item .txt{flex:1 1 auto;padding-right:10%;padding-left:5%;}
.indexApp .item .it{line-height:1.2;margin-bottom:0.4rem;}
.indexApp .item .more{margin-top:1rem;}
.indexApp .item .ps{align-items:stretch;}
.indexApp .item .pi{flex:1 1 auto;max-width:20em;}
.indexApp .item .pi .pt{position:relative;z-index:1;overflow:hidden;margin-bottom:0.2rem;display:inline-block;padding:10px 20px;line-height:1.2;}
.indexApp .item .pi .pt:after{content:"";position:absolute;left:-10px;right:10px;height:100%;background:#c8c8c8;z-index:-1;transform:skewX(-10deg);top:0;}
.indexApp .item .pp{line-height:2;color:#555;}
.indexApp .item .pi .pt.on{color:#fff;}
.indexApp .item .pi .pt.on:after{background:#c12d31;}
.indexApp .item .pi:nth-child(3){margin-top:0.5rem;}
.indexApp .item:nth-child(2n){flex-direction:row-reverse;}
.indexApp .item:nth-child(2n) .txt{padding-left:10%;padding-right:5%;}
.indexApp .item:nth-child(2n) .ps{flex-direction:row-reverse;}
.indexApp .item:nth-child(2n) .pi:nth-child(1){margin-top:0.5rem;}
.indexApp .item:nth-child(2n) .pi:nth-child(3){margin-top:0;}
.indexApp .item .gp{flex:0 0 auto;width:0.9rem;position:relative;overflow:hidden;}
.indexApp .item .gp:after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;transform:rotate(6deg);background:#ccc;}
.indexCulture{position:relative;z-index:5;color:#fff;}
.indexCulture .bg{padding-bottom:50%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.indexCulture .con{position:absolute;left:0;top:0;width:100%;height:100%;}
.indexCulture .more .btn{color:#fff;}
.indexCulture .more .btn:after{border-color:#fff;}
.indexCulture .more .btn:hover:after{background:#c12d31;border-color:#c12d31;}
.indexCulture .i{position:relative;flex:0 0 auto;width:4.6rem;z-index:5;margin-left:0.3rem;cursor:pointer;}
.indexCulture .i:before{content: "";position: absolute;left: 1px;right: 1px;bottom: 0;height: 1px;background: #fff;}
.indexCulture .i .ibox:before{content:"";position:absolute;z-index:-2;left:1px;top:30px;right:1px;border:1px solid #fff;bottom:-70px;transform:skewY(7deg);transition:.3s;background:transparent;}
.indexCulture .i:after{content:"";position:absolute;top:0.3rem;left:0.3rem;right:-0.3rem;bottom:0;transform:skewY(7deg);background:linear-gradient(180deg,rgba(255,255,255,0.2),transparent);transition:.3s;opacity:0;}
.indexCulture .i .ibox{position:relative;z-index:5;padding:0.9rem 0.6rem 1rem;overflow:hidden;transition:.3s;}
.indexCulture .i:hover:after{opacity:1;top:0;}
.indexCulture .i:hover .ibox:before{background:#c12d31;border-color:#c12d31;}
.indexCulture .i:hover:before{background:#c12d31 !important;}
.indexCulture .i:nth-child(2){margin-top:1.5rem;}
.indexCulture .i:nth-child(2):after{background:linear-gradient(0deg,rgba(255,255,255,0.2),transparent);top:0;bottom:0.3rem;}
.indexCulture .i:nth-child(2):hover:after{bottom:0;}
.indexCulture .i:nth-child(2) .ibox:before{top:-70px;bottom:30px;}
.indexCulture .i:nth-child(2):before{bottom: auto;top: 0;}
.indexCulture .i .it{position:relative;padding-bottom:0.3rem;margin-bottom:0.3rem;line-height:1;}
.indexCulture .i .it:before{content:"";position:absolute;left:0;bottom:0;width:1.2em;height:4px;background:#fff;}
.indexCulture .i .ip{line-height:2;min-height:4em;max-width:15em;}
.indexCulture .i .ibox:after{content:"";position:absolute;bottom:12%;width:67%;height:100%;right:10%;z-index:-1;background:url(../images/logomsk.png) no-repeat right bottom;background-size:contain;opacity:0;}
.indexCulture .i:hover .ibox:after{opacity:1;}
.footer{padding-top:0.9rem;background:#141414;color:#fff;}
.ftop{padding-bottom:0.6rem;}
.ftop .ftl{flex:0 0 auto;max-width:360px;padding-right:20px;}
.fnav{flex:1 1 auto;}
.fnav .menu {display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; margin:0 auto;}
.fnav dl{flex:0 0 auto;}
.fnav dt{font-size:1.125em;margin-bottom:0.2rem;padding-left:10px;}
.fnav dd{margin-bottom:14px;opacity:0.6;position:relative;padding-left:10px;transition:.3s;left:0;}
.fnav dd:hover{opacity:1;left:10px;}
.fnav dd:before{content:"";position:absolute;left:0;top:50%;border-bottom:1px solid #fff;width:0;transition:.3s;}
.fnav dd:hover:before{width:5px;}
.fcode{flex:0 0 auto;max-width:140px;text-align:center;}
.fcode .p{opacity:0.6;margin-top:10px;}
.fbt{padding:0.3rem 0;color:rgba(255,255,255,0.4);border-top:1px solid rgba(255,255,255,0.1);}
.copy{flex:1 1 auto;overflow:hidden;}
.flinks{flex:0 0 auto;padding-left:0.2rem;}
.flinks a{transition:.3s;margin-left:0.3rem;}
.flinks a:hover{color:#fff;}
.flogo{margin-bottom:0.4rem;}
.fcnt .li{margin-bottom:0.2rem;padding-left:0.3rem;background-position:left center;background-repeat:no-repeat;background-size:0.18rem;color:rgba(255,255,255,0.6);}
.ico-address{background-image:url(../images/icon-address.png);}
.ico-email{background-image:url(../images/icon-email.png);}
.ico-tel{background-image:url(../images/icon-tel.png);}
@media(max-width:1600px){.indexApp .item .txt{padding:0 5% !important;}
}
@media(max-width:1440px){body{font-size:14px;}
.inner{width:90%;}
.nav li>a{padding:0 15px;line-height:80px;}
}
@media(max-width:1280px){
.fcode{max-width:110px;}
.fnav{padding:0 0.2rem;}
}
@media(max-width:1024px){html{font-size:86px;}
.f20{font-size:0.18rem;}
.f22{font-size:0.18rem;}
.f24{font-size:0.2rem;}
.f28{font-size:0.2rem;}
.f30{font-size:0.22rem;}
.f32{font-size:0.22rem;}
.f34{font-size:0.24rem;}
.f36{font-size:0.24rem;}
.f38{font-size:0.26rem;}
.f40{font-size:0.26rem;}
.f48{font-size:0.26rem;}
.f52{font-size:0.4rem;}
.f60{font-size:0.42rem;}
.f100{font-size:0.54rem;}
.f120{font-size:0.64rem;}
.nav li>a{line-height:50px !important;border-bottom:1px solid #f5f5f5;position:relative;padding:0 30px;}
.header .in{height:60px;padding:0 20px;}
.nav{position:fixed;left:0;top:60px !important;background:#fff;right:0;bottom:0;padding:0;font-size:18px;max-height:0;overflow:hidden;transition:.3s;}
.nav ul{display:block;padding:20px 0;border-top:1px solid #f5f5f5;}
.nav li .sub{position:relative;left:0;top:0;transform:none;background:#f5f5f5;text-align:left;}
.nav li.act>a{color:#c12d31;}
.nav li.act .sub{padding:10px 0;max-height:300px;transition:.3s;}
.nav li .sub dd{}
.nav li .sub dl{padding:0 30px;}
.nav li.haschild>a{position:relative;}
.nav li.haschild>a:after{content:"";position:absolute;width:8px;height:8px;border-right:1px solid #999;border-bottom:1px solid #999;transform:rotate(-45deg);right:30px;top:50%;margin-top:-4px;transition:.3s;}
.nav li.haschild.act>a:after{transform:rotate(45deg);}
.header{background:#fff;box-shadow:0 5px 16px rgba(0,0,0,0.15);color:#000 !important;}
.header .logo .i1{display:none !important;}
.header .logo .i2{display:inline !important;}
.logo img{max-height:40px;}


@media only screen and (max-width:1024px) {
    .logo .pc {display: block!important;}
    .logo .wap {display: none!important;}
}

.openMenu{width:30px;height:30px;cursor:pointer;position:relative;margin-left:20px;}
.openMenu i{position:absolute;right:0;top:50%;width:70%;height:1px;background:#000;}
.openMenu i:before,.openMenu i:after{content:"";position:absolute;right:0;width:115%;background:#000;transition:.3s;height:1px;}
.openMenu i:before{top:-8px;}
.openMenu i:after{top:8px;}
body{padding-top:60px;}
.showMenu .openMenu i{background:none;}
.showMenu .openMenu i:before{top:0;transform:rotate(45deg);}
.showMenu .openMenu i:after{top:0;transform:rotate(-45deg);}
.showMenu .nav{max-height:100vh;overflow:auto;}
.search{margin-left:20px;}
.search .icon{width:34px;height:34px;}
.lang{font-size:14px;}
.swiperCtr .btn{width:0.5rem;height:0.5rem;}
.indexPro .box{flex-direction:column-reverse;}

.indexPro .br{max-width:100%;text-align:center;padding-bottom:0.3rem;}
.indexApp .item{display:block;}
.indexApp .item .img{width:100%;margin-bottom:0.4rem;}
.indexCulture .con{position:relative;}
.indexCulture .bg{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;}
.indexCulture .inner{display:block;}
.indexCulture .br{margin-top:0.5rem;}
.indexCulture .i{margin-left:0;width:48%;}
.fnav{display:none;}
.ftop{display:block;text-align:center;padding-bottom:30px;}
.ftop .ftl{display:inline-block;padding-right:0;}
.fcode{margin:auto;}
.fcnt .li{display:inline-block;margin:0 10px 0.2rem;}
.footer{padding-top:40px;}
.fbt{padding:30px 0;display:block;text-align:center;}
.flinks{padding-left:0;padding-top:10px;}
.flinks a{margin:0 10px;}
}
@media(max-width:768px){.banner .swiper-slide:before{transform:none;left:0;width:100%;opacity:0.5;}
.bantxt .txt{width:auto;max-width:30em;}
.pd150{padding:40px 0;}
.indexApp .item .ps{display:block;}
.indexApp .item .pi{max-width:100%;margin-top:0 !important;}
.indexApp .item .pi:nth-child(3){margin-top:20px !important;}
.indexApp .item .more{margin-top:20px;}
.indexApp .item .it{margin-bottom:20px;}
.indexCulture .br{display:block;padding-right:0.3rem;}
.indexCulture .i{width:auto;}
.indexCulture .i:nth-child(2){margin-top:30px;}
.indexCulture .i .ibox:before{right:1px;}
.indexCulture .i .ibox{padding:0.9rem 0.3rem;}
.search .searchbox{position:fixed;top:-60px;margin-top:0;width:100% !important;padding:5px 10px;opacity:0;visibility:hidden;border-top:1px solid #f5f5f5;}
.showSearch .search .searchbox{opacity:1;visibility:visible;top:60px;}
.showSearch .search .icon{opacity:1;}
}

.logo .wap{display: none;}
.c_body .header:not(.white) .logo .pc{display: none;}
.c_body .logo .wap{display: block;}
.c_body .header:hover .logo .pc{display: block;}
.c_body .header:hover .logo .wap{display: none;}
.c_body .header.white .logo .wap{display: none;}

@media(max-width:1024px){
    .c_body .header:hover .logo .pc{display: block !important;}
    .c_body .header.white .logo .wap{display: none !important;}
}

/*Location001821*/
.Location001821{border-bottom: 1px solid #e7edf2; min-height: .9rem;}
.Location001821.color{background-color: #f8f8f8; border: none; border-top: 1px solid #eeeeee;}
.Location001821 .c_inner{gap: 1em;}
.Location001821 .current{ color:#a4b5cd; text-transform:uppercase;}
.Location001821 .menu{display: flex; gap: .5em .35rem; flex-wrap: wrap;}
.Location001821 .menu li a{display: flex; align-items: center; justify-content: center; min-height: .9rem; color: #333;}
.Location001821 .menu li.active a,.Location001821 .menu li:hover a{border-bottom: 2px solid var(--color); color: var(--color);}
.Location001821 em{ font-style:normal; padding: 1em 0; font-weight: 500; background:url(../images/location.svg) no-repeat left center; padding-left:.3rem;}
.Location001821 em i{ font-style:normal; margin:0 .1rem;}
.Location001821 em,
.Location001821 em a,
.Location001821 b{color:#999; }
.Location001821 em a:hover{color: var(--color);}
.Location001821 em span{color: var(--color);}
@media(min-width:1025px){
    .Location001821{display: flex; align-items: center;}
    .Location001821 .current{min-height: .9rem;}
}


@media(max-width:1024px){
    .Location001821 .inner{gap: 1em;}
    .Location001821 .menu{gap: .5em .3rem;}
    .Location001821 em{padding-top: .5em; padding-bottom: .5em;}
    .Location001821{min-height: .5rem;}
    .Location001821 .menu li a{min-height: .5rem;}
}


.c_title{color: #333;}
.c_title aside{ font-weight: 700;line-height: calc(54/36);}
.c_title p{line-height: 2;  margin-top: .12rem;}

.product_contr_intro{padding: 1.2rem 0 1.4rem;}
.product_contr_intro .c_title{text-align: center;}
.product_contr_intro .img{margin-top: .6rem; text-align: center;}

.product_contr_brief{background-size: cover; background-position: center; }
.product_contr_brief .inner{position: relative; padding: calc(97/1920 * 100%) 0; }
.product_contr_brief .inner::after{content: ""; position: absolute; background: url(../images/product_contr_brief.svg) no-repeat center; background-size: cover; right: 0; bottom: 100%; width: calc(546/1440 * 100%); padding-bottom: calc(318/1440 * 100%);}
.product_contr_brief pre{font-family: inherit; font-weight: 700; line-height: calc(54/36); color: #333; white-space: pre-line;}
.product_contr_brief pre span{color: var(--color); }

@media(max-width:768px){
    .product_contr_brief pre{white-space: normal;}
}

.product_contr_process .inner{padding: calc(140/1920 * 100%) 0;}
.product_contr_process .process_img{text-align: center;}
.product_contr_process .img{margin-bottom: calc(70/1440 * 100%);}
.product_contr_process .img img {display: block; margin:0 auto;}
.product_contr_process .process{padding: calc(65/1440 * 100%) calc(75/1440 * 100%); border-radius: 9999px; box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.1);}
.product_contr_process .process aside{line-height: calc(36/28); font-weight: 700; color: var(--color);}
.product_contr_process .process .process_list{width: calc(905/1290 * 100%); justify-content: start;}
.product_contr_process .process .process_list li{font-size: 700; color: #333; }
.product_contr_process .process .process_list li:not(:nth-last-of-type(1)):after{content: ""; margin: 0 .3rem; width: 18px; height: 12px; background: url(../images/process_arrow.svg) no-repeat center; background-size: 100% auto;}

@media(max-width:1024px){
    .product_contr_process .process .process_list li:not(:nth-last-of-type(1)):after{margin: 0 .1rem; width: 12px;}
}

@media(max-width:768px){
    .product_contr_process .process .process_c {justify-content: center;}
    .product_contr_process .process .process_list{width: 100%; margin-top: 1em;flex-wrap: wrap;justify-content: center;}
    .product_contr_process .process .process_list li{white-space: nowrap;}
}

.back{overflow: hidden; position: relative;}
.back img{position: absolute; min-width: 100%; min-height: 100%; object-fit: cover; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: .6s;}

.product_contr_module{padding: calc(140/1920 * 100%) 0;}
.product_contr_module:not(:last-child){ padding-bottom: 0;}
.product_contr_module .c_title{max-width: calc(100% - 1.5rem);} 
.product_contr_module .swiperCtr{position: unset; width: auto;}
.product_contr_module .moudle_list{ margin-top: calc(60/1920 * 100%); /*max-width: 1680px;*/ overflow: hidden; }
.product_contr_module .moudle_list li{width: 33.33%; float: left;}
.product_contr_module .moudle_list li a{display: block; position: relative;}
.product_contr_module .moudle_list li a:hover img{transform: scale(1.05);}
.product_contr_module .moudle_list li .back{padding-bottom: 45%; 
    /* width: 70%; */
}
.product_contr_module .moudle_list li .back1{
    width: 70%;
}
.product_contr_module .moudle_list li i{color: #c12d31; line-height: 1.2; display: block; margin-top: .62rem; width: 14%;float: left;font-size:calc(36 /16*1em);font-style: normal;}
.product_contr_module .moudle_list li aside{color: #333333; line-height:1.2; margin: .2rem 0 0; }
.product_contr_module .moudle_list li .fu{padding: .1rem 0 .33rem 0; font-weight: 100; color: #555;border-bottom: 1px solid #f3f3f3;}


.product_contr_module .moudle_list li .ele_back{padding-bottom: calc(312/517 * 100%);}
.product_contr_module .moudle_list li .text{position: absolute; z-index: 2; bottom: calc(24/312 * 100%); width: 100%; padding:0 calc(30/517 * 100%); color: #fff;}

.product_contr_module.staff_style .moudle_list li a::after{content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to top,rgba(0,4,82,.7),transparent);}

.product_contr_module .box {width: 100%; position: relative;}
.product_contr_module .swiperCtr .btn {position: absolute; top:50%; transform: translateY(-50%); z-index: 5; display: none;}
.product_contr_module .swiperCtr .prev {left:-0.75rem;}
.product_contr_module .swiperCtr .next {right:-0.75rem;}
@media(max-width:1024px){
    .product_contr_module .swiperCtr .prev {left:0.15rem;}
    .product_contr_module .swiperCtr .next {right:0.15rem;}
}

@media(max-width:640px){
    .product_contr_module .c_title{max-width: unset;}
    .product_contr_module:not(.staff_style) .swiperCtr{width: 100%; margin-top: 1em;}
    .product_contr_module .moudle_list li i{    margin-top: .55rem;}
}

.product_hml_intro{padding: calc(120/1920 * 100%) 0;}
.product_hml_intro .c_title {text-align: center;}
.product_hml_intro .img{text-align: center; margin-top: calc(60/1920 * 100%); position: relative;}
.product_hml_intro .img .videoBox{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.product_hml_intro .img .videoBox video{display: none; position: absolute; width: 100%; height: 100%; position: absolute; object-fit: cover; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.product_hml_intro .videoPlay_box{animation: videoPlay 2s infinite alternate-reverse both; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.product_hml_intro .videoPlay_box span{color: #fff; white-space: nowrap; margin-top: .5rem; display: block;}
.product_hml_intro .videoPlay{width: .7rem; height: .7rem; margin: 0 auto; position: relative; cursor: pointer;  border-radius: 50%; background:url(../images/videoPlay.png) no-repeat center; background-size: cover;}
.product_hml_intro .videoPlay::after{content: ""; position: absolute; background-color: var(--color); opacity: .1; border-radius: 50%; width: calc(100% + .25rem); height: calc(100% + .25rem); left: 50%; top: 50%; transform: translate(-50%,-50%);}

@keyframes videoPlay{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.letter_m{width: calc(877/1440 * 100%); padding-bottom: calc(511/1440 * 100%); 
    background-image: -o-linear-gradient(to bottom,var(--color),transparent);
    background-image: -moz-linear-gradient(to bottom,var(--color),transparent);
    background-image: -webkit-linear-gradient(to bottom,var(--color),transparent);
    background-image: linear-gradient(to bottom,var(--color),transparent);
    mask: url(../images/letter_m.svg) no-repeat center; -webkit-mask: url(../images/letter_m.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;
}

.product_hml_info{overflow: hidden;}
.product_hml_info .inner{position: relative;}
.product_hml_info .inner .letter_m{position: absolute; z-index: -1; top: 0; left: calc(806/1440 * 100%);}
.product_hml_info .c_title span{display: block; line-height: calc(32/18); margin: calc(28/1440 * 100%) 0 calc(12/1440 * 100%);}
.product_hml_info .img{margin-top: calc(70/1440 * 100%);}

.product_hml_list{margin: calc(120/1920 * 100%) 0; overflow: hidden;}
.product_hml_list li:not(:nth-last-of-type(1)){margin-bottom: calc(100/1440 * 100%);}
.product_hml_list figure{width: calc(640/1440 * 100%);}
.product_hml_list .txt{width: calc(640/1440 * 100%);}
.product_hml_list .txt aside{font-weight: 700; color: #332c2b; line-height: calc(54/36);}
.product_hml_list .txt p{line-height: 2; color: #555555; margin-top: calc(10/640 * 100%);}
.product_hml_list .txt span{font-weight: bold; display: block; 
    color: transparent;
    line-height: .8;
    margin-top: calc(140/640 * 100%);
    background-image: linear-gradient(to bottom,rgba(193,45,49,.1),transparent);
    background-image: -o-linear-gradient(to bottom,rgba(193,45,49,.1),transparent);
    background-image: -moz-linear-gradient(to bottom,rgba(193,45,49,.1),transparent);
    background-image: -webkit-linear-gradient(to bottom,rgba(193,45,49,.1),transparent);
    background-clip: text; -webkit-background-clip: text; -moz-background-clip: text;
}

.product_hml_list_two figure{width: calc(720/1440 * 100%);}
.product_hml_list_two .txt{width: calc(620/1440 * 100%);}

.product_hml_list.box {margin:0;}
.product_hml_list .info:not(:nth-last-of-type(1)){margin-bottom: 0;}
.product_hml_list .info.info {padding:calc(100/1440 * 100%) 0;}

@media(min-width:1025px){
    .product_hml_list li:nth-of-type(2n) figure{order: 2;}
}

@media(max-width:1024px){
    .product_hml_list figure{width: 60%;}
    .product_hml_list .txt{width: 100%; margin-top: 2em;}
    .product_hml_list .txt span{margin-top: calc(50/1440 * 100%);}
}

@media(max-width:640px){
    .product_hml_list figure{width: 100%;}
}

.product_platform {background-size: cover; background-position: center;}
.product_platform .inner{padding: calc(120/1920 * 100%) 0;}
.product_platform .img{width: calc(875/1440 * 100%);}
.product_platform .c_title {width: calc(520/1440 * 100%);}

@media(max-width:1024px){
    .product_platform .img{width: 60%; margin: 0 auto;}
    .product_platform .c_title{width: 100%; margin-top: 2em; text-align: center;}
}

.product_system .inner{padding: calc(120/1920 * 100%) 0;}
.product_system .inner .c_title{text-align: center;}
.product_system .inner .img{margin-top: calc(30/1440 * 100%); text-align: center;}

.application_scene{background-size: cover; background-position: center; position: relative;}
.application_scene .inner {padding: calc(100/1920 * 100%) 0 calc(615/1920 * 100%); position: relative; z-index: 2; }
.application_scene .c_title{text-align: center; width: calc(795/1440 * 100%); margin: 0 auto; color: #fff;}
.application_scene .more {justify-content: center; margin-top: calc(80/795 * 100%);}
.application_scene .more .btn{color: #fff;}
.application_scene .more .btn::after{background-color: var(--color); border-color: var(--color);}

.more.more_color .btn{color: #fff;}
.more.more_color .btn::after{background-color: var(--color); border-color: var(--color);}
@media(max-width:1024px){
    .application_scene .c_title{width: 100%;}
}

.application_ecology{background-color: #f3f3f3;}
.application_ecology .inner{padding: calc(140/1920 * 100%) 0;}
.application_ecology .c_title{text-align: center;}
.application_ecology .ecology_list{margin-top: calc(60/1440 * 100%); align-items: unset;}
.application_ecology li{width: calc(440/1440 * 100%); background-color: #fff; overflow: hidden; padding: calc(50/1440 * 100%); justify-content: start; gap:.6rem calc(60/1440 * 100%); position: relative;}
.application_ecology li figure{max-width: .89rem;}
.application_ecology li aside{color: #333; margin-top: .7rem; font-weight: bold;}
.application_ecology li p{margin-top: .15rem; line-height: 2; color: #555555;}
.application_ecology li .letter_m{width: calc(546/440 * 100%); padding-bottom: calc(317/440 * 100%); position: absolute; top: 0; left: calc(247/440 * 100%); opacity: .5;}

@media(max-width:768px){
    .application_ecology li{width: 100%;}
    .application_ecology li:not(:nth-last-of-type(1)){margin-bottom: 1em;}
    .application_ecology li figure{max-width: .5rem;}
    .application_ecology li aside{margin-top: .3rem;}
}

.num_list{position: absolute; color: #fff; background-color: rgba(193, 45, 49, .95); padding: .65rem .7rem; gap: 1rem; overflow: hidden;}
.num_list::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); opacity: .5; left: calc(342/640 * 100%);
    width: calc(552/640 * 100%); padding-bottom: calc(321/640 * 100%); 
    background-image: -o-linear-gradient(to bottom,#fff,#fff);
    background-image: -moz-linear-gradient(to bottom,#fff,#fff);
    background-image: -webkit-linear-gradient(to bottom,#fff,#fff);
    background-image: linear-gradient(to bottom,#fff,#fff);
    mask: url(../images/letter_m.svg) no-repeat center; -webkit-mask: url(../images/letter_m.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;
}
.num_list li{position: relative; display: flex; align-items: center;}
.num_list li .num{font-weight: 700; line-height: 1;}
.num_list li .txt{margin-left: .14rem;}
.num_list li::before{content: ""; width: .47rem; height: .62rem; background: url(../images/num_improve.svg) no-repeat center; background-size: cover;}

@media(max-width:768px){
    .num_list{padding: .2rem;}
}

@media(max-width:640px){
    .num_list{gap: 2em;}
    .num_list li{width: 100%;}
}

.application_process .inner{padding: calc(140/1920 * 100%) 0;}
.application_process .c_title{text-align: center;}
.application_process .img{position: relative; margin-top: calc(60/1440 * 100%);}
.application_process .img .num_list{bottom: calc(-90/540 * 100%); right: calc(-28/1440 * 100%);}
.application_process .app_process_list{align-items: unset; gap: 1em calc(120/1440 * 100%); margin-top: calc(60/1440 * 100% + .95rem);}
.application_process .app_process_list li{width: calc(400/1440 * 100%); padding-bottom: calc(36/1440 * 100%); border-bottom: 1px solid #cccaca;}
.application_process .app_process_list p{line-height: 2; color: #555555; margin-top: .12rem;}

@media(max-width:1024px){
    .application_process .app_process_list li{width: 100%;}
    .application_process .app_process_list{margin-top: 2em;}
}

@media(max-width:768px){
    .application_process .img .num_list{position: relative; top: unset; left: unset; bottom: unset; right: unset;}
}

.application_detection{position: relative;}
.application_detection .inner{margin-bottom: calc(240/1920 * 100%);}
.application_detection .img{position: absolute; top: 50%; transform: translateY(-50%); width: calc(960/1920 * 100%);}
.application_detection .inner_info{width: calc(630/1440 * 100%); margin-left: auto; }
.application_detection .inner_info .app_process_list {margin-top: .4rem;}
.application_detection .inner_info .app_process_list li{padding-bottom: calc(40/620 * 100%); border-bottom: 1px solid #cccaca;}
.application_detection .inner_info .app_process_list li:not(:nth-last-of-type(1)){ margin-bottom: calc(40/620 * 100%);}
.application_detection .inner_info .app_process_list p{line-height: 2; color: #555555; margin-top: .12rem;}
.application_detection .num_list{right: calc(80/960 * 100%); bottom: 0; transform: translateY(50%);}

@media(max-width:1024px){
    .application_detection .img{position: relative; top: unset; transform: none; width: 90%; margin: 0 auto;}
    .application_detection .inner_info{width: 100%;}
    .application_detection .num_list{  transform: none;  bottom: calc(-90 / 540* 100%);right: calc(-28 / 1440* 100%);}
    .application_detection .inner{margin-top: 2em;}
    .application_detection .inner_info .app_process_list li:not(:nth-last-of-type(1)){padding-bottom: calc(36/1440 * 100%); margin-bottom: 1em;}
}

@media(max-width:768px){
    .application_detection .num_list{position: relative; top: unset; left: unset; bottom: unset; right: unset;}
}

.company_intro_info .inner{padding: calc(140/1920 * 100%) 0; position: relative;}
.company_intro_info .inner .letter_m{position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.company_intro_info .c_title{text-align: center;}
.company_intro_info .img{margin-top: calc(100/1440 * 100%); text-align: center;}

.company_history{background-size: cover; background-position: center;}
.company_history .inner{padding: calc(140/1920 * 100%) 0;}
.company_history .c_title{text-align: center;}
.company_history .history_info{margin-top: calc(70/1440 * 100%); overflow: hidden;}
.company_history .history_info .text {width: calc(550/1440 * 100%);}
.company_history .history_info .text aside{color: var(--color); line-height: .8; font-weight: 700;}
.company_history .history_info .text .content{margin-top: .5rem;}
.company_history .history_info .text p{font-size: .16rem; color: #555555; line-height: 2;}
.company_history .history_info .back{width: calc(800/1440 * 100%); padding-bottom: calc(450/1440 * 100%);}

.company_history .history_year_container{margin-top: calc(70/1440 * 100%); position: relative;}
.company_history .history_year{position: absolute; width: calc(100% - 1.2rem); left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.company_history .history_year::after{content: ""; position: absolute; width: 100%; height: 1px; background-color: #d2d2d3; left: 0; top: 50%; transform: translateY(-50%);}
.company_history .history_year li{position: relative; cursor: pointer;}
.company_history .history_year .spot_box{ padding: .45rem 0;}
.company_history .history_year .spot{width: 20px; height: 20px; transition: .3s; margin: 0 auto; border-radius: 50%; background-color: #fff; position: relative; display: flex; align-items: center; justify-content: center;}
.company_history .history_year .spot::after{content: ""; width: 8px; height: 8px; transition: .3s; border-radius: 50%; background-color: var(--color);}
.company_history .history_year span{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); white-space: nowrap;}
.company_history .history_year .slick-current .spot{background-color: var(--color);}
.company_history .history_year .slick-current .spot::after{background-color: #fff;}
.company_history .history_year .slick-current span{font-size: .22rem; color: var(--color);}
/* .company_history .history_year .opacity{opacity: .3;} */
.company_history .history_year_container .swiperCtr{position: unset;}


.swiperCtr .slick-arrow{flex:0 0 auto;text-align:center;width:0.6rem;height:0.6rem;cursor:pointer;border:1px solid #a2a2a2;border-radius:50%;transition: .3s;}
.swiperCtr .slick-arrow.slick-prev{transform: rotate(180deg);}
.swiperCtr .slick-arrow:hover{background: #c12d31;color: #fff;border-color: #c12d31;}
.swiperCtr .slick-arrow::after{content: "\e65c";font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

@media(max-width:1024px){
    .swiperCtr .slick-arrow{width: .5rem; height: .5rem;}
    .company_history .history_year{width: calc(100% - 1rem);}
    .company_history .history_year .slick-current span{font-size: .2rem;}
}

@media(max-width:768px){
    .company_history .history_info .text{width: 100%;}
    .company_history .history_info .back{width: 100%; padding-bottom: 56.4%; margin-top: 1em;}
}

.company_honor{padding: calc(140/1920 * 100%) 0 calc(50/1920 * 100%);}
.company_honor .c_title{text-align: center;}
.company_honor .honor_list_box{position: relative;}
.company_honor .honor_list_box .swiperCtr{bottom: unset; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none;}
.company_honor .honor_list_box .swiperCtr .slick-arrow{pointer-events: all;}
.company_honor .honor_list{width: calc(1265/1440 * 100%); margin: 0 auto; margin-top: calc(70/1440 * 100%);}
.company_honor .honor_list .li_c{text-align: center; max-width: calc(372/422 * 100%); margin: 0 auto;}
.company_honor .honor_list .img{display: inline-block; padding: .19rem; background: url(../images/honor_border.png) no-repeat center; background-size: 100% 100%;}
.company_honor .honor_list .img img{max-height: 2.21rem}
.company_honor .honor_back{width: 100%; padding-bottom: calc(164/1440 * 100%); background: url(../images/honor_back.png) no-repeat center; background-size: cover; margin-top: calc(-32/1440 * 100%);}

@media(max-width:1024px){
    .company_honor .honor_list .img{padding: .15rem;}
}

@media(max-width:640px){
    .company_honor .honor_list .img{padding: .2rem;}
}

.company_culture .culture{overflow: hidden;}
.company_culture .culture .inner{margin: calc(120/1920 * 100%) auto 0; position: relative;}
.company_culture .culture .inner .letter_m{width: calc(1153/1440 * 100%); z-index: -1; padding-bottom: calc(672/1440 * 100%); position: absolute; opacity: .1;top: 0;right: 0;
    background-image: -o-linear-gradient(to bottom,#000,#000);
    background-image: -moz-linear-gradient(to bottom,#000,#000);
    background-image: -webkit-linear-gradient(to bottom,#000,#000);
    background-image: linear-gradient(to bottom,#000,#000);
   
}
.company_culture .culture .c_title{text-align: center;}
.company_culture .culture .culture_info_box{margin-top: calc(70/1440 * 100%);}
.company_culture .culture .img_list{width: calc(940/1440 * 100%);}
.company_culture .culture .img_list li:not(.active){display: none;}
.company_culture .culture .img_list li.active{opacity: 1; animation: show .5s linear both;}
.company_culture .culture .culture_info{width: calc(500/1440 * 100%);}
.company_culture .culture .culture_info .culture_title li{position: relative; text-align: right; padding-left: .3rem; cursor: pointer;}
.company_culture .culture .culture_info .culture_title li:not(:nth-last-of-type(1)){margin-bottom: calc(60/500 * 100%);}
.company_culture .culture .culture_info .culture_title li::after{content: "";  transition: .5s;  transform-origin: top;}
.company_culture .culture .culture_info .culture_title li aside{justify-content: right; transition: .5s;}
.company_culture .culture .culture_info .culture_title li aside::before{content: "";  transition: .5s;}
.company_culture .culture .culture_info .culture_title li.active aside{font-size: .28rem; padding: calc(27.5/500 * 100%) 0; z-index: 2; position: relative; padding-right: .7rem; color: #fff;}
.company_culture .culture .culture_info .culture_title li.active aside::before{width: .45rem; height: 2px; background-color: #fff; top: 50%; transform: translateY(-50%); margin-right: .2rem;}
.company_culture .culture .culture_info .culture_title li.active::after{z-index: 1; position: absolute; right: 0; top: 0; width: 102%; height: 100%; background-color: var(--color); transform: skew(-15deg);}

.company_culture .culture .culture_info .culture_dot{margin-top: calc(40/500 * 100%);}
.company_culture .culture .culture_info .culture_dot li{width: 10px; height: 10px; margin-left: auto; border-radius: 50%; background-color: #c8c8c8;}
.company_culture .culture .culture_info .culture_dot li:not(:nth-last-of-type(1)){margin-bottom: .1rem;}
.company_culture .culture .culture_info .culture_dot li.active{background-color: var(--color);}

.company_culture .culture .culture_info .culture_brief{margin-top: calc(50/500 * 100%); padding-left: .5rem; text-align: right;}
.company_culture .culture .culture_info .culture_brief li:not(.active){display: none;}
.company_culture .culture .culture_info .culture_brief li.active{opacity: 1; animation: show .5s linear both;}

@keyframes show{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@media(max-width:1024px){
    .company_culture .culture .culture_info .culture_title li.active aside{font-size: .2rem;}
    .company_culture .culture .culture_info .culture_title li.active aside::before{width: .25rem;}
}

@media(max-width:768px){
    .company_culture .culture .img_list{width: 100%;}
    .company_culture .culture .culture_info{width: 100%; margin-top: 1em;}
    .company_culture .culture .culture_info .culture_title li:not(:nth-last-of-type(1)){margin-bottom: 1em;}
    .company_culture .culture .culture_info .culture_title li.active aside{padding-top: 1em; padding-bottom: 1em;}
    .company_culture .culture .culture_info .culture_title li.active::after{width: 97%;}
    .company_culture .culture .culture_info .culture_dot{margin-top: 1em;}
    .company_culture .culture .culture_info .culture_brief{margin-top: 1em;}
}


.news .inner{margin-bottom: calc(110/1920 * 100%);}
.news .top_news{position: relative; padding: calc(85/1440 * 100%) 0; overflow: hidden;}
.news .top_news_inner{ margin-bottom: calc(80/1440 * 100%);}
.news .top_news li .flex_jb_fw{align-items: unset;}
.news .top_news li .img{width: calc(700/1440 * 100%); overflow: hidden;}
.news .top_news li .img figure{transition: .6s; padding-bottom: calc(480/700 * 100%); background-repeat: no-repeat; background-size: cover; background-position: center;}
.news .top_news li .text{width: calc(740/1440 * 100%); padding: calc(65/1440 * 100%); background-color: #f5f5f5;}
.news .top_news li .text time{display: block; font-weight: 500; color: #999999; margin-bottom: .3rem;}
.news .top_news li .text aside{ color: var(--color); font-weight: 700; margin-bottom: .2rem; line-height: calc(42/30);}
.news .top_news li .text p{font-weight: 500; color: #666666; line-height: 2; margin-bottom: .7rem;}
.news .top_news li:hover .img figure{transform: scale(1.05);}

.news .top_news_inner .swiper-pagination{position: static; line-height: 0;}
.news .top_news_inner .swiper-pagination span{position: relative; width: 10px; height: 10px;}
.news .top_news_inner .swiper-pagination span::before{content: ""; display: block;width: 10px; height: 10px; border-radius: 50%; position: relative; z-index: 2;}
.news .top_news_inner .swiper-pagination span::after{content: ""; border-radius: 50%; position: absolute; z-index: 1; width: .6rem; height: .6rem; opacity: 0; background-color: #fff9f9; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.news .top_news_inner .swiper-pagination .swiper-pagination-bullet-active::before{background-color: var(--color);}
.news .top_news_inner .swiper-pagination .swiper-pagination-bullet-active::after{opacity: 1;}
.news .top_news_inner .swiper-pagination .swiper-pagination-bullet{margin: 0 .23rem;}

.news .more .btn .iconfont{margin-left: .25rem; padding: 0; width: 15px; height: 8px; mask: url(../images/process_arrow.svg) no-repeat center; -webkit-mask: url(../images/process_arrow.svg) no-repeat center; mask-size: cover; -webkit-mask-size: cover; background-color: currentColor;}
.news .more .btn .iconfont::before{display: none;}

.news .news_list{gap: .75rem calc(75/1440 * 100%); margin-bottom: calc(120/1440 * 100%);}
.news .news_list li{width: calc(430/1440 * 100%);}
.news .news_list li a{display: block;}
.news .news_list li .img{overflow: hidden;}
.news .news_list li figure{padding-bottom: calc(287/430 * 100%); transition: .6s; background-repeat: no-repeat; background-size: cover; background-position: center;}
.news .news_list li time{display: block; color: #999999; margin:.35rem 0 .16rem;}
.news .news_list li aside{line-height: calc(36/22); height: 3.2727em; color: #333333; transition: .5s;}

.news .news_list li aside {transition: .6s; color: #000000; 
    background: no-repeat left bottom; 
    background-image: linear-gradient(90deg,var(--color),var(--color));
    background-image: -o-linear-gradient(90deg,var(--color),var(--color));
    background-image: -moz-linear-gradient(90deg,var(--color),var(--color));
    background-image: -webkit-linear-gradient(90deg,var(--color),var(--color)); background-size: 0% 2px; transform-origin: left; background-position: 0% 100%;
}
.news .news_list li .more{margin-top: .44rem;}
.news .news_list li .more .btn{transition: padding .5s; }
.news .news_list li:not(:hover) .more .btn{padding: 0; color: #666666; }
.news .news_list li:not(:hover) .more .btn::after{opacity: 0;}

.news .news_list li p{line-height: calc(28/16); color: #666666;  margin-top: .22rem;}
.news .news_list li:hover figure{transform: scale(1.05);}
.news .news_list li:hover aside{color: var(--color);}
.news .news_list li:hover span::after{margin-left: .15rem;}
.news .news_list li:hover aside{
    /* background: no-repeat left bottom; background-size: 100% 2px; 
    background-image: linear-gradient(90deg,var(--color),var(--color));
    background-image: -o-linear-gradient(90deg,var(--color),var(--color));
    background-image: -moz-linear-gradient(90deg,var(--color),var(--color));
    background-image: -webkit-linear-gradient(90deg,var(--color),var(--color)); */
}

@media(max-width:1024px){
    .news .top_news li .img{width: 100%;}
    .news .top_news li .text{width: 100%; margin-top: 1em;}
    .news .top_news .lineBox{position: static; margin-top: 1em; width: 100%;}
    .news .news_list li aside{font-size: 1em;}
    .news .news_list{gap: calc(18/16 * 1em) 3%;}
    .news .news_list li{width: 48.5%;}

    .news .news_list li .more{margin-top: 1em;}
    .news .news_list li .more .btn{padding: 0 .2rem; height: .4rem;}
}


/*.Page001726 为demo编号*/
.Page001726{ text-align:center; font-size:calc(16/16 * 1em);}
.Page001726 .Pages .p_cur,
.Page001726 .Pages .p_count,
.Page001726 .Pages .p_total,
.Page001726 .Pages .p_jump,
.Page001726 .Pages .a_first,
.Page001726 .Pages .a_end{ display:none;}
.Page001726 .Pages em{ font-style:normal;}
.Page001726 .Pages a{ display: flex; align-items: center; margin: 0 5px; justify-content: center; transition: .3s; border-radius: 50%; vertical-align:middle; width:calc(50/16 * 1em);color:#999;height:calc(50/16 * 1em); line-height:calc(50/16 * 1em); border: 1px solid #999;}
.Page001726 .Pages a.a_prev,
.Page001726 .Pages a.a_next{font-family: "宋体"; font-weight: bold; overflow:hidden; background:url(../images/Page001726-prev.png) no-repeat center center;}
.Page001726 .Pages a.a_next{ background-image:url(../images/Page001726-next.png);}

.Page001726 .Pages a.a_prev:hover,
.Page001726 .Pages a.a_next:hover{background-color: var(--color); border-color: var(--color); color: #fff;}
.Page001726 .p_page{display: flex; justify-content: center;}
.Page001726 .p_page .num{display: flex; }
.Page001726 .p_page .num a{background-color: #f5f7f8; border-color: #f5f7f8; color: #000;}
.Page001726 .p_page .num a.a_cur,.Page001726 .p_page .num a:hover{color: var(--color); border-color: var(--color); background-color: transparent;}
@media(max-width:1024px){
.Page001726{margin-top: calc(50/16 * 1em);}
}
@media(max-width:640px){
.Page001726 .Pages em{ display:none;}
/* .Page001726 .Pages a{margin: 0 5px;} */
}


.news_detail{margin-top: calc(100/1920 * 100%);}
.news_detail .inner{align-items: start; margin-bottom: calc(140/1440 * 100%);}
.news_detail .news_content{width: calc(990/1440 * 100%);}
.news_detail .news_content .news_title{padding-bottom: calc(40/990 * 100%); margin-bottom: calc(40/990 * 100%);  border-bottom: 1px solid #ebebeb;}
.news_detail .news_content .news_title aside{line-height: calc(48/36); font-weight: 700;}
.news_detail .news_content .news_info{margin-top: 1em; gap: .5em .4rem; justify-content: unset; align-items: unset; color: #999999; line-height: calc(30/16);}
.news_detail .news_content article{padding-bottom: calc(60/990 * 100%); margin-bottom: calc(50/990 * 100%); border-bottom: 1px solid #ebebeb;}
.news_detail .news_content article *{text-wrap-mode: wrap!important;}
.news_detail .relate_news{width: calc(360/1440 * 100%); padding: calc(40/1440 * 100%) calc(40/1440 * 100%) calc(80/1440 * 100%); background-color: #f8f8f8;}
.news_detail .relate_news aside.f24{color: #333333; padding-left: 1em; position: relative; line-height: 1;}
.news_detail .relate_news aside.f24::after{content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 2px; background-color: var(--color);}
.news_detail .relate_news .relate_news_list{margin-top: .3rem; }
.news_detail .relate_news .relate_news_list li:not(:nth-last-of-type(1)){margin-bottom: .2rem;}
.news_detail .relate_news .relate_news_list a{display: block; padding-bottom: .2rem; border-bottom: 1px solid #e5e5e5;}
.news_detail .relate_news .relate_news_list .img{width: 100%; margin-bottom: .2rem; }
.news_detail .relate_news .relate_news_list .img figure{padding-bottom: calc(185/280 * 100%);}
.news_detail .relate_news .relate_news_list time{display: block; color: #666666; line-height: calc(28/16);}
.news_detail .relate_news .relate_news_list aside{color: #1d2532; line-height: calc(28/16); margin-top: .5em; transition: .3s;}
.news_detail .relate_news .relate_news_list a:hover aside{color: var(--color);}


.news_detail .pn-page aside:not(:nth-last-of-type(1)){margin-bottom: .1rem;}
.news_detail .pn-page aside a{color: #333; font-weight: 500;}
.news_detail .pn-page aside a b{color: #999; font-weight: 500;}
.news_detail .pn-page aside a:hover{color: var(--color);}
.news_detail .pn-page aside a:hover b{color: var(--color);}
.news_detail .pn-page aside a {transition: .6s; color: #000000; 
    background: no-repeat left bottom; 
    background-image: linear-gradient(90deg,var(--color),var(--color));
    background-image: -o-linear-gradient(90deg,var(--color),var(--color));
    background-image: -moz-linear-gradient(90deg,var(--color),var(--color));
    background-image: -webkit-linear-gradient(90deg,var(--color),var(--color)); background-size: 0% 1px; transform-origin: left; background-position: 0% 100%;
}
.news_detail .pn-page aside a:hover{background: no-repeat left bottom; background-size: 100% 1px; 
    background-image: linear-gradient(90deg,var(--color),var(--color));
    background-image: -o-linear-gradient(90deg,var(--color),var(--color));
    background-image: -moz-linear-gradient(90deg,var(--color),var(--color));
    background-image: -webkit-linear-gradient(90deg,var(--color),var(--color));
}

.news_detail .pn-page .operating .more .btn{padding: 0 .6rem; transition: .6s;}
.news_detail .pn-page .operating .more .btn:hover span {transform: translateX(0);}
.news_detail .pn-page .operating .more .btn:hover{transform: scale(1.05); }
.news_detail .pn-page .operating .more .btn:hover::after{box-shadow: 0px 0px 5px 0px var(--color);}
@media(min-width:1025px){
.news_detail .pn-page{min-height: 24px; position: relative;padding-right: calc(240/16 * 1em);}
.news_detail .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.news_detail  .operating a{float: left;}
}

@media(max-width:1024px){
    .news_detail .pn-page .operating{margin-bottom: 1em;}
}

@media(max-width:768px){
    .news_detail .news_content{width: 100%;}
    .news_detail .relate_news{width: 100%; margin-top: 2em;}
}

.contact_info{margin: calc(120/1920 * 100%) 0; overflow: hidden; position: relative;}
.contact_info .img{width: calc(1200/1920 * 100%); position: absolute; left: calc(720/1920 * 100%); top: 0;}
.contact_info .contact_info_c{width: calc(480/1440 * 100%);}
.contact_info .info_list{margin-top: calc(90/480 * 100%);}
.contact_info .info_list figure{width: .7rem; height: .7rem; justify-content: center; border-radius: 50%; border: 1px solid #dfdfdf;}
.contact_info .info_list figure img{max-width: calc(32/70 * 100%);}
.contact_info .info_list li:not(:nth-last-of-type(1)){margin-bottom: calc(60/480 * 100%);}
.contact_info .info_list .text{width: calc(380/480 * 100%);}
.contact_info .info_list .text aside{color: #666666;}
.contact_info .info_list .text p{color: var(--color); font-weight: bold;}


@media(min-width:769px){
    .contact_info{ min-height: 3.45rem;}
}

@media(min-width:1025px){
    .contact_info{ min-height: 5.08rem;}
}

@media(max-width:1024px){
    .contact_info .info_list figure{width: .5rem; height: .5rem;}
}


@media(max-width:768px){
    .contact_info .contact_info_c{width: 100%;}
    .contact_info .img{width: 90%; margin: 0 auto; margin-top: 2em; position: static;}
    .contact_info .info_list{margin-top: 2em;}
    .contact_info .info_list li:not(:nth-last-of-type(1)){margin-bottom: 1em;}
    .contact_info .info_list figure {width: .7rem;height: .7rem;}
}

.contact_form .form_title_box{padding: calc(202.5/1440 * 100%) calc(80/1440 * 100%) calc(202.5/1440 * 100%); position: relative; overflow: hidden; background-size: cover; background-position: center;}
.contact_form .form_title_box::before{content: ""; position: absolute; transform: skew(12deg); background-color: rgba(255,255,255,.9); top: 0; left: 0; transform-origin: bottom; z-index: 1; width: calc(635/1440 * 100%); height: 100%;}
.contact_form .form_title_box .form_title{position: relative; z-index: 2;}
.contact_form .form_title_box .form_title aside{font-weight: bold; color: #333; line-height: 1;}
.contact_form .form_title_box .form_title p{margin-top: calc(45/1280 * 100%); font-weight: 700; color: #333; line-height: calc(46/24);}
.contact_form .form_title_box .form_title p span{color: var(--color);}

.contact_form form{padding: 0 calc(20/1440 * 100%); margin-top: calc(85/1440 * 100%);}
.contact_form form ul .input_box{width: calc(680/1400 * 100%); margin-bottom: calc(40/1400 * 100%);}
.contact_form form ul .input_box input{border: none; color: #666666; font-weight: 500; padding: calc(20/680 * 100%) 0; border-bottom: 1px solid #e7e7e7; width: 100%;}
.contact_form form ul .textarea_box{width: 100%; line-height: 0;}
.contact_form form ul .textarea_box textarea{border: none; height: 1.5rem; font-style: inherit; font-family: inherit; color: #666666; font-weight: 500; padding: calc(12/1400 * 100%) 0; border-bottom: 1px solid #e7e7e7; width: 100%;}
.contact_form form .operate{justify-content: start; margin: calc(50/1400 * 100%) 0 calc(145/1400 * 100%);}
.contact_form form .operate input{background-color: transparent; border: none;}
.contact_form form .input_submit{width: 1.6rem; height: .6rem; transition: .3s; cursor: pointer; transform: skewX(-15deg); transform-origin: bottom; border: 1px solid var(--color); background-color: var(--color);}
.contact_form form .input_submit.reset{background-color: transparent; color: #666666;  border-color: #e6e6e6;}
.contact_form form .input_submit input{width: 100%; height: 100%; transform: skewX(15deg); cursor: pointer;  color: #fff;}
.contact_form form .input_submit.reset input{color: #333;}

.contact_form form .input_submit:nth-last-of-type(1){margin-left: .2rem;}
.contact_form form .input_submit:hover{box-shadow: 0px 0px 1em 0px var(--color);}
.contact_form form .input_submit.reset:hover{box-shadow: 0px 0px 1em 0px #333;}

@media(max-width:1024px){
    .contact_form .form_title_box::before{width: 60%;}
    .contact_form form ul .textarea_box textarea{height: 1.5rem;}
    .contact_form form ul .input_box input{padding: 1em 0;}
}

@media(max-width:768px){
    .contact_form .form_title_box::before{width: 100%;}
}

.go_top{position: fixed; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 999; right: calc(160/1920 * 100%); bottom: 10%; cursor: pointer; transform: rotate(-90deg); width: .52rem; height: .52rem; border-radius: 50%; background-color: var(--color);}



.nav li .sub dd .ol {
    position: absolute;
    left: 100%;
    top: 0;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    display: none;
}

.nav li .sub dd {
    position: relative;
}

.nav li .sub dd:hover .ol {
    display: block;
}

.nav li .sub dd .ol .oli {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.nav li .sub dd .ol .oli:last-child{
    border-bottom: none;
}
@media(max-width:1024px){
    .nav li .sub dd .ol {
        display: block;
        position: static;
    }
}