@charset "utf-8"; 
:root {--color: #dc312f;}
.index header{background-color:#000000A5}
.home-banner .swiper-slide>a::after{display:none;}
.home-about .l-wrap{max-width: 100%;padding: 0;}
.home-about .l-wrap .aboutinfo{padding-left: 13%;}
@media (max-width:1600px) {.home-about .l-wrap .aboutinfo{padding-left: 70px;}}
@media (max-width:1024px) {.home-about .l-wrap .aboutinfo{padding-left: 10px;padding-right: 10px;}.home-about .l-wrap .aboutimg {padding: 10px;}}
.home-choose .l-wrap>div{width:100%}
.home-choose::before{display:none}
.home-choose .home-title{width:100%;margin-bottom:20px;text-align:center}
.home-choose{position:relative;padding:4% 0}
.home-choose .choose-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-choose .choose-list li{width:20%;display:flex;flex-direction:column;align-items:center;text-align:center}
.home-choose .choose-list li .icon{position:relative;z-index:1}
.home-choose .choose-list li .icon img{height:56px}
.home-choose .choose-list li .icon::after{content:"";position:absolute;bottom:-15px;left:90%;transform:translateX(-50%);width:50px;height:50px;background:var(--color);opacity:.5;border-radius:50%;z-index:-1}
.home-choose .choose-list li:nth-child(3) .icon::after{left:50%}
.home-choose .choose-list li .title{font-size:var(--fontsize20);margin:40px 0 10px}
.home-choose .choose-list li .text{color:var(--introcolor);font-size:var(--fontsize14)}
.home-choose .choose-list li .more{margin-top:30px}
.home-choose .choose-list li .more a{font-size:var(--fontsize14);text-transform:uppercase;position:relative;padding-bottom:5px}
.home-choose .choose-list li .more a::after{content:"";position:absolute;left:0;bottom:0;width:60px;height:1px;background:#000;transition:all .1s linear}
.home-choose .choose-list li .more em{margin-left:10px}
.home-choose .choose-list li:hover .more a{color:var(--color)}
.home-choose .choose-list li:hover .more a::after{width:100%}
@media(max-width:1024px){.home-choose .choose-list li{width:24%}}
@media(max-width:768px){.home-choose .choose-list li{width:49%;margin-bottom:20px}
.home-choose .choose-list li .icon img{height:40px}
.home-choose .choose-list li .icon::after{width:45px;height:45px}}
.home-about .aboutinfo p{line-height:2}
.home-about .l-wrap .aboutinfo{padding-left:5%;display:flex;flex-direction:column;justify-content:space-between;order:1}
.home-hotpro{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-hotpro .hotpro-main{width:50%;flex:1;padding-top:4%;z-index:1;position:relative}
.home-hotpro .hotpro-main .home-des,.home-hotpro .hotpro-main .home-title{text-align:left}
.home-hotpro .hotpro-main .hotpro-wrap{width:140%;z-index:1;padding-top:20px}
.home-hotpro .hotpro-main #hotpro{padding:20px;margin-left:-20px}
.home-hotpro .hotpro-main .hotpro-button{display:flex;align-items:center;margin-bottom:10px}
.home-hotpro .hotpro-main .hotpro-button .hotpro-next,.home-hotpro .hotpro-main .hotpro-button .hotpro-prev{margin-right:20px;width:70px;height:40px;background:rgba(243,243,241,0);border-radius:22px;border:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center;color:#bcbec1;cursor:pointer;transition:all .1s linear}
.home-hotpro .hotpro-main .hotpro-button .hotpro-next:hover,.home-hotpro .hotpro-main .hotpro-button .hotpro-prev:hover{background:var(--color);color:#fff}
.home-hotpro .hotpro-main .hotpro-pagination{bottom:0;display:none}
.home-hotpro .hotpro-main .swiper-slide{background:#fff}
.home-hotpro .hotpro-main .swiper-slide .img{background:#eee}
.home-hotpro .hotpro-main .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-hotpro .hotpro-main .swiper-slide .info{text-align:center;padding:20px 15px;transition:all .1s linear}
.home-hotpro .hotpro-main .swiper-slide .info .icon{color:var(--color)}
.home-hotpro .hotpro-main .swiper-slide .info .title{font-size:var(--fontsize18);padding:10px 0}
.home-hotpro .hotpro-main .swiper-slide .info .text{font-size:var(--fontsize14);color:var(--introcolor)}
.home-hotpro .hotpro-main .swiper-slide .info .more{margin-top:25px;min-width:180px;height:50px;padding:0 20px;background:#1a1414;color:#fff;font-size:var(--fontsize14);text-transform:uppercase;border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;opacity:0;overflow:hidden;visibility:hidden}
.home-hotpro .hotpro-main .swiper-slide:hover .img img{transform:scale(1.02)}
.home-hotpro .hotpro-main .swiper-slide:hover .info{box-shadow:0 10px 19px 5px rgba(224,224,224,.42)}
.home-hotpro .hotpro-main .swiper-slide:hover .info .more{opacity:1;overflow:inherit;visibility:inherit}
.home-hotpro .hotpro-main .swiper-slide:hover .info .more:hover{opacity:.8}
.home-hotpro .hotpro-img{width:50%}
.home-hotpro .hotpro-img img{width:100%}
@media(max-width:768px){.home-hotpro{flex-direction:column-reverse}
.home-hotpro .hotpro-img,.home-hotpro .hotpro-main{width:100%}
.home-hotpro .hotpro-main .hotpro-wrap{width:100%}
.home-hotpro .hotpro-main .swiper-slide .info{box-shadow:0 10px 19px 5px rgba(224,224,224,.42)}
.home-hotpro .hotpro-main .swiper-slide .info .more{opacity:1;overflow:inherit;visibility:inherit;height:45px}
.home-hotpro .hotpro-main .hotpro-wrap{padding-bottom:30px}
.home-hotpro .hotpro-main .hotpro-pagination{display:block}
.home-hotpro .hotpro-main .hotpro-pagination .swiper-pagination-bullet-active{background:var(--color)}}
@media(max-width:500px){.home-hotpro .hotpro-main #hotpro{padding:0;margin:0}
.home-hotpro .hotpro-main .swiper-slide .info .more{border-radius:5px;min-width:inherit;width:100%;height:40px;padding:0 10px}}
.home-servicebox{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-servicebox .service-item{width:50%;position:relative}
.home-servicebox .service-item:before{content:'';width:100%;height:100%;display:block;position: absolute;top:0;left:0;background:rgba(0,0,0,0.35)}
.home-servicebox .service-item:nth-child(2) .box{bottom:auto;top:0px}
.home-servicebox .service-item img{width:100%;height:100%;object-fit:cover}
.home-servicebox .service-item .box{position:absolute;bottom:0px;left:0px;width:100%;padding:8%;color:var(--headercolor)}
@media(min-width:1600px){.home-servicebox .service-item:nth-child(1) .box{padding-left:18%;}}
.home-servicebox .service-item .box .title{font-size:50px;margin-bottom:30px;line-height:1.2;font-weight:var(--fontbold5);color:#fff;}
.home-servicebox .service-item .box .text{font-size:var(--fontsize18);max-width:400px;margin-bottom:50px;color:#fff;}
.home-servicebox .service-item .box .home-more{border-radius: 30px;background:none;border-color:#fff;color:#fff;}
.home-servicebox .service-item .box .home-more:hover{background:var(--color);border-color:var(--color)}
@media (max-width:1280px){.home-servicebox .service-item .box .title{font-size:36px}
.home-servicebox .service-item .box .text{font-size:var(--fontsize14)}}
@media (max-width:1024px){.home-servicebox .service-item .box .title{font-size:var(--fontsize26)}}
@media (max-width:768px){.home-servicebox .service-item{width:100%}
.home-servicebox .service-item .box{padding:20px 15px}}
@media (max-width:500px){.home-servicebox .service-item .box .text{margin-bottom:20px}
.home-servicebox .service-item .box .title{font-size:var(--fontsize22);margin-bottom:10px}}
.home-servicebox .service-item:nth-child(2) .box{bottom:0;top:auto;left:0}
.home-servicebox .service-item .box{width:50%;padding:2%}
.home-servicebox .service-item:nth-child(1) .box{padding-left:0;right:0;left:auto}
.home-servicebox .service-item .box .text ,.home-servicebox .service-item .box .title {margin-bottom: 10px;}
.home-servicebox .service-item .box{width: 55%;}
@media (min-width:501px){.home-servicebox .service-item .box .title{font-size: 37px;}}
@media (max-width:500px){.home-servicebox .service-item .box .text, .home-servicebox .service-item .box .title{margin-bottom:5px;}
.home-servicebox .service-item .box .title{font-size:var(--fontsize20)}
.home-servicebox .service-item .box .home-more{font-size:12px;min-width:120px;height:30px;}}
.home-servicebox .service-item:before{background: rgba(0, 0, 0, 0.1);}
 @media (max-width:768px){.pagesbanner img{object-fit:contain}
.pagesbanner,.pagesbanner img{min-height:unset}}