/*HarmonyOS*/
/*@font-face {*/
/*    */
/*    src: url(../fonts/Light.woff) format("woff");*/
/*    font-display:swap*/
/*}*/

/*@font-face {*/
/*    */
/*    src: url(../fonts/Regular.woff) format("woff");*/
/*    font-display:swap*/
/*}*/

/*@font-face {*/
/*    font-family: 'hm_b';*/
/*    src: url("../fonts/Bold.woff") format("woff");*/
/*    font-display:swap*/
/*}*/

*{margin:0;padding:0;box-sizing:border-box;border:0;outline:none;resize:none}
html{font-size:62.5%;overflow-x:hidden}
body{font-family:-apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;font-size:1.4rem;color:#666;overflow-x:hidden}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;color:#666;transition:.3s;}

.width{max-width:140rem;margin:0 auto;width:92%}
.inner_width{max-width:128rem;margin:0 auto;width:92%}

.clear{clear:both;}

.img_bg{overflow:hidden;}
.img_bg .bg{background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.3s}
.img_bg .bg:hover{transform:scale(1.1)}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4,.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}

.header{background:linear-gradient(to right,rgba(44,76,69,0),rgba(44,76,69,1));position:fixed;top:0;left:0;right:0;transition:.3s;z-index:1002;}
.header.hide{transform:translateY(-7rem)}
.header>.width{height:7rem;display:flex;justify-content:space-between;align-items:center}
.header .logo.unhover{width:39.3rem;height:100%}
.header .logo.hover{display:none;width:39.3rem;height:100%}
.header .nav{width:80rem;display:flex;}
.header .nav li{flex:1;line-height:7rem;text-align:center;position:relative}
.header .nav li>a{display:block;color:#fff;font-size:1.6rem;transition:.3s}
.header .nav li>a:hover{font-weight:bold;color:#0B6653 !important;font-size:1.8rem}
.header .nav .child{display:none;position:absolute;top:7rem;left:50%;transform:translateX(-50%);background:rgba(243,244,246,.8);width:20rem;}
.header .nav .child>a{text-align:center;line-height:2.4rem;transition:.3s;display:block;font-size:1.4rem;padding:1rem}
.header .nav .child>a:hover{background:rgba(10,101,82,.8);color:#fff}
.header .nav .product{display:none;position:fixed;top:7rem;left:0;right:0;background:#F3F4F6;line-height:6rem;font-size:1.6rem}
.header .nav .product .swiper{width:calc(100% - 5rem);margin:0 auto;}
.header .nav .product .swiper-slide{height:9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s}
.header .nav .product .swiper-slide .img{width:2.5rem;height:2.5rem;margin-bottom:1rem;}
.header .nav .product .swiper-slide .name{line-height:1.4rem;font-size:1.4rem;padding:0 1rem}
.header .nav .product .swiper-slide:hover{background:#0B6653}
.header .nav .product .swiper-slide:hover .name{color:#fff}
.header .nav .product>.width{position:relative}
.header .nav .product .arrow{width:2rem;height:2rem;top:3.5rem;position:absolute}
.header .nav .product .prev{background:url(../images/arrow_left.png) no-repeat center center;background-size:100% auto;left:0;}
.header .nav .product .next{background:url(../images/arrow_right.png) no-repeat center center;background-size:100% auto;right:0;}
.header .nav .product .list{background:#F9F9F9;display:none}
.header .nav .product .list .width{display:flex;}
.header .nav .product .list .item{width:25%;margin-right:2.5rem;padding:4rem 0;}
.header .nav .product .list .item:last-child{margin-right:0}
.header .nav .product .list .img{display:block;padding-bottom:67%;}
.header .nav .product .list .name{display:block;line-height:2.4rem;font-size:1.4rem;margin-top:2rem}
.header .right{background:url(../images/line.png) no-repeat left center;display:flex;position:relative;height:100%;align-items:center}
.header .right .lang{margin:0 3rem;font-size:1.6rem}
.header .right .lang a{color:#fff}
.header .right .search.unhover{background:url(../images/search.png) no-repeat center center/1.9rem;width:1.9rem;height:1.8rem;cursor:pointer;}
.header .right .search.hover{display:none;background:url(../images/search1.png) no-repeat center center/1.9rem;width:1.9rem;height:1.8rem;cursor:pointer;}
.header .right .menu,.header .right .close{display:none}
.header.hover{background:#F1F1F1}
.header.hover .nav li>a,.header.hover .right .lang a{color:#333}

.m-search,.m-nav{display:none}
.pc-search{display:none;position:absolute;top:7rem;right:0;width:30rem;height:5rem;;z-index:1002}
.pc-search .input{width:calc(100% - 5rem);padding:0 1.5rem;background:#eee}
.pc-search .btn{width:5rem;height:5rem;background:#3C7E71 url(../images/search.png) no-repeat center center;cursor:pointer}

.footer{background:#2A4B44;padding:8rem 0}
.footer .info{display:flex;justify-content:space-between}
.footer .info ul{width:calc(100% - 12rem);display:flex;flex-wrap:wrap}
.footer .info li{margin-right:9rem;max-width:18rem;margin-bottom:3rem}
.footer .info li>a{color:#fff;font-size:1.6rem}
.footer .info li .child{margin-top:2.5rem}
.footer .info li .child>a{display:block;margin-top:1.5rem;font-size:1.4rem;color:rgba(255,255,255,.5)}
.footer .info .qr{width:12rem;}
.footer .info .qr img{width:100%;margin-bottom:2rem}
.footer .info .third{display:flex;justify-content:space-between;}
.footer .info .third>a:first-child{width:2rem;height:1.7rem;background:url(../images/weibo.png) no-repeat center center/2rem}
.footer .info .third>a:nth-child(2){width:2rem;height:1.6rem;background:url(../images/weixin.png) no-repeat center center/2rem}
.footer .info .third>a:last-child{width:1.5rem;height:1.7rem;background:url(../images/douyin.png) no-repeat center center/1.5rem}
.footer .info .third>a:hover:first-child{background:url(../images/weibo1.png) no-repeat center center/2rem}
.footer .info .third>a:hover:nth-child(2){background:url(../images/weixin1.png) no-repeat center center/2rem}
.footer .info .third>a:hover:last-child{background:url(../images/douyin1.png) no-repeat center center/1.5rem}
.footer .link{padding:4rem 0;border-bottom:1px solid #35544E;display:flex;flex-wrap:wrap}
.footer .link>span{color:#fff;padding-right:.5rem;letter-spacing:2px}
.footer .link>a{color:rgba(255,255,255,.5);background:url(../images/line2.png) no-repeat right center;padding-right:1rem;margin-right:1rem;margin-bottom:1rem}
.footer .link>a:last-child{background:none;padding-right:0;margin-right:0}
.footer .txt{margin-top:3rem;display:flex;justify-content:space-between;color:rgba(255,255,255,.5)}
.footer .txt a{color:rgba(255,255,255,.5)}

.banner{position:relative}
.banner img{width:100%}
.banner .m{display:none}
.banner .info{position:absolute;height:calc(100% - 7rem);top:5rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-direction:column;color:#fff;}
.banner .info .tag{font-size:1.8rem;}
.banner .info .name{font-size:4.8rem;font-weight:bold;margin-bottom:1.5rem}
.banner .info .note{font-size:1.8rem;}

.pos{margin:5rem auto;border-bottom:1px solid #E5E5E5;display:flex;justify-content:space-between;height:6rem}
.pos .tit{display:flex;line-height:6rem}
.pos .tit>span{display:block}
.pos .tit>span:first-child{font-size:1.8rem;font-weight:bold;color:#2A4B44;border-bottom:.3rem solid #2A4B44}
.pos .tit>span:last-child{font-size:1.4rem;color:#999;margin-left:1rem; text-transform:uppercase; }
.pos .crumb{background:url(../images/crumb.png) no-repeat left center/2.3rem;padding-left:3rem;line-height:6rem;font-size:1.4rem;}
.pos .crumb>a{color:#333;transition:.3s}
.pos .crumb>a:hover{color:#0A6552;}
.pos .crumb>span{color:#999}
.pos .choose{display:none}

.page{text-align:center;margin:3rem 0}
.page a,.page .a_cur{display:inline-block;padding:1rem 2rem;margin-right:1rem;font-size:1.6rem;color:#353535;transition:.3s;border:1px solid #EDEDED;}
.page .a_cur,.page a:hover{background:#0A6552;color:#fff;}

.float{position:fixed;right:0;top:50%;transform:translateY(-50%);width:8rem;z-index:1002}
.float>a{background:#F4F3F4;height:8rem;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#333;margin-bottom:.5rem;border-radius:.5rem 0 0 .5rem;cursor:pointer}
.float>a:first-child,.float>a:nth-child(3){position:relative}
.float>a:first-child>i{width:2rem;height:2rem;background:url(../images/phone.png) no-repeat center center/2rem;}
.float>a:nth-child(2)>i{width:1.8rem;height:1.8rem;background:url(../images/ask.png) no-repeat center center/1.8rem}
.float>a:nth-child(3)>i{width:2rem;height:1.6rem;background:url(../images/wechat.png) no-repeat center center/2rem}
.float>a:nth-child(4)>i{width:2rem;height:2rem;background:url(../images/back.png) no-repeat center center/2rem}
.float>a>span{margin-top:1rem}
.float>a:hover{background:#2A4B44;color:#fff}
.float>a:hover:first-child>i{background:url(../images/phone1.png) no-repeat center center/2rem}
.float>a:hover:nth-child(2)>i{background:url(../images/ask1.png) no-repeat center center/1.8rem}
.float>a:hover:nth-child(3)>i{background:url(../images/wechat1.png) no-repeat center center/2rem}
.float>a:hover:nth-child(4)>i{background:url(../images/back1.png) no-repeat center center/2rem}
.float .phone{cursor:pointer;position:absolute;top:0;right:-300%;background:#2A4B44;color:#fff;height:8rem;border-radius:1rem 0 0 1rem;display:flex;flex-direction:column;justify-content:center;padding:0 5rem 0 3rem;}
.float .phone>span:first-child{font-size:1.6rem;margin-bottom:.5rem}
.float .qr{position:absolute;top:15rem;right:-300%;background:#2A4B44;color:#fff;border-radius:1rem 0 0 1rem;padding:1rem;}
.float .qr>img{width:10rem;height:10rem}

@media (max-width:1400px){
    html{font-size:56.25%}
}

@media (max-width:1000px){
    html{font-size:50%}
    
    .banner .info .name{font-size:3rem;margin-bottom:1rem}
}

@media (max-width:750px){
    html{font-size:56.25%}
    
    .header .logo.unhover,.header .logo.hover{width:30rem}
    .header .nav{display:none}
    .header .right{background:none}
    .header .right .lang{margin:0 1rem 0 0}
    .header .right .menu.unhover{display:block;background:url(../images/menu.png) no-repeat center center/1.9rem;width:1.9rem;height:1.8rem;margin-left:1rem}
    .header .right .menu.hover{display:none;background:url(../images/menu1.png) no-repeat center center/1.9rem;width:1.9rem;height:1.8rem;margin-left:1rem}
    .header .right .close.unhover{background:url(../images/close.png) no-repeat center center/1.9rem;width:1.9rem;height:1.8rem;margin-left:1rem}
    .header .right .close.hover{display:none;background:url(../images/close1.png) no-repeat center center/1.9rem;width:1.9rem;height:1.8rem;margin-left:1rem}
    
    .m-search{position:fixed;top:7rem;width:100%;height:5rem;z-index:1002}
    .m-search .input{width:calc(100% - 5rem);padding:0 1.5rem;background:#eee}
    .m-search .btn{width:5rem;height:5rem;background:#3C7E71 url(../images/search.png) no-repeat center center/1.9rem;}
    
    .m-nav{position:fixed;top:7rem;left:0;bottom:0;width:100%;background:#fff;border-top:1px #eee solid;overflow-y:auto;z-index:1002}
    .m-nav li{border-bottom:.1rem solid #eee;font-size:1.8rem;line-height:6rem;position:relative}
    .m-nav li::after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:'';width:1.2rem;height:.8rem;background:url(../images/arrow_down.png) no-repeat center center/1.2rem;transition:.3s}
    .m-nav li.rotate::after{transform:rotate(180deg)}
    .m-nav .child{display:none;margin-left:3rem}
    .m-nav .child>a{display:block;line-height:5rem;border-bottom:.1rem solid #eee;font-size:1.6rem}
    
    .footer{padding:2rem 0}
    .footer .info{display:block}
    .footer .info ul{width:100%;display:block;margin-bottom:3rem}
    .footer .info li{margin-right:0;max-width:100%;margin-bottom:0;padding-bottom:0;line-height:5rem;border-bottom:1px solid #35544E;position:relative}
    .footer .info li::after{position:absolute;top:2rem;right:0;content:'';width:1.5rem;height:1rem;background:url(../images/arrow_down1.png) no-repeat center center/1.5rem;transition:.3s}
    .footer .info li.rotate::after{transform:rotate(180deg)}
    .footer .info li .child{display:none;margin-top:0;margin-left:3rem}
    .footer .info li .child>a{margin-top:0;line-height:4rem;border-bottom:1px solid #35544E;}
    .footer .info li .child>a:last-child{border:0}
    .footer .info .qr{width:12rem;margin:0 auto}
    .footer .link{padding:2rem 0;}
    .footer .txt{margin-top:2rem;display:block}
    .footer .txt>a,.footer .txt>p{display:block;line-height:2.5rem;margin-bottom:1rem}
    
    .banner .pc{display:none}
    .banner .m{display:block}
    .banner .info .tag{text-align:center;font-size:1.4rem}
    .banner .info .name{text-align:center}
    .banner .info .note{font-size:1.4rem;text-align:center}
    
    .pos{display:block;height:auto;position:relative;margin-bottom:3rem}
    .pos .tit>span:last-child{display:none}
    .pos .crumb{position:absolute;top:-5rem;max-width:100%;right:0;}
    .pos .choose{display:block;position:absolute;top:50%;transform:translateY(-50%);right:0;padding:1rem 2rem;background:#35544E;color:#fff}
    
    .page a,.page .a_cur{font-size:1.4rem;margin-right:.5rem;padding:.5rem 1rem;}
    
    .float{width:4rem;}
    .float>a{height:4rem;}
    .float>a,.float>a:hover{background:#F4F3F4;}
    .float>a:first-child>i,.float>a:hover:first-child>i{background:url(../images/phone.png) no-repeat center center/2rem}
    .float>a:nth-child(2)>i,.float>a:hover:nth-child(2)>i{background:url(../images/ask.png) no-repeat center center/1.8rem}
    .float>a:nth-child(3){display:none}
    .float>a:nth-child(4)>i,.float>a:hover:nth-child(4)>i{background:url(../images/back.png) no-repeat center center/2rem}
    .float>a>span,.float .phone,.float .qr{display:none}
    
    .img_bg .bg:hover{transform:scale(1)}
}

@media (max-width:480px){
    html{font-size:50%}
    
    .header .logo.unhover,.header .logo.hover{width:25rem}
    
    .banner .info .name{font-size:2.5rem}
}