@font-face{
    font-family:'HarmonyOS-Bold';
    src:url('../font/Mulish-Regular.ttf'),url('../font/Mulish-Regular.ttf');
}
@font-face{
    font-family:'HarmonyOS-Light';
    src:url('../font/Mulish-Regular.ttf'),url('../font/Mulish-Regular.ttf');
}
@font-face{
    font-family:'HarmonyOS-Medium';
    src:url('../font/Mulish-Regular.ttf'),url('../font/Mulish-Regular.ttf');
}
@font-face{
    font-family:'HarmonyOS-Regular';
    src:url('../font/Mulish-Regular.ttf'),url('../font/Mulish-Regular.ttf');
}

body{ overflow:hidden; font-family:'HarmonyOS-Regular';}



/* 头部 */
.header{ position:fixed; width:100%; z-index:10; transition:all .5s; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.05);}
.header .logo_box{  margin-right:.7rem;}
.header .logo_box img{ }
.header .nav-box li{ margin-right:.2rem; font-size:.15rem;}
.header .nav-box li a{ display:-webkit-flex; display:flex; align-items:center; min-height:5em;}
.header .nav-box li a:hover,
.header .nav-box li.on a{ color:#0061d8;}
.header .nav-box li:last-child{ margin-right:0;}
.header .hotline{ font-size:.2rem; margin-right:.1rem;}
.header .hotline a{ color:#0061d8; font-family:'HarmonyOS-Medium';}
.header .share-top .oi{ display:-webkit-flex; display:flex; align-items:center; min-height:5em; cursor:pointer; margin-left:.1rem; z-index:1;}
.header .share-top .oi .icon{ width:.4rem; height:.4rem; border:solid 1px #333333; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:.24rem;}
.header .share-top .oi .wb{ background-image:url(../image/top-icon1.svg);}
.header .share-top .oi .dy{ background-image:url(../image/top-icon2.svg);}
.header .share-top .oi .xhs{ background-image:url(../image/top-icon3.svg);}
.header .share-top .oi .wx{ background-image:url(../image/top-icon4.svg);}
.header .share-top .oi .code-img{ text-align:center; position: absolute; top:100%; left:50%;  opacity:0; transition:all .2s ease-in-out; z-index:1; font-size:.12rem; transform:translate(-50%);}
.header .share-top .oi .code-img p{ min-width:100%; text-align:center; padding:0 5px; margin:0; width:max-content; font-family:'HarmonyOS-Medium';}
.header .share-top .oi .code-img img{ width:.8rem; max-width:.8rem;}
.header .share-top .oi .code-img .round{background-color:#fff; padding:5px 0; border-radius:8px; border:1px solid #000; overflow:hidden;}
.header .share-top .oi .code-img:before{ content:""; display:block; position:absolute; width:1px; height:.3rem; background:#000; top:0; left:50%; -webkit-transform:translate3d(-50%,-100%,0); transform:translate3d(-50%,-100%,0);}
.header .share-top .oi:hover{ z-index:3;}
.header .share-top .oi:hover .code-img{ z-index:3; top:calc(100% + .1rem); opacity:1;}

.header .icon-menu{ margin-left:1em; display:none; cursor:pointer; width:25px; height:30px; border-radius:50%; position: relative; z-index:10;}
.header .icon-menu span{ display: block; position: relative; margin: 0 auto;}
.header .icon-menu span i{ height:2px; width:60%; background:#333; display:block; margin:6px auto; transition: all .5s;}
.header .icon-menu i{ -webkit-transition: all .4s ease-out; transition: all .4s ease-out; display:inline-block; height:2px; background:#333; margin:3px 2.5px; border-radius:5px;}
.header .icon-menu i:nth-of-type(1),
.header .icon-menu i:nth-of-type(3) {width:25px;}
.header .icon-menu i:nth-of-type(2) {width:25px;}

.pro_ul li{list-style: none; display: inline-block; margin:0 20px;}

@media(max-width:1024px){
.header .logo_box{ padding:.15rem 0;}
.header .logo_box img{ max-width:1.57rem;}
.header .hotline{ font-size:.18rem;}
.header .share-top .oi .code-img{ display:none;}
.header .share-top .oi .icon{ width:.35rem; height:.35rem; background-size:.2rem;}
.header .share-top .oi .code-img img{ max-width:.8rem;}
.header .share-top .oi:hover .code-img{ display:block; top:calc(100% + .08rem);}
.header .top-other{ background:#fff; position:relative; z-index:5;}
.header .nav-box{ position:fixed; width: 50%; top:0; right:-150%; z-index:5; background:#fff; height:100vh; padding-top:.8rem; box-shadow:0 0 10px rgba(0,0,0,.1); transition:all .5s;}
.header .nav-box li{ margin:.5em 0; width:100%; margin-right:0; text-align:center;}
.header .nav-box li a{ justify-content:center; min-height:0;}
.header .nav-box.active{ right:0;}
.header .icon-menu{ display:flex; align-items:center; height:100%;}
.header .icon-menu.active i:nth-of-type(1){ transform: rotate(45deg) translate(6px,6px);}
.header .icon-menu.active i:nth-of-type(2){ opacity: 0; }
.header .icon-menu.active i:nth-of-type(3){ transform: rotate(-45deg) translate(5px,-5px);}
}
@media(max-width:768px){
.header .hotline{ font-size:.22rem;}
.header .share-top .oi{min-height:4em;}
.header .share-top .oi .code-img{ font-size:.14rem;}
.header .share-top .oi .code-img{ top:85%;}
.header .share-top .oi:hover .code-img{ top:100%;}
.header .nav-box{ padding-top:.95rem;}
.header .nav-box li{ font-size:.24rem;}

.pro_ul li{list-style: none; display: inline-block;  width: 49%;text-align: center; margin:0px 0 5px 0 ;}
}
@media(max-width:640px){
.header .share-top{ display:none;}
.header .hotline{ font-size:.2rem;}
.header .top-other{ width:80%; justify-content:flex-end;}
.header .logo_box{ padding:.25rem 0;}
.header .nav-box{ padding-top:1rem;}
.header .nav-box li{ font-size:.28rem;}
}


/* 底部 */
.footer{ z-index:9;}
.footer,
.footer a{ color:#fff;}
.footer .center{ margin-left:-.13rem; width:2.13rem;}
.footer .footer-one{ position:relative;}
.footer .footer-one .auto-inner{  background-repeat:no-repeat; background-position:center; padding:.5rem 0 .42rem; background-size:contain; position:relative; z-index:5;}
.footer .footer-one::after,
.footer .footer-one::before{ background:#0061d8; content:''; display:block; position:absolute; top:0; width:55%; height:100%;}
.footer .footer-one::before{ left:0; border-radius:0 2rem 0 0;}
.footer .footer-one::after{ right:0; border-radius:2rem 0 0 0;}
.footer .footer-code .txt{ margin-top:.2rem;}
.footer .footer-code .wz{ color:#fff;}
.footer .footer-code .icon{ margin-right:.1rem; position:relative; width:.2rem; height:.2rem; background:#fff; border-radius:100%;}
.footer .footer-code .icon::after{ content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center;}
.footer .footer-code .icon.dy::after{ background-size:.1rem; background-image:url(../image/footer-icon1.svg);}
.footer .footer-code .icon.xhs::after{ background-size:.13rem; background-image:url(../image/footer-icon2.svg);}
.footer .footer-code .icon.wx::after{ background-size:.11rem; background-image:url(../image/footer-icon3.svg);}
.footer .footer-code .item{ margin-right:.5rem;}
.footer .footer-code .item .pic{ text-align:center;}
.footer .footer-code .item .pic img{ width:1.01rem;}
.footer .footer-code .item:last-child{ margin-right:0;}
.footer .footer-des{ text-align:right; max-width:3.6rem;}
.footer .footer-des a{ display:inline-block;}
.footer .footer-des .tel{ margin-bottom:.3rem; font-size:.26rem; font-family:'HarmonyOS-Medium';}
.footer .footer-des .tel .icon{ margin-right:.15rem; width:.33rem; height:.33rem; 
/*    background:url(../image/footer-tel.svg);*/
     border-radius:100%; background-size:contain;}
.footer .footer-des .copyright{ line-height:1.8; font-family:'HarmonyOS-Light';}
.footer .footer-icon img{ width:2.34rem;}
.footer .footer-two{ background:#0061d8; padding-bottom:1.05rem;}
@media(max-width:1024px){
.footer .footer-one::after,
.footer .footer-one::before{ width:60%;}
}
@media(max-width:768px){
.footer .footer-code{ font-size:.18rem;}
.footer .footer-code .item{ margin-right:.5rem;}
.footer .footer-code .icon{ width:.35rem; height:.35rem;}
.footer .footer-code .icon.dy::after{ background-size:.18rem;}
.footer .footer-code .icon.xhs::after{ background-size:.24rem;}
.footer .footer-code .icon.wx::after{ background-size:.2rem;}
.footer .footer-two{ flex-wrap:wrap; padding-bottom:.5rem;}
.footer .footer-des{ font-size:.2rem; margin-top:.3rem; max-width:100%; width:100%;}
.footer .footer-des .tel{ margin-bottom:.1rem;}
}
@media(max-width:640px){
.footer .footer-code{ margin-bottom:.2rem; width:100%; justify-content:center;}
.footer .footer-code .item{ margin-right:.5rem;}
.footer .footer-code .item .pic img{ width:1.4rem;}
.footer .footer-code .icon{ width:.5rem; height:.5rem;}
.footer .footer-code .icon.dy::after{ background-size:.2rem;}
.footer .footer-code .icon.xhs::after{ background-size:.3rem;}
.footer .footer-code .icon.wx::after{ background-size:.25rem;}
.footer .footer-one::before{border-radius: 0 1.5rem 0 0;}
.footer .footer-one::after{border-radius: 1.5rem 0 0 0;}
.footer .footer-icon{ margin:.4rem 0;}

.footer .footer-two{ padding-bottom:.7rem;}
.footer .footer-two .auto-inner{ justify-content:center; flex-wrap:wrap;}
.footer .footer-des{ width:100%; max-width:100%;}
.footer .footer-des .tel{ margin-bottom:.1rem; justify-content:center;}
.footer .footer-des .copyright{ text-align:center;}
}










/* banner */
.index-ban img{ width:100%;}

/* 首页 */
.index-tit{ margin-bottom:.5rem; font-size:.46rem; text-align:center;}
.index-tit .tit-wz{ font-size:.46rem; font-family:'HarmonyOS-Medium';}
.index-tit .tit-des{ font-size:.18rem; font-family:'HarmonyOS-Light';}

.index-one{ padding:1.3rem 0; background:#f3f8ff;}
.index-one::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../image/index-bg2.png); border-radius:0px 0px 2.2rem 2.2rem; background-size:cover; background-repeat:no-repeat;}
.index-one .auto-inner{ position:relative; z-index:3;}
.index-one .text{ width:45%;}
.index-one .text .tit-cn{ margin-bottom:.2rem; font-size:.46rem; color:#0061d8;}
.index-one .text .title{ margin-bottom:.2rem; line-height:1.2; font-size:.30rem; color:#333333;}
.index-one .text .des{ line-height:1.7; margin-bottom:.7rem; font-size:.18rem; color:#1f222a;}
.index-one .text .more a{ font-family:'HarmonyOS-Medium'; font-size:.18rem; color:#fff; background-color:#0061d8; border-radius:30px; padding:.15rem .3rem; transition:all .5s;}
.index-one .text .more a i{ margin-left:.1rem; width:.4rem; height:.13rem; background-image:url(../image/arrow-icon2.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
.index-one .text .more a:hover{ box-shadow:0 0 10px rgba(0,0,0,.2); transform:translateY(-20%);}
.index-one .roll{ text-align:center; position:absolute;}
.index-one .roll .roll-sz{ margin-bottom:.1rem;}
.index-one .roll .roll-sz .counter{ line-height:.9; font-size:.6rem; color:#0061d8; font-family:'HarmonyOS-Bold';}
.index-one .roll .wz{ font-size:.16rem;}
.index-one .roll .line{ position:absolute; left:-48%; top:-11%; width:2.96rem; height:1.05rem; background-image:url(../image/index-bg1.png); background-repeat:no-repeat; background-size:contain;}
.index-one .roll i{ font-style:normal; font-family:'HarmonyOS-Bold'; color:#0061d8;}
.index-one .roll:nth-child(1){ top:.3rem; left:1rem;}
.index-one .roll:nth-child(2){ top:30%; left:-1.3rem;}
.index-one .roll:nth-child(3){ top:65%; left:-2.3rem;}
.index-one .pic{ padding-top:1.6rem; width:4.9rem;}

.index-two{ background:#fff;}
.index-two::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../image/index-bg3.png); border-radius:0px 0px 2.2rem 2.2rem;}
.index-two .auto-inner{ position:relative; z-index:3; padding:1rem 0 2rem;}
.index-two .swiper{ overflow:inherit;}
.index-two .swiper-slide{ text-align:center; opacity:0; transition:all .5s;}
.index-two .swiper-slide img:first-child{ border-radius:20px;}
.index-two .swiper-slide img:last-child{position:absolute; bottom:-1.8rem; right:-.55rem; opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:all .6s cubic-bezier(.24,.82,.7,.98); width:3.23rem;}
.index-two .swiper-slide-prev{ opacity:1;}
.index-two .swiper-slide-active{ opacity:1;}
.index-two .swiper-slide-active img:first-child{ box-shadow:0px 15px 45px 0px rgba(0, 97, 216, 0.21);}
.index-two .swiper-slide-next{ opacity:1;}
.index-two .swiper-slide.swiper-slide-active img:last-child { opacity:1; -webkit-transform: scale(1); transform: scale(1); transition: all .6s cubic-bezier(.24,.82,.7,.98);}
.index-two .swiper-but{ width:.6rem; height:.6rem;}
.index-two .swiper-but::after{ font-size:0; width:.57rem; height:.13rem; background-image:url(../image/arrow-icon2.png); position:relative; z-index:2; background-size:contain; background-repeat:no-repeat;}
.index-two .swiper-but::before{ position:absolute; background-color: #0061d8; content:''; display:block; width:.4rem; height:.4rem; border-radius:100%;}
.index-two .swiper-button-prev::before{ right:-.12rem;}
.index-two .swiper-button-next::before{ right:-.12rem;}
.index-two .swiper-button-prev{ left:-.8rem; transform:rotate(-180deg);}
.index-two .swiper-button-next{ right:-.8rem; }

.index-three{ padding:1rem 0 1.5rem; background:#f3f8ff;}
.index-three::after{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#fff;border-radius: 0px 0px 220px 220px; z-index:1;}
.index-three .index-tit{ position:relative; z-index:2; margin-bottom:0;}
.index-three .switc-box{ position:relative; z-index:2;}
.index-three .swiper-slide{ padding:.5rem 0; width:auto;margin-left: 0.1rem;}
.index-three .swiper-slide .item .text{ font-size:.3rem; display:none; font-family:'HarmonyOS-Medium';}
.index-three .swiper-slide .item::after{ position:absolute; right:-.7rem; top:.85rem; content:''; display:block; width:2.68rem; height:2.71rem; background-image:url(../image/index-bg4.png); opacity:0;}
.index-three .swiper-slide .item .pic{ position:relative;overflow: hidden;transition: all 0.3s}
.index-three .swiper-slide .item .pic img{ width:6.65rem; position:relative; z-index:3; border-radius:20px; overflow: hidden;transition: 0.8s ease;}
.index-three .swiper-slide .item .pic::after{ position:absolute; right:-.45rem; bottom:-.5rem; content:''; display:block; background-image:url(../image/index-bg5.png); width:2.58rem; height:2.14rem; z-index:1; opacity:0; background-size:contain;}
.index-three .swiper-slide.swiper-slide-active .item .pic{transform: scale(1.1);box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:.2rem}
.index-three .swiper-slide-prev .item{ justify-content:end;}
.index-three .swiper-slide.swiper-slide-active .item:hover .pic img{transform: scale(1.05);}
.index-three .swiper-slide-active .item{ display:flex; align-items:center; justify-content:space-between;}
.index-three .swiper-slide-active .item::after{ opacity:1;}
.index-three .swiper-slide-active .item .text{ display:block;position: relative;}
.index-three .swiper-slide-active .item .pic::after{ opacity:1;}

.index-three .swiper-but{ top:auto; left:auto; bottom:.6rem; width:.6rem; height:.45rem;}
.index-three .swiper-but::after{ font-size:0; width:.57rem; height:.13rem; background-image:url(../image/arrow-icon1.png); position:relative; z-index:2; background-size:contain; background-repeat:no-repeat; transition:all .5s;}
.index-three .swiper-but::before{ position:absolute; background-color:#f3f8ff; content:''; display:block; width:.4rem; height:.4rem; border-radius:100%; transition:all .5s;}
.index-three .swiper-button-prev::before{ right:-.12rem;}
.index-three .swiper-button-next::before{ right:-.12rem;}
.index-three .swiper-button-prev{ right:28%; transform:rotate(-180deg);}
.index-three .swiper-button-next{ right:24%; }
.index-three .swiper-but:hover::after{ background-image:url(../image/arrow-icon3.png);}
.index-three .swiper-but:hover::before{ background-color:#0061d8;}
.index-three .swiper .swiper-pagination{ line-height:1; font-size:.36rem; width:auto; position:absolute; top:.5rem; left:auto; right:23%; color:#0061d8; font-family:'HarmonyOS-Light'; text-align:right;}
.index-three .swiper .swiper-pagination .swiper-pagination-current{ margin-bottom:.1rem; font-family:'HarmonyOS-Medium'; font-size:.8rem; padding-right:0;}
.index-three .swiper .swiper-pagination .swiper-pagination-total{ margin-top:.1rem; font-family:'HarmonyOS-Medium'; font-size:.2rem; color:#404040;}
.index-three .swiper .swiper-pagination span{ padding-right:.5em; display:block;}
.index-three .swiper .swiper-pagination i{ padding-right:.5em; font-style:normal; display:inline-block; transform:rotate(15deg);}

.index-four{ padding:1.2rem 0 0; background:#fff;}
.index-four::after{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#f3f8ff;border-radius: 0px 0px 220px 220px; z-index:1;}
.index-four .auto-inner{ position:relative; z-index:3;}
.index-four .step-line{ background-repeat:no-repeat; background-position:bottom center; background-image:url(../image/line.png); margin-bottom:.25rem;}
.index-four .step-line .item{ cursor:pointer; position:relative; width:2.2rem; text-align:center; margin-right:1.05rem;}
.index-four .step-line .item .icon{ margin-bottom:.25rem;}
.index-four .step-line .item .icon .center{ width:.72rem; background:#fff; border-radius:100%; box-shadow: 0px 6px 27px 0px rgba(150, 187, 233, 0.2);}
.index-four .step-line .item .icon .inter{ position:absolute; left:0; top:0; opacity:0;}
.index-four .step-line .item .wz{ margin-bottom:.1rem; font-size:.24rem;}
.index-four .step-line .item .line{ margin:0 auto; width:.2rem; background:url(../image/pot-icon1.png) no-repeat bottom center; padding-bottom:.2rem; background-size:contain;}
.index-four .step-line .item .line i{ background:#00d150; width:.04rem; height:.04rem; display:block; margin:.085rem .2em; border-radius:100%;}
.index-four .step-line .item .line i:first-child{ width:.08rem; height:.08rem;}
.index-four .step-line .item .more{ position:absolute; left:0; bottom:-0.25rem; width:100%; opacity:0;}
.index-four .step-line .item .more a{ color:#fff; background:#0061d8; line-height:3.5; width:100%; border-radius: 30px;}
.index-four .step-line .item .more a::after{ content:''; display:block; margin-left:.1rem; width:.4rem; height:.13rem; background-image:url(../image/arrow-icon2.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
.index-four .step-line .item:first-child{ width:auto; margin-bottom:-.08rem;}
.index-four .step-line .item:last-child .line i:nth-child(2){ margin:.033rem .2em;}
.index-four .step-line .item:last-child .line i:last-child{ display:none;}
.index-four .step-line .item:last-child .more{ bottom:.05rem;}
.index-four .step-line .item:hover .icon .center{ background:#0061d8;}
.index-four .step-line .item:hover .icon .moren{ opacity:0;}
.index-four .step-line .item:hover .icon .inter{ opacity:1;}
.index-four .step-line .item:hover .more{ opacity:1;}

.index-five{ padding:1.25rem 0 1.5rem; background:#0061d8; position:relative; z-index:3;}
.index-five::after{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#fff;border-radius: 0px 0px 220px 220px; z-index:1;}
.index-five .auto-inner{ position:relative; z-index:3;}
.index-five .one-tit{ margin-bottom:.5rem;}
.index-five .one-tit .index-tit{ text-align:left; margin-bottom:0;}
.index-five .one-tit .swiper-but{ position:relative; margin:0; width:.6rem; height:.45rem;}
.index-five .one-tit .swiper-but::after{ font-size:0; width:.57rem; height:.13rem; background-image:url(../image/arrow-icon1.png); position:relative; z-index:2; background-size:contain; background-repeat:no-repeat; transition:all .5s;}
.index-five .one-tit .swiper-but::before{ position:absolute; background-color:#f3f8ff; content:''; display:block; width:.4rem; height:.4rem; border-radius:100%; transition:all .5s;}
.index-five .one-tit .swiper-button-prev::before{ right:-.12rem;}
.index-five .one-tit .swiper-button-next::before{ right:-.12rem;}
.index-five .one-tit .swiper-button-prev{ transform:rotate(-180deg);}
.index-five .one-tit .swiper-button-next{ margin-left:.4rem;}
.index-five .one-tit .swiper-but:hover::after{ background-image:url(../image/arrow-icon2.png);}
.index-five .one-tit .swiper-but:hover::before{ background-color:#0061d8;}
.index-five .switc-box{ position:relative; z-index:3;}
.index-five .switc-box .swiper{ padding:.3rem 0;}
.index-five .switc-box .swiper-slide .item{ position:relative; background:#fff; padding:.35rem .45rem; box-shadow: 0px 6px 27px 0px rgba(150, 187, 233, 0.2); border-radius:130px; z-index:3;}
.index-five .switc-box .swiper-slide::after{ position:absolute; right:-.2rem; bottom:-.22rem; width:100%; height:100%; content:''; display:block; background-image:url(../image/pot-bg.png); border-radius:130px; z-index:1; opacity:0; background-size:contain;}
.index-five .switc-box .swiper-slide .pic{ width:1.8rem; border-radius:100%; overflow:hidden; border:solid 2px #00d150;}
.index-five .switc-box .swiper-slide .pic figure{ padding-bottom:100%; background-size:cover;}
.index-five .switc-box .swiper-slide .text{ width:calc(100% - 1.9rem); padding-left:.35rem;}
.index-five .switc-box .swiper-slide .text .year{ font-size:.2rem; color:#333;}
.index-five .switc-box .swiper-slide .text .tiem{ font-size:.28rem; color:#0061d8; font-family:'HarmonyOS-Bold';}
.index-five .switc-box .swiper-slide .text .tit{ margin:.15rem 0; font-size:.2rem; color:#222222;}
.index-five .switc-box .swiper-slide .more{ font-size:.18rem; color:#999999;}
.index-five .switc-box .swiper-slide .more i{ content:''; display:block; margin-left:.1rem; width:.4rem; height:.13rem; background-image:url(../image/arrow-icon2.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
.index-five .switc-box .swiper-slide-active::after,
.index-five .switc-box .swiper-slide-next::after{ opacity:1;}

.index_modalMask{display: none; font-size:.18rem; position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden;background:rgba(0,0,0,.7);z-index:11;}
.index_modalMask .index_statement{display: block;width:1150px;position: relative;background-color: #fff;border-radius: 6px;overflow: hidden;padding:.7rem;}
.index_modalMask .center{ height:100%;}
.index_modalMask .des{ line-height:1.8; max-height:60vh; overflow:auto;}
.index_modalMask .des p{ margin:0;}
.index_modalMask .ul{ line-height:2; font-family:'HarmonyOS-Medium';}
.index_modalMask .ul li{ padding-left:1em; position:relative;}
.index_modalMask .ul li i{ position:absolute; left:0; top:.8em; background:#0061d8; width:5px; height:5px; display:block; border-radius:100%;}
.index_modalMask .index_mark_MySAk{font-family:'HarmonyOS-Light'; text-align:right;}
.index_modalMask .logo{ margin-bottom:.1rem; text-align:center;}
.index_modalMask .logo img{ max-width:1.3rem;}
.index_modalMask .title{ margin-bottom:.3rem; font-size:.36rem; text-align:center; font-family:'HarmonyOS-Medium';}
.index_modalMask .close{display: flex;align-items: center;justify-content: center;position:absolute; right:.2rem; top:.2rem; cursor:pointer; width:.3rem; height:.3rem; /* background-repeat:no-repeat; background-position:center; background-image:url('../images/close.png'); */}
.index_modalMask .close img{width: .15rem;height: .13rem;}

@media(max-width:1440px){
.index_modalMask .index_statement{ width:100%; max-width:85%; padding:.4rem;}
.index_modalMask .title{ margin-bottom:.2rem; font-size:.3rem;}
.index_modalMask .des{ line-height:1.5; max-height: 55vh;}
}
@media(max-width:1280px){
.index-three .swiper-slide .item .text{ font-size:.3rem;}
}
@media(max-width:1024px){
.index-one{ padding:.8rem 0;}
.index-one::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.index-one .pic{ padding-top:1.2rem; width:2.5rem;}
.index-one .roll .roll-sz .counter{ font-size:.33rem;}
.index-one .roll .line{ width:200%; height:.8rem;}
.index-one .roll:nth-child(1){ left:.2rem;}
.index-one .roll:nth-child(2){ left:-1rem;}
.index-one .roll:nth-child(3){ top:50%; left:-1.5rem;}
.index-one .ri-shell{ align-items:flex-start;}
.index-one .text{ width:52%;}
.index-one .text .des{ font-size:.16rem; margin-bottom:.3rem;}
.index-one .text .title{ margin-bottom:.2rem; line-height:1.4; font-size:.34rem;}
.index-one .text .more a{ font-size:.16rem;}
.index-one .text .tit-cn{ margin-bottom:.35rem;}
.index-two .auto-inner{ padding:.5rem 0 1.5rem;}
.index-two::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.index-two .swiper-slide img:last-child{ bottom:-1.2rem; width:2rem;}
.index-two .swiper-button-prev{ left:0;}
.index-two .swiper-button-next{ right:0;}
.index-three{ padding:.5rem 0 .8rem;}
.index-three::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.index-three .swiper-slide .item .text{ font-size:.24rem;}
.index-three .swiper-slide .item .pic img{ width:5rem;}
.index-three .swiper-button-next{ right:15%;}
.index-three .swiper-button-prev{ right:22%;}
.index-three .swiper .swiper-pagination{ right:15%;}
.index-three .swiper .swiper-pagination .swiper-pagination-current{ font-size:.5rem;}
.index-four{ padding:.5rem 0 1rem;}
.index-four::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.index-four .step-line .item{ width:1.8rem; margin-right:auto;}
.index-four .step-line .item .icon{ margin-bottom:.2rem;}
.index-four .step-line .item .wz{ font-size:.22rem;}
.index-five{ padding:.8rem 0;}
.index-five::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.index-five .one-tit{ margin-bottom:.2rem;}
.index-five .switc-box .swiper-slide .item{ padding:.2rem .35rem;}
.index-five .switc-box .swiper-slide .pic{ width:1.5rem;}
.index-five .switc-box .swiper-slide .text{ width:calc(100% - 1.6rem); padding-left:.2rem;}
.index-five .switc-box .swiper-slide .text .tiem{ font-size:.22rem;}
.index-five .switc-box .swiper-slide .text .year{ font-size:.18rem;}
.index-five .switc-box .swiper-slide .text .tit{ margin:.1rem 0; font-size:.16rem;}
.index-five .switc-box .swiper-slide .more{ font-size:.16rem;}
.index-five .switc-box .swiper-slide::after{ right:-.15rem; bottom:-.15rem;}
.index_modalMask{ font-size:.16rem;}
.index_modalMask .des{ line-height:1.7;}
.index_modalMask .title{ margin:.1rem 0; font-size:.26rem;}
}
@media(max-width:768px){
.index-four .step-line .item{ font-size:.2rem;}
.index-four .step-line .item .more a{ line-height:3;}
.index-four .step-line .item:last-child .line i:nth-child(2){ margin:.085rem .2em;}
.index-four .step-line .item:last-child .line i:last-child{ display:block;}
.index-one .roll:nth-child(2){ top:22%;}
.index_modalMask{ font-size:.18rem;}
}
@media(max-width:640px){
.index-tit .tit-des{ font-size:.24rem;}
.index-one .auto-inner{ flex-wrap:wrap;}
.index-one .text{ width:100%;}
.index-one .text .des{ font-size:.24rem;}
.index-one .pic{ padding-top:0; width:3rem;}
.index-one .ri-shell{ margin-top:.35rem;}
.index-one .roll-box{ width:100%; display:-webkit-box; display:flex; align-items:center;}
.index-one .roll{ position:relative; left:auto!important; top:auto!important; margin-left:.4rem;}
.index-one .roll:nth-child(2){ margin-left:.6rem;}
.index-one .roll .wz{ font-size:.22rem;}
.index-two .swiper-slide img:last-child{ left:-.3rem; width:1rem; bottom:-.5rem;}
.index-two .auto-inner{ padding-bottom:1rem;}
.index-two .swiper-button-next{ top:60%}
.index-two .swiper-button-prev{ top:60%}
.index-three{ padding:.5rem .2rem;}
.index-three .swiper-slide .item .pic img{ width:4rem;}
.index-three .swiper-slide .item .text{ font-size:.3rem;}
.index-three .swiper .swiper-pagination{ font-size:.2rem;}
.index-three .swiper .swiper-pagination .swiper-pagination-current{ font-size:.4rem;}
.index-three .swiper-button-prev{ right:18%;}
.index-three .swiper-button-next{ right:5%;}

.index-four{ padding:.8rem 0;}
.index-four .step-line .item .more a{ line-height:2.5;}
.index-four .step-line .item:first-child{ margin-bottom:-0.03rem; width:1rem;}
.index-five{ padding:.8rem 0;}
.index-five .switc-box .swiper-slide .more{ font-size:.18rem;}
.index-five .switc-box .swiper-slide .text .year,
.index-five .switc-box .swiper-slide .text .tit{ font-size:.22rem;}
.index-five .one-tit .swiper-button-next{ margin-left:.6rem;}

.index_modalMask{ font-size:.22rem;}
.index_modalMask .index_statement{ max-width:90%;}
.index_modalMask .title{ font-size:.3rem;}
.index_modalMask .des{ max-height:75vh;}
}



/* 内页 */
.Inside-ban{ position:relative; z-index:8;}
.Inside-ban img{ width:100%;}

/* 品牌历程 */
.brand-one{ padding-bottom:1rem; color:#fff; margin-top:-1.5rem; z-index:3;}
.brand-one::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; border-radius:0px 0px 2.2rem 2.2rem; background-size:cover; background-repeat:no-repeat;}
.brand-one .tit-box{ margin-bottom:.3rem; text-align:center;}
.brand-one .tit-cn{ font-size:.46rem; font-family:'HarmonyOS-Medium';}
.brand-one .des{ line-height:1.8; margin-bottom:.5rem; font-size:.2rem;font-family:'HarmonyOS-Light';}
.brand-one .brand-bg{ position:relative; z-index:2; padding:2.6rem 1.4rem .8rem; border-radius:50px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.brand-one .auto-inner::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:.3rem; top:.3rem; background:#00d150; border-radius:50px; z-index:1; opacity:.2;}
.brand-one .center{ border-radius:20px; overflow: hidden;}
.brand-one .center .pic-img img{ width:100%;}
.brand-one .center .play-icon{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left:-.3rem; margin-top:-.3rem; width:.6rem; height:.6rem; background-image:url(../image/play-icon.png); border-radius:100%; overflow:hidden; background-size:contain; background-repeat:no-repeat; background-position:center;}
.brand-one .center video{ background:#000; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; display:none;}
.brand-one .swiper-aniu{ margin-top:.6rem;}
.brand-one .swiper-but{ outline:none; position:relative; left:auto; right:auto; margin:0 .1rem; width:.6rem; height:.6rem; opacity:1;}
.brand-one .swiper-but::after{ font-size:0; width:.57rem; height:.13rem; background-image:url(../image/arrow-icon4.png); position:relative; z-index:2; background-size:contain; background-repeat:no-repeat;}
.brand-one .swiper-but::before{ position:absolute; background-color:rgba(243,248,255,.3); content:''; display:block; width:.4rem; height:.4rem; border-radius:100%;}
.brand-one .swiper-button-prev::before{ left:-.12rem;}
.brand-one .swiper-button-next::before{ right:-.12rem;}
.brand-one .swiper-button-next::after{ transform:rotate(-180deg);}
.brand-one .swiper-but:hover::after{ background-image:url(../image/arrow-icon5.png);}
.brand-one .swiper-but:hover::before{ background-color:#f3f8ff;}
.brand-one::before{ position:absolute; bottom:-.31rem; left:50%; margin-left:-.75rem; content:''; display:block; width:1.41rem; height:.32rem; background-image:url(../image/footer-arrow.png); background-size:contain; background-repeat:no-repeat;}

.brand-two{ background:#0061d8; margin-top:-2.75rem; padding:3.75rem 0 1.5rem; z-index:1;}
.brand-two::before{ position:absolute; bottom:-1rem; left:50%; margin-left:-2rem; content:''; display:block; width:4rem; height:4rem; background:#e0e9f5;}
.brand-two::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#e0e9f5 url(../image/brand-bg1.png); border-radius:0px 0px 2.2rem 2.2rem; background-size:cover; background-repeat:no-repeat; background-position:bottom center;}
.brand-two .tit-box{ margin-bottom:.3rem; text-align:center; position:relative; z-index:5;}
.brand-two .tit-cn{ font-size:.46rem; font-family:'HarmonyOS-Medium';}
.brand-two .tit-en{ font-size:.2rem; font-family:'HarmonyOS-Light';}
.brand-two .des{ line-height:1.8; margin-bottom:.5rem; font-size:.2rem;font-family:'HarmonyOS-Light';}
.brand-two .auto-inner{ z-index:3;}
.brand-two #gallery{ margin-bottom:.6rem;}
.brand-two #gallery .year{ font-size:.36rem; color:#0061d8;}
.brand-two #thumbs{ position:relative; z-index:10;}
.brand-two #thumbs .swiper-slide{ padding:.5rem 0 0;}
.brand-two #thumbs .center{ cursor: pointer;}
.brand-two #thumbs .year{ position:relative; text-align:center; font-size:.2rem; color:#333333;}
.brand-two #thumbs .pot{ position:absolute; left:50%; bottom:100%; margin-left:-.065rem; display:block; width:.13rem; height:.13rem; background-color: #aacaf3; border-radius:100%;}
.brand-two #thumbs .txt{ width:100%; margin-top:.25rem;}
.brand-two #thumbs .swiper-slide-thumb-active .pot{ margin-left:-.35rem; background-color:transparent; border-radius:inherit; width:.71rem; height:.48rem; background-image:url(../image/history-icon.png); background-size:contain;}
.brand-two .line{ position:absolute; left:0; bottom:2.1rem; width:100vw; height:1px; background:#aacaf3; z-index:5;}
.brand-two .swiper-but{ top:85%; outline:none; width:.6rem; height:.6rem; opacity:1;}
.brand-two .swiper-but::after{ font-size:0; width:.57rem; height:.13rem; background-image:url(../image/arrow-icon1.png); position:relative; z-index:2; background-size:contain; background-repeat:no-repeat;}
.brand-two .swiper-but::before{ position:absolute; background-color:#f3f8ff; content:''; display:block; width:.4rem; height:.4rem; border-radius:100%; box-shadow:0 0 .2rem rgba(0,0,0,.1);}
.brand-two .swiper-button-prev{ left:-1rem;}
.brand-two .swiper-button-next{ right:-1rem;}
.brand-two .swiper-button-prev::before{ left:-.12rem;}
.brand-two .swiper-button-next::before{ right:-.12rem;}
.brand-two .swiper-button-prev::after{ transform:rotate(-180deg);}
.brand-two .swiper-but:hover::after{ background-image:url(../image/arrow-icon2.png);}
.brand-two .swiper-but:hover::before{ background-color:#0061d8;}
@media(max-width:1440px){
.brand-one{ padding-bottom:.8rem;}
.brand-one::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.brand-one .auto-inner::after{ left:.1rem; top:.1rem;}
.brand-two::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.brand-two .swiper-button-prev{ left:-.8rem;}
.brand-two .swiper-button-next{ right:-.8rem;}
}
@media(max-width:640px){
.brand-one .brand-bg{ padding:2.6rem .4rem .8rem;}
.brand-one .des{ font-size:.24rem;}
.brand-two .des{ font-size:.24rem;}
.brand-two #gallery .year{ padding:0 1rem;}
.brand-two #thumbs .year{ font-size:.24rem;}
.brand-two .line{ bottom:2.17rem;}
.brand-two .swiper-but{ top:auto; bottom:0;}
.brand-two .swiper-button-prev{ left:0;}
.brand-two .swiper-button-next{ right:0;}
}



/* 菜单 */
.Join-menu{ background:#f3f8ff;}
.Join-menu.onFixed{ position:fixed; left:0; width:100%; z-index:8;}
.Join-menu .item{ margin:0 .35rem; line-height:2; position:relative;}
.Join-menu .item a{ color:#888; padding:.25rem .1rem; display:block;}
.Join-menu .item::after{ position:absolute; bottom:0; left:0; content:''; display:block; width:100%; height:.04rem; border-radius:2px; background-color:transparent;}
.Join-menu .item:hover a,
.Join-menu .item.on a{ color:#333;}
.Join-menu .item:hover::after,
.Join-menu .item.on::after{ background-color:#0061d8;}
@media(max-width:640px){
.Join-menu .item{ margin:0 .15rem;}
}


/* 加盟合作 */
.Join-one{ padding:1.2rem 0 1.4rem; background:#f3f8ff;}
.Join-one::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; border-radius:0px 0px 2.2rem 2.2rem; background-size:cover; background-repeat:no-repeat;}
.Join-one .auto-inner{ position:relative; z-index:5;}
.Join-one .tit-box{ margin-bottom:.6rem; text-align:center;}
.Join-one .tit-box .tit-cn{ font-size:.46rem; color:#333333;}
.Join-one .tit-box .des{ font-family:'HarmonyOS-Light'; font-size:.18rem; color:#333333;}
.Join-one .swiper-slide a{ display:block; padding:0 .2rem .2rem 0;}
.Join-one .swiper-slide a::after{ position:absolute; bottom:0; left:.2rem; content:''; display:block; width:calc(100% - .2rem); height:60%; background-image:url(../image/index-bg5.png); background-size:contain; z-index:1;}
.Join-one .item{ z-index:2; border-radius:10px; overflow:hidden;}
.Join-one .item .pic{ position:relative;}
.Join-one .item .pic img{ width:100%; object-fit:cover;}
.Join-one .item .pic::after{ position:absolute; left:0; bottom:0; content:''; display:block; width:100%; height:50%; background-image:linear-gradient(to top,rgba(0,0,0,.7),rgba(255,255,255,0));}
.Join-one .item .txt{ font-size:.24rem; text-align:center; position:absolute; width:100%; color:#fff; left:0; bottom:.3rem; transition:all .5s;}
.Join-one .item .circle{ margin-bottom:.1rem; border:solid 2px #fff; border-radius:100%;}
.Join-one .item .circle img{ width:.54rem; height:.54rem;}
.Join-one .item .text{ padding:.55rem; color:#fff; background:rgba(0,97,216,0.9); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:all .5s;}
.Join-one .item .text .tit{ text-align:center;font-family:'HarmonyOS-Medium'; font-size:.24rem;}
.Join-one .item .text .tit::after{ content:''; display:block; width:1.2em; height:2px; background-color:#fff; margin:.1rem auto; opacity:.6;}
.Join-one .item .text .des{ line-height:1.7; font-family:'HarmonyOS-Light'; font-size:.18rem;}
.Join-one .item:hover .text{ opacity:1;}
.Join-one .item:hover .txt{ opacity:0;}
.Join-one .swiper-aniu{ margin-top:.5rem;}
.Join-one .swiper-but{ margin:0; position:relative; outline:none; width:.6rem; height:.5rem; opacity:1;}
.Join-one .swiper-but::after{ font-size:0; width:.57rem; height:.13rem; background-image:url(../image/arrow-icon1.png); position:relative; z-index:2; background-size:contain; background-repeat:no-repeat;}
.Join-one .swiper-but::before{ position:absolute; background-color:#f3f8ff; content:''; display:block; width:.4rem; height:.4rem; border-radius:100%; box-shadow:0 0 .2rem rgba(0,0,0,.1);}
.Join-one .swiper-button-prev{ left:-1rem;}
.Join-one .swiper-button-next{ right:-1rem;}
.Join-one .swiper-button-prev::before{ left:-.12rem;}
.Join-one .swiper-button-next::before{ right:-.12rem;}
.Join-one .swiper-button-prev::after{ transform:rotate(-180deg);}
.Join-one .swiper-but:hover::after{ background-image:url(../image/arrow-icon2.png);}
.Join-one .swiper-but:hover::before{ background-color:#0061d8;}

.Join-two{ padding:1.2rem 0 1.4rem; background:#fff;}
.Join-two::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#f3f8ff url(../image/Join-bg.png); border-radius:0px 0px 2.2rem 2.2rem; background-size:cover; background-repeat:no-repeat;}
.Join-two .auto-inner{ position:relative; z-index:5;}
.Join-two .tit-box{ margin-bottom:.6rem; text-align:center;}
.Join-two .tit-box .tit-cn{ font-size:.46rem; color:#333333;}
.Join-two .table-one{ margin-bottom:.4rem; box-shadow:0px 4px 59px 0px rgba(0, 97, 216, 0.09); overflow:hidden; border-radius:20px;}
.Join-two .table-one .detail{line-height:2;font-size:.13rem;position:absolute; left:-.33rem; top:.15rem; padding:0 .35rem;background:#0061d8;color:#fff;transform:rotate(-45deg);}
.Join-two .list .item{ padding:.45rem; border-right:solid 2px #f3f8ff; border-bottom:solid 2px #f3f8ff;}
.Join-two .list .item:nth-child(3n){ border-right:none;}
.Join-two .list .item:last-child{ border-bottom:none; border-right:none;}
.Join-two .list .wtd33{ width:33.33%;}
.Join-two .list .wtd100{ width:100%;}
.Join-two .list .back-color1{ background:#fff;}
.Join-two .list .back-color2{ background:#f4f4f4;}
.Join-two .list .back-color3{ background:#d9e7f9;}
.Join-two .list .center{ text-align:center;}
.Join-two .list .item .tit{ margin-bottom:.1rem; font-size:.22rem;}
.Join-two .list .item .tit .wz{ margin-right:1em; color:#333333;}
.Join-two .list .item .tit .price{font-family:'HarmonyOS-Bold'; color:#0061d8;}
.Join-two .list .item .des{ line-height:1.7; font-family:'HarmonyOS-Light';}
.Join-two .table-one:last-child{ margin-bottom:0;}

.Join-three{padding:0.8rem 0; background:#f3f8ff;}
.Join-three .auto-inner{ position:relative; z-index:5;}
.Join-three::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff url(../image/path-bg.png); border-radius:0px 0px 2.2rem 2.2rem; background-position:center; background-size:contain; background-repeat:no-repeat; z-index:2;}
.Join-three .tit-box{ margin-bottom:.6rem; text-align:center; position:relative; z-index:2;}
.Join-three .tit-box .tit-cn{ font-size:.46rem; color:#333333;}
.Join-three .switc-list{ margin-top:.6rem; position:relative;}
.Join-three .switc-list::after{ position:absolute; left:0; top:50%; background:rgba(255,255,255,.2); content:''; display:block; width:100%; height:1px;}
.Join-three .line{ position:absolute; left:50%; top:50%; width:100vw; height:2px; transform:translate(-50%); background:#aacaf3; z-index:5;}
.Join-three .item{ width:100%; height:100%; min-height:13em; align-items:flex-end; padding:.2rem .3rem 0 .3rem; border-left:solid 1px #dbdbdb; position:relative;}
.Join-three .item .circle{ /* border:solid 2px #00d150; */ border-radius:100%; width:.52rem;}
.Join-three .item .des{ width:100%; font-size:.16rem;}
.Join-three .item .des .intro{ width:100%; margin:.2rem 0;}
.Join-three .item .des p{ margin:0;}
.Join-three .item .tit{ font-family:'HarmonyOS-Bold'; font-size:.3rem; color:#333333;}
.Join-three .item .pot{ position:absolute; top:-.43rem; left:-.15rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:.3rem; height:.3rem; background:#0061d8; border:solid .04rem #bfdcff; border-radius:100%;}
.Join-three .item .pot::after{ background:#fff; content:''; display:block; width:.1rem; height:.1rem; border-radius:100%;}
.Join-three .swiper{ position:relative; z-index:5;}
.Join-three .swiper-slide{ padding-top:20%; height:auto;}
.Join-three .swiper-slide:nth-child(2n){ padding-top:0; padding-bottom:20%;}
.Join-three .swiper-slide:nth-child(2n) .pot{ top:auto; bottom:-.46rem;}
.Join-three .swiper-slide:nth-child(2n) .orient{ display:-webkit-flex; display:flex; flex-wrap:wrap-reverse;}
.Join-three .swiper-slide:nth-child(2n) .des{ display:-webkit-flex; display:flex; flex-wrap:wrap-reverse;}
.Join-three .swiper-slide:nth-child(2n) .item{ padding-top:0; align-items:flex-start;}
.Join-three .swiper-slide:nth-child(2n) .item::before{ top:auto; bottom:-7px;}
.Join-three .swiper-slide:nth-child(2n) .item::after{ top:0; bottom:auto;}

.Join-four{ padding:1.2rem 0; background:#0061d8;}
.Join-four .auto-inner{ position:relative; z-index:5;}
.Join-four::before{ position:absolute; bottom:-1rem; left:50%; margin-left:-2rem; content:''; display:block; width:4rem; height:4rem; background:#f3f8ff;}
.Join-four::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#f3f8ff; border-radius:0px 0px 2.2rem 2.2rem; background-size:cover; background-repeat:no-repeat;}
.Join-four .round{ border-radius:20px; overflow:hidden; box-shadow:0px 4px 59px 0px rgba(0, 97, 216, 0.09);}
.Join-four .pic-bg{ width:50%;}
.Join-four .pic-bg img{ object-fit:cover; width:100%; height:100%;}
.Join-four .text{ width:50%; background:#fff; padding:.6rem .7rem;}
.Join-four .tit-box{ margin-bottom:.3rem;}
.Join-four .tit-box .tit-cn{ font-size:.46rem; color:#333333;}
.Join-four .item{ margin-bottom:.1rem;}
.Join-four .item .name{ width:9.5em; text-align:right;}
.Join-four .item .name i{ padding-right:.5em; font-style:normal; color:#ff1111;}
.Join-four .item .name-area{ padding-top:.15rem;}
.Join-four .item .address-select{ width:calc(100% - 6em);}
.Join-four .item .address-select span{ display:none;}
.Join-four .item .address-select .select-box{ width:32%; border:solid 1px #e5e5e5; border-radius:5px; overflow: hidden;}
.Join-four .item .address-select .select-box select{ outline:none; padding:.12rem .2rem; width:100%; border:none; display:block!important; font-family:'HarmonyOS-Regular'; color:#888;}
.Join-four .item .input{ width:calc(100% - 6em); border:solid 1px #e5e5e5; border-radius: 5px; overflow: hidden;}
.Join-four .item .input input{ font-family:'HarmonyOS-Regular'; outline:none; padding:0 .2rem; line-height:3; width:100%; border:none; margin:0;}
.Join-four .item .textarea{ width:calc(100% - 6em); border:solid 1px #e5e5e5; padding:.15rem .2rem; border-radius: 5px; overflow: hidden;}
.Join-four .item .textarea textarea{ padding:0; display:block; outline:none; font-family:'HarmonyOS-Regular'; border:none; margin:0; width:100%; resize: none;}
.Join-four .aniu{ margin-top:.2rem; padding-left:6.5em;}
.Join-four .aniu .submit{ cursor:pointer; line-height:3.5; color:#fff; text-align:center; background-color:#0061d8; border-radius:5px;}

@media(max-width:1440px){
.Join-three .item .pot{ top:-.4rem;}
.Join-three .swiper-slide:nth-child(2n) .pot{ bottom:-.4rem;}
}

@media(max-width:1024px){
.Join-one{ padding:.5rem 0 1rem;}
.Join-one::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.Join-two{ padding:.5rem 0 1rem;}
.Join-two::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.Join-two .table-one .detail{ font-size:.12rem; left:-0.36rem; top:0.12rem;}
.Join-two .list .item{ padding:.35rem;}
.Join-two .list .item .tit{ font-size:.18rem;}
.Join-three{ padding:.5rem 0 1rem;}
.Join-three::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.Join-three .item{ min-height:16em;}
.Join-three .swiper-slide{ padding-top:31%;}
.Join-three .swiper-slide:nth-child(2n){ padding-top:0; padding-bottom:31%;}
.Join-four::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
.Join-four .pic-bg{ width:40%;}
.Join-four .text{ width:60%; padding:.5rem;}
}

@media(max-width:640px){
.Join-one .tit-box .des{ font-size:.24rem;}
.Join-one .item .text .des{ font-size:.24rem;}
.Join-two .list .wtd33{ width:100%;}
.Join-two .list .item .tit{ font-size:.3rem;}
.Join-three .line{ top:.2rem;}
.Join-three .swiper{ padding-top:.3rem;}
.Join-three .swiper-slide{ padding-top:0;}
.Join-three .swiper-slide .pot{ top:-.25rem;}
.Join-three .swiper-slide:nth-child(2n){ padding-bottom:0;}
.Join-three .swiper-slide:nth-child(2n) .item{ padding:.3rem;}
.Join-three .swiper-slide:nth-child(2n) .orient{ flex-wrap:wrap;}
.Join-three .swiper-slide:nth-child(2n) .des{ flex-wrap:wrap;}
.Join-three .swiper-slide:nth-child(2n) .pot{ top:-.25rem; bottom:auto;}
.Join-three .item{ min-height:0; height:auto; padding:.3rem; align-items:flex-start;}
.Join-three .item .des{ font-size:.24rem;}

.Join-four .pic-bg{ width:20%;}
.Join-four .text{ width:80%; padding:.4rem .2rem;}
.Join-four .aniu .submit{ line-height:3;}
}


/* 新闻动态 */
.news-box{ padding:1.2rem 0; background:#0061d8;}
.news-box::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; border-radius:0px 0px 2.2rem 2.2rem; background-size:cover; background-repeat:no-repeat;}
.news-box .auto-inner{ position:relative; z-index:5;}
.news-box .news-top .swiper{ border-radius:20px; overflow:hidden;}
.news-box .news-top .item{ background:#f3f8ff; border-radius:20px;}
.news-box .news-top .item .pic{ width:50%; overflow:hidden;}
.news-box .news-top .item .pic img{ width:100%; transition:all .5s;}
.news-box .news-top .item .text{ width:50%; padding:.8rem; }
.news-box .news-top .item .text .time{ margin-bottom:.15rem;}
.news-box .news-top .item .text .year{ font-size:.2rem;}
.news-box .news-top .item .text .date{ font-family:'HarmonyOS-Bold'; font-size:.28rem; color:#0061d8;}
.news-box .news-top .item .text .tit{ font-family:'HarmonyOS-Bold'; font-size:.26rem;}
.news-box .news-top .item .text .des{ margin:.25rem 0;}
.news-box .news-top .item .but .more{ font-family:'HarmonyOS-Medium'; font-size:.18rem; color:#fff; background-color:#0061d8; border-radius:30px; padding:.15rem .3rem; transition:all .5s;}
.news-box .news-top .item .but .more i{ display:block; margin-left:.1rem; width:.4rem; height:.13rem; background-image:url(../image/arrow-icon2.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
.news-box .news-top .swiper-pagination{ left:auto; right:.8rem; bottom:.5rem; width:auto;}
.news-box .news-top .swiper-pagination .swiper-pagination-bullet{ width:.11rem; height:.11rem; background:#d9dde9; opacity:1;}
.news-box .news-top .swiper-pagination .swiper-pagination-bullet-active{ outline:none; background:url(../image/pot-icon1.png) no-repeat center; background-size:contain; transform:rotate(-90deg);}
.news-box .news-top .item:hover .pic img{ transform:scale(1.1);}

.news-list{ margin-top:.8rem;}
.news-list li{width:31%;margin-right:3.5%;background-color:#ffffff;box-shadow:0px 6px 27px 0px rgba(150, 187, 233, 0.2);border-radius:10px; margin-bottom:.5rem; overflow:hidden;}
.news-list li .pic{ overflow:hidden;}
.news-list li .pic img{ width:100%; transition:all .5s;}
.news-list li .text{ padding:.3rem;}
.news-list li .text .tit{ font-size:.19rem; font-family:'HarmonyOS-Medium';}
.news-list li .text .des{ font-size:.16rem; margin:.1rem 0; line-height:1.7; font-family:'HarmonyOS-Light';}
.news-list li .text .time{ font-size:.14rem; color:#888888;}
.news-list li .text .more{ display:-webkit-flex; display:flex; align-items:center; font-size:.15rem; color:#999999;}
.news-list li .text .more i{ display:block; margin-left:.1rem; width:.35rem; height:.13rem; background-image:url(../image/arrow-icon2.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
.news-list li:nth-child(3n){ margin-right:0;}
.news-list li:hover .pic img{ transform:scale(1.1);}

@media(max-width:1024px){
.news-box{ padding:.5rem 0 1rem;}
.news-box::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
}
@media(max-width:640px){
.news-box .news-top .item{ flex-wrap:wrap;}
.news-box .news-top .item .pic{ width:100%;}
.news-box .news-top .item .text{ padding:.3rem; width:100%;}
.news-list li:nth-child(3n),
.news-list li{ width:48%; margin-right:4%; margin-bottom:4%;}
.news-list li:nth-child(2n){ margin-right:0;}
.news-list li .text{ padding:.2rem;}
.news-list li .text .tit{ font-family:'HarmonyOS-Bold'; font-size:.24rem;}
.news-list li .text .des{ font-family:'HarmonyOS-Medium'; font-size:.2rem;}
.news-list li .text .time{ font-size:.18rem;}
.news-list li .text .more{ font-size:.18rem;}
}



/* 新闻详情 */
.news-info{ padding:1.4rem 0; font-size:.16rem; background:#0061d8;}
.news-info .auto-inner{ position:relative; z-index:5;}
.news-info::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; border-radius:0px 0px 2.2rem 2.2rem; background-size:cover; background-repeat:no-repeat;}
.news-info .title-box{ padding-bottom:.3rem; border-bottom:solid 1px #e5effb;}
.news-info .title-box .tit{ text-align:center; font-size:.35rem; font-family:'HarmonyOS-Medium';}
.news-info .title-box .other{ margin-top:.2rem; font-family:'HarmonyOS-Light';}
.news-info .title-box .other .time,
.news-info .title-box .other .amou{ margin:0 1em;}
.news-info .info-con{ font-family:'HarmonyOS-Light'; color:#1f222a; line-height:1.8; padding-top: 20px}
.news-info .info-con p{ margin:0; }
.news-info .other-turn{ margin-top:.3rem; border-top:solid 1px #e5effb; padding:.3rem 0;}
.news-info .other-turn dd{ margin:1em 0;}
.news-info .other-turn dd a:hover{ color:#0061d8;}
.news-info .other-turn .more a{ line-height:2; background:#0061d8; padding:.1rem .3rem; display:-webkit-flex; display:flex; align-items:center; font-size:.18rem; color:#fff; border-radius: 30px;}
.news-info .other-turn .more a i{ display:block; margin-left:.1rem; width:.35rem; height:.13rem; background-image:url(../image/arrow-icon2.png); background-size:contain; background-repeat:no-repeat; background-position:center;}

@media(max-width:1024px){
.news-info{ padding:.5rem 0 1rem;}
.news-info::after{ border-radius: 0px 0px 1.2rem 1.2rem;}
}
@media(max-width:640px){
.news-info{ font-size:.24rem;}
.news-info .info-con{ font-family:'HarmonyOS-Regular';}
.news-info .other-turn dl{ width:100%;}
.news-info .other-turn .more a{ font-size:.22rem;}
}



/* 分页 */
.Page002274{ padding-top:.5rem; text-align:center; color:#666666;}


.Page002274 .Pages *{ vertical-align:middle;}
.Page002274 .Pages li{list-style: none;display: inline-block;}
.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .a_first,
.Page002274 .Pages .a_end,
.Page002274 .Pages .p_jump,
.Page002274 .Pages .p_total{ display:none;}
.Page002274 .Pages a{ display:inline-block; min-width:50px; height:50px; line-height:50px; color:#666666; margin-left:5px; border-radius:100%;}
.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur{ color:#fff; background-color:#00d150;}
.Page002274 .Pages em{ margin:0 .2rem; font-style:normal; display:inline-block; vertical-align:middle;}
.Page002274 .Pages .i_text{ width:50px; height:50px; line-height:50px;border:1px solid #e9e9e9;}
.Page002274 .Pages .i_button{ cursor:pointer; background:none; width:50px; height:50px;border:1px solid #e9e9e9;}
.Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Page002274 .Pages .a_prev,
.Page002274 .Pages .a_next{ font-family:'宋体'; font-weight:bold; border:1px solid #e9e9e9;}
.Page002274 .Pages .a_prev{ margin-left:0;}
.Page002274 .Pages .a_next{ margin-right:0;}
@media(max-width:1000px){
.Page002274 .Pages em{ display:none;}
}
@media(max-width:640px){
.Page002274 .Pages a.a_first,
.Page002274 .Pages a.a_end{ display:none;}
.Page002274 .Pages a{ padding:0 10px;}
}