﻿ .home-news{ display: none;}
    .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}
@media(min-width:1600px){.hotpro-main .l-wrap{padding-left:20%}
}.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:#FFFFFF}
.home-hotpro .hotpro-main .hotpro-pagination{bottom:0px;display:none}
.home-hotpro .hotpro-main .swiper-slide{background:#FFFFFF}
.home-hotpro .hotpro-main .swiper-slide .img{background:#EEEEEE}
.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 0px}
.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:0px 20px;background:#1a1414;color:#FFFFFF;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:0px 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:0px 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:0px;margin:0px}
.home-hotpro .hotpro-main .swiper-slide .info .more{border-radius:5px;min-width:inherit;width:100%;height:40px;padding:0px 10px}
}
.home-choose .left ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:20px 0}
.home-choose .left ul li{padding:15px;position:relative}
.home-choose .left ul li::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid transparent;border-radius:10px}
.home-choose .left ul li:hover::after{border-color:#FFFFFF;animation:drawBorderLine 2s linear infinite}
.home-choose .left ul li:hover em{transform:rotateY(180deg)}
.home-choose .left ul li em{color:var(--color);font-size:var(--fontsize40);line-height:1;display:inline-block;transition:all .2s linear}
.home-choose .left ul li .p1{font-size:var(--fontsize24);font-weight:var(--fontbold6);margin:10px 0 0}
.home-choose .left ul li .p2{color:#a5b5c4}
@media (max-width:500px){.home-choose .left ul li{padding:10px 0}
.home-choose .left ul li .p1{font-size:var(--fontsize20)}
.home-choose .left ul li::after{display:none}}