/* bannrer */
.bans {
    position: relative;
}

.bans .mySwiperba {
    overflow: hidden;
}

.bans .swiper-slide img {
    width: 100%;
    display: block;
}

.bans .swiper-pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 9999;
    bottom: 6.3%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.bans .sort1 {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 9999;
    bottom: 5%;
}

.bans .sort1 li {
    width: 50px;
    height: 2px;
    background: #fff;
    opacity: 0.5;
    display: inline-block;
}

.bans .sort1 li.on {
    opacity: 1;
}

@media (max-width:1024px) {
    .bans .sort1 {
        bottom: 4%;
    }

    .bans .sort1 li {
        width: 35px;
        height: 2px;
    }
}
@media (max-width:768px) {
    .bans{padding-top: 60px;}
}
@media (max-width:428px) {
    .bans .swiper-pagination {
        bottom: 9%;
    }
}


/*about*/
.aboutbox {
    background: url(../images/aboutbg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 4.37vw 0 3vw;
}

.abz {
    margin-left: 8.95%;
    width: 34.71%;
}

.bt h2 {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    width: 230px;
    border-bottom: 1px solid #222222;
    padding-bottom: 7px;
}

.bt h3 {
    color: #e50012;
    font-size: 36px;
    font-weight: bold;
    margin-top: 1.2vw;
}

.ab {
    color: #999999;
    font-size: 16px;
    margin: 1.2333vw 0 1.67vw;
    line-height: 32px;
}

.abwz2 {
    color: #e50012;
    font-size: 14px;
    line-height: 46px;
}

.abwz2 p {
    background: url(../images/icon-gou.png) no-repeat left center;
    padding-left: 30px;
}

.apic {
    width: 50.93%;
    position: relative;
}

.apic img {
    width: 100%;
    display: block;
}

.imgwz {
    width: 230px;
    height: 320px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(42, 42, 34, .6);
    color: #fff;
    font-size: 110px;
    font-family: "Impact";
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.imgwz:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #dd4554;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
}

.hz {
    margin-top: 4.2vw;
}

.hz li {
    width: 14%;
    box-shadow: 0 0 15px #eee;
}

.hz li img {
    width: 100%;
    display: block;
}

@media (max-width:1440px) {
    .abz {
        margin-left: 3%;
        width: 40%;
    }
}

@media (max-width:1024px) {
    .bt h2 {
        width: 200px;
    }

    .bt h3 {
        font-size: 26px;
    }

    .ab {
        font-size: 14px;
        line-height: 25px;
    }

    .abwz2 {
        line-height: 30px;
    }

    .abwz2 p {
        background: url(../images/icon-gou.png) no-repeat left 11px;
        ;
        padding-left: 22px;
    }

    .imgwz {
        font-size: 80px;
        width: 180px;
        height: 250px;
    }
}

@media (max-width: 768px) {
    .abz {
        width: 100%;
        margin-left: 0;
    }

    .apic {
        width: 100%;
        margin-top: 15px;
    }

    .hz li {
        width: 32%;
        margin: 5px 0;
    }
}

@media (max-width:428px) {
    .box1{padding:30px 0;}
    .bt h3 {
        font-size: 22px;
    }

    .ab {
        margin: 15px 0;
    }

    .imgwz {
        font-size: 60px;
        width: 160px;
        height: 223px;
    }
}



/*youshi*/
.box2{background:url(../images/youshibg.jpg) no-repeat center top;padding-top:4.37vw;}
.ycont{display:flex;justify-content: space-between;align-items:flex-end;flex-wrap:wrap;}
.ycont .bt h2{color:#fff;border-color:#fff;}
.ycont .bt h3{color:#fff;}
.anj{width:120px;}
.anj .swiper-button-prev{width:57px;height:57px;opacity:1;z-index:999;background:url(../images/icon-sleft.png) no-repeat;background-size:100% 100%;position:static;margin-top:0;}
.anj .swiper-button-next{width:57px;height:57px;opacity:1;z-index:999;background:url(../images/icon-snext.png) no-repeat;background-size:100% 100%;position:static;margin-top:0;}
.anj .swiper-button-prev:hover{background:url(../images/icon-sprev-h.png) no-repeat;background-size:100% 100%;}
.anj .swiper-button-next:hover{background:url(../images/icon-snext-h.png) no-repeat;background-size:100% 100%;}

.yous{width:100%;margin-top:2.5vw;}
.yous .mySwiperys{overflow: hidden;}
.yous .swiper-slide{width:1052px;}
.yous .swiper-slide .img img{width:100%;display:block;}
.yous .swiper-slide a{position:relative;}
.yous .swiper-slide .mask{position: absolute;width: 100%;left: 0;bottom: 0;background:rgba(0,0,0,.3);}
.yous .swiper-slide .mask:before{content:"";width:12px;height:12px;background:#dd4554;position:absolute;display: block;right:0;top:0;}
.yous .swiper-slide .det{width:92%;margin:0 auto;padding:28px 0 22px;}
.yous .swiper-slide .wz1{color:#fff;font-size:24px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.yous .swiper-slide .wz1 span{position: relative;}
.yous .swiper-slide .wz1 span:before{content:"";width:0;height:1px;background:#fff;position:absolute;display: block;left:0;bottom:-1px;transition:all 0.8s;}
.yous .swiper-slide .wz2{color:#fff;font-size:14px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;}
.yous .swiper-slide .wz1:hover span:before{width:100%;}
@media (max-width:1440px) {
    .yous .swiper-slide{width:800px;}
}
@media (max-width:1024px) {
    .yous .swiper-slide{width:500px;}
    .anj{width:100px;}
    .anj .swiper-button-prev,.anj .swiper-button-next{width:48px;height:48px;}
    .yous .swiper-slide .wz1{font-size:18px;}
}
@media (max-width: 428px) {
    .box2{padding-top:30px;}
    .yous .swiper-slide{width:220px;}
    .anj{width:70px;}
    .anj .swiper-button-prev,.anj .swiper-button-next{width:32px;height:32px;}
    .yous{margin-top:15px;}
    .yous .swiper-slide .det{padding:10px 0;}
    .yous .swiper-slide .wz2{margin-top:2px;}
    .yous .swiper-slide .wz1{font-size:16px;}
    .yous .swiper-slide .mask:before{width:8px;height:8px;}
}


.box3{padding:6vw 0 3vw;}
.scont{display:flex;justify-content: space-between;align-items:flex-end;flex-wrap:wrap;}
a.cm{display:block;background-color: rgb(242, 245, 247);width: 215px;line-height: 57px;text-align:center;color:#e50012;font-size:16px;}
a.cm img{margin-left:65px;vertical-align:-1px;}
.anwz{width:57%;color:#999999;font-size:14px;line-height:32px;margin:2vw 0;}

.alli{position:relative;}
.alli .mySwiper2{overflow:hidden;}
.alli .swiper-slide{position: relative;}
.alli .swiper-slide .img img{width:100%;display:block;}
.alli .swiper-slide .det{position: absolute;width: 100%;left: 0;bottom: 0;background:rgba(0,0,0,.3);}
.alli .swiper-slide .nr{width:88%;margin:0 auto;padding:18px 0;}
.alli .swiper-slide .wz{color:#fff;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;width:76%;}
@media (max-width:1024px) {
    a.cm{width:150px;line-height:40px;font-size:14px;}
    a.cm img{margin-left:30px;}
    .anwz{line-height:25px;}
    .alli .swiper-slide .wz{font-size:16px;}
}
@media (max-width: 768px) {
    .anwz{width:100%;}
}
@media (max-width:428px) {
    .box3{padding:30px 0;}
    a.cm{display:none;}
}


.box4{background:url(../images/probg.jpg) no-repeat center top;padding-top:4.37vw;}
.pcont{display:flex;justify-content: space-between;align-items:flex-end;flex-wrap:wrap;}
.pcont .bt h2{color:#fff;border-color:#fff;}
.pcont .bt h3{color:#fff;}
.psort li{width:226px;}
.psort li a{height:40px;color:#fff;font-size:14px;border-bottom:1px solid #fff;}

.prod1{margin-top:2.3vw;}
.prod1 li{width:31.5%;position: relative;margin-bottom:2vw; border:1px solid #f2f2f2;}
.prod1 li .img img{width:100%;display:block;}
.prod1 li .mask{width:100%;height:100%;background:rgba(255,255,255,.8);top:0;left:0;position:absolute;opacity:0;}
.prod1 li .nr{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.prod1 li .tu{display: flex;justify-content: center;flex-wrap:wrap;align-items: center;} 
.prod1 li .tu .aa{margin:0 2px;}
.prod1 li .wz{width:90%;color:#e50012;font-size:16px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:1.68vw;text-align:center;}
.prod1 li:hover .mask{opacity:1;}
@media (max-width:1024px) {
    .alli .swiper-slide .wz{font-size:16px;}
   .prod1 li .wz{font-size:14px;}
   .prod1 li .tu .aa{width:40px;height:40px;}
   .prod1 li .tu .aa img{width:100%;}
}
@media (max-width: 768px) {
    .prod1 li{width:49%;}
}
@media (max-width:428px) {
    .box4{padding-top:30px;}
    .psort{margin:15px 0;}
}


.box5{background:url(../images/newsbg.jpg) no-repeat;background-size:100% 100%;padding:6vw 0 11vw;}
a.cm2{background-color:#fff;}
.xcont{margin-top:2.5vw;}
.xw1{width:48.58%;background:#fff;}
.xw1 li .img img{width:100%;display:block;}
.xw1 li .det{width:80%;margin:0 auto;padding:10% 0;}
.xw1 li .wz1{color:#999999;font-size:12px;text-align:center;}
.xw1 li .wz1 span{color:#222222;}
.xw1 li .wz2{color:#e50012;font-size:18px;text-align:center;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1vw 0;}
.xw1 li .wz3{color:#999999;font-size:16px;line-height:32px;overflow: hidden;height:192px;}

.xw2{width:48.58%;}
.xw2 li{background:#fff;}
.xw2 li .img{width:48%;}
.xw2 li .img img{width:100%;display:block;}
.xw2 li .det{width:52%;margin:0 auto;padding:4% 5%;}
.xw2 li .wz1{color:#999999;font-size:12px;text-align:center;}
.xw2 li .wz1 span{color:#222222;}
.xw2 li .wz2{color:#e50012;font-size:18px;text-align:center;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1vw 0;}
.xw2 li .wz3{color:#999999;font-size:14px;line-height:32px;overflow: hidden;height:96px;}
.xw2 li+li{margin-top:1.4vw;}
@media (max-width:1024px) {
    .xw1 li .wz2{font-size:16px;}
   .xw1 li .wz3{font-size:14px;line-height:25px;height:150px;}
   .xw2 li .det{padding:3%;}
    .xw2 li .wz2{font-size:16px;}
   .xw2 li .wz3{font-size:14px;line-height:25px;height:75px;}
}
@media (max-width: 768px) {
    .xw1{width:100%;}
    .xw1 li .det{width:90%;padding:20px 0;}
    .xw2{width:100%;margin-top:15px;}
    .box5{padding:6vw 0;}
}
@media (max-width:428px) {
    .box5{padding:30px 0;}
    .xw1{margin-top:15px;}
   .xw2 li .img{width:100%;}
   .xw2 li .det{width:100%;padding:15px;}
}