@import url(animate.min.css);
@keyframes suofang{0%{transform:scale(1)}
100%{transform:scale(1.04)}
}
@keyframes suofang2{0%{transform:translate(-50%,-50%) scale(0);opacity:0}
100%{transform:translate(-50%,-50%) scale(0);opacity:1}
}
@keyframes updown{0%{opacity:0;transform:translateY(60px)}
100%{opacity:1;transform:translateY(0px)}
}
@keyframes updown2{0%{opacity:0;transform:translateY(30px)}
100%{opacity:1;transform:translateY(0px)}
}
@keyframes float{0%{transform:translateY(-10px)}
100%{transform:translateY(10px)}
}
@keyframes cir{0%{transform:translate(-50%,-50%) rotate(0deg)}
100%{transform:translate(-50%,-50%) rotate(-360deg)}
}
@keyframes cir2{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:0.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0.35em 0.75em 0.625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
h1,h2,h3,h4,h5,h6{margin:0}
ul,li{list-style:none;margin:0;padding:0}
section,.list li,footer .main-width{transition:all 0.7s}
section.hide,.list li.hide,footer .main-width.hide{transform:translateY(1rem);opacity:0}
section.show,.list li.show,footer .main-width.show{opacity:1;transform:translateY(0)}
html{font-size:100px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,'NotoSansSC','Arial','Microsoft Yahei';-webkit-font-smoothing:antialiased;font-size:0.18rem;color:#282828}
.header .buttons{display:none}
.about2-zi{width:11.78rem}
.about2-zi-small{display:none}
.about2-zi2{width:3.24rem}
.about2-zi3{width:3.24rem}
.about3-zi{width:7.04rem}
.about4-zi{width:8.6rem}
.apply2-zi{width:9.36rem}
.container{background:white;padding-top:1.2rem}
.main-width{width:14rem;margin:0 auto}
.float-right{float:right}
.clearfix:after{content:"";display:table;clear:both}
.clearfix > *:not(.float-right){float:left}
.common{position:relative;background-color:white;padding:0.4rem 0 1rem}
.common .title{position:relative;text-align:center}
.common .title .name{position:relative;font-size:0.54rem;color:#282828;text-transform:capitalize;padding:0.56rem 0 0.2rem;margin:0}
.common .title .desc{font-size:0.2rem;color:#ababab;margin-bottom:0.2rem}
.modal{position:fixed;top:0;left:0;bottom:0;right:0;display:none;z-index:999}
.modal .modal-bg{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.8)}
.modal .body{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;justify-content:center}
.modal video{width:16rem;height:9rem}
.modal .close{width:0.46rem;height:0.46rem;position:absolute;right:0.6rem;top:0.2rem;background:url(../images/modal-close.png) no-repeat;background-size:contain;cursor:pointer}
.more-button{margin:0 auto;display:block;width:2rem;height:0.6rem;line-height:0.6rem;margin-top:0.22rem;font-size:0.18rem;text-align:center;color:white;background-color:#1a6199;opacity:1;transition:all 0.5s}
.more-button:hover{opacity:0.8}
.more-button-outline{border:1px solid #1a6199;color:#1a6199;background-color:transparent}
.more-button-white{background-color:white;color:#1a6199}
.header{position:fixed;top:0;left:0;width:100%;background-color:white;line-height:1.2rem;height:1.2rem;z-index:10}
.sub-header{display:none}
.header > div{display:flex;align-items:center}
.header .toggle-menu{display:none}
.header .main-width{width:17.6rem;position:relative}
.header .logo{position:absolute;top:0.2rem;left:0;width:3.7rem;}
.header .menu{text-align:center;width:100%;display:flex;justify-content:center}
.header .menu > li{display:block;margin:0 0.2rem;line-height:normal}
.header .menu > li > a{position:relative;display:table-cell;font-size:0.22rem;color:#282828;height:1.2rem;vertical-align:middle;max-width:1.5rem}
.header .menu > li > a:after{content:"";position:absolute;left:0;width:100%;bottom:-2px;border-top:0.04rem solid #1a6199;display:none}
.header .menu > li > a.active{font-weight:bold}
.header .menu > li > a:hover:after,.header .menu > li > a.active:after{display:block}
.header .menu > li:hover .sub-menu{max-height:10rem;border-top:1px solid #d4d4d4}
.header .language{position:absolute;top:0;right:0.88rem;font-size:0.2rem;color:#282828}
.header .sub-menu{transition:all 0.5s;max-height:0px;overflow:hidden;line-height:1;position:absolute;top:100%;left:-12.5%;right:-12.5%;background-color:#fff;padding:0 12.5%;text-align:left}
.header .sub-menu .tit{margin:0.56rem 0 0.24rem;font-size:0.3rem;color:#282828}
.header .sub-menu .con{display:flex;padding-bottom:0.8rem}
.header .sub-menu .con .desc{width:33.3333%;font-size:0.18rem;line-height:0.3rem;color:#ababab;padding-right:0.9rem;box-sizing:border-box;border-right:1px solid #d4d4d4}
.header .sub-menu ul{width:33.3333%;min-height:3rem;position:relative;box-sizing:border-box;border-right:1px solid #d4d4d4;padding:0 0.6rem}
.header .sub-menu .con .desc p{margin:0 0 0.5rem}
.header .sub-menu .con .desc .more-button{margin:0}
.header .sub-menu li{display:block;margin-bottom:0.5rem;line-height:1}
.header .sub-menu li a{display:flex;justify-content:space-between;align-items:center;font-size:0.2rem;color:#282828}
.header .sub-menu li a .more{opacity:0;display:inline-block;width:0.26rem;height:0.15rem;background:url(../images/icon-arrow-right.png) no-repeat;background-size:contain}
.header .sub-menu li a:hover,.header .sub-menu li a.active{color:#1a6199}
.header .sub-menu li a:hover .more,.header .sub-menu li a.active .more{opacity:1}
.header .sub-menu .sub-desc{display:none;position:absolute;left:100%;top:0;width:100%;box-sizing:border-box;padding:0 0.6rem;font-size:0.18rem;color:#282828}
.header .sub-menu .sub-desc .text{line-height:0.32rem}
.header .sub-menu .sub-desc .photo{margin-bottom:0.18rem}
.header .sub-menu .sub-desc .photo img{width:100%}
.header .sub-menu li a:hover .sub-desc,.header .sub-menu li a.active .sub-desc{display:block}
.icon-lang{background:url(../images/icon-lang.png) no-repeat;background-size:contain;width:0.28rem;height:0.28rem;display:inline-block;vertical-align:text-top}
.icon-arrow-down{background:url(../images/icon-arrow-down.png) no-repeat;background-size:contain;width:0.14rem;height:0.14rem;display:inline-block;vertical-align:text-top;margin-top:0.06rem}
.icon-file{background:url(../images/icon-file.png) no-repeat;background-size:contain;width:0.42rem;height:0.52rem;display:inline-block;vertical-align:text-top}
.header .language span{position:relative;cursor:pointer}
.header .search{cursor:pointer;position:absolute;right:2px}
.icon-search{background:url(../images/search-icon.png) no-repeat;background-size:contain;width:0.24rem;height:0.24rem;display:block}
.banner{width:100%}
.banner img,.banner video{width:100%}
.banner .swiper-pagination{bottom:0.4rem !important}
.banner .swiper-pagination-bullet{width:0.16rem;height:0.16rem;background-color:#e5e5e5;opacity:1;border-radius:0;margin:0 0.12rem !important}
.banner .swiper-pagination-bullet-active{background-color:#1a6199}
.products .cont{ padding: 0.5rem 0 0.6rem; position: relative;}
.products .cont .pic img{ max-width: 100%; }
.products .cont .swiper-button-prev{ position: absolute; top:auto; left:50%; margin-left: -0.7rem; color: #333; font-size: 0.12rem; bottom: 0rem;  width: 0.6rem; height: 0.4rem; border-radius: 0.1rem; border:2px solid #666;  }
.products .cont .swiper-button-next{ position: absolute; top:auto;  right:50%; margin-right: -0.7rem; color: #333; font-size: 0.12rem; bottom:0rem;  width: 0.6rem; height: 0.4rem; border-radius: 0.1rem; border:2px solid #666; }
.products .cont .swiper-button-prev:hover{ border-color: #1a6199; background-color: #1a6199; color: #FFF;}
.products .cont .swiper-button-next:hover{ border-color: #1a6199; background-color: #1a6199; color: #FFF; }
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 0.18rem; }

.icon-service01{background:url(../images/icon-service01.png) no-repeat;background-size:contain}
.icon-service02{background:url(../images/icon-service02.png) no-repeat;background-size:contain}
.icon-service03{background:url(../images/icon-service03.png) no-repeat;background-size:contain}
.icon-service04{background:url(../images/icon-service04.png) no-repeat;background-size:contain}
.icon-service05{background:url(../images/icon-service05.png) no-repeat;background-size:contain}
.icon-service06{background:url(../images/icon-service06.png) no-repeat;background-size:contain}

.about{color:white;background:url(../images/about-bg.jpg) no-repeat;background-size:cover;padding:0.9rem 0;position:relative;overflow:hidden}
.about .text-panel{padding:0 0.35rem;position:absolute}
.about .name{font-size:0.54rem;margin-bottom:0.2rem}
.about .desc{font-size:0.2rem}
.about .line{width:0.6rem;height:0.08rem;margin:0.45rem 0;background-color:#fba52e}
.about .numbers{display:flex;margin-bottom:0.24rem}
.about .numbers .item{margin-right:0.7rem}
.about .numbers .number{font-size:0.18rem}
.about .numbers .number strong{font-size:0.54rem;margin-right:0.05rem;font-family:"Impact";font-weight:normal}
.about .numbers .label{font-size:0.18rem;opacity:0.5}
.about .about-company{font-size:0.2rem;line-height:0.3rem;width:5.8rem;margin-bottom:0.55rem}
.about .more-button{margin:0}
.about .video{width:100%;padding-left:50%;box-sizing:border-box}
.about .video img{width:100%}
.service{background-color:#f7f8fa}
.service .cont{position:relative;color:#282828;background-color:white;height:6.82rem;margin:0.5rem 0.35rem 0;display:flex;justify-content:space-between}
.service .cont .text-panel{padding:1rem 0.7rem 0.2rem;display:none}
.service .cont .text-panel.active{display:block}
.service .cont .name{font-size:0.36rem;margin:0.18rem 0 0.58rem}
.service .cont .text{position:relative;box-sizing:border-box;color:#ababab;width:3.75rem;padding:0 0.66rem;font-size:0.3rem;line-height:0.36rem;margin-bottom:0.3rem;font-style:italic}
.service .cont .text::before,.service .cont .text::after{content:"";position:absolute;width:0.34rem;height:0.26rem}
.service .cont .text::before{background:url(../images/yh-start-icon.png) no-repeat;background-size:contain;top:0;left:0}
.service .cont .text::after{background:url(../images/yh-end-icon.png) no-repeat;background-size:contain;bottom:0;right:0}
.service .cont .desc{width:3.75rem;font-size:0.18rem;line-height:0.3rem}
.service .cont .list{position:relative;width:8.8rem}
.service .cont .list ul{position:absolute;top:0;left:0;height:100%;width:100%;display:flex}
.service .cont .list ul li{flex:1}
.service .cont .list ul li a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%;font-size:0.24rem;color:white;transition:all 0.5s;background-color:rgba(0,0,0,0);padding-bottom:0.4rem;box-sizing:border-box}
.service .cont .list ul li a .point{position:relative;width:0.16rem;height:0.16rem;border-radius:50%;background:white;margin-bottom:0.32rem;opacity:0.5;transition:all 0.5s}
.service .cont .list ul li a .point:after{transition:all 0.5s;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border:2px solid white;border-radius:50%}
.service .cont .list ul li a.active,.service .cont .list ul li a:hover{background-color:rgba(0,0,0,0.3)}
.service .cont .list ul li a.active .point,.service .cont .list ul li a:hover .point{opacity:1}
.service .cont .list ul li a.active .point:after,.service .cont .list ul li a:hover .point:after{width:0.5rem;height:0.5rem}
.service .cont .list img{display:block;width:8.81rem}
.news .title{text-align:left}
.news .title .name{padding:0.3rem 0.35rem 0.48rem}
.news .list{display:flex;flex-wrap:wrap}
.news .list li{position:relative;float:left;box-sizing:border-box;width:33.3333%;padding:0 0.35rem}
.news .list li img{width:100%}
.news .list li .text{padding:0.2rem 0 0.25rem 0.25rem}
.news .list li .name{position:relative;color:#282828;font-size:0.24rem;line-height:0.32rem;height:0.64rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news .list li .name::before{content:"";width:0.16rem;height:0.16rem;position:absolute;top:0.1rem;left:-0.25rem;background-color:#1a6199}
.news .list li .date{font-size:0.18rem;color:#ababab;margin:0.18rem 0}
.news .list li .desc{font-size:0.18rem;line-height:0.3rem;height:0.6rem;color:#ababab;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news .list li a .photo{overflow:hidden}
.news .list li a img{transition:all 0.5s;transform:scale(1)}
.news .list li a:hover img{transform:scale(1.1)}
.news .list li a:hover .desc{color:#282828}
.footer{background-color:#1a6199;color:white;padding-top:0.54rem}
.footer .inner-panel{padding:0 0.35rem}
.footer .logo2{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:0.2rem}
.footer .logo2 img{width:100%;height:100%;width:3.33rem;height:0.67rem}
.footer .cont{padding:0.36rem 0 1rem}
.footer .menu li{width:1.68rem}
.footer .menu li a{display:block;color:white;font-size:0.2rem;line-height:0.36rem;transition:all 0.5s;opacity:1}
.footer .menu li > a{font-weight:bold}
.footer .menu li a:hover{opacity:0.8}
.footer .menu li .sub{padding-top:0.16rem}
.footer .menu li .sub a{font-size:0.15rem}
.footer .f-contact{width:3.6rem;float:right}
.footer .f-contact .tit{color:white;font-size:0.2rem;line-height:0.36rem;margin-bottom:0.2rem}
.footer .f-contact .label{font-size:0.18rem;margin-bottom:0.14rem}
.footer .f-contact .button{display:block;width:100%;height:0.6rem;line-height:0.6rem;font-size:0.18rem;text-align:center;color:#282828;background-color:white;margin-bottom:0.6rem}
.footer .follow .t{font-size:0.2rem;margin:0.4rem 0 0.3rem}
.footer .follow .c{width:1.46rem;font-size:0.18rem;line-height:0.24rem}
.footer .qrcode{float:right;width:1.4rem;height:1.4rem}
.footer .qrcode img{width:100%;height:100%}
.footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.2);line-height:0.8rem;font-size:0.18rem}
.footer .footer-bottom .main-width{opacity:1;transform:translateY(0)}
.footer .footer-bottom .link{float:right}
.footer .footer-bottom .link a{margin-left:0.06rem;color:white}
.footer .footer-bottom .link img{ height:0.3rem;}
.about-container{color:#282828}
.about-container .banner{line-height:0}
.about-container .banner img{width:100%}
.about-container .about-menu{background:url(../images/about02.jpg) no-repeat;background-size:100% 100%}
.about-container .about-menu .list{display:flex;align-items:center;justify-content:space-around;height:1rem}
.about-container .about-menu .list.list2{justify-content:space-between}
.about-container .about-menu .list.list3{justify-content:center}
.about-container .about-menu .list.list3 .item{margin:0 0.4rem}
.about-container .about-menu .list .item{display:block;font-size:0.24rem;color:white;padding:0.1rem 0 0.06rem;border-bottom:0.04rem solid transparent}
.about-container .about-menu .list .item:hover,.about-container .about-menu .list .item.active{font-weight:bold;border-bottom-color:white}
.about-container .about-content{background-color:white;padding:0.2rem 0 0.5rem}
.about-container .about-content .title{padding:0.6rem 0}
.about-container .about-content .title h3{font-size:0.48rem;border-left:0.08rem solid #1a6199;padding-left:0.2rem}
.about-container .about-content .cont{font-size:0.16rem;line-height:30px;position:relative}



.about-container .about-content .cont img{max-width: 100%;height: auto;}



.about-container .about-content .cont p{margin:0;margin-bottom:0.03rem}
.about-container .about-content .cont .video{float:right;width:6.7rem;height:3.77rem;margin:0 0 0.2rem 0.4rem;line-height:0}
.about-container .about-content .cont .video img{width:100%;height:100%}
.about-container .about-numbers{background-color:#f7f8fa;display:flex;justify-content:center;align-items:center;height:2rem}
.about-container .about-numbers .item{margin:0 0.8rem;text-align:center}
.about-container .about-numbers .number{font-size:0.18rem}
.about-container .about-numbers .number strong{color:#1a6199;font-size:0.72rem;margin-right:0.05rem;font-family:"Impact";font-weight:normal;position:relative}
.about-container .about-numbers .number strong .plus{font-size:0.24rem;position:absolute;top:0;right:-0.2rem}
.about-container .about-numbers .label{font-size:0.18rem;padding:0.1rem 0 0 0}
.about-container .about-why{height:6.1rem;background:url(../images/whyjianjie.jpg) no-repeat;background-size:cover;font-size:0.18rem;color:white}
.about-container .about-why .title{margin-bottom:0.4rem}
.about-container .about-why .title h3{position:relative;font-size:0.48rem;text-align:center;padding:1rem 0}
.about-container .about-why .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:white;position:absolute;bottom:0.4rem;left:50%;transform:translateX(-50%)}
.about-container .about-why .cont .list{display:flex}
.about-container .about-why .cont .list .item{flex:1;padding:0 0.18rem}
.about-container .about-why .cont .list .item .tit{display:flex;align-items:center;font-size:0.3rem;height:1rem}
.about-container .about-why .cont .list .item .tit .icon{width:0.72rem;height:0.72rem;margin-right:0.04rem}
.about-container .about-why .cont .list .item .tit .icon.icon01{background:url(../images/why-icon01.png) no-repeat;background-size:contain}
.about-container .about-why .cont .list .item .tit .icon.icon02{background:url(../images/why-icon02.png) no-repeat;background-size:contain}
.about-container .about-why .cont .list .item .tit .icon.icon03{background:url(../images/why-icon03.png) no-repeat;background-size:contain}
.about-container .about-why .cont .list .item .tit .icon.icon04{background:url(../images/why-icon04.png) no-repeat;background-size:contain}
.about-container .about-why .cont .list .item .con{line-height:0.3rem}
.about-container .about-work{display:flex}
.about-container .about-work .video{width:50%;height:5.4rem}
.about-container .about-work .video img{width:100%;height:100%}
.about-container .about-work .work-record{width:50%;height:5.4rem;background:url(../images/about06.jpg) no-repeat;background-size:cover;box-sizing:border-box;padding:0.78rem;display:flex;flex-direction:column;justify-content:center;color:white}
.about-container .about-work .work-record .title{margin-bottom:0.4rem}
.about-container .about-work .work-record .title h3{position:relative;font-size:0.48rem;padding-bottom:0.4rem;font-weight:normal}
.about-container .about-work .work-record .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:white;position:absolute;bottom:0;left:0}
.about-container .about-work .work-record .cont{font-size:0.2rem;line-height:0.3rem;width:6.4rem}
.about-container .about-course .title{padding:0.8rem 0 0;margin-bottom:0.4rem}
.about-container .about-course .title h3{position:relative;font-size:0.48rem;text-align:center;padding-bottom:0.4rem}
.about-container .about-course .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.about-container .about-course .cont{position:relative;width:100%;overflow:hidden}
.about-container .about-course .cont .button-prev,.about-container .about-course .cont .button-next{cursor:pointer;display:block;width:0.32rem;height:0.64rem;position:absolute;top:0.5rem;background:url(../images/about-arrow.png) white no-repeat;background-size:cover;z-index:99}
.about-container .about-course .cont .button-prev:hover,.about-container .about-course .cont .button-next:hover{opacity:0.8}
.about-container .about-course .cont .button-prev{left:0;display:none}
.about-container .about-course .cont .button-next{right:0;transform:rotateY(180deg)}
.about-container .about-course .cont .years{width:30rem;display:flex;align-items:center;padding:0 1rem}
.about-container .about-course .cont .years .year{width:2.5rem;text-align:center;font-size:0.4rem;color:#ababab;font-style:italic;position:relative;height:1.48rem;line-height:1.48rem;box-sizing:border-box;cursor:pointer;transition:all 0.35s}
.about-container .about-course .cont .years .year:after{display:none;content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.about-container .about-course .cont .years .year:hover{color:#1a6199}
.about-container .about-course .cont .years .year.active{font-size:0.72rem;font-weight:bold;color:#1a6199;font-style:normal}
.about-container .about-course .cont .years .year.active::after{display:block}
.about-container .about-course .cont .list{width:3000rem;display:flex}
.about-container .about-course .cont .list .item{width:14rem;padding:0.4rem 0;display:flex;flex-direction:column;align-items:center}
.about-container .about-course .cont .list .item .photo{width:8rem;height:5rem}
.about-container .about-course .cont .list .item .photo img{width:100%;height:100%}
.about-container .about-course .cont .list .item .name{font-size:0.24rem;padding:0.4rem}
.about2-content{height:19.58rem;background:url(../images/about11.jpg) no-repeat;background-size:cover}
.about2-content .yj{height:6.5rem;text-align:center}
.about2-content .yj .title{padding:1.8rem 0 0;margin-bottom:0.4rem}
.about2-content .yj .title h3{position:relative;font-size:0.48rem;padding-bottom:0.4rem}
.about2-content .yj .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.about2-content .yj .cont{font-size:0.72rem;color:#1a6199}
.about2-content .sm .title{padding:1rem 0 0;margin-bottom:0.4rem;text-align:center}
.about2-content .sm .title h3{position:relative;font-size:0.48rem;padding-bottom:0.4rem;color:white}
.about2-content .sm .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:white;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.about2-content .sm .list .item{display:flex;margin-bottom:0.4rem}
.about2-content .sm .list .item .photo{width:50%;height:3rem;overflow:hidden}
.about2-content .sm .list .item .photo img{width:100%;height:100%;transition:all 0.35s;transform:scale(1)}
.about2-content .sm .list .item:hover .photo img{transform:scale(1.1)}
.about2-content .sm .list .item .text{width:50%;box-sizing:border-box;height:3rem;background-color:white;display:flex;flex-direction:column;justify-content:center;padding:0 0.56rem;line-height:0.3rem}
.about2-content .sm .list .item .text h4{font-size:0.3rem;margin-bottom:0.2rem}
.about2-content .sm .list .item .text p{margin:0}
.about2-content .sm .list .item:nth-child(even){flex-direction:row-reverse}
.about2-list .list{display:flex;height:6.4rem;padding-bottom:0.4rem}
.about2-list .list .item{position:relative;flex:1;padding-top:1rem;padding-right:0.76rem}
.about2-list .list .item h3{position:relative;font-size:0.48rem;padding-bottom:0.4rem;margin-bottom:0.4rem;text-align:center}
.about2-list .list .item h3:after{content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.about2-list .list .item .desc{text-align:center;font-size:0.36rem;color:#1a6199;width:3.3rem;margin:0 auto;height:1.4rem}
.about2-list .list .item p{line-height:0.3rem;margin:0}
.about2-list .list .item:last-child{padding-left:0.76rem;padding-right:0}
.about2-list .list .item:last-child::after{content:"";position:absolute;left:0;bottom:0.94rem;height:1.7rem;border-left:1px solid #1a6199}
.about-partner{text-align:center;padding-bottom:0.6rem}
.about-partner > .photo{overflow:hidden}
.about-partner > .photo img{width:100%;transition:all 0.35s;transform:scale(1)}
.about-partner > .photo img:hover{transform:scale(1.1)}
.about-partner .title{padding:0.7rem 0 0;margin-bottom:0.4rem}
.about-partner .title h3{position:relative;font-size:0.48rem;padding-bottom:0.4rem}
.about-partner .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.about-partner .sub-title{font-size:0.72rem;color:#1a6199;margin-bottom:0.7rem;letter-spacing:0.06rem}
.about-partner .text{font-size:0.24rem;line-height:0.6rem}
.about-partner .desc{position:relative;padding-right:0.3rem}
.about-partner .desc::after{content:"";width:0.7rem;height:0.7rem;border-top:0.3rem solid #1a6199;border-right:0.3rem solid #1a6199;position:absolute;top:-0.29rem;right:1px}
.about-partner .desc .text{min-height:1rem;box-sizing:border-box;line-height:0.3rem;padding:0.3rem 0.4rem;display:flex;align-items:center;justify-content:center;background-color:#f7f8fa;font-size:0.24rem;letter-spacing:2px}
.about-partner .desc .text.text2{font-size:0.18rem;justify-content:flex-start;text-align:left}
.about-partner .cont{display:flex;align-items:center;padding:0.7rem 0 0.4rem}
.about-partner .cont .tit{width:50%;font-size:0.3rem;display:flex;align-items:center;font-weight:bold}
.about-partner .cont .tit strong{display:block;width:1rem;height:1rem;border-radius:50%;background-color:#fba52e;color:white;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;padding:0 0.08rem}
.about-partner .cont .desc{width:50%}
.about-partner .list{display:flex;flex-wrap:wrap;padding:0.6rem 0}
.about-partner .list a{display:block;width:20%;height:1.43rem}
.about-partner .list a img{width:100%;height:100%}
.about-swqt{background-color:#f7f8fa}
.about-swqt .main-width{height:3.9rem;display:flex;align-items:center;justify-content:space-between}
.about-swqt .main-width .title{padding:0.7rem 0 0;margin-bottom:0.4rem}
.about-swqt .main-width .title h3{position:relative;font-size:0.48rem;padding-bottom:0.4rem}
.about-swqt .main-width .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:0}
.about-swqt .buttons .button{cursor:pointer;height:1rem;width:5rem;display:flex;align-items:center;justify-content:center;font-size:0.3rem;color:white;background-color:#1a6199;border-radius:0.5rem;margin-right:0.3rem;font-family:'PingFang SC Heavy'}
.about-swqt .buttons .button .icon-phone{display:block;width:0.41rem;height:0.41rem;background:url(../images/phone-icon.png) no-repeat;background-size:cover;margin-right:0.1rem}
.apply-menu{height:1rem;background:url(../images/apply02.jpg) no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}
.apply-menu .text{position:relative;padding:0 0.8rem;font-size:0.24rem;color:white}
.apply-menu .text::before,.apply-menu .text::after{content:"";width:0.6rem;border-top:1px solid white;position:absolute;top:50%}
.apply-menu .text::before{left:0}
.apply-menu .text::after{right:0}
.apply-menu .text2{color:white;font-size:0.36rem;letter-spacing:0.06rem}
.apply-list .list{margin:0 -0.35rem;padding:0.65rem 0}
.apply-list .list li{position:relative;float:left;width:33.3333%;box-sizing:border-box;padding:0.35rem}
.apply-list .list li a{display:block;width:100%;height:100%}
.apply-list .list li a .photo{overflow:hidden;height:2rem;line-height:0}
.apply-list .list li a img{width:100%;height:100%;transition:all 0.5s;transform:scale(1)}
.apply-list .list li a:hover img{transform:scale(1.1)}
.apply-list .list li .name{font-size:0.3rem;color:#0a0a0a;padding:0.4rem 0 0.16rem;text-align:center}
.apply-list .list li img{width:100%}
.apply-list .list li .text{padding:0 0.2rem 0.26rem;color:#282828;background-color:#f7f8fa;text-align:center}
.apply-list .list li .text .tit{font-size:0.2rem;padding:0.16rem 0 0.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apply-list .list li .text .desc{font-size:0.2rem;line-height:0.22rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-bottom:0.3rem}
.apply-list .more{font-size:0.22rem;color:#1a6199;display:inline-block;padding-right:0.35rem;background:url(../images/icon-arrow-right.png) no-repeat right center;background-size:0.26rem 0.15rem;font-weight:bold}
.apply-list .more:hover{opacity:0.8}
.apply2-list{background-color:#1a6199}
.apply2-list .list{padding:0.7rem 0;display:flex;justify-content:center}
.apply2-list .list .item{display:flex;flex-direction:column;align-items:center;width:20%}
.apply2-list .list .item .icon{width:1rem;height:1rem;margin-bottom:0.45rem}
.apply2-list .list .item .icon.icon01{background:url(../images/apply-icon01.png) no-repeat;background-size:cover}
.apply2-list .list .item .icon.icon02{background:url(../images/apply-icon02.png) no-repeat;background-size:cover}
.apply2-list .list .item .icon.icon03{background:url(../images/apply-icon03.png) no-repeat;background-size:cover}
.apply2-list .list .item .icon.icon04{background:url(../images/apply-icon04.png) no-repeat;background-size:cover}
.apply2-list .list .item .icon.icon05{background:url(../images/apply-icon05.png) no-repeat;background-size:cover}
.apply2-list .list .item .name{font-size:0.24rem;color:white}
.apply2-swiper{background-color:#f7f8fa;padding-bottom:1.4rem}
.apply2-swiper .title{font-size:0.48rem;padding:0.8rem 0;text-align:center}
.apply2-swiper .swiper-container{width:100%;padding:0 1rem;box-sizing:border-box}
.apply2-swiper .swiper-slide{width:5.1rem}
.apply2-swiper .swiper-slide .item{display:block;color:#282828;width:4.1rem;padding:0.2rem;background:white}
.apply2-swiper .swiper-slide .item .photo{width:100%;height:3rem;overflow:hidden}
.apply2-swiper .swiper-slide .item .photo img{width:100%;height:100%;transition:all 0.35s;transform:scale(1)}
.apply2-swiper .swiper-slide .item .text h4{padding:0.35rem 0 0.15rem;font-size:0.3rem}
.apply2-swiper .swiper-slide .item .text p{min-height:0.68rem;margin:0;font-size:0.18rem;line-height:0.3rem}
.apply2-swiper .swiper-slide .item:hover .photo img{transform:scale(1.1)}
.apply2-swiper .swiper-button-next,.apply2-swiper .swiper-button-prev{width:1rem;height:1rem;padding:0}
.apply2-swiper .swiper-button-next.swiper-button-disabled,.apply2-swiper .swiper-button-prev.swiper-button-disabled{opacity:0}
.apply2-swiper .swiper-button-prev,.apply2-swiper .swiper-container-rtl .swiper-button-next{background-image:url(../images/apply-prev-icon.png);background-size:contain;left:0.5rem}
.apply2-swiper .swiper-button-next,.apply2-swiper .swiper-container-rtl .swiper-button-prev{background-image:url(../images/apply-next-icon.png);background-size:contain;right:0.5rem}
.ability-content{height:8rem;overflow:hidden;position:relative}
.ability-content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/ability02.jpg) no-repeat;background-size:cover;transition:all 0.35s;transform:scale(1)}
.ability-content:hover::after{transform:scale(1.1)}
.ability-content .main-width{position:relative;display:flex;align-items:center;height:100%;z-index:2}
.ability-content .panel{padding:0.54rem;width:7rem;box-sizing:border-box;background-color:rgba(26,97,153,0.85);color:white;position:relative}
.ability-content .panel:after{content:"";width:0.6rem;height:0.04rem;position:absolute;left:0.54rem;top:0;background-color:white}
.ability-content .panel h3{font-size:0.48rem;padding:0.2rem 0 0.35rem;font-weight:normal}
.ability-content .panel p{font-size:0.24rem;line-height:0.36rem}
.ability-sl{padding-bottom:1rem}
.ability-sl .text{text-align:center}
.ability-sl .text > div{position:relative;z-index:2;display:inline-block;margin-bottom:0.2rem;padding:0 0.2rem}
.ability-sl .text > div:after{content:"";position:absolute;left:0;width:100%;bottom:-0.04rem;border-top:0.1rem solid #f7f8fa;z-index:-1}
.ability-sl .swiper-container{padding:0.4rem 0.28rem}
.ability-sl .swiper-slide .item{height:4.9rem;text-align:center}
.ability-sl .swiper-slide .item img{width:3.9rem;height:100%}
.ability-sl .swiper-button-next,.ability-sl .swiper-button-prev{width:0.32rem;height:0.64rem;padding:0}
.ability-sl .swiper-button-next:hover,.ability-sl .swiper-button-prev:hover{opacity:0.8}
.ability-sl .swiper-button-prev,.ability-sl .swiper-container-rtl .swiper-button-next{background-image:url(../images/ability-prev.png);background-size:contain;left:0px}
.ability-sl .swiper-button-next,.ability-sl .swiper-container-rtl .swiper-button-prev{background-image:url(../images/ability-next.png);background-size:contain;right:0px}
.yh-text{position:relative;display:inline-block;padding:0 1rem}
.yh-text::before,.yh-text::after{content:"";position:absolute;width:0.34rem;height:0.26rem}
.yh-text::before{background:url(../images/yh-start-icon.png) no-repeat;background-size:contain;top:0;left:0}
.yh-text::after{background:url(../images/yh-end-icon2.png) no-repeat;background-size:contain;bottom:0;right:0}
.ability2-panel{position:relative}
.ability2-panel.bg1{background-color:#dfe6e4}
.ability2-panel.bg2{background-color:#d8d7cb}
.ability2-panel .pic{position:absolute;top:0;right:0;width:50%;height:2rem}
.ability2-panel .text{font-size:0.2rem;width:5.7rem;height:2rem;color:#1a1a1a;display:flex;flex-direction:column;justify-content:center}
.ability2-panel .text h3{font-size:0.36rem}
.ability2-list{color:#1a1a1a;padding:0.4rem 0 0.7rem}
.ability2-list .list{display:flex;justify-content:space-between}
.ability2-list .list .item{width:3.2rem;position:relative}
.ability2-list .list .item .photo{background:url(../images/ability12.png) no-repeat;background-size:contain;width:100%;height:3.3rem}
.ability2-list .list .item .photo img{width:100%;height:3rem}
.ability2-list .list .item .name{font-size:0.24rem;text-align:center;position:absolute;top:2.54rem;width:100%;font-weight:bold}
.ability2-list .list .item .name-en{font-size:0.18rem;text-align:center;position:absolute;top:3rem;width:100%;color:white;line-height:0.3rem;text-transform:uppercase;font-style:italic}
.ability2-list .list .item .desc{font-size:0.18rem;line-height:0.28rem;padding:0.25rem 0.05rem 0}
.ability2-list .list2{display:flex;padding:0.6rem 0 0.4rem;flex-wrap:wrap;}
.ability2-list .list2 .item{width:3.2rem;position:relative;text-align:center}
.ability2-list .list2 .item .photo{background:url(../images/ability14.png) no-repeat;background-size:contain;width:2rem;height:2rem;margin:0 auto 0.25rem;padding:0.3rem}
.ability2-list .list2 .item .photo img{width:100%;height:100%;border-radius:50%}
.ability2-list .list2 .item .name{font-size:0.24rem;font-weight:bold}
.ability2-list .list2 .item .desc{font-size:0.18rem;line-height:0.28rem;padding:0.15rem 0.08rem 0}
.ability2-panel2{position:relative;background:url(../images/ability15.jpg) no-repeat bottom center;background-size:100% 5rem;height:6.72rem}
.ability2-panel2 .pic{position:absolute;left:0;top:0;width:50%;height:5.3rem}
.ability2-panel2 .main-width{display:flex;justify-content:flex-end}
.ability2-panel2 .main-width .right-text{width:50%;box-sizing:border-box;padding:0 0.4rem 0 0.6rem}
.ability2-panel2 .main-width .right-text > .text{height:1.7rem;display:flex;flex-direction:column;justify-content:center}
.ability2-panel2 .main-width .right-text > .text .name{font-size:0.36rem;font-weight:bold}
.ability2-panel2 .main-width .right-text > .text .desc{font-size:0.2rem;line-height:0.28rem;padding:0.15rem 0 0}
.ability2-panel2 .main-width .numbers{display:flex;justify-content:space-between;align-items:center;height:2rem;color:white;text-align:center}
.ability2-panel2 .main-width .numbers .number{font-size:0.18rem}
.ability2-panel2 .main-width .numbers .number strong{color:white;font-size:0.72rem;margin-right:0.05rem;font-family:"Impact";font-weight:normal;position:relative}
.ability2-panel2 .main-width .numbers .number strong .plus{font-size:0.24rem;position:absolute;top:0;right:-0.2rem}
.ability2-panel2 .main-width .numbers .label{font-size:0.18rem;padding:0.1rem 0 0 0.3rem}
.ability2-panel2 .main-width .text1,.ability2-panel2 .main-width .text2{font-size:0.22rem;line-height:0.36rem;color:white}
.ability2-panel2 .main-width .text1{font-style:italic}
.product-type-list .list{padding:1rem 0}
.product-type-list .list li{margin-bottom:0.4rem}
.product-type-list .list li:last-child{margin-bottom:0}
.product-type-list .list a{display:flex;align-items:center;height:2rem;width:100%;background-color:#e9eaec;overflow:hidden}
.product-type-list .list a .name{flex:1;font-size:0.36rem;color:#282828;padding:0 0 0.3rem 0.98rem;position:relative}
.product-type-list .list a .name::after{content:"";background-color:#1a6199;width:0.6rem;height:0.04rem;position:absolute;bottom:0;left:0.98rem}
.product-type-list .list a .photo{width:6.6rem;line-height:0}
.product-type-list .list a .photo img{width:100%;transition:all 0.35s;transform:scale(1)}
.product-type-list .list a:hover .photo img{transform:scale(1.1)}
.product-type-list .list a .more{width:2rem;display:flex;align-items:center;justify-content:center;color:#1a6199;font-size:0.22rem;font-weight:bold}
.product-type-list .list a .more:hover{opacity:0.8}
.product-type-list .list a .more .icon{display:inline-block;width:0.26rem;height:0.15rem;background:url(../images/icon-arrow-right.png) no-repeat;background-size:contain;margin-left:0.1rem}
.nav{background-color:#f7f8fa}
.nav .list{display:flex;align-items:center;height:1rem;color:#ababab;}
.nav .list a{font-size:0.22rem;color:#ababab;margin:0 0.1rem}
.nav .list a:first-child{padding:0;background:none}
.nav .list span.item{color:#282828;background:url(../images/nav-icon2.png) no-repeat left center;background-size:0.11rem 0.18rem}

.product-list .title{text-align:center;padding:0.7rem 0 0;margin-bottom:0.4rem}
.product-list .title h3{position:relative;font-size:0.48rem;padding-bottom:0.4rem;font-weight:normal}
.product-list .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.product-list .tags{background:#f7f8fa;padding:0.35rem;display:flex;flex-wrap:wrap}
.product-list .tags .tag-item{cursor:pointer;margin:0.05rem;font-size:0.18rem;color:#282828;height:0.6rem;display:flex;align-items:center;background:white;padding:0 0.25rem;transition:all 0.35s}
.product-list .tags .tag-item:hover,.product-list .tags .tag-item.active{color:white;background-color:#1a6199}
.product-list .list{display:flex;flex-wrap:wrap;padding:0.35rem 0 0.95rem;margin-left:-0.1rem;margin-right:-0.1rem}
.product-list .list .item{margin:0.1rem;width:3.35rem}
.product-list .list .item .photo{border:1px solid white;transition:all 0.35s;box-shadow:0 0 0.2rem rgba(0,0,0,0.1);overflow:hidden}
.product-list .list .item img{width:100%;transition:all 0.35s;transform:scale(1)}
.product-list .list .item .text{padding:0.2rem;font-size:0.2rem;color:#282828;text-align:center}
.product-list .list .item:hover .photo,.product-list .list .item.active .photo{border-color:#1a6199}
.product-list .list .item:hover .photo img,.product-list .list .item.active .photo img{transform:scale(1.1)}
.product-list .list .item:hover .text,.product-list .list .item.active .text{font-weight:bold}
.news-title{padding-bottom:0}
.news-list{padding-top:0}
.news-list .item{margin-bottom:0.4rem}
.news-detail{padding-bottom:0.7rem}
.news-detail .title{text-align:center;padding:0.5rem 0 0.2rem}
.news-detail .title h3{font-size:0.4rem;font-weight:normal;margin-bottom:0.25rem}
.news-detail .title .date{font-size:0.24rem;color:#ababab}
.news-detail .cont{padding:0.3rem;position:relative}
.news-detail .cont::before,.news-detail .cont::after{content:"";width:0.7rem;height:0.7rem;position:absolute}
.news-detail .cont::before{border-top:0.3rem solid #f6f7f9;border-left:0.3rem solid #f6f7f9;top:0;left:0}
.news-detail .cont::after{border-bottom:0.3rem solid #f6f7f9;border-right:0.3rem solid #f6f7f9;bottom:0;right:0}
.news-detail .cont .inner-panel{position:relative;box-shadow:0 0 0.2rem rgba(0,0,0,0.1);padding:0.56rem;font-size:0.22rem;line-height:0.36rem;color:#282828}
.news-detail .cont .inner-panel::before{content:"";width:0.08rem;height:0.6rem;background-color:#1a6199;position:absolute;left:0;top:0}
.news-detail .cont .inner-panel img{max-width:100%}
.news-detail .cont .inner-panel .test{width:10rem;height:4.8rem}
.page2{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:2rem;padding:0.7rem 0}
.page2 .prev,.page2 .next{cursor:pointer;font-size:0.2rem;color:#1a6199;display:flex;align-items:center}
.page2 .prev .icon,.page2 .next .icon{display:inline-block;width:0.26rem;height:0.15rem;background:url(../images/icon-arrow-right.png) no-repeat;background-size:contain}
.page2 .prev .icon{margin-right:0.1rem;transform:rotateY(180deg)}
.page2 .next .icon{margin-left:0.1rem}
.contact-map{height:17.3rem;position:relative;color:white;margin-bottom:1rem}
.contact-map .text-panel{position:relative;width:6.15rem;height:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:0.22rem;z-index:2}
.contact-map .text-panel h4{font-size:0.3rem;margin-bottom:0.2rem;font-weight:normal}
.contact-map .text-panel .list{padding:0.1rem 0;display:flex;align-items:center}
.contact-map .text-panel .list .item{position:relative;display:flex;align-items:center;padding:0.06rem 0.2rem;color:white;font-family:'PingFang SC Heavy'}
.contact-map .text-panel .list .item.letter{letter-spacing:0.04rem}
.contact-map .text-panel .list .item::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:0.16rem;border-right:1px solid white}
.contact-map .text-panel .list .item:last-child::after{display:none}
.contact-map .text-panel .list .item .icon{margin-right:0.06rem;display:inline-block}
.contact-map .text-panel .list .item .icon-mail{background:url(../images/contact-mail-icon.png) no-repeat;background-size:contain;width:0.24rem;height:0.18rem}
.contact-map .text-panel .list .item .icon-phone{background:url(../images/contact-phone-icon.png) no-repeat;background-size:contain;width:0.23rem;height:0.23rem}
.contact-map .text-panel1,.contact-map .text-panel6{width:11.6rem;height:1.6rem;background-color:rgba(26,97,153,0.8)}
.contact-map .text-panel6{position:absolute;top:13.3rem;left:50%;transform:translateX(-50%)}
.contact-map .text-panel1:after,.contact-map .text-panel6:after{content:"";border:0.1rem solid transparent;border-top-color:#1a6199;position:absolute;left:50%;bottom:-0.4rem;transform:translate(-50%,-100%)}
.contact-map .text-panel2,.contact-map .text-panel3,.contact-map .text-panel4,.contact-map .text-panel5{background-color:rgba(0,0,0,0.6)}
.contact-map .text-panel2:after,.contact-map .text-panel3:after,.contact-map .text-panel4:after,.contact-map .text-panel5:after{content:"";position:absolute;top:0;left:50%;background-color:#fba52e;width:0.6rem;height:0.08rem;transform:translateX(-50%)}
.contact-map .map{position:absolute;z-index:1}
.contact-map .map.map1{width:14rem;height:5rem;top:0;left:0}
.contact-map .map.map6{width:14rem;height:5rem;top:13.3rem;left:0}
.contact-map .map.map2,.contact-map .map.map3,.contact-map .map.map4,.contact-map .map.map5{width:6.95rem;height:4rem;top:5.1rem;left:0}
.contact-map .map.map3,.contact-map .map.map5{left:7.05rem}
.contact-map .map.map4,.contact-map .map.map5{top:9.2rem}
.contact-content{background-color:#f7f8fa;padding:0.8rem 0 1.4rem}
.contact-content .inner-panel{display:flex}
.contact-content .inner-panel .left-panel{width:50%}
.contact-content .inner-panel .left-panel .title{padding:0}
.contact-content .inner-panel .left-panel .title h3{position:relative;font-size:0.48rem;padding-bottom:0.3rem;margin-bottom:0.3rem}
.contact-content .inner-panel .left-panel .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:0}
.contact-content .inner-panel .left-panel .title .desc{font-size:0.2rem}
.contact-content .inner-panel .left-panel .follow{width:3.6rem}
.contact-content .inner-panel .left-panel .follow .text{float:right}
.contact-content .inner-panel .left-panel .follow .t{font-size:0.2rem;margin:0.4rem 0 0.2rem}
.contact-content .inner-panel .left-panel .follow .c{text-align:left;margin-top:1.1rem;padding-left:0.2rem;width:2rem;font-size:0.18rem;line-height:0.24rem}
.contact-content .inner-panel .left-panel .qrcode{float:right;width:1.4rem;height:1.4rem}
.contact-content .inner-panel .left-panel .qrcode img{width:100%;height:100%}
.contact-content .inner-panel .left-panel .cont{padding:0.3rem 0;display:flex}
.contact-content .inner-panel .left-panel .cont .item{margin-right:0.7rem;font-size:0.2rem;flex:1}
.contact-content .inner-panel .left-panel .cont .item:last-child{ margin-right:0;}
.contact-content .inner-panel .left-panel .cont .tit{color:#1a6199;display:flex;align-items:center;margin-bottom:0.08rem;font-weight:bold}
.contact-content .inner-panel .left-panel .cont .tit .icon{margin-right:0.06rem;display:inline-block}
.contact-content .inner-panel .left-panel .cont .tit .icon-mail{background:url(../images/contact-mail-icon2.png) no-repeat;background-size:contain;width:0.24rem;height:0.18rem}
.contact-content .inner-panel .left-panel .cont .tit .icon-phone{background:url(../images/contact-phone-icon2.png) no-repeat;background-size:contain;width:0.23rem;height:0.23rem}
.contact-content .inner-panel .left-panel .cont .tit .icon-address{background:url(../images/contact-address-icon2.png) no-repeat;background-size:contain;width:0.23rem;height:0.23rem}
.contact-content .inner-panel .right-panel{width:50%}
.form{display:flex;flex-wrap:wrap}
.form .form-item{display:flex;flex-wrap:wrap;align-items:center;margin:0.05rem;width:3.3rem;min-height:0.6rem;background-color:white;box-sizing:border-box;padding:0 0.2rem}
.form .form-item.flex1{width:6.7rem}
.form .form-item.flex1 .label{width:100%}
.form .form-item.flex1 .input{flex:none;padding:0;width:100%;height:1.24rem}
.form .form-item.flex2{width:6.7rem}
.form .form-item.flex2 .input{flex:1}
.form .form-item .label{font-size:0.2rem;color:#ababab;line-height:0.6rem}
.form .form-item .input{flex:1;height:0.6rem;outline:none;color:#282828;border:none;appearance:none;padding:0 0.1rem}
.form .button{cursor:pointer;margin-left:0.05rem;background-color:#1a6199;width:6.7rem;height:0.6rem;line-height:0.6rem;font-size:0.24rem;margin-top:0.12rem;text-align:center;color:white}
.product-detail{overflow:hidden}
.product-detail .detail-photo .cont{display:block}
.product-detail .cont{display:flex;padding:0.6rem 0}
.product-detail .cont .swiper-container{border:0.04rem solid #f7f8fa;width:6.94rem;height:6.94rem}
.product-detail .cont .swiper-container .swiper-button-next,.product-detail .cont .swiper-container .swiper-button-prev{width:0.32rem;height:0.64rem;padding:0}
.product-detail .cont .swiper-container .swiper-button-next:hover,.product-detail .cont .swiper-container .swiper-button-prev:hover{opacity:0.8}
.product-detail .cont .swiper-container .swiper-button-prev,.product-detail .cont .swiper-container .swiper-container-rtl .swiper-button-next{background-image:url(../images/ability-prev.png);background-size:contain;left:0.3rem}
.product-detail .cont .swiper-container .swiper-button-next,.product-detail .cont .swiper-container .swiper-container-rtl .swiper-button-prev{background-image:url(../images/ability-next.png);background-size:contain;right:0.3rem}
.product-detail .cont .swiper-container .swiper-pagination{bottom:0.3rem !important}
.product-detail .cont .swiper-container .swiper-pagination-bullet{width:0.16rem;height:0.16rem;background-color:#e5e5e5;opacity:1;border-radius:0;margin:0 0.12rem !important}
.product-detail .cont .swiper-container .swiper-pagination-bullet-active{background-color:#1a6199}
.product-detail .cont .photo{width:6.94rem;height:6.94rem}
.product-detail .cont .photo img{width:100%;height:100%}
.product-detail .cont .text{flex:1;padding-left:0.4rem}
.product-detail .cont .text .name{font-size:0.72rem;font-weight:normal}
.product-detail .cont .text .type{font-size:0.36rem;margin-bottom:0.2rem}
.product-detail .cont .text .desc{position:relative;font-size:0.2rem;line-height:0.3rem;margin-bottom:0.4rem;padding-right:0.7rem}
.product-detail .cont .text .desc .share{cursor:pointer;position:absolute;right:0;bottom:0;width:0.5rem;height:0.5rem;background:url(../images/share-icon.png) #f7f8fa no-repeat center;background-size:0.32rem 0.32rem}
.product-detail .cont .params .item{display:flex;align-items:center;font-size:0.2rem;margin-bottom:0.08rem}
.product-detail .cont .params .item .t{width:2.6rem;font-weight:bold}
.product-detail .cont .params .item .c{flex:1;height:0.4rem;line-height:0.4rem;background:#f7f8fa;padding:0 0.2rem}
.product-detail .cont .buttons{padding-top:0.5rem}
.product-detail .cont .buttons .button{cursor:pointer;line-height:0.8rem;color:white;text-align:center;background-color:#1a6199}
.product-detail .cont .buttons .button.button2{background-color:#fba52e}
.product-detail .title{padding:0.4rem 0 0}
.product-detail .title h3{position:relative;font-size:0.36rem;padding-bottom:0.4rem}
.product-detail .title h3:after{content:"";width:0.6rem;height:0.04rem;background-color:#1a6199;position:absolute;bottom:0;left:0}
.product-detail .detail-photo .pic,.product-detail .detail-photo > .cont > img{max-width:100%}
.product-detail .detail-list .swiper-container{width:100%;height:4rem;box-sizing:border-box;overflow:visible}
.product-detail .detail-list .swiper-slide{width:4.4rem}
.product-detail .detail-list .swiper-button-next,.product-detail .detail-list .swiper-button-prev{width:0.32rem;height:0.64rem;padding:0}
.product-detail .detail-list .swiper-button-next:hover,.product-detail .detail-list .swiper-button-prev:hover{opacity:0.8}
.product-detail .detail-list .swiper-button-prev,.product-detail .detail-list .swiper-container-rtl .swiper-button-next{background-image:url(../images/ability-prev.png);background-size:contain;left:-0.6rem}
.product-detail .detail-list .swiper-button-next,.product-detail .detail-list .swiper-container-rtl .swiper-button-prev{background-image:url(../images/ability-next.png);background-size:contain;right:-0.6rem}
.product-detail .detail-list .list{display:flex;flex-wrap:wrap}
.product-detail .detail-list .list .item{width:4.4rem;margin:0.13rem}
.product-detail .detail-list .list .item .photo{overflow:hidden;width:100%;height:3.4rem;border:none}
.product-detail .detail-list .list .item .photo img{transition:all 0.35s;transform:scale(1);width:100%;height:100%}
.product-detail .detail-list .list .item:hover .photo img{transform:scale(1.1)}
.product-detail .detail-list .list .item .name{line-height:0.6rem;text-align:center;font-size:0.24rem;background-color:#f7f8fa;color:#282828}
.language:hover .lang-choose{max-height:20rem;border-top:1px solid #d4d4d4}
.lang-choose{transition:all 0.8s;overflow:hidden;position:fixed;top:1rem;left:0;right:0;max-height:0;box-sizing:border-box;background-color:white}
.lang-choose .tit{font-size:0.3rem;padding:0.55rem 0;font-weight:bold}
.lang-choose .con{display:flex;flex-wrap:wrap;padding-bottom:1.5rem}
.lang-choose .con .item{display:block;width:2.5rem;font-size:0.24rem;color:#333}
.lang-choose .con .item:hover,.lang-choose .con .item.active{color:#1a6199}
.search:hover .search-select{max-height:20rem;border-top:1px solid #d4d4d4}
.search-select{transition:all 0.8s;overflow:hidden;position:fixed;top:1rem;left:0;right:0;max-height:0;box-sizing:border-box;background-color:white}
.search-select .tit{font-size:0.3rem;padding:0.55rem 0;font-weight:bold}
.search-select .con{display:flex;flex-wrap:wrap;padding-bottom:1.5rem}
.search-select .con .search-panel{padding:0 1rem;width:100%;box-sizing:border-box;border-radius:0.5rem;overflow:hidden;position:relative}
.search-select .con .search-panel .input{display:block;width:100%;height:100%;border-radius:0.5rem;padding:0 0.5rem;box-sizing:border-box;appearance:none;border:none;height:1rem;background-color:#f7f8fa;font-size:0.2rem}
.search-select .con .search-panel .search-button{width:1rem;height:1rem;position:absolute;top:0;right:1.1rem;background:url(../images/search-icon22.png) no-repeat center;background-size:0.45rem 0.45rem}
.search-result .title{font-size:0.36rem;color:#333;text-align:center;padding:0.7rem 0}
.search-result .search-panel{display:flex;width:12rem;position:relative;margin:0 auto}
.search-result .search-panel input{width:100%;background:none;border:1px solid #e6e6e6;height:1rem;border-radius:0.5rem;font-size:0.3rem;padding:0 0.5rem}
.search-result .search-panel .search-btn{position:absolute;top:50%;right:0.5rem;transform:translateY(-50%);width:0.38rem;height:0.38rem;background:url(../images/search-icon2.png) no-repeat;background-size:contain;cursor:pointer}
.search-result .search-num{font-size:0.24rem;color:#b9b9b9;border-bottom:1px solid #e5e5e5;padding:0.7rem 0 0.2rem}
.search-result .result-list .result-item{padding:0.4rem 0;font-size:0.2rem;border-bottom:1px solid #e5e5e5}
.search-result .result-list .result-item .nav{background:transparent}
.search-result .result-list .result-item .nav .list{height:auto;padding:0.1rem 0 0.3rem}
.search-result .result-list .result-item .nav .list .item{color:#ababab}
.search-result .result-list .result-item .nav .list span.item{color:#282828}
.search-result .result-list .result-item .link{display:block}
.search-result .result-list .result-item .path{display:block;font-size:0.3rem;font-weight:bold;margin:0.16rem 0}
.search-result .result-list .result-item a{color:black}
.search-result .result-list .result-item a:hover{color:#11418e}
.search-result .result-list .result-item .text{display:flex}
.search-result .result-list .result-item .text .con{flex:1}
.search-result .result-list .result-item .product-list .text{display:block}
.search-result .result-list .result-item .list{display:flex;flex-wrap:wrap}
.search-result .result-list .result-item .list li{width:20%;height:3.6rem;text-align:center;margin-bottom:0.18rem}
.search-result .result-list .result-item .list li a{display:block;width:100%;height:100%;transition:all 0.45s}
.search-result .result-list .result-item .list li a:hover{box-shadow:0 0 0.4rem rgba(0,0,0,0.1)}
.search-result .result-list .result-item .list li .name{font-size:0.2rem;color:#0a0a0a;line-height:0.87rem}
.search-result .result-list .result-item .list li a img{width:2.29rem;height:2.29rem}
.search-result .result-list .result-item .news-list .list .item{width:4.2rem;padding:0.1rem;height:auto}
.search-result .result-list .result-item .news-list .list .item img{width:100%;height:auto}
.search-result .result-list .result-item .news-list .list .text{display:block;text-align:left;padding:0.2rem;box-sizing:border-box}
.search-result .result-list .result-item .news-list .list .name{line-height:normal;position:relative}
.search-result .result-list .result-item .news-list .list .name::before{content:"";width:0.12rem;height:0.12rem;position:absolute;top:0.1rem;left:-0.18rem;background-color:#1a6199}
.search-result .result-list .result-item .news-list .list .date{color:#ababab;margin:0.15rem 0}
.search-result .result-list .result-item .news-list .list .desc{color:#ababab;font-size:0.18rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.search-result .result-empty{color:#b9b9b9;text-align:center;padding:1.4rem 0}
.search-result .result-empty .icon{margin:0 0 0.5rem;background:url(../images/empty-icon.png) no-repeat center;background-size:1.81rem 1.43rem;height:1.43rem}
.search-result .result-empty .tit{font-size:0.36rem;font-weight:bold;margin-bottom:0.1rem}
.search-result .result-empty .con{font-size:0.24rem}
.order-modal .body .order-modal-content{width:13.4rem;background-color:white}
.order-modal .body .order-modal-content .title{font-size:0.3rem;text-align:center;padding:0.5rem 0}
.order-modal .body .order-modal-content .form{padding:0 0.5rem}
.order-modal .body .order-modal-content .form .form-item{width:5.96rem;padding:0;margin:0 0.1rem}
.order-modal .body .order-modal-content .form .form-item .label{color:#000;width:100%}
.order-modal .body .order-modal-content .form .form-item .label .required{color:#dd0000}
.order-modal .body .order-modal-content .form .form-item .input{width:100%;border:1px solid #e5e5e5}
.order-modal .body .order-modal-content .form .form-item.flex1{width:100%}
.order-modal .body .order-modal-content .form .form-item.flex1 textarea.input{padding:0.1rem;box-sizing:border-box}
.order-modal .body .order-modal-content .form .form-item.flex2{position:relative}
.order-modal .body .order-modal-content .form .form-item.flex2 .img{position:absolute;right:0.1rem;height:0.4rem;bottom:0.1rem}
.order-modal .body .order-modal-content .buttons{display:flex;justify-content:center;width:100%;padding:0.4rem 0}
.order-modal .body .order-modal-content .buttons .button{width:4rem;margin:0 0.1rem}
.order-modal .body .order-modal-content .buttons .button.button--default{background-color:#a9a9a9}
.order-modal .body .order-modal-content .buttons .button:hover{opacity:0.8}
.backtop{cursor:pointer;position:fixed;z-index:1000;right:1rem;bottom:1rem;width:1rem;height:1rem;background:url(../images/back-top.png) no-repeat center;background-size:cover;background-color:black;opacity:0.7;border-radius:50%;transition:all 0.35s}
.backtop:hover{opacity:1;background-color:#fba52d}
.map .amap-icon img{width:0.5rem;height:0.68rem}

@media (max-width:1000px){
  .about2-zi{display:none}
  .about2-zi-small{display:inline-block}
  .main-width{width:100%;box-sizing:border-box;padding:0 0.3rem}
  .header .main-width{width:100%}
  .container{padding-top:0.88rem}
  .header{height:0.88rem;line-height:0.88rem}
  .header .logo{top:0.08rem;left:0.3rem}
  .header .menu,.header .language,.header .search{display:none}
  .header .menu > li > a:hover:after{display:none}
  .header .menu{position:absolute;top:0.88rem;left:0;overflow-y:auto;background-color:white;border-top:1px solid #ababab;max-height:calc(100vh - 0.88rem)}
  .header .menu > li{width:3.2rem;text-align:left;background-color:#f7f8fa;padding:0;margin:0;line-height:1.6rem}
  .header .menu > li > a{display:block;width:100%;height:100%;padding:0 0.3rem;box-sizing:border-box}
  .header .menu > li > a.active{background-color:white}
  .header .menu > li > a.active::after{width:0.9rem;border-top-width:0.08rem;bottom:0;left:0.3rem}
  .header .menu > li .sub-menu{top:0;left:3.2rem;width:4rem;right:none;padding:0}
  .header .menu > li .sub-menu .tit,.header .menu > li .sub-menu .desc p{display:none}
  .header .menu > li .sub-menu .con{display:flex;flex-direction:column-reverse}
  .header .menu > li .sub-menu .con .desc,.header .menu > li .sub-menu .con ul{width:100%}
  .header .menu > li .sub-menu .con .desc{margin-top:0.8rem;padding:0 0.6rem}
  .header .menu > li .sub-menu .con .desc > a{height:1rem;line-height:1rem}
  .header .menu > li .sub-menu .con li{border-bottom:1px solid #ababab;margin-bottom:0}
  .header .menu > li .sub-menu .con li,.header .menu > li .sub-menu .con a{height:1.2rem;line-height:1.2rem}
  .header .buttons{position:absolute;top:0;right:0;display:flex}
  .header .buttons .button{width:0.88rem;height:0.88rem;position:relative}
  .header .buttons .button::after{content:"";height:0.32rem;width:1px;background-color:#ababab;position:absolute;right:0;top:50%;transform:translateY(-50%)}
  .header .buttons .button:last-child::after{display:none}
  .header .buttons .button.button-lang{width:1.2rem;font-size:0.24rem;padding-left:0.52rem;background:url(../images/header-lang-icon.png) no-repeat left center;background-size:0.44rem 0.44rem}
  .header .buttons .button.button-search{background:url(../images/header-search-icon.png) no-repeat center;background-size:0.44rem 0.44rem}
  .header .buttons .button.button-menu{background:url(../images/header-menu-icon.png) no-repeat center;background-size:0.44rem 0.44rem}
  .header .buttons .button.button-menu.close{background:url(../images/header-close-icon.png) no-repeat center;background-size:0.44rem 0.44rem}
  .backtop{right:0.4rem;bottom:0.4rem;width:0.88rem;height:0.88rem}
  .more-button{width:100%;font-size:0.3rem;height:1rem;line-height:1rem}
  .common{padding:0.4rem 0 0.8rem}
  .common .title .name{padding:0.56rem 0 0.2rem}
  .common .title .desc{font-size:0.24rem;margin-bottom:0.2rem}

  .service .cont{flex-direction:column;height:auto;margin:0.5rem 0 0}
  .service .cont .list{width:100%}
  .service .cont .list img{width:100%}
  .about{padding-bottom:0}
  .about .more-button{width:100%;margin-bottom:0.6rem}
  .about .text-panel{position:static}
  .about .video{padding-left:0}
  .about .about-company,.service .cont .desc{width:100%}
  .news .cont{width:100%;}
  .news .list{display:grid;grid-template-columns: 1fr;}
  .news .list li{padding:0;float:none; width:100%;}
  .news .list li a{display:inline-block;width:100%}
  .news .list li .name{font-size:0.34rem;line-height:0.4rem; height:0.8rem;}
  .news .list li .date{font-size:0.22rem}
  .news .list li .desc{font-size:0.24rem;line-height:0.36rem;height:auto}
  .footer .logo2{display:none}
  .footer .cont .menu{display:none}
  .footer .f-contact{width:100%}
  .footer .f-contact .tit{font-size:0.4rem}
  .footer .f-contact .label{font-size:0.26rem}
  .footer .follow .t{font-size:0.4rem;padding-top:0.6rem}
  .footer .follow .c{font-size:0.26rem;width:2.2rem;line-height:0.32rem}
  .footer .qrcode{width:2.4rem;height:2.4rem}
  .footer .footer-bottom{font-size:0.22rem;line-height:0.32rem;padding:0.3rem 0}
  .footer .footer-bottom .copyright,.footer .footer-bottom .link{float:none;display:inline}
  .about-container .about-work{display:block}
  .about-container .about-work .work-record,.about-container .about-work .video{width:100%;height:auto}
  .about-container .about-work .video{line-height:0}
  .about-container .about-numbers{justify-content:space-between;padding:0 0.3rem}
  .about-container .about-numbers .item{margin:0}
  .about-container .about-why{height:auto}
  .about-container .about-why .cont .list{flex-wrap:wrap;padding-bottom:0.8rem}
  .about-container .about-why .cont .list .item{flex:none;width:50%;box-sizing:border-box}
  .about-container .about-content .cont{font-size:0.22rem}
  .about-container .about-content .cont .video{margin-left:0}
  .about-container .about-course .cont .years-panel{width:4.8rem;margin:0 auto;overflow:hidden}
  .about-container .about-course .cont .years{width:1000rem;padding:0}
  .about-container .about-course .cont .years .year{width:1.6rem}
  .about-container .about-course .cont .list .item{width:7.5rem}
  .about2-content .sm .list .item,.about2-content .sm .list .item:nth-child(even){flex-direction:column}
  .about2-content .sm .list .item .photo,.about2-content .sm .list .item .text,.about2-content .sm .list .item:nth-child(even) .photo,.about2-content .sm .list .item:nth-child(even) .text{width:100%}
  .about2-content{height:26.65rem;background:url(../images/about11-small.jpg) no-repeat;background-size:cover}
  .about2-content .yj{height:5rem}
  .about2-content .yj .title{padding-top:1.2rem}
  .about2-content .sm .list .item .text{padding:0 0.3rem;font-size:0.22rem}
  .about2-content .sm .list .item .text h4{font-size:0.36rem;text-align:center;margin-bottom:0.3rem}
  .about2-list .list{flex-wrap:wrap;height:auto;padding:0 0.3rem}
  .about2-list .list .item{flex:none;width:100%;padding:0.88rem 0;font-size:0.22rem}
  .about2-list .list .item:last-child{padding:0.88rem 0}
  .about2-list .list .item:last-child::after{top:0;left:0;border-top:1px solid #1a6199;border-left:none;height:0;width:100%}
  .about3-zi{width:70%}
  .about-partner .list a{width:33.33333%}
  .about-swqt .main-width{flex-direction:column;padding-bottom:1.25rem;height:auto}
  .about-swqt .main-width .cont{width:100%;text-align:center;font-size:0.22rem}
  .about-swqt .main-width .buttons{padding-top:0.65rem}
  .about-swqt .main-width .title h3:after{left:50%;transform:translateX(-50%)}
  .about4-zi{width:100%}
  .about-partner .cont{flex-direction:column}
  .about-partner .cont .tit{margin-bottom:0.3rem}
  .about-partner .cont .tit,.about-partner .cont .desc{width:100%}
  .about-partner .desc .text.text2{font-size:0.22rem}
  .apply-list .list{padding:0.3rem 0}
  .apply-list .list li{width:100%;padding:0.3rem}
  .apply-list .list li a .photo{height:auto;line-height:0}
  .apply-list .list li .name{font-size:0.48rem}
  .apply-list .list li .text .desc,.apply-list .more{font-size:0.3rem}
  .apply2-zi{width:100%}
  .apply2-list .list{flex-wrap:wrap;justify-content:center}
  .apply2-list .list .item{width:33.3333%;margin:0.3rem 0}
  .apply2-list .list .item .icon{margin-bottom:0.2rem}
  .about-partner .text{padding:0 1rem}
  .ability-sl .text{padding:0 0.3rem}
  .ability2-list .list2{flex-wrap:wrap;padding:0 0.3rem}
  .ability2-list .list2 .item{width:50%;margin-bottom:0.3rem;padding:0 0.15rem;box-sizing:border-box}
  .ability2-list .list2 .item .name{font-size:0.3rem}
  .ability2-list .list2 .item .desc{font-size:0.22rem}
  .ability2-panel .pic{position:static;width:100%}
  .ability2-list .list{flex-wrap:wrap}
  .ability2-list .list .item{width:3.2rem;margin-bottom:0.3rem}
  .ability2-list .list .item .name{font-size:0.3rem}
  .ability2-list .list .item .desc,.ability2-list .list .item .name-en{font-size:0.22rem}
  .ability2-panel2{background-size:100% 100%;height:auto;padding:0.3rem 0}
  .ability2-panel2 .main-width .right-text{width:100%}
  .ability2-panel2 .main-width .right-text > .text{color:white;margin-bottom:4.1rem;text-align:center}
  .ability2-panel2 .main-width .numbers .label{padding:0.1rem 0 0}
  .ability2-panel2 .pic{width:6.9rem;left:0.3rem;top:2rem;height:3.8rem}
  .product-type-list .list a .name{padding-left:0.3rem}
  .product-type-list .list a .name::after{left:0.3rem}
  .product-type-list .list a .photo{margin-right:-2.2rem}
  .product-type-list .list a .more{position:absolute;right:0;height:2rem;background:linear-gradient(to right,rgba(255,255,255,0),white)}
  .nav{display:none}
  .product-list .tags{width:100%;box-sizing:border-box;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
  .product-detail .cont{flex-direction:column}
  .product-detail .cont .photo{width:100%;box-sizing:border-box;height:auto}
  .product-detail .cont .text{padding-left:0;margin-top:0.3rem}
  .product-detail .detail-list .swiper-button-prev,.product-detail .detail-list .swiper-container-rtl .swiper-button-next{left:0}
  .product-detail .detail-list .swiper-button-next,.product-detail .detail-list .swiper-container-rtl .swiper-button-prev{right:0}
  .contact-map{height:24.2rem;overflow:hidden}
  .contact-map .text-panel .list .item.letter{letter-spacing:0}
  .contact-map .text-panel1,.contact-map .text-panel6{width:6.9rem;padding:0 0.3rem;box-sizing:border-box;text-align:center}
  .contact-map .text-panel6{position:static;transform:translateX(0);margin-top:-3rem}
  .contact-map .text-panel2,.contact-map .text-panel3,.contact-map .text-panel4,.contact-map .text-panel5{width:6.2rem;padding:0 0.3rem;box-sizing:border-box;text-align:center}
  .contact-map .map{position:static;margin-bottom:0.2rem;width:100% !important;top:0 !important;left:0 !important}
  .contact-map .map.map1{height:4rem}
  .contact-map .map.map6{height:3rem}
  .contact-content .inner-panel{flex-direction:column}
  .contact-content .inner-panel .left-panel,.contact-content .inner-panel .right-panel{width:100%}
  .news-detail .cont .inner-panel{padding:0.2rem}
  .news-detail .cont .inner-panel .test{max-width:100%;height:auto}
  .detail .header{display:none}
  .detail .sub-header{height:0.88rem;position:fixed;display:block;top:0;left:0;width:100%;z-index:99;background-color:white;border-bottom:1px solid #ababab}
  .detail .sub-header .title{text-align:center;font-size:0.4rem;line-height:0.88rem}
  .detail .sub-header .back-btn,.detail .sub-header .share-btn{width:0.88rem;height:0.88rem;position:absolute;top:0}
  .detail .sub-header .back-btn{left:0;background:url(../images/back-btn-icon.png) no-repeat center;background-size:0.27rem 0.49rem}
  .detail .sub-header .share-btn{right:0;background:url(../images/share-btn-icon.png) no-repeat center;background-size:0.46rem 0.46rem}
  .detail .product-list{padding-top:0.3rem}
  .detail .product-list .title{display:none}
  .lang-choose.show{top:0.88rem;max-height:3rem;transition:all 0.35s}
  .lang-choose .con .item{width:50%;margin-bottom:0.3rem}
  .develop1-zi-panel img{max-width:90%;height:auto}
  .develop1-sec1 .main-width{flex-wrap:wrap}
  .develop1-sec1 .main-width > div{width:100%}
  .develop1-sec1 .cont{flex-wrap:wrap}
  .develop1-sec1 .cont .row{width:100%}
  .develop2-promise-panel{height:auto !important}
  .develop1-sec2 .cont ul{flex-wrap:wrap}
  .develop1-sec2 .cont ul li{width:100%;flex:none !important}
  .develop2-sec1 .manage-panel{flex-wrap:wrap}
  .develop2-sec1 .manage-panel .item{width:100%}
  .develop2-promise-panel .list .item{width:100% !important}
  .develop2-desc{width:100% !important;height:auto !important;background:url(../images/develop2-bg2.png) no-repeat !important;background-size:100% 100% !important;padding:0.1rem 0.16rem;box-sizing:border-box}
  .develop2-sec2 .list{flex-wrap:wrap}
  .develop2-sec2 .list .item{width:100% !important}
  .develop2-sec2 .list .item .desc{display:block !important}
  .develop2-sec2 .list .item::before{display:none}
  .develop3-sec1 .develop3-about .photo{position:static !important}
  .develop3-sec1 .develop3-about{padding:0 !important}
  .develop3-sec1 .develop3-about .text{width:100% !important;padding:0.3rem !important}
  .develop3-sec1::after{width:100% !important;top:9.6rem !important;background-size:contain !important}
  .develop3-sec1 .list{flex-wrap:wrap}
  .develop3-sec3{height:auto !important}
  .develop3-sec2 .list .item,.develop3-sec3 .list{flex-wrap:wrap}
  .develop3-sec3 .list{flex-direction:column;padding:0.3rem;padding-left:0}
  .develop3-sec3 .list .item{flex:none !important;width:100%}
  .develop4-sec1 .text{width:100% !important}
  .develop4-sec1 .photo{display:none}
  .develop4-sec1 .info{position:static !important;flex-wrap:wrap}
  .develop4-sec3 .panel{flex-wrap:wrap}
  .develop4-sec3 .panel .text-panel{flex:none;width:100%}
  .develop5-sec1 .list{overflow-x:auto;flex-wrap:nowrap !important}
  .develop2-promise-panel2 .tit{top:6% !important}
  .news3-sec1 .cont .list{flex-wrap:wrap}
  .news3-sec1 .cont .list .item{position:relative;float:left}
  .technology1-sec1 .list-panel .text,.technology1-sec1 .list-panel .photo{width:100% !important}
  .technology2-sec3 .list .item{width:100% !important}
  .ability3-sec4 .swiper-slide .item{width:100% !important}
  .ability3-sec4 .swiper-slide .item .photo{width:100% !important;height:auto !important}
  .ability3-sec4 .swiper-slide .item .photo img{display:block}
  .ability3-sec1 .list .item{width:100%;flex:none !important}
  .develop-modal .register-form{width:100% !important;height:auto !important}
  .develop-modal .modal-form .input.input-half{width:100% !important}
  .about-container .about-menu .list.list3{justify-content:space-around!important}
  .about-container .about-menu .list.list3 .item{margin:0!important}
  .ability3-sec4 .view-detail{height:100%!important}
  .about-partner{text-align:left!important}
}
.search-result .search-panel{width:100%}
.search-result .result-list .result-item .nav{display:block}
.search-result .result-list .result-item .product-list{width:100%;overflow-x:auto}
.search-result .result-list .result-item .product-list .list{display:flex;flex-wrap:nowrap;padding-top:0.4rem}
.search-result .result-list .result-item .product-list .list li{width:3.33rem;margin-right:0.4rem}
.search-result .result-list .result-item .product-list .list li img{width:3.33rem}
.search-result .result-list .result-item .product-list .list .item img{width:3.33rem}
.order-modal .body .order-modal-content{width:calc(100% - 0.6rem)}
.footer .menu li{width:2rem}
.line-height-55{line-height:55px !important}
.text-align-center{text-align:center}
.develop1-zi{height:0.7rem}
.develop2-zi{height:0.7rem}
.develop3-zi{height:0.7rem}
.develop3-zi2{height:0.7rem}
.develop4-zi{height:0.7rem}
.develop4-zi2{height:0.7rem}
.develop3-zi3{height:0.7rem}
.develop5-zi{height:0.7rem}
.develop5-zi2{height:0.7rem}
.develop1-zi-panel{margin-bottom:0.3rem;text-align:center}
.develop1-sec1 .main-width{display:flex}
.develop1-sec1 .check-panel{width:4.65rem;margin-right:0.1rem}
.develop1-sec1 .target-panel{flex:1}
.develop1-sec1 .title{display:flex;align-items:center;gap:0.3rem;padding:0.2rem}
.develop1-sec1 .title .t{font-size:0.42rem}
.develop1-sec1 .title .check-zi{width:1.07rem;height:0.17rem}
.develop1-sec1 .title .target-zi{width:1.26rem;height:0.17rem}
.develop1-sec1 .target-panel .title{justify-content:flex-start;flex-direction:row-reverse}
.develop1-sec1 .cont{display:flex}
.develop1-sec1 .cont .col{flex:1;height:4.2rem;display:flex;flex-direction:column;align-items:center;background:url(../images/develop1-bg.png) repeat-x;background-size:4.67rem 4.2rem}
.develop1-sec1 .cont .col .photo{height:3rem;display:flex;align-items:center;justify-content:center}
.develop1-sec1 .pic1{width:2.71rem;height:2.15rem}
.develop1-sec1 .pic2{width:3.58rem;height:1.16rem}
.develop1-sec1 .pic3{width:3.66rem;height:1.16rem}
.develop1-sec1 .cont .col .text{text-align:center;width:3.6rem;font-size:0.22rem;line-height:0.36rem}
.develop1-sec2{margin-top:0.4rem}
.develop1-sec2:last-child{margin-bottom:0.4rem}
.develop1-sec2 .title{height:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}
.develop1-sec2 .title.bg1{background:url(../images/develop-pic01.png) no-repeat;background-size:cover}
.develop1-sec2 .title.bg2{background:url(../images/develop-pic02.png) no-repeat;background-size:cover}
.develop1-sec2 .title.bg3{background:url(../images/develop-pic03.png) no-repeat;background-size:cover}
.develop1-sec2 .title .tit{font-size:0.42rem;font-weight:500;margin-bottom:0.1rem}
.develop1-sec2 .title .sub{font-size:0.24rem}
.develop1-sec2 .cont ul{display:flex;padding-top:0.5rem}
.develop1-sec2 .cont ul li{position:relative;flex:1;text-align:center;height:2.32rem}
.develop1-sec2 .cont ul li .en{font-size:0.72rem;position:absolute;top:-0.16rem;left:0;width:100%;z-index:-1;color:#f7f8fa;text-transform:uppercase;font-family:"Womby Regular";font-weight:500}
.develop1-sec2 .cont ul li .tit{font-family:"PingFang SC Bold";font-size:0.36rem;margin-bottom:0.2rem}
.develop1-sec2 .cont ul li .desc{font-family:"PingFang SC Medium";font-size:0.24rem;line-height:0.36rem}
.develop2-sec1{padding-bottom:0.76rem}
.develop2-sec1 .manage-panel{display:flex;gap:0.1rem}
.develop2-sec1 .manage-panel .item{width:6.95rem;height:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}
.develop2-sec1 .manage-panel .item01{background:url(../images/develop2-pic01.png) no-repeat;background-size:cover}
.develop2-sec1 .manage-panel .item02{background:url(../images/develop2-pic02.png) no-repeat;background-size:cover}
.develop2-sec1 .manage-panel .tit{font-family:"NotoSerifCJKsc Bold";font-size:0.42rem;margin-bottom:0.12rem}
.develop2-sec1 .manage-panel .desc{font-family:"PingFang SC Bold";font-size:0.3rem}
.develop2-promise-panel{background:url(../images/develop2-bg1.png) repeat-x;background-size:0.08rem 5rem;height:5rem}
.develop2-promise-panel .title{padding:0.3rem 0}
.develop2-promise-panel .title h3{font-family:"NotoSerifCJKsc Bold";font-size:0.42rem;text-align:center;font-weight:500}
.develop2-promise-panel .list{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0 0.5rem}
.develop2-promise-panel .list .item{width:4rem}
.develop2-promise-panel .list .item .text{font-family:"PingFang SC Medium";font-size:0.22rem;line-height:0.3rem;margin-top:0.15rem}
.develop2-promise-panel2{position:relative;width:100%;margin-top:0.1rem}
.develop2-promise-panel2 .tit{font-family:"NotoSerifCJKsc Bold";font-size:0.42rem;margin-bottom:0.12rem;text-align:center;position:absolute;top:1rem;width:100%;left:0;color:white}
.develop2-promise-panel2 .pic{width:100%}
.develop2-desc{height:0.7rem;width:11.5rem;margin:0 auto;background:url(../images/develop2-bg2.png) no-repeat;background-size:11.5rem 0.7rem;font-family:"PingFang SC Medium";font-size:0.3rem;line-height:0.36rem;display:flex;align-items:center;justify-content:center;color:white;letter-spacing:0.05rem}
.develop2-sec2 h3{font-family:"NotoSerifCJKsc Bold";font-size:0.42rem;text-align:center;font-weight:500;height:1.2rem;line-height:1.1rem;background:url(../images/develop2-green.png) no-repeat center;background-size:3.89rem 0.17rem}
.develop2-sec2 .list{display:flex;gap:0.1rem;padding-bottom:1.2rem}
.develop2-sec2 .list .item{width:3rem;height:4.2rem;color:white;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:0.4rem;box-sizing:border-box;transition:width 0.3s}
.develop2-sec2 .list .item::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.7)}
.develop2-sec2 .list .item .text{z-index:2}
.develop2-sec2 .list .item01{background:url(../images/develop2-pic11.png) no-repeat center;background-size:7.8rem 4.2rem}
.develop2-sec2 .list .item02{background:url(../images/develop2-pic12.png) no-repeat center;background-size:7.8rem 4.2rem}
.develop2-sec2 .list .item03{background:url(../images/develop2-pic13.png) no-repeat center;background-size:7.8rem 4.2rem}
.develop2-sec2 .list .item h4{font-family:"NotoSerifCJKsc Bold";font-size:0.36rem;font-weight:500}
.develop2-sec2 .list .item .desc{display:none;font-family:"PingFang SC Medium";font-size:0.22rem;line-height:0.3rem;margin-top:0.12rem}
.develop2-sec2 .list .item.active{width:7.8rem}
.develop2-sec2 .list .item.active .desc{display:block}
.develop2-sec2 .list .item.active::before{display:none}
.develop3-sec1{position:relative}
.develop3-sec1::after{content:"";background:url(../images/develop3-line.png) no-repeat;background-size:cover;width:19.2rem;height:1.44rem;position:absolute;top:4.6rem;left:0}
.develop3-sec1 .develop3-about{position:relative;padding-left:6.45rem}
.develop3-sec1 .develop3-about .photo{position:absolute;left:0;top:0}
.develop3-sec1 .develop3-about .photo img{width:7rem;height:4.5rem}
.develop3-sec1 .develop3-about .text{width:7.6rem;padding:0.32rem 0.3rem 0.5rem 0.86rem;box-sizing:border-box;background:url(../images/develop3-bg.png) repeat-x;background-size:0.08rem 6.1rem;font-family:"PingFang SC Medium";font-size:0.2rem;line-height:0.36rem}
.develop3-sec1 .list{display:flex;gap:0.55rem}
.develop3-sec1 .list .item .text{width:3.08rem;padding-bottom:0.4rem;background:url(../images/develop3-line2.png) no-repeat center bottom;background-size:3.08rem 0.04rem;font-family:"PingFang SC Medium";font-size:0.22rem;line-height:0.3rem}
.develop3-sec2 .develop1-zi-panel{padding:0.95rem 0 0.75rem}
.develop3-sec2 .list{padding-bottom:1rem}
.develop3-sec2 .list .item{display:flex}
.develop3-sec2 .list .item:nth-child(even){flex-direction:row-reverse}
.develop3-sec2 .list .item .photo{width:7rem;height:2.5rem;overflow:hidden}
.develop3-sec2 .list .item .photo img{width:100%;height:100%;transition:all 0.5s;transform:scale(1)}
.develop3-sec2 .list .item .photo:hover img{transform:scale(1.1)}
.develop3-sec2 .list .item .text{flex:1;height:2.5rem;display:flex;align-items:center;justify-content:center;padding:0.5rem;box-sizing:border-box;font-family:"PingFang SC Medium";font-size:0.22rem;line-height:0.3rem}
.develop3-sec3{background:url(../images/develop3-pic21.png) no-repeat;background-size:cover;height:8rem}
.develop3-sec3 .develop1-zi-panel{padding:1rem 0}
.develop3-sec3 .list{display:flex;gap:0.12rem}
.develop3-sec3 .list .item{flex:1;background-color:rgba(0,0,0,0.3);color:white;padding:0 0.16rem}
.develop3-sec3 .list .item .tit{height:1.08rem;border-bottom:1px solid white;display:flex;align-items:center;justify-content:center;font-family:"PingFang SC Bold";font-size:0.4rem}
.develop3-sec3 .list .item .con{font-family:"PingFang SC Medium";font-size:0.22rem;line-height:0.3rem;padding:0.26rem 0;text-align:center}
.develop4-sec1 .develop4-about{position:relative;font-size:0.22rem;line-height:0.3rem;min-height:7.4rem}
.develop4-sec1 .text{position:relative;padding:0.36rem;padding-top:0.12rem;width:8.88rem;box-sizing:border-box}
.develop4-sec1 .text::before{content:"";background:url(../images/develop4-point.png) no-repeat;background-size:cover;width:1rem;height:1rem;position:absolute;left:0;top:0;z-index:-1}
.develop4-sec1 .list .item{width:6.2rem;padding-left:0.36rem;padding-bottom:0.3rem;position:relative}
.develop4-sec1 .list .item::before{content:"";background:url(../images/develop4-point2.png) no-repeat;background-size:cover;width:0.16rem;height:0.16rem;position:absolute;left:0;top:0.1rem;z-index:-1}
.develop4-sec1 .photo{width:4.8rem;height:7.4rem;position:absolute;top:0;right:0}
.develop4-sec1 .photo img{width:100%;height:100%}
.develop4-sec1 .info{display:flex;gap:0.2rem;padding:0.2rem 0}
.develop4-sec1 .info .item{flex:1;background:linear-gradient(90deg,#00b966,#00b6eb);border-radius:0.3rem;color:white;display:flex;align-items:center;padding-left:0.32rem;box-sizing:border-box;margin-bottom:0.28rem;font-family:"PingFang SC Medium";font-size:0.24rem}
.develop4-sec1 .info .email{min-height:0.6rem;padding-top:0.08rem;padding-bottom:0.08rem;justify-content:center;padding-left:0;text-align:center}
.develop4-sec1 .info .qrcode{padding:0.1rem 0;padding-left:0.32rem}
.develop4-sec1 .info .qrcode > span{display:block;min-width:2.48rem;max-width:3.7rem}
.develop4-sec1 .info .qrcode .panel{color:#333;width:1.2rem;height:1.4rem;padding:0.1rem;box-sizing:border-box;border-radius:0.05rem;background-color:white;font-size:0.14rem;margin:0 0.05rem;line-height:normal;font-family:"PingFang SC Bold"}
.develop4-sec1 .info .qrcode .panel img{width:1rem;height:1rem}
.develop4-sec2{margin-top:0.96rem}
.develop4-sec2 .text{position:relative;font-family:"PingFang SC Medium";font-size:0.22rem;line-height:0.3rem;background:url(../images/develop4-bg2.png) repeat-x center -1.3rem;background-size:0.08rem 7.84rem;min-height:7.84rem;padding:0.25rem 0.3rem;box-sizing:border-box}
.develop4-sec2 .text > *{position:relative;z-index:2}
.develop4-sec2 .text::before{content:"";background:url(../images/develop3-vigor.png) no-repeat;background-size:cover;width:13.2rem;height:3.06rem;position:absolute;bottom:1.4rem;left:0.3rem;z-index:1}
.develop4-sec3{margin-top:0.96rem;margin-bottom:0.8rem}
.develop4-sec3 .panel{display:flex;gap:0.2rem;padding-top:0.4rem}
.develop4-sec3 .photo img{width:6.8rem}
.develop4-sec3 .text-panel{position:relative;flex:1}
.develop4-sec3 .text{font-size:0.22rem;line-height:0.3rem;padding:0.36rem;padding-top:0.12rem}
.develop4-sec3 .text::before{content:"";background:url(../images/develop4-point.png) no-repeat;background-size:cover;width:1rem;height:1rem;position:absolute;right:0;top:0;z-index:-1;transform:rotateY(180deg)}
.develop5-sec1 .list{display:flex;flex-wrap:wrap;gap:0.4rem;padding:0.2rem 0 0.64rem}
.develop5-sec1 .list .item .con{position:relative;width:4.4rem;height:2.5rem;border-radius:0.3rem;box-shadow:0 0 0.2rem rgba(0,0,0,0.2);overflow:hidden;color:#fff}
.develop5-sec1 .list .item .name{width:4.4rem;box-sizing:border-box}
.develop5-sec1 .list .item .con::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.2)}
.develop5-sec1 .list .item-info .con{background-color:#f7f8fa;color:#282828}
.develop5-sec1 .list .item-primary .con{background-color:#1a6199}
.develop5-sec1 .list .item-bg1 .con{background:url(../images/develop5-pic01.png) no-repeat;background-size:cover}
.develop5-sec1 .list .item-bg2 .con{background:url(../images/develop5-pic02.png) no-repeat;background-size:cover}
.develop5-sec1 .list .item-bg3 .con{background:url(../images/develop5-pic03.png) no-repeat;background-size:cover}
.develop5-sec1 .list .item-bg4 .con{background:url(../images/develop5-pic04.png) no-repeat;background-size:cover}
.develop5-sec1 .list .item .con .text{position:absolute;bottom:0.36rem;left:0.36rem;font-family:"PingFang SC Medium";font-size:0.22rem;line-height:0.3rem}
.develop5-sec1 .list .item .year{font-family:"PingFang SC Heavy";font-size:0.36rem;margin-bottom:0.08rem}
.develop5-sec1 .list .item .name{position:relative;padding:0.28rem 0 0.28rem 0.32rem;font-family:"PingFang SC Medium";font-size:0.3rem}
.develop5-sec1 .list .item .name::before{content:"";background:url(../images/develop4-point2.png) no-repeat;background-size:cover;width:0.16rem;height:0.16rem;position:absolute;top:0.4rem;left:0}
.develop5-sec1 .list .item .icons{position:absolute;right:0.26rem;top:0;height:100%;z-index:10}
.develop5-sec1 .list .item .icons .icon-group,.develop5-sec1 .list .item .icons .icon-group2{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:0.3rem}
.develop5-sec1 .list .item .icons .icon-group2{display:none}
.develop5-sec1 .list .item.unlocked .icons .icon-group{display:none}
.develop5-sec1 .list .item.unlocked .icons .icon-group2{display:flex}
.develop5-sec1 .list .item .icons .locked-icon{cursor:pointer;background:url(../images/develop5-icon01.png) no-repeat;background-size:cover;width:0.5rem;height:0.63rem;display:inline-block}
.develop5-sec1 .list .item .icons .view-icon{cursor:pointer;background:url(../images/develop5-icon02.png) no-repeat;background-size:cover;width:0.39rem;height:0.49rem;display:inline-block}
.develop5-sec1 .list .item .icons .down-icon{cursor:pointer;background:url(../images/develop5-icon03.png) no-repeat;background-size:cover;width:0.49rem;height:0.49rem;display:inline-block}
.develop5-sec1 .list .item .icons .line{width:0.2rem;height:0.02rem;background-color:white}
.develop-modal{display:none}
.develop-modal .modal-bg{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.8);z-index:10}
.develop-modal .body{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:20}
.develop-modal .pwd-form{position:relative;width:7.2rem;height:4.44rem;border-radius:0.4rem;background-color:white;padding:0.56rem;box-sizing:border-box;margin:0 auto}
.develop-modal .pwd-form .title{font-family:"PingFang SC Heavy";font-size:0.48rem;margin-bottom:0.08rem;text-align:center}
.develop-modal .pwd-form .desc{font-family:"PingFang SC Medium";font-size:0.22rem;text-align:center}
.develop-modal .pwd-form .input{padding:0.54rem 0 0.5rem}
.develop-modal .pwd-form .input input{appearance:none;height:0.8rem;padding:0 0.2rem;width:100%;box-sizing:border-box;border:none;outline:none;background-color:#f7f8fa}
.develop-modal .pwd-form .buttons{display:flex}
.develop-modal .pwd-form .buttons .btn{cursor:pointer;flex:1;border:1px solid #1a6199;height:0.58rem;display:flex;justify-content:center;align-items:center}
.develop-modal .pwd-form .buttons .btn:hover{opacity:0.8}
.develop-modal .pwd-form .buttons .btn-primary{background-color:#1a6199;color:#fff}
.develop-modal .modal-form{position:relative;height:6.4rem;border-radius:0}
.develop-modal .modal-form .title{font-size:0.3rem;font-weight:500}
.develop-modal .modal-form .desc{margin-bottom:0.3rem}
.develop-modal .modal-form .label{margin:0.1rem 0;font-size:0.2rem;font-family:"PingFang SC Heavy"}
.develop-modal .modal-form .input{padding:0 0 0.12rem;width:100%}
.develop-modal .modal-form .input input{height:0.6rem;border:0.01rem solid #e5e5e5}
.develop-modal .modal-form .input textarea{appearance:none;padding:0.2rem;width:100%;box-sizing:border-box;border:none;outline:none;background-color:#f7f8fa;height:1.2rem;border:0.01rem solid #e5e5e5}
.develop-modal .modal-form .input.input-half{width:5rem}
.develop-modal .modal-form .s-radio{display:inline-flex;align-items:center;gap:0.1rem;margin-top:0.2rem;margin-right:0.7rem}
.develop-modal .modal-form .input input[type="radio"]{position:relative;width:0.22rem;height:0.22rem;padding:0;border:0.02rem solid #e8e8e8;border-radius:50%;position:relative}
.develop-modal .modal-form .input input[type="radio"]:checked::before{content:"";position:absolute;top:0.04rem;left:0.04rem;width:0.1rem;height:0.1rem;background-color:#1a6199;border-radius:50%}
.develop-modal .modal-form .buttons{max-width:5rem;margin:0.28rem auto 0}
.develop-modal .modal-form .input-panel{display:flex;flex-wrap:wrap;justify-content:space-between}
.develop-modal .links{display:flex;justify-content:space-around;padding-top:0.48rem}
.develop-modal .links .item{cursor:pointer;font-family:"PingFang SC Bold";font-size:0.24rem;color:#8e8e8e;text-decoration:underline;text-underline-offset:0.1rem}
.develop-modal .links .item:hover{color:#1a6199}
.develop-modal .register-form{width:11.4rem;height:8.24rem}
.develop-modal .register-form .title{margin-bottom:0.4rem}
.develop-modal .result-form{height:5.8rem}
.develop-modal .modal-pwd-form{height:5.3rem}
.develop-modal .result-form .result-icon{text-align:center;margin:0.24rem 0 0.1rem}
.develop-modal .result-form .result-icon img{width:2.15rem;height:1.46rem}
.develop-modal .result-form .result-text{font-size:0.2rem;line-height:0.3rem;font-family:"PingFang SC Medium";width:5.3rem;text-align:center}
.ability3-sec1 .text{position:relative;z-index:3}
.ability3-sec1 .text:before{content:"";width:1rem;height:1rem;background-color:#1a6199;position:absolute;top:-0.3rem;right:-0.3rem;z-index:-2}
.ability3-sec1 .text .inner{background-color:#f7f8fa;padding:0.3rem 0;font-size:0.24rem;font-family:"PingFang SC Heavy"}
.ability3-sec1 .text2{font-family:"NotoSerifCJKsc Bold";font-size:0.3rem;text-align:center;color:#1a6199;line-height:0.48rem;padding:0 1.1rem;position:relative;letter-spacing:0.05rem;margin-top:0.3rem}
.ability3-sec1 .text2::before,.ability3-sec1 .text2::after{content:"";width:0.3rem;height:0.3rem;background-color:#1a6199;position:absolute;top:0.08rem}
.ability3-sec1 .text2::before{left:0}
.ability3-sec1 .text2::after{right:0}
.ability3-sec1 .list{display:flex;gap:0.24rem}
.ability3-sec1 .list .item{flex:1}
.ability3-sec1 .list .item .con{background-image:linear-gradient(to bottom,#fff 0,#def0ff 66%,#fff 100%);padding:0.58rem 0 0}
.ability3-sec1 .list .item .con .num{position:relative;display:inline-block}
.ability3-sec1 .list .item .con .num .number{background:linear-gradient(105deg,#4ddbff,#0b538b);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-size:1.5rem}
.ability3-sec1 .list .item .plus{font-size:0.65rem;position:absolute;top:0;right:-0.5rem;color:#1a6199}
.ability3-sec1 .list .item .unit{font-family:"PingFang SC Bold";font-size:0.26rem;color:#0f5a91;position:absolute;right:-0.28rem;bottom:0}
.ability3-sec1 .list .item .name{font-family:"PingFang SC Medium";font-size:0.3rem;color:#1a6199;margin-top:0.54rem}
.ability3-sec2{background:url(../images/ability3-bg.png) no-repeat;background-size:cover}
.ability3-sec2 .main-width{height:3.39rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}
.ability3-sec2 .line{width:0.6rem;height:0.04rem;background-color:white}
.ability3-sec2 .tit{font-family:"PingFang SC Heavy";letter-spacing:0.05rem;font-size:0.48rem;margin:0.2rem 0}
.ability3-sec2 .desc{font-family:"PingFang SC Bold";font-size:0.24rem}
.ability3-sec3{background-color:#f7f8fa}
.ability3-sec3 .list{display:flex;flex-wrap:wrap;gap:0.2rem;padding:0.4rem 0 0.2rem}
.ability3-sec3 .list .item{width:3.34rem;margin-bottom:0.2rem;background-color:white}
.ability3-sec3 .list .item .photo{width:3.35rem;height:3rem}
.ability3-sec3 .list .item .photo img{width:100%;height:100%}
.ability3-sec3 .list .item .text{padding:0 0.16rem 0.16rem}
.ability3-sec3 .list .item .name{font-family:"PingFang SC Heavy";font-size:0.26rem;margin:0.16rem 0 0.1rem}
.ability3-sec3 .list .item .desc{font-family:"PingFang SC Medium";font-size:0.2rem;line-height:0.3rem;height:0.9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ability3-sec4 .swiper-wrapper{padding-bottom:0.8rem}
.ability3-sec4 .title{text-align:center;padding:0.7rem 0 0.2rem}
.ability3-sec4 .title h3{display:inline-block;font-family:"PingFang SC Heavy";font-size:0.48rem;font-weight:500;padding:0 0.92rem;position:relative}
.ability3-sec4 .title h3::before,.ability3-sec4 .title h3::after{content:"";width:0.6rem;height:0.02rem;position:absolute;background-color:#000;top:50%;margin-top:-0.01rem}
.ability3-sec4 .title h3::after{right:-0.32rem}
.ability3-sec4 .title h3::before{left:-0.32rem}
.ability3-sec4 .swiper-container{padding:0.4rem 0.28rem}
.ability3-sec4 .swiper-slide .item{position:relative;text-align:center;width:2.42rem}
.ability3-sec4 .swiper-slide .item .photo{width:2.42rem;height:2.42rem;border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;overflow:hidden}
.ability3-sec4 .swiper-slide .item img{width:100%;height:100%}
.ability3-sec4 .swiper-slide .item .name{height:0.8rem;display:flex;align-items:center;justify-content:center;padding:0 0.2rem;font-family:"PingFang SC Medium";font-size:0.22rem;line-height:0.26rem;background-image:linear-gradient(to right,#00ccff,#f7f8fa);border-bottom-left-radius:0.2rem;border-bottom-right-radius:0.2rem;overflow:hidden}
.ability3-sec4 .swiper-slide .item:hover .name{background-image:linear-gradient(to right,#02c4f7,#144c78)}
.ability3-sec4 .main-width{position:relative}
.ability3-sec4 .swiper-button-next,.ability3-sec4 .swiper-button-prev{width:1rem;height:1rem;padding:0}
.ability3-sec4 .swiper-button-next:hover,.ability3-sec4 .swiper-button-prev:hover{opacity:0.8}
.ability3-sec4 .swiper-button-prev,.ability3-sec4 .swiper-container-rtl .swiper-button-next{background-image:url(../images/ability3-swiper-btn.png);background-size:contain;left:-1.2rem}
.ability3-sec4 .swiper-button-next,.ability3-sec4 .swiper-container-rtl .swiper-button-prev{background-image:url(../images/ability3-swiper-btn.png);background-size:contain;transform:rotateY(180deg);right:-1.2rem}
.ability3-sec4 .swiper-slide .item .item-flow{display:none;position:absolute;border:0.16rem solid rgba(26,97,153,0.5);width:4.04rem;border-radius:0.2rem;background-color:white;padding:0 0.16rem;bottom:0;right:100%}
.ability3-sec4 .swiper-slide .item.top .item-flow{top:0;bottom:auto}
.ability3-sec4 .swiper-slide .item.left .item-flow{left:100%;right:auto}
.ability3-sec4 .swiper-slide .item:hover{z-index:2}
.ability3-sec4 .swiper-slide .item:hover .item-flow{display:block}
.item-flow .tit{font-family:"PingFang SC Heavy";font-size:0.3rem;color:#1a6199;text-align:center;line-height:0.64rem}
.item-flow .tips{width:0.78rem;height:0.3rem;display:flex;align-items:center;justify-content:center;color:white;background-color:#1a6199;margin:0.1rem 0;margin-left:-0.16rem}
.item-flow .desc{font-family:"PingFang SC Medium";font-size:0.18rem;line-height:0.3rem;text-align:left}
.item-flow .photos{display:flex;flex-wrap:wrap;gap:0.1rem;padding:0.16rem 0}
.item-flow .photos .photo-item{width:1.9rem;height:1.2rem}
.item-flow .photos .photo-item img{width:100%;height:100%}
.technology2-sec1 .text{padding:0.3rem 0;font-size:0.24rem;font-family:"PingFang SC Heavy"}
.technology2-sec1 .text .inner{position:relative;display:inline-block}
.technology2-sec1 .text .inner::after{content:"";height:0.1rem;width:100%;left:0;bottom:0.2rem;position:absolute;z-index:-1;background-color:#f7f8fa}
.technology2-sec1 .pic img{width:80%}
.technology2-sec2 img{display:block;width:100%}
.technology2-sec3{position:relative;z-index:2}
.technology2-sec3 .title{position:relative;font-size:0.48rem;font-family:"PingFang SC Heavy";text-align:center;padding:1rem 0 0.6rem}
.technology2-sec3 .title::after{content:"";width:0.6rem;height:0.04rem;background-color:#000;position:absolute;top:0.8rem;left:50%;margin-left:-0.3rem}
.technology2-sec3 .list{display:flex;gap:0.25rem;flex-wrap:wrap}
.technology2-sec3 .list .item{width:4.5rem;border-radius:0.28rem;overflow:hidden}
.technology2-sec3 .list .item img{width:100%;display:block}
.technology2-sec3 .list .item .name{height:0.8rem;display:flex;text-align:center;align-items:center;justify-content:center;font-family:"PingFang SC Medium";font-size:0.24rem;color:white;background-image:linear-gradient(to right,#02c4f7,#144c78)}
.technology2-sec4{position:relative;overflow:visible !important}
.technology2-sec4::before{content:"";background:url(../images/technology2-bg10.png) no-repeat;background-size:contain;height:7rem;width:100%;position:absolute;top:-2.7rem;left:0}
.technology2-sec4 .list-panel img{width:17.65rem}
.technology2-sec4 .cont img{max-width:100%}
.technology1-sec1 .list-panel{position:relative;display:flex;flex-wrap:wrap}
.technology1-sec1 .list-panel:before{content:"";width:1rem;height:1rem;background-color:#1a6199;position:absolute;top:-0.3rem;right:-0.3rem;z-index:-2}
.technology1-sec1 .main-width .text{padding:0.14rem 0.3rem;width:50%;background-color:#f7f8fa;box-sizing:border-box;font-family:"PingFang SC Medium";font-size:0.24rem;text-align:left;line-height:0.36rem}
.technology1-sec1 .main-width .text p{margin:0.14rem 0}
.technology1-sec1 .main-width .photo{width:50%}
.technology1-sec1 .main-width .photo img{width:100%;display:block}
.technology1-sec2{position:relative;z-index:2}
.technology1-sec2 .title{position:relative;font-size:0.48rem;font-family:"PingFang SC Heavy";text-align:center;padding:0.6rem 0 0.1rem}
.technology1-sec2 .title::after{content:"";width:0.6rem;height:0.04rem;background-color:#000;position:absolute;top:0.4rem;left:50%;margin-left:-0.3rem}
.technology1-sec2 .desc{font-family:"PingFang SC Medium";font-size:0.24rem;line-height:0.36rem;margin-top:0.1rem}
.technology1-sec2 .pic img{width:100%}
.technology1-sec2 .text2{font-family:"NotoSerifCJKsc Bold";font-size:0.3rem;text-align:center;letter-spacing:0.06rem;color:#1a6199;margin-top:-1.2rem}
.technology1-sec3 .title{text-align:center;padding:0.7rem 0 0.7rem}
.technology1-sec3 .title h3{display:inline-block;font-family:"PingFang SC Heavy";font-size:0.48rem;font-weight:500;padding:0 0.92rem;position:relative}
.technology1-sec3 .title h3::before,.technology1-sec3 .title h3::after{content:"";width:0.6rem;height:0.02rem;position:absolute;background-color:#000;top:50%;margin-top:-0.01rem}
.technology1-sec3 .title h3::after{right:-0.32rem}
.technology1-sec3 .title h3::before{left:-0.32rem}
.technology1-sec3 .text{position:relative;display:flex;flex-wrap:wrap;padding:0.14rem 0.46rem;background-color:#f7f8fa;box-sizing:border-box;font-family:"PingFang SC Medium";font-size:0.22rem;text-align:left;line-height:0.36rem;margin-bottom:0.18rem}
.technology1-sec3 .text:before{content:"";width:1rem;height:1rem;background-color:#1a6199;position:absolute;top:-0.3rem;left:-0.3rem;z-index:-2}
.technology1-sec3 .text.right:before{left:auto;right:-0.3rem}
.technology1-sec3 .photo{margin-bottom:0.7rem}
.technology1-sec3 .photo img{width:100%;display:block}
.news-list3 .list li a .photo{position:relative;height:2.34rem}
.news-list3 .list li a .photo::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);z-index:1}
.news-list3 .list li a .photo::after{content:"";background:url(../images/play-icon.png) no-repeat;background-size:contain;width:0.88rem;height:0.88rem;position:absolute;left:50%;top:50%;margin:-0.44rem 0 0 -0.44rem;z-index:2}
.news3-sec2{background-color:#f7f8fa}
.news3-sec2 .title{font-family:"PingFang SC Heavy";font-size:0.36rem;margin:1rem 0 0.6rem}
.news3-sec2.news-list .list{margin:0 -0.36rem}
.news3-sec1{overflow:visible !important;position:relative;z-index:3}
.news3-sec1::after{content:"";width:15.2rem;height:0.4rem;position:absolute;left:50%;bottom:-0.4rem;margin-left:-7.6rem;background:url(../images/news3-bg.png) no-repeat;background-size:contain}
.news3-sec1 .cont{background-color:#f6f1eb;border-top-left-radius:0.28rem;border-top-right-radius:0.28rem;padding:0 0.6rem 0.4rem;position:relative;z-index:3}
.news3-sec1 .cont .tit{padding:0.4rem 0;font-family:"PingFang SC Heavy";font-size:0.36rem}
.news3-sec1 .cont .list{display:flex;justify-content:space-between}
.news3-sec1 .cont .list .item{width:2.1rem}
.news3-sec1 .cont .list .text{padding:0.2rem 0 0.25rem 0.25rem}
.news3-sec1 .cont .list .name{position:relative;color:#282828;font-family:"PingFang SC Medium";font-size:0.18rem;line-height:0.24rem}
.news3-sec1 .cont .list .name::before{content:"";width:0.16rem;height:0.16rem;position:absolute;top:0.1rem;left:-0.25rem;background-color:#1a6199}
.news3-sec1 .cont .list .photo{position:relative;border-radius:0.14rem;overflow:hidden;transition:all 0.3s;transform:scale(1) translateY(0)}
.news3-sec1 .cont .list .photo img{width:100%}
.news3-sec1 .cont .list .photo:hover{transition:all 0.3s;transform:scale(1.1) translateY(0.3rem);box-shadow:0.1rem 0.1rem 0.1rem rgba(0,0,0,0.2)}
.news3-sec1 .cont .list .photo:hover .over{display:flex}
.news3-sec1 .cont .list .over{position:absolute;background-color:rgba(0,0,0,0.5);top:0;right:0;bottom:0;left:0;display:none;align-items:flex-end;justify-content:center;color:white;gap:0.4rem;padding:0.36rem;box-sizing:border-box;font-family:"PingFang SC Medium";font-size:0.24rem;text-align:center}
.news3-sec1 .cont .list .over:after{content:"";width:0.02rem;height:0.2rem;background-color:white;position:absolute;bottom:0.9rem;left:50%}
.news3-sec1 .cont .list .over .o-item{width:0.5rem;cursor:pointer}
.news3-sec1 .cont .list .over .i{width:0.49rem;height:0.49rem;margin-bottom:0.1rem}
.news3-sec1 .cont .list .over .view-icon{background:url(../images/view-icon.png) no-repeat center;background-size:contain}
.news3-sec1 .cont .list .over .download-icon{background:url(../images/download-icon.png) no-repeat center;background-size:contain}
.news3-sec1 .page{height:0.36rem;display:inline-flex;align-items:center;justify-content:center;background-color:#efdfcb;padding:0 0.4rem;border-bottom-left-radius:0.18rem;border-top-left-radius:0.18rem;gap:0.1rem;position:absolute;right:0;top:0.6rem}
.news3-sec1 .page .num{cursor:pointer;width:0.24rem;height:0.24rem;border-radius:50%;display:flex;align-items:center;justify-content:center}
.news3-sec1 .page .num:hover{color:#1a6199}
.news3-sec1 .page .num.active{background-color:white}
.ability3-sec4 .item:hover .view-detail{opacity:1}
.ability3-sec4 .item .btn:hover{background-color:#144c78;color:#fff}
.ability3-sec4 .view-detail{transition:0.2s opacity;opacity:0;position:absolute;top:0;width:100%;left:0;height:2.42rem;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);border-top-left-radius:0.2rem;border-top-right-radius:0.2rem}
.ability3-sec4 .view-detail .btn{transition:0.2s all;width:1.4rem;height:0.4rem;border-radius:0.2rem;background-color:#fff;color:#111;font-size:0.2rem;font-family:"PingFang SC Bold";display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}
#ability32Modal .body{display:flex;align-items:center;justify-content:center}
.item-flow2{position:relative;border:0.16rem solid rgba(26,97,153,0.5);width:10.8rem;border-radius:0.2rem;background-color:white;padding:0 0.16rem;display:flex}
.item-flow2 .tit{font-family:"PingFang SC Heavy";font-size:0.3rem;color:#1a6199;line-height:0.64rem}
.item-flow2 .tips{width:0.78rem;height:0.3rem;display:flex;align-items:center;justify-content:center;color:white;background-color:#1a6199;margin:0.1rem 0;margin-left:-0.16rem}
.item-flow2 .desc{font-family:"PingFang SC Medium";font-size:0.18rem;line-height:0.3rem;text-align:left}
.item-flow2 .photos{display:flex;flex-wrap:wrap;gap:0.1rem;padding:0.16rem 0}
.item-flow2 .photos .photo-item{width:1.7rem;height:1.1rem}
.item-flow2 .photos .photo-item img{width:100%;height:100%}
.item-flow2 .text{flex:1;min-height:4.7rem}
.item-flow2 .photo{width:3rem;margin:0.7rem 0 0 0.1rem}
.item-flow2 .photo img{width:3rem;height:3rem;border-radius:0.2rem}
.item-flow2 .close{width:0.52rem;height:0.52rem;background:url(../images/ability32-close.png) no-repeat center;background-size:contain;position:absolute;right:0.3rem;bottom:0.3rem}
.item-flow2 .close:hover{cursor:pointer;opacity:0.8}
.develop5-sec21{margin-top:0.6rem}
.develop5-sec21 .tabs{display:flex;padding:0.3rem}
.develop5-sec21 .tabs .item{position:relative;flex:1;height:1rem;border:0.02rem solid #f7f8fa;font-family:"NotoSerifCJKsc Bold","Impact";font-size:0.4rem;display:flex;align-items:center;justify-content:center;color:#d4d4d4;cursor:default;background-color:white}
.develop5-sec21 .tabs .item.esg{font-size:0.6rem}
.develop5-sec21 .tabs .item::before{z-index:-1;position:absolute;content:"";width:1rem;height:1rem;background-color:#1a6199;position:absolute;top:-0.3rem;right:-0.3rem;display:none}
.develop5-sec21 .tabs .item.esg::before{left:-0.3rem;right:none}
.develop5-sec21 .tabs .item.active{background-color:#f7f8fa;color:#1a6199}
.develop5-sec21 .tabs .item.active::before{display:block}
.develop5-sec22{margin-bottom:0.74rem}
.develop5-sec22 .search{display:flex;gap:0.2rem;margin-bottom:0.4rem}
.develop5-sec22 .search .search-item{flex:1}
.develop5-sec22 .search .search-item-date{flex:none;width:2.8rem}
.develop5-sec22 .search .search-item .tit{position:relative;height:0.6rem;display:flex;align-items:center;font-family:"PingFang SC Medium";font-size:0.2rem;gap:0.1rem}
.develop5-sec22 .search .search-item .tit::before{content:"";width:0.16rem;height:0.16rem;background:linear-gradient(90deg,#00b966,#00b6eb)}
.develop5-sec22 .search .search-item .con{width:100%;display:flex;gap:0.2rem}
.develop5-sec22 .search .select,.develop5-sec22 .search .input{flex:1;height:0.6rem;box-sizing:border-box;border:none;background-color:#f7f8fa;padding:0 0.2rem;outline:none;appearance:none}
.develop5-sec22 .search .button{width:2.8rem;height:0.6rem;box-sizing:border-box;border:none;color:white;background:linear-gradient(90deg,#00b966,#00b6eb);padding:0 0.2rem;outline:none;appearance:none;font-family:"PingFang SC Bold";font-size:0.24rem}
.develop5-sec22 .search .select{position:relative;width:100%;padding:10px 15px;border:1px solid #e2e8f0;border-radius:6px;background-color:#f8fafc;appearance:none;cursor:pointer;transition:border-color 0.3s}
.develop5-sec22 .search .select .val{line-height:0.3rem}
.develop5-sec22 .search .select::after{content:"";box-sizing:border-box;border:0.1rem solid transparent;border-top:0.1rem solid #909090;position:absolute;top:0.2rem;right:0.2rem}
.develop5-sec22 .search .select .select-list{display:none;position:absolute;top:100%;left:0;width:100%;box-shadow:0 0 0.1rem 0.04rem rgba(0,0,0,0.1);margin-top:0.1rem}
.develop5-sec22 .search .select .select-list li{height:0.58rem;padding:0 0.2rem;display:flex;align-items:center;background-color:#fff;font-family:"PingFang SC Bold";font-size:0.22rem}
.develop5-sec22 .search .select .select-list li:hover{color:#1a6199}
.develop5-sec22 .search .select .select-list li.active{color:#1a6199;background-color:#f8f8f8}
.develop5-sec22 .result-info{font-family:"PingFang SC Medium";font-size:0.2rem;padding:0.2rem 0}
.develop5-sec22 .result-list table{width:100%;border-spacing:0}
.develop5-sec22 .result-list thead{color:white;background:linear-gradient(90deg,#00b966,#00b6eb);text-align:center}
.develop5-sec22 .result-list thead td{height:0.56rem;font-size:0.2rem}
.develop5-sec22 .result-list td{height:0.78rem;font-family:"PingFang SC Regular";font-size:0.24rem}
.develop5-sec22 .result-list tr:nth-child(2n){background-color:#f3f7fa}
.develop5-sec22 .doc-icon{cursor:pointer;display:inline-block;width:0.32rem;height:0.38rem;background:url(../images/develop5-pdf.png) no-repeat center;background-size:contain}
.develop5-sec22 .page{text-align:center;padding:0.44rem 0;font-family:"PingFang SC Medium";font-size:0.24rem;display:flex;align-items:center;justify-content:center;gap:0.3rem}
.develop5-sec22 .page .page-btn{color:#1a6199}
@media (max-width:1000px){
  .develop5-sec22 .search{flex-wrap:wrap}
}
.peek-main{color:white}
.peek-sec01 .main-width{height:7.5rem;color:white;position:relative}
.peek-sec01 .h3{font-family:"NotoSerifCJKsc Bold";font-size:1.02rem;margin-bottom:0.12rem;position:absolute;top:2rem;left:0.4rem;transform:translateX(-100%);transition:0.5s all;border-bottom:0.09rem solid rgba(70,184,255,0.5);padding-bottom:0.2rem}
.peek-sec01 .h3 img{height:1.02rem;vertical-align:bottom}
.peek-sec01.show .h3{transform:translateX(0)}
.peek-sec01 .text{position:absolute;top:4.88rem;left:0.4rem;width:7.8rem;font-family:"PingFang SC Bold";font-size:0.36rem;line-height:0.48rem;border-radius:0.2rem;transform:translateX(100%);transition:0.5s all}
.peek-sec01 .text::before,.peek-sec01 .text::after{content:"";position:absolute;width:1.2rem;height:1.2rem;border-radius:50%;z-index:-1}
.peek-sec01 .text::before{background-color:rgba(70,184,255,0.5);right:1.4rem;top:0.2rem}
.peek-sec01 .text::after{background-color:rgba(5,135,200,0.5);right:1.2rem;top:0.4rem}
.peek-sec01.show .text{transform:translateX(0)}
.peek-sec02 .main-width{position:relative;box-sizing:border-box;padding:0.58rem 0 0.88rem 7.36rem;min-height:5rem}
.peek-sec02 .photo{position:absolute;left:0;top:0;width:6.6rem;height:4.99rem}
.peek-sec02 .photo img{width:100%;height:100%}
.peek-sec02 .photo:after{content:"";position:absolute;z-index:-1;top:50%;right:-0.4rem;margin-top:0.2rem;width:0.8rem;height:0.8rem;border:0.08rem solid white;border-radius:50%}
.peek-sec02 .logo{font-size:0.32rem;padding:0.2rem 0}
.peek-sec02 .logo strong{margin-right:0.05rem}
.peek-sec02 .h4{font-family:"PingFang SC Bold";font-size:0.6rem;margin-bottom:0.2rem;text-align:center}
.peek-sec02 .h4 span{display:inline-block;position:relative;padding:0 0.24rem;margin-right:0.28rem}
.peek-sec02 .h4 span::before,.peek-sec02 .h4 span::after{content:"";position:absolute;width:0.14rem;height:0.32rem}
.peek-sec02 .h4 span::before{border-top:0.05rem solid #fff;border-left:0.05rem solid #fff;left:0;top:0}
.peek-sec02 .h4 span::after{border-bottom:0.05rem solid #fff;border-right:0.05rem solid #fff;right:0;bottom:0}
.peek-sec02 .sub{font-family:"PingFang SC Bold";font-size:0.24rem;line-height:0.36rem;min-height:1.4rem}
.peek-sec02 .text{font-family:"PingFang SC Regular";font-size:0.2rem;line-height:0.36rem;font-weight:lighter}
.peek-sec03 .h4{font-family:"PingFang SC Bold";font-size:0.6rem;margin-bottom:0.2rem}
.peek-sec03 .sub{font-family:"PingFang SC Bold";font-size:0.26rem;line-height:0.36rem;margin-bottom:0.56rem}
.peek-sec03 .list1{display:flex}
.peek-sec03 .list1 .item{position:relative;border-radius:0.2rem;flex:1;background:linear-gradient(to right,rgba(26,97,153,1) 0,rgba(26,97,153,0) 66%,rgba(26,97,153,0) 100%);display:flex;align-items:center;justify-content:start;padding:0.2rem 0;line-height:0.26rem}
.peek-sec03 .list1 .item::before{content:"";width:0.4rem;height:0.4rem;background:url(../images/peek-cl-icon-white.png) no-repeat;background-size:cover;margin:0 0.2rem}
.peek-sec03 .list2{display:flex;padding:0.5rem 0 0}
.peek-sec03 .list2 .item{flex:1;display:flex;flex-direction:column;align-items:center}
.peek-sec03 .list2 .item .photo{width:3.51rem;display:flex;flex-direction:column;justify-content:end;height:4.2rem;padding-bottom:0.8rem;background:url(../images/peek-pic-bg.png) no-repeat center bottom;background-size:3.51rem 1.16rem}
.peek-sec03 .list2 .item .photo img{max-width:3.24rem}
.peek-sec03 .list2 .item .name{margin-top:0.26rem;min-height:0.4rem;line-height:0.4rem;font-family:"PingFang SC Bold";font-size:0.2rem;width:100%;text-align:center;background:linear-gradient(to right,rgba(26,97,153,0) 30%,rgba(26,97,153,1) 50%,rgba(26,97,153,0) 70%)}
.peek-sec03 .list3{display:flex;padding:0.5rem 0 0}
.peek-sec03 .list3 .item{flex:1;display:flex;flex-direction:column;align-items:center}
.peek-sec03 .list3 .item .photo{width:2.9rem;display:flex;flex-direction:column;justify-content:end;height:2.6rem;padding-bottom:0.5rem;background:url(../images/peek-pic-bg.png) no-repeat center bottom;background-size:contain}
.peek-sec03 .list3 .item .photo img{max-width:2.46rem}
.peek-sec03 .list3 .item .name{margin-top:0.26rem;min-height:0.4rem;line-height:0.4rem;font-family:"PingFang SC Bold";font-size:0.2rem;width:100%;text-align:center;background:linear-gradient(to right,rgba(26,97,153,0) 30%,rgba(26,97,153,1) 50%,rgba(26,97,153,0) 70%)}
.peek-desc{position:relative;font-family:"PingFang SC Bold";font-size:0.3rem;text-align:center;letter-spacing:0.05rem;margin:0.5rem 0;padding:0 0.5rem}
.peek-desc::before,.peek-desc::after{content:"";position:absolute;top:50%;width:0.4rem;height:0.4rem;background:url(../images/peek-cl-icon.png) no-repeat;background-size:cover;margin-top:-0.2rem}
.peek-desc::before{left:0}
.peek-desc::after{right:0}
.peek-sec04{}
.peek-sec04 .h4{font-family:"PingFang SC Bold";font-size:0.55rem;margin-top:0.4rem;margin-bottom:0.2rem;text-align:center}
.peek-sec04 .sub{font-family:"PingFang SC Bold";font-size:0.28rem;line-height:0.36rem;margin-bottom:0.56rem;text-align:center}
.peek-sec04 .numbers{display:flex;padding-top:1.1rem;width:100%}
.peek-sec04 .numbers .item{flex:1}
.peek-sec04 .numbers .item .num{display:inline-block;position:relative;font-family:"PingFang SC Heavy";font-size:1.2rem}
.peek-sec04 .numbers .item .plus{font-size:0.32rem;position:absolute;right:-0.2rem;top:0.2rem}
.peek-sec04 .numbers .item .text{font-family:"PingFang SC Bold";font-size:0.22rem;width:90%;line-height:0.28rem}
.peek-sec04 .m-text-wrap{position:relative;height:9.9rem}
.peek-sec04 .m-text{position:absolute;font-family:"PingFang SC Bold";font-size:0.24rem;line-height:0.4rem;padding:0.3rem;border-radius:0.2rem;background:rgba(1,109,177,0.5)}
.peek-sec04 .m-text1{top:1.2rem;left:2rem}
.peek-sec04 .m-text2{top:6rem;left:0.5rem}
.peek-sec05 .h4{font-family:"PingFang SC Bold";font-size:0.6rem;margin-top:0.4rem;margin-bottom:0.2rem;text-align:center}
.peek-sec05 .pic{display:block;width:14rem;height:4rem}
.peek-sec05 .pic1{display:none}
.peek-sec05 .list{display:flex;padding:0.4rem 0 1rem}
.peek-sec05 .list .item{position:relative;border-radius:0.2rem;flex:1;background:linear-gradient(to right,rgba(26,97,153,1) 0,rgba(26,97,153,0) 66%,rgba(26,97,153,0) 100%);display:flex;align-items:center;justify-content:start;padding:0.2rem 0.32rem;line-height:0.3rem;margin-right:0.4rem;font-size:0.22rem}
.peek-sec06{}
.peek-sec06 .main-width{position:relative;height:7.14rem}
.peek-sec06 .text{display:flex;flex-direction:column;position:absolute;left:50%;top:1.1rem;margin-left:0.7rem}
.peek-sec06 .img-vigor{width:3.46rem;height:0.75rem;margin-bottom:0.08rem}
.peek-sec06 .img-thanks-text{display:block;width:5.74rem;height:1.3rem;color:#1A6198;font-size:0.25rem;font-weight:bold;line-height:0.35rem}
.peek-sec06 .img-thanks-text:hover{opacity:0.8}
.peek-sec06 .thanks{position:absolute;bottom:-0.05rem}
.peek-sec06 .img-thanks{width:14.02rem;height:3.42rem}
@media (max-width:1000px){
  .peek-main{background-size:contain}
.peek-sec01 .main-width{height:3.62rem}
.peek-sec01 .h3{width:4rem;top:0.88rem;font-size:0.54rem}
.peek-sec01 .h3 img{height:0.54rem}
.peek-sec01 .text{width:6.32rem;font-size:0.2rem;top:2.5rem;left:0.4rem;line-height:0.28rem}
.peek-sec01 .text::before,.peek-sec01 .text::after{width:0.8rem;height:0.8rem}
.peek-sec01 .text::before{right:2.6rem;top:0.1rem}
.peek-sec01 .text::after{right:2.5rem;top:0.2rem}
.peek-sec02 .main-width{box-sizing:border-box;padding:0.44rem 0.68rem 0 0.5rem}
.peek-sec02 .sub{min-height:1rem}
.peek-sec02 .photo{position:relative;top:0;left:0;width:6.32rem;margin-bottom:0.1rem}
.peek-sec03 .h4{margin-top:0.66rem}
.peek-sec03 .h4,.peek-sec03 .sub{padding:0 0 0 0.2rem}
.peek-sec03 .list1 .item::before{width:0.24rem;height:0.24rem;margin:0 0.1rem}
.peek-sec03 .list2 .item .photo{width:1.9rem;height:2.66rem;background-size:1.9rem 0.56rem;padding-bottom:0.4rem}
.peek-sec03 .list3 .item .photo{width:1.4rem;height:1.2rem;background-size:1.4rem 0.48rem;padding-bottom:0.3rem}
.peek-sec03 .list3 .item .name{box-sizing:border-box}
.peek-desc{font-size:0.24rem;text-align:left}
.peek-sec04{background:url(../images/peek-bg-02-app.png) no-repeat;background-size:7.5rem 11.76rem;background-position:center 1.2rem}
.peek-sec04 .numbers{padding-top:0;flex-wrap:wrap}
.peek-sec04 .numbers .item{flex:none;width:50%}
.peek-sec04 .m-text{font-size:0.22rem;line-height:0.3rem;padding:0.1rem 0.2rem}
.peek-sec04 .m-text1{top:1.0rem;left:0;width:3.2rem}
.peek-sec04 .m-text2{top:4.1rem;left:0}
.peek-sec04 .m-text-wrap{height:5.9rem}
.peek-sec05 .pic{display:none}
.peek-sec05 .pic1{display:block;background:url(../images/peek-pic101-app.png) no-repeat;background-size:contain;width:6.9rem;height:6.6rem}
.peek-sec05 .list{flex-wrap:wrap}
.peek-sec05 .list .item{width:100%;flex:none;box-sizing:border-box;margin-bottom:0.1rem}
.peek-sec06{background-size:contain !important;background-position:0 3.26rem !important}
.peek-sec06 .main-width{height:8.13rem}
.peek-sec06 .text{left:0;top:0.7rem}
.peek-sec06 .img-thanks{width:7.5rem;height:1.8rem;margin-left:-0.3rem}
}.technology3-zi{height:1.63rem}
.technology3-sec2 .title{position:relative;text-align:center}
.technology3-sec2 .title::before{content:"";width:100%;border:0.02rem solid black;position:absolute;top:50%;left:0}
.technology3-sec2 .title span{position:relative;z-index:1;display:inline-block;padding:0 0.4rem;font-size:0.48rem;background:white}
.technology3-sec2 .sub{font-size:0.24rem;text-align:center;padding:0.15rem 0 0.2rem}
.technology3-sec2 .list{margin-top:0.2rem;display:flex;gap:0.24rem}
.technology3-sec2 .list .item{position:relative;display:flex;align-items:center;flex:1;height:0.9rem;border-radius:0.45rem;color:white;background:linear-gradient(to right,#0c3d76,#0077d4);font-size:0.24rem;padding:0 0.4rem 0 0.8rem}
.technology3-sec2 .list .item::before{position:absolute;left:0.2rem;top:50%;margin-top:-0.2rem;content:"";width:0.4rem;height:0.4rem;background:url(../images/peek-cl-icon-white.png) no-repeat;background-size:cover}
.technology3-sec2 .list2{display:flex;padding:0.5rem 0 0}
.technology3-sec2 .list2 .item{flex:1;display:flex;flex-direction:column;align-items:center}
.technology3-sec2 .list2 .item .photo{width:3.51rem;display:flex;flex-direction:column;justify-content:end;height:4.2rem;padding-bottom:0.8rem;background:url(../images/technology3-pic-bg.png) no-repeat center bottom;background-size:3.51rem 1.16rem}
.technology3-sec2 .list2 .item .photo img{max-width:3.24rem}
.technology3-sec2 .list2 .item .name{margin-top:0.26rem;min-height:0.4rem;line-height:0.4rem;font-family:"PingFang SC Bold";font-size:0.2rem;width:100%;text-align:center}
.technology3-sec2 .list2 .item .photo{width:1.9rem;height:2.66rem;background-size:1.9rem 0.56rem;padding-bottom:0.4rem}
.technology3-sec2 .list3{display:flex;padding:0.5rem 0 0}
.technology3-sec2 .list3 .item{flex:1;display:flex;flex-direction:column;align-items:center}
.technology3-sec2 .list3 .item .photo{width:1.4rem;height:1.2rem;background-size:1.4rem 0.48rem;padding-bottom:0.3rem}
.technology3-sec2 .list3 .item .name{box-sizing:border-box}
.technology3-sec2 .list3 .item .photo{width:2.9rem;display:flex;flex-direction:column;justify-content:end;height:2.6rem;padding-bottom:0.5rem;background:url(../images/peek-pic-bg.png) no-repeat center bottom;background-size:contain}
.technology3-sec2 .list3 .item .photo img{max-width:2.46rem}
.technology3-sec2 .list3 .item .name{margin-top:0.26rem;min-height:0.4rem;line-height:0.4rem;font-family:"PingFang SC Bold";font-size:0.2rem;width:100%;text-align:center}
.technology3-sec2 .peek-desc{display:flex;align-items:center;font-size:0.28rem;min-height:0.9rem;border-radius:0.45rem;background:linear-gradient(to right,#0c3d76,#0077d4);color:white;padding:0 0.7rem;text-align:center;justify-content:center}
.technology3-sec2 .peek-desc::before,.technology3-sec2 .peek-desc::after{background:url(../images/peek-cl-icon-white.png) no-repeat;background-size:cover}
.technology3-sec2 .peek-desc::before{left:0.2rem}
.technology3-sec2 .peek-desc::after{right:0.2rem}
.technology3-sec3 .peek-desc{display:flex;align-items:center;justify-content:center;min-height:0.9rem;border-radius:0.45rem;padding:0 0.7rem;font-size:0.28rem;text-align:center;color:#1a6199}
.technology3-sec3 .peek-desc::before,.technology3-sec3 .peek-desc::after{background:url(../images/peek-cl-icon.png) no-repeat;background-size:cover}
.technology3-sec3 .peek-desc::before{left:0.2rem}
.technology3-sec3 .peek-desc::after{right:0.2rem}
.technology3-sec3 .text-wrap1{text-align:center}
.technology3-sec3{background:url(../images/technology3-bg.png) no-repeat;background-size:19.2rem 14.09rem;background-position-y:2.2rem}
.technology3-sec3 .m-text-wrap{position:relative;height:10.5rem}
.technology3-sec3 .m-text{position:absolute;font-family:"PingFang SC Bold";font-size:0.22rem;line-height:0.3rem;padding:0.18rem;border-radius:0.2rem;background:rgba(7,159,255,0.5);color:white}
.technology3-sec3 .m-text1{width:4.3rem;top:3.6rem;left:9rem}
.technology3-sec3 .m-text2{width:4.2rem;bottom:6rem;left:0.5rem}
.technology3-sec3 .h4{font-size:0.48rem;position:relative;padding:0.2rem 0}
.technology3-sec3 .h4::before{}
.technology3-sec3 .sub{font-size:0.24rem}
.technology3-sec3 .numbers{display:flex;padding-top:1.1rem;width:100%}
.technology3-sec3 .numbers .item{flex:1;color:#1a6199}
.technology3-sec3 .numbers .item .num{display:inline-block;position:relative;font-family:"PingFang SC Heavy";font-size:1.2rem}
.technology3-sec3 .numbers .item .plus{font-size:0.32rem;position:absolute;right:-0.2rem;top:0.2rem}
.technology3-sec3 .numbers .item .text{font-family:"PingFang SC Bold";font-size:0.22rem;width:90%;line-height:0.28rem;color:white}
.technology3-sec4{margin-top:0.8rem}
.technology3-sec4 .main-width{position:relative;height:13rem}
.technology3-sec4 .h4{text-align:center;font-size:0.48rem;position:relative;padding:0.2rem 0}
.technology3-sec4 .h4::before{}
.technology3-sec4 .list{padding-left:50%}
.technology3-sec4 .list .item{margin-bottom:0.9rem}
.technology3-sec4 .list .item-text{position:relative;background-color:#f7f8fa;padding:0.18rem;font-size:0.22rem;line-height:0.36rem;margin-right:0.3rem}
.technology3-sec4 .list .item-text::after{content:"";width:0.7rem;height:0.7rem;border-bottom:0.3rem solid #1a6199;border-right:0.3rem solid #1a6199;position:absolute;bottom:-0.29rem;right:-0.29rem}
.technology3-sec4 .list .item-photo img{width:100%}
.technology3-sec4 .gear{background:url(../images/technology3-gear.png) no-repeat;background-size:cover;width:9.59rem;height:4.83rem;position:absolute;left:0;top:5.68rem}
.technology3-sec4 .plane{background:url(../images/technology3-plane.png) no-repeat;background-size:cover;width:6.67rem;height:4.14rem;position:absolute;left:0;top:1.45rem}
.technology3-sec4 .car{background:url(../images/technology3-car.png) no-repeat;background-size:cover;width:6.49rem;height:1.97rem;position:absolute;right:0;top:8.5rem}
.technology3-sec4 .future{background:url(../images/technology3-future.png) no-repeat;background-size:cover;width:14rem;height:3.34rem;position:absolute;left:50%;bottom:-0.05rem;margin-left:-7rem}

@media (max-width:1000px){
  .technology3-zi{height:auto;width:100%}
  .technology3-sec2 .list .item{font-size:0.2rem;padding:0.2rem 0.1rem 0.2rem 0.8rem}
  .technology3-sec2 .list3 .item .photo{width:1.4rem;height:1.2rem;background-size:1.4rem 0.48rem;padding-bottom:0.3rem}
  .technology3-sec2 .peek-desc{padding-top:0.2rem;padding-bottom:0.2rem}
  .technology3-sec3{background-position-y:6.2rem  !important;background-size:contain !important}
  .technology3-sec3 .numbers{flex-wrap:wrap;padding-top:0.4rem}
  .technology3-sec3 .numbers .item{flex:none;width:50%}
  .technology3-sec3 .numbers .item .text{color:#1a6199}
  .technology3-sec3 .m-text-wrap{height:5.5rem}
  .technology3-sec3 .m-text1{left:0;width:6.5rem;top:3.2rem}
  .technology3-sec3 .m-text2{left:0;width:6.5rem;bottom:2.7rem}
  .technology3-sec4 .list{margin-top:2.4rem;padding-left:0}
  .technology3-sec4 .list .item{margin-bottom:0.5rem}
  .technology3-sec4 .plane,.technology3-sec4 .car{width:50%;top:1rem;background-size:contain !important}
  .technology3-sec4 .car{top:2.2rem}
  .technology3-sec4 .future,.technology3-sec4 .gear{width:100%;background-size:contain}
  .technology3-sec4 .gear{top:8.48rem}
  .technology3-sec4 .future{margin:0;left:0;height:1.8rem}
}

.liquor-container{background-color:#10578f;transform:none !important}
.liquor-container .langs{position:absolute;top:2.9rem;right:20%;z-index:10}
.liquor-container .langs .item{width:0.8rem;height:0.8rem;display:flex;font-size:0.3rem;align-items:center;justify-content:center;color:#000;background-color:white;border-radius:50%;margin-bottom:0.3rem;cursor:pointer;opacity:0.6}
.liquor-container .langs .item:hover,.liquor-container .langs .item.active{opacity:1}
.liquor-sec1{background:url(../images/liquor1.jpg) no-repeat center top;background-size:19.2rem 16.77rem;height:16.77rem}
.liquor-sec1 .text-wrap{padding:0.9rem 0}
.liquor-sec1 .text{font-size:0.9rem;text-align:center;background-image:linear-gradient(to bottom,#0981c1,#105890);background-clip:text;color:transparent}
.liquor-sec2{background:url(../images/liquor2.jpg) no-repeat center top;background-size:19.2rem 21.55rem;min-height:21.55rem;margin-top:-2.5rem;padding-top:2.3rem;box-sizing:border-box}
.liquor-sec21{position:relative;z-index:2}
.liquor-sec2 .text,.liquor-sec21 .text{text-align:center}
.liquor-sec2 .text h3,.liquor-sec21 .text h3{font-weight:normal;background-image:linear-gradient(to bottom,#e2c793,#fff0c8,#e2c793);background-clip:text;color:transparent;font-size:0.58rem;text-shadow:0.04rem 0.04rem 0.04rem rgba(0,0,0,0.3)}
.liquor-sec2 .text p,.liquor-sec21 .text p{font-size:0.32rem;color:white;line-height:0.44rem}
.liquor-sec2 .list{padding:0.5rem 1.18rem 1.0rem 1.2rem}
.liquor-sec2 .list .item{display:flex;align-items:center;gap:0.4rem;font-size:0.31rem;color:white;line-height:0.4rem;margin-top:-0.48rem}
.liquor-sec2 .list .item .item-text{flex:1}
.liquor-sec2 .list .item:nth-child(even){flex-direction:row-reverse}
.liquor-sec2 .list .item:nth-child(even) .item-text{text-align:right}
.liquor-sec2 .list .item .photo{width:5.3rem;height:5.3rem}
.liquor-sec2 .list .item .photo img{width:100%;height:100%}
.liquor-sec2 .list .item h4{font-size:0.36rem;color:#e2c793;font-weight:normal}
.liquor-sec2 .list .item1 .photo{width:5.3rem;height:6.15rem}
.liquor-sec2 .list .item1 .photo img{margin-left:-0.65rem;margin-top:0.04rem;width:5.98rem;height:6.15rem}
.liquor-sec2 .list .item1 .item-text{margin-top:1.2rem}
.liquor-sec2 .text2 p{text-align:left}
.liquor-sec3{margin:0.88rem 0;text-align:center}
.liquor-sec3 img{width:11.33rem;max-width:100%}
.liquor-sec4 .box{background-color:#d2bb85;display:flex;flex-direction:column;align-items:center;font-size:0.3rem;line-height:0.48rem;color:#472408;padding:0 0.96rem}
.liquor-sec4 .box .img{width:11.98rem;height:6.83rem;max-width:100%}
.liquor-sec4 .box .img img{width:100%}
.liquor-sec4 .list{display:flex;gap:0.88rem;height:1.52rem;padding-bottom:0.6rem}
.liquor-sec4 .list .item{width:1.52rem;height:1.52rem}
.liquor-sec4 .list .item img{width:100%}
.liquor-footer{background-color:#10578f;padding:0.66rem 0;text-align:center;color:white;font-size:0.3rem;line-height:0.4rem}
.liquor-footer .text{position:relative;display:inline-block}
.liquor-footer .text::before,.liquor-footer .text::after{content:"";position:absolute;top:50%;width:1.3rem;background-color:white;height:0.02rem}
.liquor-footer .text::before{left:-1.5rem}
.liquor-footer .text::after{right:-1.5rem}

@media (max-width:1000px){
  .liquor-sec1 .text{font-size:0.6rem}
  .liquor-container .langs{right:0.2rem}
  .liquor-sec1{background-size:13.44rem 11.73rem;height:12.03rem}
  .liquor-sec1 .text-wrap{padding-top:0.4rem}
  .liquor-sec2 .text h3,.liquor-sec21 .text h3{font-size:0.4rem}
  .liquor-sec2 .text p,.liquor-sec21 .text p{font-size:0.26rem}
  .liquor-sec2{margin-top:-1.5rem;padding-top:1.3rem;background-size:10.752rem 12.068rem;min-height:12.068rem}
  .liquor-sec2 .list{padding:0 0.16rem 0.56rem 0.272rem}
  .liquor-sec2 .list .item .photo{width:2.968rem;height:2.968rem}
  .liquor-sec2 .list .item1 .photo{height:3.444rem}
  .liquor-sec2 .list .item1 .photo img{margin-left:-0.45rem;margin-top:0.14rem;width:3.35rem;height:3.444rem}
  .liquor-sec2 .list .item{font-size:0.24rem;line-height:0.30rem;margin-top:-0.15rem;gap:0.32rem}
  .liquor-sec2 .list .item h4{font-size:0.32rem;line-height:0.38rem;font-weight:bold}
  .zh-cn .liquor-sec2 .list .item h4{font-size:0.36rem;font-weight:bold}
  .zh-cn .liquor-sec2 .list .item{font-size:0.26rem;line-height:0.36rem}
  .liquor-sec4 .box .img{height:auto}
  .liquor-sec4 .box{padding:0 0.2rem;line-height:0.32rem;font-size:0.24rem}
  .liquor-sec4 .list{gap:0.3rem;padding-bottom:0}
  .liquor-sec4 .list .item{width:1rem;height:1rem}
  .liquor-footer{line-height:0.32rem;font-size:0.24rem;padding:0.3rem 0}
}


.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}
.section{  padding: 0.6rem 0.2rem; }
.section-title{ text-align: center; margin-bottom: 0.5rem; }
.section-title strong{ font-size: 0.4rem; }
.section-title p{ font-size: 18px; line-height: 1.6; }

.zhiliang1 li{ display: flex; align-items: center; margin-bottom: 0.4rem;}
.zhiliang1 li .pic{ flex:1; margin-right: 0.4rem; }
.zhiliang1 li .pic img{ border-radius: 0.3rem;  width: 100%;} 
.zhiliang1 li .text{ flex:1; }
.zhiliang1 li .text h2{ font-size: 0.28rem; }
.zhiliang1 li .text .desc{ font-size: 0.18rem; margin-top: 0.1rem;line-height:33px; }
.zhiliang1 li .text p{ font-size: 0.18rem;  display: flex; height: 0.32rem; align-items: center; }
.zhiliang1 li .text p i{ flex:0 0 0.32rem; height: 0.32rem; border-radius: 50%; background: #dbeafe; color: #2563eb; margin-right: 0.2rem; display: flex; justify-content: center; align-items: center; }
.zhiliang1 li:nth-child(2) .pic{ flex:1; margin-right: 0; margin-left: 0.5rem; }

.zhiliang2{ background: #f9fafb; }
.zhiliang2 ul{ display: grid; grid-template-columns: repeat(2,1fr); gap:0.5rem; }
.zhiliang2 li{ background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 0.2rem; padding:0.4rem; }
.zhiliang2 li .text{ padding-top: 0.2rem;line-height:28px; }

.zhiliang3{  border-radius: 0.2rem; }
.zhiliang3 .con .text{ float: left; width: 40%; padding-top: 1rem; }
.zhiliang3 .con .text h2{ font-size: 0.28rem; }
.zhiliang3 .con .text p{ font-size: 0.18rem; line-height: 1.6; }
.zhiliang3 .con .pic{ margin-left: 50%;  }
.zhiliang3 .con .pic img{ border-radius: 0.3rem;  width: 100%;} 

@media (max-width:1000px){
   .section{  padding: 0.2rem 0.2rem; }
   .zhiliang1 li{ flex-wrap: wrap;}
   .zhiliang1 li .pic{ flex:100%; margin-right: 0; }
   .zhiliang1 li .text{ flex:100%; margin-top: 0.3rem; }
   .zhiliang1 li:nth-child(2) .pic{ order: -100; flex:100%; margin-right: 0; margin-left: 0; }
   .zhiliang2 ul{ grid-template-columns: 1fr; gap:0.3rem; }
   .zhiliang3 .con .text{ float: none; width: 100%; padding-top: 0.2rem; }
   .zhiliang3 .con .pic{ margin-left: 0%; }
}

.hys{width:100%;overflow:hidden;background-position:center bottom;background-repeat:no-repeat;background-size:cover;padding:140px 0px}
.hys-head{width:83.33%;overflow:hidden;margin:0px auto}
.hys-head .h3{float:left;width:auto;overflow:hidden;font-size:50px;color:#000;font-weight:lighter}
.hys-more{float:right;width:40px;height:40px;z-index:12;border-radius:50%;background:#003366 url("../images/icon-11.png") no-repeat center;margin-top:12px}
.hys-more a{width:100%;height:100%;display:block;overflow:hidden}
.hys-more:hover{transform:rotate(45deg)}
.hys-center{width:83.33%;overflow:hidden;margin:40px auto 0px}
.hys-left{width:310px;overflow:hidden;float:left}
.hys-left .swiper-container{width:100%;height:500px}
.hys-left .swiper-slide{font-size:16px;color:#222;opacity:0.75;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;cursor:pointer;font-weight:lighter}
.hys-left .swiper-slide.active{font-size:25px;color:#003366}
.hys-pag{width:100%;overflow:hidden;margin-top:50px}
.hys-pag span,.hys-pag p{float:left;width:auto;font-size:16px;color:#454545;font-weight:bold}
.hys-pag p{float:right}
.hys-pag em{float:left;width:calc(100% - 60px);margin-left:10px;height:3px;background:#dbdde1;margin-top:10px;position:relative}
.hys-pag em samp{width:12%;height:100%;position:absolute;left:0px;top:0px;background:#003366}
.hys-right{float:right;width:71%;overflow:hidden;height:555px;background:url("../images/bg-4.jpg") no-repeat;background-size:cover;position:relative;margin-top:15px}
.hys-item{width:100%;height:100%;overflow:hidden}
.hys-item>a{width:100%;overflow:hidden;display:block;padding-top:50px}
.hys-item span{width:88%;overflow:hidden;display:block;margin:0px auto;font-size:24px;color:#fff;font-weight:lighter;border-bottom:1px rgba(255,255,255,0.3) solid;padding-bottom:35px;opacity:0;transform:translateY(60px)}
.hys-info{width:88%;overflow:hidden;margin:20px auto 20px;line-height:24px;font-size:16px;color:#fff;font-weight:lighter;height:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;opacity:0;transform:translateY(60px)}
.hys-btns a{ display: inline-block; padding:0 15px; line-height: 40px; border:1px solid #ddd; color: #FFF; margin-left: 6%; opacity:0;transform:translateY(60px)}
.hys-pic{width:88%;overflow:hidden;opacity:0;transform:translateY(60px);margin-top:40px;margin-right:auto;margin-bottom:0px;margin-left:auto}
.hys-pic samp{float:left;width:31.3333%;overflow:hidden;margin-right:3%}
.hys-pic samp:nth-child(3){margin-right:0}
.hys-pic samp img{width:100%;height:auto;max-height:250px}
.hys-pic samp:hover img{transform:scale(1.05)}
.hys-pic p{line-height:44px;font-size:13px;color:#fff;font-weight:lighter;text-align:center ;font-family: Arial, "Microsoft Yahei";}
.hys-right .swiper-slide-active .hys-item span{animation:updown 0.6s ease 1;animation-fill-mode:forwards}
.hys-right .swiper-slide-active .hys-info{animation:updown 0.6s ease 0.1s 1;animation-fill-mode:forwards;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hys-right .swiper-slide-active .hys-pic{animation:updown 0.6s ease 0.2s 1;animation-fill-mode:forwards}
.hys-right .swiper-slide-active .hys-item:hover span{padding-left:10px}
.hys-right .swiper-slide-active .hys-btns a{ animation:updown 0.6s ease 1;animation-fill-mode:forwards }

@media (max-width: 1660px) {
	.hys{padding:100px 0px}
	.hys-head .h3{font-size:40px}
	.hys-more{margin-top:10px}
	.hys-center{margin:20px auto 0px}
	.hys-left{width:280px}
	.hys-left .h3{font-size:40px}
	.hys-left .swiper-container{height:440px}
	.hys-left .swiper-slide{font-size:14px}
	.hys-left .swiper-slide.active{font-size:28px}
	.hys-pag{margin-top:40px}
	.hys-right{height:486px}
	.hys-item span{font-size:24px;padding-bottom:30px}
	.hys-info{margin:30px auto;font-size:14px;height:110px}
}

@media (max-width: 1440px) {
	.hys-item>a{padding-top:20px}
	.hys{padding:60px 0px}
	.hys-head .h3{font-size:30px}
	.hys-more{margin-top:0px}
	.hys-left{width:250px}
	.hys-left .h3{font-size:30px}
	.hys-left .swiper-container{height:380px}
	.hys-left .swiper-slide.active{font-size:22px}
	.hys-pag{margin-top:30px}
	.hys-right{height:420px}
	.hys-item span{font-size:20px;padding-bottom:20px}
	.hys-info{margin:20px auto;font-size:14px;height:100px}
}

@media screen and (max-width: 1000px) {
	.hys-head{width:90%}
	.hys-head .h3{font-size:24px}
	.hys-center{width:88%}
	.hys-left{width:100%}
	.hys-pag{display:none}
	.hys-left .swiper-container{height:50px;margin-top:10px}
	.hys-left .swiper-container .swiper-slide{width:auto}
	.hys-left .swiper-slide.active{font-size:14px}
	.hys-right{width:100%}
	.hys-btns a{ line-height: 30px; }
}


@media (max-width: 768px) {
	.hys{padding:30px 0px}
	.hys-head .h3{font-size:20px}
	.hys-center{width:90%}
	.hys-left{width:100%}
	.hys-left .swiper-container{margin-top:0px}
	.hys-right{height:310px; margin-top: 0;}
	.hys-item span{box-sizing:border-box;padding-right:80px;font-size:16px}
	.hys-pic samp{}
	.hys-pic{margin-top:30px}
	.hys-more{right:18px;top:15px; width: 30px; height: 30px;}
	.hys-item a{align-content:flex-start}
	.hys-item span{margin-top:18px;padding-top:15px}
	.hys-info{height:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
	.hys-pic{margin-top:13px}
	.hys-item span{margin-top:0px}
}

.info-pro{ padding:0.6rem 0; overflow: hidden; }
.info-pro-text{ margin-left: 62%; position: relative; height: 4.3rem; }
.info-pro-text h1{ border-bottom: 1px solid #666; padding-bottom: 0.2rem; margin-bottom: 0.2rem; }
.info-pro-text .desc{ line-height: 1.6; min-height: 1rem;}
.info-pro-text .btns{ position: absolute; left: 0; bottom: 0; font-size: 0.16rem;}
.info-pro-text .btns a{ color: #333; display: flex; align-items: center; }
.info-pro-text .btns i{ margin-right: 0.1rem; }

.pc-slide{float:left;width:60%; }
.view{ margin-left: 20%; }
.view .swiper-slide .img-center{width:100%;}
.view .swiper-container{width:100%; overflow: hidden;}
.preview{ position:relative; float: left; width: 17%; }
.preview .swiper-container{ padding:5px 0; }
.preview .swiper-wrapper{  height:4rem; }
.preview .swiper-slide .img-center{border:2px solid #ddd;cursor:pointer;position:relative;}
.preview .arrow-left{ display: block; background:url(../images/feel3.png) no-repeat center / 10%; width:100%; height:25px; border:1px solid #ddd; z-index:10}
.preview .arrow-right{ display: block; background:url(../images/feel4.png) no-repeat center / 10%; width:100%; height:25px; border:1px solid #ddd; z-index:10}
.preview .active-nav .img-center{border-color:#333}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1}

@media (max-width: 1000px) {
  .pc-slide{width:100%; margin-bottom: 0.3rem; }
  .info-pro-text{ margin-left: 0%; height:auto; }
  .info-pro-text .btns{ position: relative;  }
  .preview{ height: auto; }
  .preview .swiper-wrapper{ }
  .preview .swiper-slide{ height: auto!important; }
  .preview .arrow-left{height:20px;}
  .preview .arrow-right{height:20px;}
}

.tanchuang-bg{ display: none; position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index:100; }
.tanchuang{ display: none; position: fixed; left: 50%; top:50%; transform: translate(-50%,-50%); width: 5.2rem; height: 2.1rem; z-index:101; background: #FFF; padding:0.4rem; }
.tanchuang .close{ display: flex; justify-content: space-between; align-items: center; }
.tanchuang .close span{ font-size: 0.24rem; }
.tanchuang .close i{ cursor: pointer; }
.tanchuang .close i img{ width: 0.2rem; }

.info-body-menu{ display: flex; height: 0.6rem; border: 1px solid #ddd; border-bottom: none; align-items: center; padding:0 0.3rem; }
.info-body-menu li{ margin-right: 0.3rem; }
.info-body-menu li a{ display: block; line-height: 0.6rem; font-size: 0.14rem; color: #333; }
.info-body-menu li.active a{ border-bottom: 1px solid #333;   }
.info-body-con{ border: 1px solid #ddd; overflow: hidden;  }
.info-body-con .con{ padding:0.3rem; display: none; line-height: 1.6;}
.info-body-con .con.active{ display: block; }

.xgnr{ margin-top: 0.4rem; }
.xgnr .tits{ font-size: 0.24rem; margin-bottom: 0.3rem; }
.xgnr ul{ display: grid; grid-template-columns: repeat(4,1fr); gap:0.2rem; }
.xgnr li{ background: #FFF; border:1px solid #ddd; }
.xgnr li .pic img{ width: 100%; }
.xgnr li .text{ padding:0.15rem; }
.xgnr li .text h2{ font-size: 0.18rem; color: #333; }
.xgnr li .text p{ font-size: 0.16rem; line-height: 1.6; color: #666;}

@media (max-width: 1000px) {
	.xgnr ul{ grid-template-columns: repeat(2,1fr); }
}

.pagebar{overflow:hidden;clear:both; padding-bottom:15px;}
.pagebar .pagination{display:flex;justify-content:center;}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:12px;padding:8px 10px;margin:0 2px;border-radius:3px;line-height:100%}
.pagination span{color:#333;font-size:12px;padding:7px 2px;margin:0 2px;border-radius:3px}
.pagination a:hover{color:#333;border:1px solid #333}
.pagination a.page-num-current{color:#fff;background:#333;border:1px solid #333}
.pagination .st{font-family:宋体}
.text-secondary{text-align:center;padding:20px 0}