.box1 .swiper-container {width: 100%;height: 100%;}
.box1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    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;
}
.box1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background: white}
.box1 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none}
.box1 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none}
.box1 .swiper-button-next{background: url(../images/next1_02.png) no-repeat}
.box1 .swiper-button-prev{height: 100px;width: 40px;background: url(../images/pre1_02.png) no-repeat}
.box1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 40px;height: 100px}
.box1 .swiper-button-next:hover{background: url(../images/next2_03.png) no-repeat}
.box1 .swiper-button-prev:hover{background: url(../images/pre2_03.png) no-repeat}
.box1 .swiper-pagination-bullet{width: 40px;height: 4px;border-radius:0}

.box2{background: rgb(242,242,242);padding: 78px 0}
.box2 .box2_ul{justify-content: space-around}
.box2 .box2_ul .list{width: 10.5%;text-align: center}
.box2 .box2_ul .list .pic{height: 146px;width: 146px;background-repeat:no-repeat;border-radius: 50%;margin-bottom: 20px;background-position:0 center;border:1px solid #999;}
.box2 .box2_ul .list .link{color: rgb(51,51,51);}
.box2 .box2_ul .list:nth-child(1) .pic{background-image: url(../images/inicon1.png)}
.box2 .box2_ul .list:nth-child(2) .pic{background-image: url(../images/inicon2.png)}
.box2 .box2_ul .list:nth-child(3) .pic{background-image: url(../images/inicon3.png)}
.box2 .box2_ul .list:nth-child(4) .pic{background-image: url(../images/inicon4.png)}
.box2 .box2_ul .list:nth-child(5) .pic{background-image: url(../images/inicon5.png)}
.box2 .box2_ul .list:nth-child(6) .pic{background-image: url(../images/inicon6.png)}
.box2 .box2_ul .list:nth-child(7) .pic{background-image: url(../images/inicon7.png)}
.box2 .box2_ul .list:hover .pic{background-position:-145px center;transform: rotateY(360deg);transition: 0.5s;background-color:#F08519;border-color:#F08519}

.box3{background: url("../images/bag_02.png") no-repeat}

.box3 .titles .ssj{left: 57px}
.box3 .titles .xsj{right: 57px}
.box3 .pro_info{align-items: flex-end;}
.box3 .pro_info .list{width: 32.4%}
.box3 .pro_info .list .banner{position: relative}
.box3 .pro_info .list .banner .piclr{height:auto;overflow:hidden;}
.box3 .pro_info .list .banner .piclr img{height: 100%;}
.box3 .pro_info .list .banner .info{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #3333338a;text-align: center;padding-top: 120px;display: none}
.box3 .pro_info .list:nth-child(2) .banner .info{padding-top: 250px}
.box3 .pro_info .list .banner .info .infos{width: 100px;height: 30px;background: url("../images/yjt1_03.png") no-repeat white center;border-radius: 20px;margin: 20px auto}
.box3 .pro_info .list .banner .p1{line-height: 50px;padding-left:20px;display: block;background: url("../images/yjt1_03.png") no-repeat rgb(102,102,102) 400px center}
.box3 .pro_info .list a{display:block;}
.box3 .pro_info .list a + a{margin-top: 60px;}
.box3 .pro_info .list .banner:hover{background: rgb(232,232,232)}
.box3 .pro_info .list .banner:hover .info{display: block;transition: 2s}
.box3 .pro_info .list .banner:hover .p1{visibility: hidden}
.box4{position: relative}
.box4_ul{position: absolute;bottom: 25px;z-index: 9;margin: 0 auto;left: 0;right: 0;width: 1140px}
.box4_ul .list{width: 220px;height: 104px;line-height: 104px;text-align: center;color: white;display: inline-block;padding-left: 30px;background: url("../images/fy_03.png") no-repeat rgba(0,0,0,0.3) 70px center;cursor: pointer}
.box4_ul .list:nth-child(2){background: url("../images/jcy_03.png") no-repeat rgba(0,0,0,0.3) 70px center}
.box4_ul .list:nth-child(3){background: url("../images/zf_03.png") no-repeat rgba(0,0,0,0.3) 70px center}
.box4_ul .list:nth-child(4){background: url("../images/qy_03.png") no-repeat rgba(0,0,0,0.3) 50px center}
.box4_ul .list:nth-child(5){background: url("../images/ky_03.png") no-repeat rgba(0,0,0,0.3) 45px center}
.box4_ul .list.active,
.box4_ul .list:hover{background-color:#F08519}
.box4 .contain .content{display: none}
.box4 .contain .content.on{display: block}
.box4 .swiper-button-next{background: url("../images/n2_03.png") no-repeat;width: 96px;height: 96px;border-radius: 100%}
.box4 .swiper-button-prev{background: url("../images/p2_03.png") no-repeat;width: 96px;height: 96px;border-radius: 100%}
.box4 .swiper-button-next:after{display: none}
.box4 .swiper-button-prev:after{display: none}

.box5{padding-bottom: 150px}
.box5 .title .ssj{left: 57px}
.box5 .title .xsj{right: 57px}
.box5 .box5_ul{width: 590px;margin: 0 auto}
.box5 .cons{margin-top: 45px}
.box5 .box5_ul .list{width: 180px;height: 50px;border: 2px solid rgb(153,153,153);line-height: 46px;text-align: center;border-radius: 30px;display: inline-block;margin-right: 12px;cursor: pointer}
.box5 .box5_ul .list.select,.box5 .box5_ul .list:hover{background:#F08519;color: white;border-color:transparent;border-color:#F08519;}

.box5 .content{position: relative}
.box5 .content .banners{background: rgb(240,240,240)}
.box5 .content .banners p{padding: 0 40px 0 20px}
.box5 .content .banners .p1{color: black;font-size: 18px;font-weight: bold;padding-top: 18px;}
.box5 .content .banners .p2{font-size: 15px;color: rgb(102,102,102);line-height: 15px;padding: 10px 40px 18px 20px}
.box5 .content .banners .p3{font-size: 14px;line-height: 21px;color: rgb(102,102,102)}
.box5 .content .banners .p4{font-size: 14px;color: rgb(51,51,51);padding: 30px 40px 30px 20px}
.box5 .cons .content{display: none}
.box5 .cons .content.sel{display: block}
.box5 .content .banners:hover{background:#F08519;transition: 0.5s}
.box5 .content .banners .pic{overflow: hidden;max-height:202px;}
.box5 .content .banners:hover .pic img{transform: scale(1.1);transition: 0.5s}
.box5 .content .banners:hover p{color: white}




.box5 .swiper-pagination-bullet{opacity: 0.4}
.box5 .swiper-pagination-bullet-active{background: black;opacity: 0.8}
.box5 .swiper-pagination{left: 0;right: 0;bottom: -38px;margin:  0 auto}
.box5 .swiper-pagination-clickable .swiper-pagination-bullet{margin-right: 10px}


@media (max-width:767px){
    .box1 .swiper-button-next, .box1 .swiper-button-prev{display:none;}
    .box2{padding:15px 0;}
    .box2 .box2_ul .list{width:33.33%;margin-bottom:10px}
    .box2 .box2_ul .list .pic{width:70px;height:70px;background-size:134px !important;margin:0 auto;}
    .box2 .box2_ul .list .link{font-size:12px;}
    .box4_ul{width:100%;position:static;display:flex;}
    .box4 .swiper-button-next,.box4 .swiper-button-prev{display: none;}
    .box4_ul .list{flex:1;width:auto;padding:0;background-image:none !important;height:40px;line-height:40px;font-size:12px;}
    .box4_ul .list + .list{border-left:1px solid #fff;}
    /*  */
    .box5{padding-bottom:50px;}
    .box5 .box5_ul{width:100%;display: flex;justify-content: space-between;}
    .box5 .box5_ul .list{width:30%;margin-right:0;height:35px;line-height:33px;font-size:13px}
    .box5 .cons{margin-top:15px}
    .box5 .content .banners .p1,.box5 .content .banners .p2,.box5 .content .banners .p3,.box5 .content .banners .p4{padding:0 10px;}
    .box5 .content .banners .p1{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:10px 0;}
    .box5 .content .banners .p3{margin:10px 0}
    .box5 .content .banners .p4{padding-bottom:15px;}
    /*  */
    .box3 .pro_info .list{width:100%;margin-bottom:15px;}
    .box3 .pro_info .list a + a{margin-top:15px;}
    .box3 .pro_info .list .banner .piclr{width:100%;height:auto;}
}
@media (min-width:768px) and (max-width:992px){
    .box2{padding:40px 0;}
    .box2 .box2_ul{}
    .box2 .box2_ul .list{width:33.33%;margin-bottom:15px;}
    .box2 .box2_ul .list .pic{background-size: 140px;width:70px;height:70px;margin:0 auto 10px;}
    .box2 .box2_ul .list .pic{}
    .box3 .pro_info .list .banner{height:165px;}
    .box3 .pro_info .list .banner .piclr{height:137px;overflow:hidden;}
    .box3 .pro_info .list .banner .p1{line-height:30px;font-size:12px;padding-left:10px;}
    .box3 .pro_info .list:nth-child(2){height:353px}
    .box3 .pro_info .list:nth-child(2) .pic{height:325px;background:#E8E8E8}
    /*  */
    .box4_ul{width:100%}
    .box4_ul .list{width:19%;height:70px;line-height:70px;background-image:none;padding-left:0;}
    /*  */
    .box5{padding-bottom:50px;}
    .box5 .box5_ul{justify-content: center;width:100%;display:flex;}
    .box5 .box5_ul .list{width:25%;margin:0 10px;height:45px;line-height:41px;}
    .box3 .pro_info .list a + a {margin-top: 37px;}
}
@media (min-width:1024px) and (max-width:1343px){
    .box3 .pro_info .list .banner .piclr{height:218px}
    .box3 .pro_info .list a + a {margin-top: 37px;}
}
@media (min-width:1343px) and (max-width:1440px){
    .box3 .pro_info .list .banner .piclr{height:auto}
}