.banner{position:relative;background:#f5f5f5;margin:0 auto;overflow:hidden;clear:both}
.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:54rem}
.banner .swiper-slide{line-height:0}
.banner .swiper-slide img{width:100%;height:54rem}
.banner .swiper-page{position:absolute;left:6.25%;bottom:4.7rem;z-index:2;font-size:2.1rem;font-weight:700;line-height:80%;color:#fff;font-family:myfontb}
.banner .next,.banner .prev{width:62px;height:62px;opacity:.3;cursor:pointer;transition:all .5s ease;background:#ef6701;border-radius:50%;top:50%;position:absolute;left:-100px;z-index:9;transform:translateY(-50%)}
.banner .next img,.banner .prev img{width:100%}
.banner .next:hover,.banner .prev:hover{opacity:1}
.banner .next{left:auto;right:-100px}
.banner:hover .prev{left:3%}
.banner:hover .next{right:3%}
.banner .swiper-pagination{bottom:5.3rem!important;left:9.25%!important;text-align:left;width:auto}
.banner .swiper-pagination-bullet{width:16px;height:16px;background:#fff;opacity:1;border-radius:8px;cursor:pointer;margin:0 19px!important;transition:all .5s ease;position:relative}
.banner .swiper-pagination-bullet::after{content:"";display:block;width:16px;height:2px;background:#fff;border-radius:1px;position:absolute;right:-27px;top:7px}
.banner .swiper-pagination-bullet:last-of-type::after{display:none}
.banner .swiper-pagination-bullet-active{opacity:1;background:#ef6701}
.bk-title{text-align:center}
.bk-title em{font-size:3.2rem;font-weight:400;line-height:3.2rem;color:#333;display:block;text-transform: capitalize;}
.bk-title span{display:block;font-size:.9rem;font-weight:400;line-height:85%;color:#aaa;text-transform:uppercase;font-family:myfont;margin-top:1.3rem;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(/images/yz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;padding-top:6.7rem;padding-bottom:13.6rem;position:relative}
.guide h2{text-align:center;position:relative;z-index:2}
.guide h2 em{display:block;font-size:3.2rem;font-weight:700;line-height:3.8rem;color:#333;text-transform: capitalize;}
.guide h2 span{display:block;font-size:.9rem;font-weight:400;line-height:85%;color:#aaa;text-transform:uppercase;font-family:myfont;margin-top:1.3rem;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:1.3rem}
.guide h2 span::after{content:"";width:5.5rem;height:.1rem;background:#ddd;display:block;margin-left:1.3rem}
.guide .video-player{position:absolute;left:0;bottom:0;z-index:0;width:100%;height:100%;object-fit:cover}
.guide .desc{text-align:center;font-size:.9rem;font-weight:400;line-height:1.8rem;color:#333;padding:0 8%;margin-top:3rem;position:relative;z-index:1}
.guide .zx{text-align:center;margin-top:1.5rem}
.guide .more{position:relative;display:inline-block;padding-right:3.7rem;transition:.35s;margin:0 auto;z-index:1}
.guide .more span{position:relative;z-index:1;font-size:1rem;font-weight:400;line-height:2.5rem;color:#333;transition:.5s;left:0}
.guide .more::before{content:"";width:2.5rem;height:2.5rem;background-image:url(/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;transition:.35s}
.guide .more::after{content:"";display:block;width:2.5rem;height:2.5rem;border-radius:1.25rem;background:#eee;position:absolute;right:0;top:0;transition:.5s}
.guide .more:hover span{color:#025cbd;left:1rem}
.guide .more:hover::after{width:100%}
.guide .more:hover::before{right:.5rem}
.guide ul{padding:0 8%;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;margin-top:4rem;position:relative;z-index:2}
.guide ul li{max-width:16.66%}
.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:75%}
.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.4rem}
.guide ul li:hover b em,.guide ul li:hover b span{color: #ef6701;}
.product{background:#f2f2f2 url(/images/pro-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 42rem;padding-top:7rem;padding-bottom:8rem}
.product h2 em{color:#fff}
.product h2 span{color:#fff}
.product .product-con{margin-top:4.75rem;border-radius:1rem;overflow:hidden}
.product .product-con dl{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;background:#fff}
.product .product-con dl dt{width:50%;display:block;line-height:0;overflow:hidden}
.product .product-con dl dt img{display:block;width:100%}
.product .product-con dl dd{width:50%;padding:4rem 4rem 0 4rem;box-sizing:border-box;position:relative}
.product .product-con dl dd h3 a{font-size:2rem;font-weight:700;line-height:2rem;color:#025cbd;padding-bottom:1.3rem;border-bottom:.05rem solid #666;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:1.5rem;transition:.5s}
.product .product-con dl dd h3 a img{display:inline-block;width:auto;height:2.9rem;margin-right:1.4rem;transition:.5s}
.product .product-con dl dd h3 a .tag{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.product .product-con dl dd h3 a .tag span{font-size:1rem;font-weight:400;line-height:1;color:#333;margin-right:0.5rem;margin-top:.4rem;transition:.35s}
.product .product-con dl dd h3 a .tag span:last-of-type{margin-right:0}
.product .product-con dl dd p{font-size:1rem;font-weight:400;color:#333;padding-right:1rem;transition:.35s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;line-height:1.8rem;height:9rem;}
.product .product-con dl dd p a{color: #333;transition:.35s;}
.product .product-con dl dd .more{position:absolute;display:inline-block;padding-right:3.7rem;right:4rem;bottom:3rem;transition:.35s}
.product .product-con dl dd .more span{position:relative;z-index:1;font-size:1rem;font-weight:400;line-height:2.5rem;color:#333;transition:.5s;left:0}
.product .product-con dl dd .more::before{content:"";width:2.5rem;height:2.5rem;background-image:url(/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;transition:.35s}
.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;transition:.5s}
.product .product-con dl:hover dd{background-image:url(/images/pro-cbg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%}
.product .product-con dl:hover dd h3 a{color:#fff;border-color:rgba(255,255,255,.4)}
.product .product-con dl:hover dd h3 a img{filter:grayscale(100%) brightness(400%)}
.product .product-con dl:hover dd h3 a .tag span{color: #fff;}
.product .product-con dl:hover dd p{color:#fff}
.product .product-con dl:hover dd p a{color: #fff;}
.product .product-con dl:hover dd .more span{color:#fff}
.product .product-con dl:hover dd .more::before{background-image:url(/images/pro-more2.png);background-repeat:no-repeat;background-position:center center;background-size:.8rem .8rem}
.product .product-con dl:hover dd .more:hover span{color:#ef6701;left:1rem}
.product .product-con dl:hover dd .more:hover::after{width:100%}
.product .product-con dl:hover dd .more:hover::before{right:.5rem}
.product .product-con dl:nth-of-type(odd) dt{order:2}
.choose{padding-top:7rem}
.choose .choose-con{margin-top:3.8rem;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start}
.choose .choose-con dl{width:13.54%;position:relative;transition:.5s;overflow:hidden}
.choose .choose-con dl dt{height:40rem}
.choose .choose-con dl dt>img{display:block;position:absolute;left:50%;transform:translate(-50%)}
.choose .choose-con dl dt::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.35);position:absolute;left:0;top:0;z-index:1}
.choose .choose-con dl dt h3{position:absolute;left:50%;top:50%;z-index:2;font-size:1.5rem;font-weight:700;line-height:2.1rem;color:#fff;transform:translate(-50%,-50%)}
.choose .choose-con dl dt h3 img{width:3.1rem;display:block;height:3.1rem;margin-top:1.5rem}
.choose .choose-con dl dd{position:absolute;top:20%;height:100%;left:0;z-index:2;box-sizing:border-box;padding:0 3rem;width:100%;opacity:0;padding-top:2rem;background-image:url(/images/ys-cbg.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;padding-top:29rem}
.choose .choose-con dl dd h4{font-size:1.8rem;font-weight:700;line-height:1.8rem;color:#fff;display:block}
.choose .choose-con dl dd p{font-size:.9rem;font-weight:400;line-height:1.8rem;color:#fff;margin-top:1.15rem}
.choose .choose-con dl dd p span{display:block}
.choose .choose-con dl.cur{width:59.38%}
.choose .choose-con dl.cur dt::before{opacity:0}
.choose .choose-con dl.cur dt>img{min-width:100%}
.choose .choose-con dl.cur dt h3{opacity:0}
.choose .choose-con dl.cur dd{opacity:1;top:0;transition:all .5s ease-in-out .25s}
.case{padding-top:7rem;padding-bottom:8rem}
.case .case-con{overflow:hidden;margin-top:3.8rem}
.case .case-con dl{position:relative;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::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(247,121,30,.9);z-index:1;transition:.65s}
.case .case-con dl dt img{display:block;width:100%}
.case .case-con dl dd{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;z-index:2}
.case .case-con dl dd h3{position:absolute;top:27.5rem;left:2rem;transition:.65s}
.case .case-con dl dd h3 img{width:auto;height:3.15rem;display:block}
.case .case-con dl dd h3 b{text-shadow:0 .05rem .15rem rgba(0,0,0,.8);font-size:1.8rem;font-weight:400;line-height:1.8rem;color:#fff;margin-top:1.8rem;display:block}
.case .case-con dl dd h3 b span{display:block;font-size:.7rem;font-weight:400;line-height:85%;color:#fff;opacity:.8;text-shadow:none;margin-top:.6rem}
.case .case-con dl dd p{font-size:.9rem;font-weight:400;color:#fff;top:18rem;position:absolute;width:100%;padding:0 1.5rem 0 2rem;box-sizing:border-box;opacity:0;transition:.65s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;line-height:1.6rem;height:12.8rem}
.case .case-con dl dd .more{position:absolute;display:inline-block;padding-right:3.7rem;right:2rem;bottom:4rem;opacity:0;transition:.5s}
.case .case-con dl dd .more span{position:relative;z-index:1;font-size:1rem;font-weight:700;line-height:2.5rem;color:#fff;transition:.5s;left:0}
.case .case-con dl dd .more::before{content:"";width:2.5rem;height:2.5rem;background-image:url(/images/al-more.png);background-repeat:no-repeat;background-position:center center;background-size:.8rem .8rem;position:absolute;right:0;top:0;z-index:1;transition:.5s}
.case .case-con dl dd .more::after{content:"";display:block;width:2.5rem;height:2.5rem;border-radius:1.25rem;background:#fff;position:absolute;right:0;top:0;transition:.5s}
.case .case-con dl dd .more:hover span{color:#ef6701;left:1rem}
.case .case-con dl dd .more:hover::after{width:100%}
.case .case-con dl dd .more:hover::before{right:.5rem}
.case .case-con dl:hover::before{opacity:0}
.case .case-con dl:hover::after{top:0;opacity:1}
.case .case-con dl:hover dd h3{top:5rem}
.case .case-con dl:hover dd h3 b{text-shadow:none}
.case .case-con dl:hover dd p{opacity:1;top:15.5rem}
.case .case-con dl:hover dd .more{opacity:1;bottom:5rem}
.history{background-image:url(/images/lc-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;height:54rem;box-sizing:border-box;padding-top:6rem;position:relative}
.history h2 em{color:#fff}
.history h2 span{color:#fff;opacity:.3}
.history .history-arrow{position:absolute;left:0;bottom:12rem;width:0;transition:all 1.2s ease}
.history .history-arrow img{display:block;width:100%}
.history .history-arrow.run{width:100%}
.history .history-con{margin-top:4.5rem;overflow:hidden}
.history .history-con ul li{text-align:center;position:relative;padding:0 .3rem;box-sizing:border-box;background-image:url(/images/lc-ling.png);background-repeat:no-repeat;background-position:center bottom 1.7rem;background-size:.6rem 6.2rem;width:20%;transition:.5s}
.history .history-con ul li i{display:block;font-size:1.3rem;font-weight:700;line-height:85%;color:#ef8d01;font-family:myfont2}
.history .history-con ul li b{display:block;font-size:1.5rem;font-weight:700;line-height:1.5rem;color:#fff;margin-top:.9rem;margin-bottom:1.25rem}
.history .history-con ul li p{font-size:.8rem;font-weight:400;line-height:1.5rem;color:#fff;transition:.5s}
.history .history-con ul li::after{content:"";display:block;width:1.1rem;height:1.1rem;border-radius:50%;position:absolute;left:50%;bottom:0;background:#fff;transform:translateX(-50%);box-shadow:0 .15rem .25rem 0 rgba(13,46,76,.45)}
.history .history-con ul li:nth-of-type(5n+1){height:25.6rem}
.history .history-con ul li:nth-of-type(5n+2){margin-top:5rem;height:18rem}
.history .history-con ul li:nth-of-type(5n+3){height:22.8rem}
.history .history-con ul li:nth-of-type(5n+4){margin-top:5rem;height:18.2rem}
.history .history-con ul li:nth-of-type(5n+5){height:16.5rem}
.history .history-con ul li:hover{padding-top:.5rem}
.history .history-con ul li:hover p{top:5rem}
.history .history-con ul li:hover::after{background:#ef8d01;animation:breathe 2s ease-in-out infinite;box-shadow:none}
.news{padding-top:7rem;padding-bottom:6.5rem}
.news .news-t{margin-top:3.9rem}
.news .news-t dl{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;border-radius:1rem;overflow:hidden;background:#f2f2f2;margin-bottom:1.9rem}
.news .news-t dl dt{width:50%;display:block;line-height:0;overflow:hidden}
.news .news-t dl dt img{display:block;width:100%}
.news .news-t dl dd{width:50%;box-sizing:border-box;padding:3.6rem 3.5rem 0 4rem}
.news .news-t dl dd i{font-size:.9rem;font-weight:400;line-height:85%;color:#666;display:block;font-family:myfont}
.news .news-t dl dd h4 a{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.1rem;height:4.2rem;margin-bottom:1.25rem;margin-top:1.3rem;display:block;transition:.35s}
.news .news-t dl dd h4 a:hover{color:#ef6701}
.news .news-t dl dd p{font-size:1rem;font-weight:400;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.6rem;height:3.2rem}
.news .news-t dl dd .more{position:relative;display:inline-block;padding-right:3.7rem;margin-top:3rem}
.news .news-t dl dd .more span{position:relative;z-index:1;font-size:1rem;font-weight:700;line-height:2.5rem;color:#ef6701;transition:.5s;left:0}
.news .news-t dl dd .more::before{content:"";width:2.5rem;height:2.5rem;background-image:url(/images/news-more.png);background-repeat:no-repeat;background-position:center center;background-size:.8rem .8rem;position:absolute;right:0;top:0;z-index:1;transition:.5s}
.news .news-t dl dd .more::after{content:"";display:block;width:2.5rem;height:2.5rem;border-radius:1.25rem;background:#ef6701;position:absolute;right:0;top:0;transition:.5s}
.news .news-t dl dd .more:hover{color:#fff}
.news .news-t dl dd .more:hover span{color:#fff;left:1rem}
.news .news-t dl dd .more:hover::after{width:100%}
.news .news-t dl dd .more:hover::before{right:.5rem}
.news .news-b{position:relative}
.news .news-con{overflow:hidden}
.news .news-con dl{background:#f2f2f2;border-radius:1rem;overflow:hidden;transition:.35s}
.news .news-con dl dt{display:block;line-height:0;overflow:hidden}
.news .news-con dl dt img{display:block;width:100%}
.news .news-con dl dd{height:4.7rem;box-sizing:border-box;padding:1rem 1rem 0 1rem}
.news .news-con dl dd h4{font-size:1rem;font-weight:700;line-height:1.1rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.35s}
.news .news-con dl dd i{font-size:.8rem;font-weight:400;line-height:85%;color:#666;font-family:myfont;margin-top:.75rem;display:block;transition:.35s}
.news .news-con dl:hover{background:#ef6701}
.news .news-con dl:hover h4,.news .news-con dl:hover i{color:#fff}
.news .news-prev{position:absolute;left:-4rem;top:50%;border:.05rem solid rgba(204,204,204,.6);border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:.35s;width:3rem}
.news .news-prev img{display:block;width:100%;transition:.35s}
.news .news-prev:hover{background:#ef6701;border-color:#ef6701}
.news .news-prev:hover img{filter:grayscale(100%) brightness(200%)}
.news .news-next{position:absolute;right:-4rem;top:50%;border:.05rem solid rgba(204,204,204,.6);border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:.35s;width:3rem}
.news .news-next img{display:block;width:100%;transition:.35s}
.news .news-next:hover{background:#ef6701;border-color:#ef6701}
.news .news-next:hover img{filter:grayscale(100%) brightness(200%)}