@charset "utf-8";

html {scroll-behavior: smooth; /* 启用平滑滚动 */}

/*首页*/



.Home{background: url(../images/Homebbg.jpg) no-repeat bottom center;}
.HomeBan li.slick-slide{position: relative;z-index: 1;}
.HomeBan .txt{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10;text-align: left;color: #ffffff;}
.HomeBan .txt .ytable{height: 100%; table-layout: fixed;width: 96%;}
.HomeBan .tit,
.HomeBan .desc,
.HomeBan .links{transform: translateY(30px); opacity: 0; transition-duration: 0.3s; transition-delay: 0.3s;}
.HomeBan .tit{font-family: 'AlibabaPuHuiTi-Bold'; font-size: 0.72rem;letter-spacing: 0.03rem;line-height: 0.76rem;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);margin-bottom: 0.4rem;}
.HomeBan .desc{font-family: 'AlibabaPuHuiTi-Bold';font-size:  0.26rem;line-height: 0.52rem;;  margin-bottom: 0.6rem;transition-delay: 0.6s;letter-spacing: 0.03rem;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.HomeBan .links{transition-delay: 0.9s;}
.HomeBan .links a{display: inline-block;width: 2.01rem;transition: all 0.3s; line-height:  0.54rem;text-align: center;font-size: 0.2rem;color: #ffffff;border-radius: 0.08rem;margin-right: 0.1rem; ; border: solid 2px rgba(255,255,255,.5);color: #fff;}
.HomeBan .links a:hover{background-color: #007fff;border-color:#007fff; }
.HomeBan .ani-show .tit,
.HomeBan .ani-show .desc,
.HomeBan .ani-show .links{transform: translateY(0); opacity: 1;}
.HomeBan .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 1em;}
.HomeBan .slick-dots li{float: left;}
.HomeBan .slick-dots li button{border: 0;overflow: hidden;;font-size: 1em;opacity: 0.2;text-indent: -999em;width:  0.6rem;height:  0.06rem;background-color: #ffffff; border-radius: 0.06rem; margin: 0 0.07rem;display: inline-block;padding: 0; vertical-align: middle;}
.HomeBan .slick-dots li.slick-active button{opacity: 1;}
@media (min-width:1025px) {
.HomeBan .wap{display: none;}   
}
@media (max-width:1024px) {
.HomeBan .pc{display: none;} 
.HomeBan .tit{font-size: 3.5vw;line-height: 1.25}
.HomeBan .desc{font-size: 1.8vw;margin-bottom: 20px;}
.HomeBan .wap{max-height: unset;object-fit: cover;}
.HomeBan .links a{line-height: 2;width: auto;padding: 0 0.3rem;font-size: 16px;}
}

.HomeAbout{padding: 1.2rem 0;background: url(../images/abbg.png) no-repeat center;}
.HomeAbout .HomeAbout_l{float: left;width: 56%;}
.HomeAbout .HomeAbout_l .ti .en{font-size: 0.18rem;color: #e7e7e7;line-height: 0.2rem;font-family: 'AlibabaPuHuiTi-Medium';}
.HomeAbout .HomeAbout_l .ti .cn{font-size: 0.44rem;color: #111111;line-height: 0.6rem;font-family: 'AlibabaPuHuiTi-Medium';}
.HomeAbout .HomeAbout_l .con{font-size: 0.16rem;line-height: 0.27rem;color: #111111;text-align: justify; font-family: 'AlibabaPuHuiTi-Regular';}
.HomeAbout .HomeAbout_l .con p{margin-top: 0.3rem;}
.HomeAbout .HomeAbout_r .imgbox{padding-bottom: 144%;}
.HomeAbout .HomeAbout_r {width: 35.7%;}

.HomeSevers{padding: 0.2rem 0}
.HomeTit{text-align: center;}
.HomeTit .en{font-size: 0.18rem;color: #e7e7e7;line-height: 0.2rem;font-family: 'AlibabaPuHuiTi-Medium';text-transform: uppercase;}
.HomeTit .cn{font-size: 0.44rem;color: #000;line-height: 0.6rem;font-family: 'AlibabaPuHuiTi-Medium';}
.HomeTcon{padding: 0 1.5rem ;font-size: 0.16rem;line-height: 0.32rem;color: #727272; font-family: 'AlibabaPuHuiTi-Regular';;text-align: center;margin-top: 0.3rem;margin-bottom: 0.45rem;}

.HomeSevers_b ul{display: flex;}
.HomeSevers_b ul li{width: 14.285%;border-right: 1px solid #fff;float: left;display: flex;align-items: center;justify-content: center;background: url(../images/jsimg1.png) no-repeat center /cover;height: 4.5rem;transition: all 0.4s}
.HomeSevers_b ul li .tcbox{margin-top: 0.1rem;visibility: hidden;width: 0%;overflow: hidden;}
.HomeSevers_b ul li .tcbox dl dd{width: 50%;float: left;text-align: left;color: #fefefe;font-size: 0.16rem;line-height: 0.32rem; font-family: 'AlibabaPuHuiTi-Light';;cursor: pointer;}
.HomeSevers_b ul li .tcbox dl dd:hover{text-decoration:underline}
.HomeSevers_b ul li .tit .imgbox{width: 0.6rem;height: 0.6rem;margin: 0 auto;}
.HomeSevers_b ul li .tit p{font-size: 0.2rem;line-height: 0.3rem;color: #ffffff;margin-top: 0.2rem;}
.HomeSevers_b ul li.on{width: 42.857%;display: inline-block;padding: 0.5rem 0.6rem}
.HomeSevers_b ul li.on .tit{width: 100%;display: inline-block;}
.HomeSevers_b ul li.on .tit p,.HomeSevers_b ul li.on .tit .imgbox{float: left;height: 0.6rem;line-height: 0.6rem;margin-top: 0;}
.HomeSevers_b ul li.on .tit p{margin-left: 0.2rem;}
.HomeSevers_b ul li.on .tcbox{width: 100%;visibility: visible;}
.HomeSevers_b ul li .tcbox .desc{color: #fff;font-family: 'AlibabaPuHuiTi-Light';opacity: 0;top: 0;position: relative;}
.HomeSevers_b ul li .tcbox dl{position: relative;opacity: 0;top: 0;}
.HomeSevers_b ul li.on .tcbox .desc,.HomeSevers_b ul li.on .tcbox dl{opacity: 1;top: 0;transition: .3s;transition-delay: .4s;}
.HomeSevers_b ul li.on .tcbox .desc h3{font-weight: normal;font-family: 'AlibabaPuHuiTi-Regular';}
.HomeSevers_b ul li.li2{background: url(../images/jsimg2.png) no-repeat center /cover;}
.HomeSevers_b ul li.li3{background: url(../images/jsimg3.png) no-repeat center /cover;}
.HomeSevers_b ul li.li4{background: url(../images/jsimg4.png) no-repeat center /cover;}
.HomeSevers_b ul li.li5{background: url(../images/jsimg5.png) no-repeat center /cover;}


.Pop{position: fixed;background:rgba(0, 0, 0, 0.75); width: 100%; height: 100%; top: 0; left: 0; z-index: 100;padding: 0.2rem;display: none}
.Pop .close{position: absolute;right: 0.2rem;top: 0.2rem; width: 0.3rem; height: 0.3rem; cursor: pointer; z-index: 10; cursor: pointer;}
.Pop .close:before,
.Pop .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #333; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.Pop .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.Pop .ytable{height: 100%;}
.Pop .ytable .ProCon{ max-width: 8.6rem; width: 90%;  margin: 0 auto; padding: 0.5rem; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);position: relative;z-index: 5;}
.Pop .ytable .ProCon .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: 0.2;background-size: cover !important;}
.Pop .ytable .ProCon .ti{font-size: 0.24rem;font-weight: normal;line-height: 0.3rem;color: #000000;padding-bottom: 0.3rem;border-bottom: 1px solid #E5E5E5;margin-top: 0.2rem;}
.Pop .ytable .ProCon .con h3{font-size: 0.18rem; color: #333333;line-height: 0.3rem;}
.Pop .ytable .ProCon .con p{font-size: 0.16rem;line-height: 0.3rem;color: #666666; font-family: 'AlibabaPuHuiTi-Regular';;margin-bottom: 0.2rem;}
.Pop .ytable .ProCon .con {max-height: 55vh;overflow-y: auto;padding-top: 20px;}
.Pop .ytable .HonCon .imgbox{width: 50%;padding-bottom: 60%;margin: 0 auto;display: block;}
.Pop .ytable .HonCon .imgbox span{background-size: contain;}
.Pop .ytable .HonCon p{text-align: center;margin-top: 0.4rem;}
.Pop .ytable .HonCon .con{max-height: unset;}


.HomeHonor{padding: 1rem 0 0.5rem 0;}
.HomeHonor .HomeTit .cn{color: #111111;margin-bottom: 0.5rem;}
.HomeHonor .HomeHonor_b li{float: left;width: 49%;height: 0.8rem;line-height: 0.8rem;font-size: 0.18rem;color: #333333; font-family: 'AlibabaPuHuiTi-Regular';;background-color: #f7f7f7;border-radius: 0.4rem;padding: 0 0.4rem;margin-bottom: 0.2rem;cursor: pointer;transition: .3s;}
.HomeHonor .HomeHonor_b li:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.1);color: #2289c7;}
.HomeHonor .HomeHonor_b li:nth-child(2n){float: right;}
.HomeHonor .HomeHonor_b li span:hover{color:#2289c7;;}
.HomeHonor .HomeHonor_b li img{margin-right: 0.1rem;    filter: brightness(0);transition: .3s;
    opacity: 0.7;}
    .HomeHonor .HomeHonor_b li:hover img{opacity: 1;filter: brightness(1);}
.HomeHonor .HomeHonor_b li span{color: #999999;}

.HomeFuli1{padding: 1rem 0;background: url(../images/flbg.png) no-repeat center;position: relative;z-index: 5;}
.HomeFuli1:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.5;z-index: -1;}
.HomeFuli{padding: 0.3rem 0;/* background: url(../images/flbg.png) no-repeat center; */position: relative;z-index: 5;}
.HomeFuli:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.5;z-index: -1;}
.HomeFuli .HomeFuli_b{width: 90%;max-width: 7.24rem;padding: 0.5rem 0;background-color: #ffffff;box-shadow: 0rem 0rem 0.2rem 0rem rgba(31, 26, 23, 0.05);border-radius: 0.1rem;margin: 0.5rem auto 0;text-align: center;font-size: 0.16rem;line-height: 0.4rem;color: #333333; font-family: 'AlibabaPuHuiTi-Regular';;}
.HomeFuli .HomeFuli_b li{margin-left: 20%;padding-left: 0.2rem;background: url(../images/dot2.png) no-repeat left center;text-align: left;background-size: 0.14rem}

@media (max-width:1024px) {
.HomeAbout .HomeAbout_l .con p{margin-top: 5px;}
.HomeAbout,.HomeFuli{padding: 40px 0}
.HomeAbout .HomeAbout_r{margin-top: 10%;}
.HomeAbout .HomeAbout_l .ti .cn,.HomeTit .cn{font-size: 30px;line-height: 1.25}
.HomeAbout .HomeAbout_l .ti .en,.HomeTit .en{font-size: 18px;}
.HomeAbout .HomeAbout_l .con{font-size: 16px;line-height: 1.5}
.HomeTcon{padding: 0 5%;font-size: 16px;line-height: 1.5}
.HomeSevers_b ul{flex-wrap: wrap;}
.HomeSevers_b ul li,.HomeSevers_b ul li.on{padding: 20px;width: 50%;border-bottom: 1px solid #fff;display: inline-block;height: auto;}
.HomeSevers_b ul li .tcbox{max-height: 3rem;overflow-y: auto;}
.HomeSevers_b ul li.on .tit,.HomeSevers_b ul li .tit{width: 100%;display: inline-block;}
.HomeSevers_b ul li.on .tit p,
.HomeSevers_b ul li.on .tit .imgbox,
.HomeSevers_b ul li .tit p,
.HomeSevers_b ul li .tit .imgbox{float: left;height: 0.6rem;line-height: 0.6rem;margin-top: 0;}
.HomeSevers_b ul li.on .tit p,.HomeSevers_b ul li .tit p{margin-left: 0.2rem;font-size: 18px;}
.HomeSevers_b ul li.on .tcbox,.HomeSevers_b ul li .tcbox{display: inline-block;width: 100%;}
.HomeSevers_b ul li.li5{width: 100%;height: auto;}
.HomeSevers_b ul li.li5 .tcbox dl dd{width: 33.33%;}
.HomeHonor{padding: 20px 0}
.HomeHonor .HomeTit .cn{margin: 20px;}
.HomeHonor .HomeHonor_b li{line-height: 60px;height: 60px;}
.HomeFuli .HomeFuli_b{margin-top: 20px;padding: 20px 0;line-height: 2}
.Pop .ytable .ProCon .ti{font-size: 24px;line-height: 1.5}
.Pop .ytable .ProCon .con h3{font-size: 18px;}
.Pop .ytable .ProCon .con p{font-size: 16px;line-height: 2}
.Pop .ytable .ProCon .con{max-height: 60vh}
.HomeFuli .HomeFuli_b{font-size: 16px;line-height: 1.5}
}
@media (max-width:768px) {
    .HomeFuli .HomeFuli_b{width: 100%;text-align: left;padding: 20px;}
.HomeAbout .HomeAbout_l{width: 100%;}
.HomeAbout .HomeAbout_r{width: 100%;margin-top: 20px;}
.HomeSevers_b ul li, .HomeSevers_b ul li.on{width: 100%;}
.HomeSevers_b ul li .tcbox dl dd{font-size: 16px;line-height: 2}
.HomeSevers_b ul li.on .tcbox, .HomeSevers_b ul li .tcbox{max-height: unset;}
.HomeSevers_b ul li.li5 .tcbox dl dd{width: 50%;}
.HomeAbout .HomeAbout_l .ti .cn, .HomeTit .cn{font-size: 24px;}
.Pop .ytable .HonCon .imgbox{width: 80%;padding-bottom: 100%;}
.HomeFuli .HomeFuli_b li{margin-left: 0;}

}
@media (max-width:480px) {
.HomeSevers_b ul li .tcbox dl dd,.HomeSevers_b ul li.li5 .tcbox dl dd{width: 100%;}
.HomeSevers_b ul li.on .tcbox, .HomeSevers_b ul li .tcbox{max-height: 200px;}
.HomeHonor .HomeHonor_b li{width: 100%;font-size: 16px;}
.HomeHonor .HomeHonor_b li p{max-width: 70%}
.HomeHonor .HomeTit .cn{margin: 10px}
.Bottom .BottomBox .BottomCon{width: 100%;max-width: 100%}
.Bottom .BottomBox .BottomCode{width: 60%;float: none;margin: 0 auto}

.Bottom .CopyRight p{float: none;text-align: center;}
.Top .Top_r{display: none}
.HomeTcon{padding: 0}
.HomeAbout .HomeAbout_l .ti .en, .HomeTit .en{font-size: 14px;line-height: 1.2}
.HomeAbout, .HomeFuli{padding: 20px 0}
}


/* 20241212 */
.Top_r{display: flex;
    align-items: center;}
    .Top_r .i{
        position: relative;
        flex: 0 0 auto;
        margin-left: 20px;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }
    .Top_r .i .img{
        font-size: 0;
    }
    .Top_r .i .ico-wx{
        padding: 11px;
        background: url(../images/wx.svg) no-repeat center;
        background-size: contain;
        cursor: pointer;
    }
    .Top_r .i .hov{
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translate(-50%);
        padding: 5px;
        background: #fff;
        width: 110px;
        border-radius: 5px;
        display: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .Top_r .i:hover .hov{
        display: block;
    }
    .Top_r .i .hov img{
        display: block;
        width: 100%;
    }
    .Top_r .i .hov:before{
        content: "";
        position: absolute;
        left: 50%;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff;
        margin-left: -5px;
        bottom: 100%;
    }
    .Pop .ytable .HonCon .imgbox {
        width: auto;
    }
    
    .Pop .ytable .HonCon .imgbox .imgs {
        display: flex;
        align-items: stretch;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
    }
    
    .Pop .ytable .HonCon .imgbox .i {
        flex: 1 1 auto;
        background-size: contain;
        background-repeat: no-repeat;
        width: 46%;
        background-position: center;
    }
    .HomeBan {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 1;
    }
    .HomeBan img{width: 100%;height: 100vh;object-fit: cover;}
    .indexmain {
        padding-top: 100vh;
        position: relative;
        z-index: 5;
        pointer-events: none;
    }
    .indexmain *{
        pointer-events: all;
    }
    
    .indexmain:before {
        content: "";
        position: absolute;
        left: 0;
        top: 100vh;
        width: 100%;
        bottom: 0;
        z-index: -1;
        background: #fff;
    }

@media(max-width:560px){
    .indexmain:before{
        top: 0;
    }
    .HomeBan .tit {
        font-size: 24px;
    }
    
    .HomeBan .desc {
        font-size: 14px;
    }
    .HomeSevers_b ul li .tcbox .desc {
        opacity: 1;
        top: 0;
    }
    
    .HomeSevers_b ul li .tcbox {
        height: 290px;
        visibility: visible;
        max-height: none;
    }
    
    .HomeSevers_b ul li .tcbox dl {
        top: 0;
        opacity: 1;
    }

    .HomeBan .desc {
        line-height: 1.4;
    }
    
     .HomeBan .tit {
        margin-bottom: 15px;
        margin-top: 40px;
    }
    
    .HomeBan {
        position: relative;
        height: auto;
    }
    
    .HomeBan img {
        height: auto;
    }
    
    .indexmain {
        padding-top: 0;
    } 
}

.HsaPop .ytable .ProCon{padding:0;margin-top:3%;}
.HsaPop .ytable .ProCon .con{max-height:80vh;overflow: auto;padding:0.5rem;}
.HsaPop .ytable .ProCon .con p{display: none;}

.HomeSoleAgency .HomeSoleAgencyBox{display: flex;flex-wrap: wrap;margin-left:-4%;justify-content: space-between;}
.HomeSoleAgency .HomeSoleAgencyBox .item{width:30%;margin-top:3%;}
.HomeSoleAgency .HomeSoleAgencyBox .item .img{padding-top:75%;border-radius: 0.2rem;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);}
.HomeSoleAgency .HomeSoleAgencyBox .item .img span{transition: all .5s;}
.HomeSoleAgency .HomeSoleAgencyBox .item .tit{text-align: center;margin-top:0.15rem;font-size: 0.18rem;}
.HomeSoleAgency .HomeSoleAgencyBox .item:hover .img span{transform: scale(1.05);}

@media(max-width:480px){
    .HomeSoleAgency .HomeSoleAgencyBox .item{width:96%;padding:15px;}
    .HomeSoleAgency .HomeSoleAgencyBox .item .tit{font-size: 16px;}
}