div,dt,li{line-height: 0;}
.banner{position:relative;width:100%;margin:0 auto;height:auto;z-index:1;font-size:0;overflow:hidden}
.banner .video .text{position:absolute;left:0;top:0;width:100%;z-index:1}
.banner .video video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1;height:50rem}
.banner .swiper-slide{line-height:0}
.banner .swiper-slide img{width:100%;height:50rem}
.banner .swiper-pagination{bottom:6%!important;line-height:0}
.banner .swiper-pagination-bullet{width:.85rem;height:.85rem;background:#fff;opacity:.8;margin:0 .4rem!important;vertical-align:top;border-radius:50%;position:relative;border:.05rem solid #fff}
.banner .swiper-pagination-bullet-active{background:#025cbd;opacity:1;border-color:#025cbd}
.bk-title{text-align:center}
.bk-title em{font-size:2.4rem;font-weight:400;line-height:2.4rem;color:#333;display:block}
.bk-title span{display:block;font-size:.9rem;font-weight:400;line-height:85%;color:#aaa;text-transform:uppercase;font-family:myfont;margin-top:1rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:center;align-items:center}
.bk-title span::before{content:"";width:5.5rem;height:.1rem;background:#ddd;display:block;margin-right:1.3rem}
.bk-title span::after{content:"";width:5.5rem;height:.1rem;background:#ddd;display:block;margin-left:1.3rem}
.guide{background-image:url(/mobile/images/yz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;padding-top:3.75rem;padding-bottom:10rem;position:relative}
.guide h2{text-align:center;position:relative;z-index:2}
.guide h2 em{display:block;font-size:2.4rem;font-weight:700;line-height:3.1rem;color:#333}
.guide h2 span{display:block;font-size:.9rem;font-weight:400;line-height:85%;color:#aaa;text-transform:uppercase;font-family:myfont;margin-top:1rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:center;align-items:center}
.guide h2 span::before{content:"";width:5.5rem;height:.1rem;background:#ddd;display:block;margin-right:.7rem}
.guide h2 span::after{content:"";width:5.5rem;height:.1rem;background:#ddd;display:block;margin-left:.7rem}
.guide .video-player{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:65%;object-fit:cover}
.guide .desc{text-align:center;font-size:1.2rem;font-weight:400;line-height:2.1rem;color:#333;padding:0 4%;margin-top:2.4rem;position:relative;z-index:2}
.guide .zx{text-align:center;margin-top:1.5rem}
.guide .more{position:relative;display:inline-block;padding-right:3.7rem;z-index:1}
.guide .more span{position:relative;z-index:1;font-size:1.2rem;font-weight:400;line-height:2.5rem;color:#333;left:0}
.guide .more::before{content:"";width:2.5rem;height:2.5rem;background-image:url(/mobile/images/pro-more.png);background-repeat:no-repeat;background-position:center center;background-size:.8rem .8rem;position:absolute;right:0;top:0;z-index:1}
.guide .more::after{content:"";display:block;width:2.5rem;height:2.5rem;border-radius:1.25rem;background:#eee;position:absolute;right:0;top:0}
.guide ul{padding:0 4%;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2}
.guide ul li{margin-top:3.5rem;width:38%;padding-right:1rem;box-sizing:border-box}
.guide ul li:nth-of-type(3n){margin-right:0;width:24%;padding-right:0}
.guide ul li b{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.guide ul li b em{font-size:3.6rem;font-weight:400;line-height:85%;color:#025cbd;font-family:impact;margin-right:.75rem}
.guide ul li b span{font-size:1.1rem;font-weight:400;line-height:1;color:#025cbd;max-width:60%}
.guide ul li b span.big{font-size:1.5rem;line-height:50%}
.guide ul li p{display:block;font-size:1.2rem;font-weight:400;line-height:1.2rem;color:#333;margin-top:1.3rem}
.product{padding:0 4%;background:#f2f2f2 url(/mobile/images/pro-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 31.5rem;padding-top:4rem;padding-bottom:4.5rem}
.product h2 em{color:#fff}
.product h2 span{color:#fff;opacity:.3}
.product .product-con{margin-top:2.85rem}
.product .product-con dl{background:#fff;margin-bottom:1.5rem;border-radius:1.05rem;overflow:hidden}
.product .product-con dl dd{padding:2.1rem 2rem 2rem}
.product .product-con dl dd h3 a{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding-bottom:1.5rem;border-bottom:.05rem solid #666}
.product .product-con dl dd h3 a img{width:auto;height:2.9rem;margin-right:1rem}
.product .product-con dl dd h3 a .title b{font-size:1.6rem;font-weight:700;line-height:1;color:#025cbd}
.product .product-con dl dd h3 a .title .tag{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.product .product-con dl dd h3 a .title .tag span{font-size:1.2rem;font-weight:400;line-height:1;color:#333;margin-right:1.4rem;margin-top:.6rem}
.product .product-con dl dd h3 a .title .tag span:last-of-type{margin-right:0}
.product .product-con dl dd p{font-size:1.2rem;font-weight:400;line-height:2.1rem;color:#666;margin-top:1rem;margin-bottom:1.1rem}
.product .product-con dl dd .more{position:relative;display:inline-block;padding-right:3.7rem}
.product .product-con dl dd .more span{position:relative;z-index:1;font-size:1.2rem;font-weight:400;line-height:2.5rem;color:#333;left:0}
.product .product-con dl dd .more::before{content:"";width:2.5rem;height:2.5rem;background-image:url(/mobile/images/pro-more.png);background-repeat:no-repeat;background-position:center center;background-size:.8rem .8rem;position:absolute;right:0;top:0;z-index:1}
.product .product-con dl dd .more::after{content:"";display:block;width:2.5rem;height:2.5rem;border-radius:1.25rem;background:#eee;position:absolute;right:0;top:0}
.choose{padding-top:4rem;padding-bottom:4rem}
.choose .choose-con{margin-top:2.8rem;margin-left:4%;overflow:hidden}
.choose .choose-con dl{border-radius:1rem;overflow:hidden}
.choose .choose-con dl dd{background-image:url(/mobile/images/ys-cbg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;padding:2rem 1.5rem 0 1.5rem;height:22rem;box-sizing:border-box}
.choose .choose-con dl dd h4{font-size:1.6rem;font-weight:700;line-height:1;color:#fff;margin-bottom:.9rem}
.choose .choose-con dl dd p{opacity:.95}
.choose .choose-con dl dd p span{display:block;font-size:1.2rem;font-weight:400;line-height:2rem;color:#fff}
.choose .swiper-pagination{bottom:auto;line-height:0;position:relative;margin-top:2rem}
.choose .swiper-pagination-bullet{width:1rem;height:1rem;background:#ccc;opacity:1;margin:0 .5rem!important;vertical-align:top;border-radius:.5rem;position:relative}
.choose .swiper-pagination-bullet-active{background:#ff8327;opacity:1;width:1.8rem}
.case{background:#f5f5f5;padding-top:4rem;padding-bottom:4rem}
.case .case-con{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 4%;margin-top:2.8rem}
.case .case-con dl{position:relative;width:48%;margin-bottom:1.6rem;border-radius:1rem;overflow:hidden}
.case .case-con dl::before{content:"";display:block;width:100%;height:40%;position:absolute;left:0;bottom:0;background:linear-gradient(360deg,rgba(0,0,0,.35),transparent);z-index:1}
.case .case-con dl dd{position:absolute;left:0;bottom:2.1rem;z-index:2;padding-left:2rem;box-sizing:border-box;width:100%}
.case .case-con dl dd h3 img{display:block;width:auto;height:3.15rem}
.case .case-con dl dd h3 b{text-shadow:0 .05rem .1rem rgba(0,0,0,.5);font-size:1.8rem;font-weight:400;line-height:1.8rem;color:#fff;margin-top:1.2rem;display:block}
.case .case-con dl dd h3 b span{display:block;font-size:.8rem;font-weight:400;line-height:85%;color:#fff;opacity:.8;text-shadow:none;margin-top:.6rem}
.history{background-image:url(/mobile/images/lc-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;height:50rem;box-sizing:border-box;padding-top:5rem}
.history h2 em{color:#fff}
.history h2 span{color:#fff;opacity:.3}
.history .history-con{margin-top:5rem;position:relative}
.history .history-con .history-prev{position:absolute;left:1rem;top:4rem;width:2.1rem;z-index:2}
.history .history-con .history-next{position:absolute;right:1rem;top:4rem;width:2.1rem;z-index:2}
.history .history-con ul li{text-align:center;position:relative}
.history .history-con ul li i{display:block;font-size:1.5rem;font-weight:700;line-height:85%;color:#ef8d01;font-family:myfont2}
.history .history-con ul li b{display:block;font-size:1.8rem;font-weight:700;line-height:1.8rem;color:#fff;margin-top:1.2rem}
.history .history-con ul li p{font-size:1.2rem;font-weight:400;line-height:2.1rem;color:#fff;margin-top:1.7rem;padding:0 10%}
.news{padding:4rem 4% 4.5rem}
.news .news-t{margin-top:2.8rem;margin-bottom:1.5rem}
.news .news-t dl{border-radius:1rem;overflow:hidden}
.news .news-t dl dd{background:#f2f2f2;height:16.6rem;box-sizing:border-box;padding:2rem 1.2rem 0 1rem}
.news .news-t dl dd i{font-size:1rem;font-weight:400;line-height:85%;color:#666;display:block;font-family:myfont}
.news .news-t dl dd h4{font-size:1.5rem;font-weight:700;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:2.4rem;margin-bottom:1.1rem;margin-top:.75rem;display:block}
.news .news-t dl dd p{font-size:1.2rem;font-weight:400;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:2.1rem}
.news .news-b{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.news .news-b dl{width:48%;background:#f2f2f2;border-radius:1rem;overflow:hidden}
.news .news-b dl dd{height: 5.7rem;box-sizing: border-box;padding:.8rem 1rem 0 1rem;}
.news .news-b dl dd h4{font-size:1.2rem;font-weight:400;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.8rem;height:3.6rem;}