.heaader{background:none;}
.scrolled{background:#000;}
.banner{height:100vh;width:100%;}
.banner.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;}
.banner .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;}
.banner .swiper-container-vertical>.swiper-pagination-bullets{left:20px;}
.banner .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:20px 0;}
.banner .swiper-pagination-bullet{width:14px;height:14px;border-radius:50%;border:2px solid #CDCDCD;background:none;opacity:0.9;position:relative;}
.banner .swiper-pagination-bullet-active::after{position:absolute;content:'';width:10px;height:10px;background:#fff;border-radius:50%;left:2px;top:2px;}
.banner .txt{color:#fff;position:absolute;width:100%;height:100%;left:0;top:0;}
.banner .txt .container{display:flex;align-items:center;height:100%;}
.banner .txt .box{width:800px;margin:0 auto;text-align:center;}
.banner .txt h3{font-size:50px;padding:10px 0;font-weight:bold;}
.banner .txt p{padding:20px 0 40px}
.banner .txt a{color:#fff;border-radius:5px;padding:10px 20px;background:#07519e;text-shadow:-1px 5px 10px rgba(0,0,0,0.63);}
.banner .swiper-slide img{transition:transform 0.5s ease;display:block;width:100%;height:100%;object-fit:cover;}
.banner .swiper-slide:hover img{transform:scale(1.1);}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#fff !important;width:20px !important;padding:10px;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{display:none;}
.producelist .swiper-button-next,.producelist .swiper-button-prev{color:#fff !important;padding:6px 8px;background:#07519e;}
.producelist .swiper-button-prev{left:-60px;}
.producelist .swiper-button-next{right:-60px;}
.producelist .swiper-button-prev,.producelist .swiper-button-next{--swiper-navigation-size:14px;}
.swiper-pagination-bullet{color:#ccc !important;}
.banner .swiper-button-prev,.swiper-button-next{--swiper-navigation-size:20px;}
.huanglab{padding:54px 0;background:#f5f5f5;}
.huanglab .box{display:flex;justify-content:space-between;align-items:center;}
.huanglab .box .txt{flex:1;padding:0 60px;}
.huanglab .box .txt h3{font-weight:bold;font-size:30px;padding:0 0 40px}
.huanglab .box .txt p{font-size:20px;text-align: justify;}
.huanglab .box .img{width:32%;border-radius:20px;}
.huanglab .box .img img{width:100%;border-radius:20px;}
.huanglab .box .taga{margin:40px 0 0;}
.huanglab .box .taga a{padding:10px 20px;border:1px solid #66B4FF;background:#66B4FF;color:#fff;border-radius:20px;transition:transform 0.5s ease;}
.huanglab .box .taga a:hover{color:#fff;background:#47A2FA;}
.producelist .container{width:1100px;margin:0 auto;}
.producelist .box{position:relative;text-align:center;padding-bottom:60px;}
.producelist .box h3{font-size:30px;color:#07519e;padding:30px 0;}
.swiper-container{width:100%;height:100%;overflow:hidden;}
.producelist .swiper-slide{text-align:center;font-size:18px;display:flex;align-items:center;height:380px;}
.producelist .cont .img{width:60%;margin:0 auto;overflow:hidden;}
.producelist .cont img{width:100%;transition:transform 0.5s ease;}
.producelist .cont .img:hover img{transform:scale(1.1);}
.producelist .cont h4{padding:20px 0;color:#07519e;font-size:18px;}
.producelist .cont p{color:#000;}
.producelist .cont h5{transition:transform 2s ease 0s;display:none;}
.producelist .cont a{color:#fff;border-radius:5px;padding:6px 22px;display:inline-block;background:#07519e;}
.producelist .cont:hover h5{display:block;}
.producelist .linka{padding:30px 0 0;text-align:center;}
.producelist .linka a{padding:10px 20px;border:1px solid #000;border-radius:6px;color:#000;}


.list1 h3{text-align:center;font-size:38px;padding:40px 0;font-weight:bold;}
.list1 ul{padding:20px 0 40px;display:flex;flex-wrap:wrap;justify-content:space-around;border-bottom:4px solid #F4F4F4;;}
.list1 ul li{width:23%;background:#F4F4F4;position:relative;}
.list1 ul li .img1{overflow:hidden;}
.list1 ul li .img1 img{width:100%;transition:transform 0.5s ease;}
.list1 ul li .img1:hover img{transform:scale(1.1);}
.list1 ul li .txt1{padding:20px;color:#2A2A2A;}
.list1 ul li .txt1 h4{color:#2A2A2A;font-size:18px;font-weight:bold;padding-bottom:10px;}


.xs{display:none;}
@media (max-width:900px){
    .banner .swiper-pagination-bullet{width:12px;height:12px;}
    .banner .swiper-pagination-bullet-active::after{width:8px;height:8px;top:2px;left:2px;}
    .banner{height:400px;}
    .banner .box{text-align:center;}
    .banner .txt p{padding:1rem 3rem 2rem;}
    .banner .txt h3{font-size:1.8rem;}
    .lg{display:none;}
    .xs{display:block;}
    .huanglab{padding:3rem 0 0;background:#fff;}
    .huanglab .box{display:block;padding:1rem;}
    .huanglab .box .txt{padding:0 2rem;}
    .huanglab .box .txt h3{font-size:1.6rem;padding:0 0 2rem;text-align:center;word-wrap:break-word;}
    .huanglab .box .txt p{font-size:1.2rem;text-align:left;}
    .huanglab .box .taga{text-align:center;margin:2rem auto;}
    .huanglab .box .taga a{background:#5C86BA;border-radius:2rem;color:#fff;}
    .huanglab .box .img{width:100%;}
    .list1 h3{font-size:1.8rem;padding:2rem 0 0;}
    .list1 ul{display:block;padding:1rem;border:none;}
    .list1 ul li{width:100%;margin:1.4rem 0;}
    .list1 ul li .txt1{padding:2rem 2rem 3rem;}
    .list1 ul li .txt1 p{font-size:1rem}
}