.w1440{max-width: 1470px;padding: 0 15px;margin: 0 auto;}
.wh1520{max-width:1550px;padding: 0 15px;margin: 0 auto;}


.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.jleft{width: 320px;}
.jright{width: 65.4%;}
.abox1{padding: 5.8% 0 0%;}
h3.jbt{color: #333333;font-size: 44px;font-weight: bold;}
.jj{color: #333333;font-size: 22px;line-height: 35px;margin: 2vw 0 3.6vw;}
.sp img{max-width: 100%;}
.acon{color: #666666;font-size: 16px;line-height: 35px;}
.sul2{margin-top: 4.8vw;}
.sul2 li sup{color: #999999;font-size: 16px;padding-left: 10px;top:-20px;}
.sbt2{color: #d8271c;font-size: 40px;font-family: 'Arial';}
.sul2 li p{color: #666666;font-size: 16px;margin-top: 4px;}



/*  */
.abox2{background: url(//cdn.myxypt.com/a216bdd8/25/02/7485e6137fa689f581d0a40e855f793667b29308.jpg) no-repeat top center;background-size: cover;padding: 82px 0 75px;}
.abox2 .jbt{text-align: center;color: #fff;}
.fzlc{margin-top: 14px;}
.faz {background: url(//cdn.myxypt.com/a216bdd8/25/02/47ddc2bc87c86a9f0f0374f5d5519b8cecc6c787.png) no-repeat top center;height: 235px;padding-top: 44px;padding-top: 30px;}
.pernr52 {max-width: 1175px;margin: 0 auto;padding: 0 15px;}
.pernr52 li span{color: rgba(255,255,255,.4);font-size: 26px;font-family: Helvetica;padding-bottom: 36px;background: url(//cdn.myxypt.com/a216bdd8/25/02/52a61f8bea5e17621ef2f626ba8ef5573a8b8157.png) no-repeat bottom center;display: block;line-height: 1;text-align: center;cursor: pointer;}
.pernr52 li.on span{background: url(//cdn.myxypt.com/a216bdd8/25/02/c1a08f462756ef14093ac11f7b21f1d457539c06.png) no-repeat bottom center;}
.pernr51{max-width: 627px;margin: 0 auto;position: relative;overflow: hidden;}
.fa{text-align: center;}
.fa dd{color: #ffffff;font-size: 30px;}
.fa dt{color: #ffffff;font-size: 16px;line-height: 24px;font-weight: normal;margin: 26px 0 0;height: 100px;overflow: hidden;}
.fa h3{color: #ffffff;font-size: 36px;font-family: 'Arial';font-weight: bold;}
.pernr51 .swiper-button-next,.pernr51 .swiper-button-prev{background: none;outline: none;width: 8px;height: 12px;bottom: 18px;top:auto;}
.pernr51 .swiper-button-prev{left: 216px;}
.pernr51 .swiper-button-next{right: 216px;}
.pernr52 li:first-child{margin-top: 117px;}
.pernr52 li:nth-child(2){margin-top: 83px;}
.pernr52 li:nth-child(3){margin-top: 39px;}
.pernr52 li:nth-child(4){margin-top: 25px;}
.pernr52 li:nth-child(5){margin-top: 18px;}













/*  */
.abox3 .jbt{text-align: center;}
.abox3{margin: 4.5% 0 9%;}
.qul{margin-top: 5%;}
.qul li{width: 30.83%;border-bottom: 8px solid #d8271c;box-shadow: 0 0 10px rgba(0,0,0,.1);position: relative;}
.qbt{color: #333333;font-size: 24px;font-weight: bold;text-align: center;height: 60px;line-height: 60px;}
.qbt img{margin-right: 20px;}
.qbt .img2{display: none;}
.qul li:hover .qbt .img1{display: none;}
.qul li:hover .qbt .img2{display: inline-block;}
.qul li .img4 {opacity: 0;}
.qul li:hover .img4 {opacity: 1;}
.img4 img{width: 100%;}
.bj11{position: absolute;top:0;width: 100%;height: 100%;padding: 0 32px; padding-top: 12%;}
.bj11 .img3{margin: 2.5vw 0 2.1vw;}
.bj11 .img3 img{width: 100%;}
.bj11 p{color: #666666;font-size: 22px;text-align: center;}
.qul li:hover .bj11 .img3{opacity: 0;margin: 0;}
.line112{background: #ffff;height: 1px;width: 80%;margin-top: 20px;margin: 20px auto 0;}
.qul li:hover .bj11{background: rgba(216,39,28,.8);padding-top: 48%;}
.qul li:hover .qbt{color: #fff;}
.qul li:hover .bj11 p{color: #fff;margin-top: -12vw;}











.fbox3{padding:4.5vw 0;background:#f7f7f7;}
.hor{margin-top:3vw;position:relative;}
.hor .mySwiperhor{overflow:hidden;}
.hor .swiper-slide{text-align:center;background:#eeeeee;padding:13px 13px 0;}
.hor .swiper-slide img{width:100%;margin:0 auto;display:block;}
.hor .swiper-slide .wz{color:#555555;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:52px;}
.hor .swiper-slide:hover{background:#ff0707;}
.hor .swiper-slide:hover .wz{color:#fff;}
.hor .swiper-button-prevf{position: absolute;top:50%;margin-top:-33px;left:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(//cdn.myxypt.com/a216bdd8/25/02/627105a621ccd1caf779f4711d4918a8667e7490.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-nextf{position: absolute;top:50%;margin-top:-33px;right:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(//cdn.myxypt.com/a216bdd8/25/02/cf2092f90194b8670516e45b6526edda9817fe03.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-prevf:hover{background:url(//cdn.myxypt.com/a216bdd8/25/02/26692576562bc473986487fb3796f7b8e456ad2d.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-nextf:hover{background:url(//cdn.myxypt.com/a216bdd8/25/02/cf2092f90194b8670516e45b6526edda9817fe03.png) no-repeat;background-size:100% 100%;}



.appSwiper{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top:2.4vw;margin-bottom:4vw;
}

.appSwiper .swiper-slide a .img1 img{
    width: 100%;
}

.apnext{
    outline: none;
    background: url(//cdn.myxypt.com/a216bdd8/25/02/b7276a8c3b370f3839b57b33977c358e24e07fd2.png) no-repeat center center #ff0707;
    width: 34px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.apnext:hover{background: url(//cdn.myxypt.com/a216bdd8/25/02/b7276a8c3b370f3839b57b33977c358e24e07fd2.png) no-repeat center center #ff0707;}
.apprev:hover{background: url(//cdn.myxypt.com/a216bdd8/25/02/79b28d1e6195b47cf6fa84fa356f1777f676a57f.png) no-repeat center center #ff0707;}
.apprev{
    outline: none;
    background: url(//cdn.myxypt.com/a216bdd8/25/02/79b28d1e6195b47cf6fa84fa356f1777f676a57f.png) no-repeat center center #ff0707;
    width: 34px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

@media(max-width: 1200px){
    .appearance{
        margin-top:25px;margin-bottom:30px;
    }
}

@media(max-width: 767px){
    .appSwiper{
        margin-top: 20px;
    }
    .appearance{
        margin-top: 20px;
    }
    .pub.ap1{
        font-size: 14px;
    }
    .pub.ap2{
        font-size: 20px;
    }
}






@media (max-width:1440px){
   .hor .swiper-button-prevf{left:0;}
   .hor .swiper-button-nextf{right:0;}
   .hor{padding:0 60px;}
}



@media(max-width: 1200px){
    h3.jbt{font-size: 40px;}
    .sul2{margin-top: 3vw;}
    .bj11 p{font-size:15px;height:66px;line-height:22px;}
    .qbt{font-size: 20px;}
    .qbt img{margin-right: 10px;}
}

@media(max-width: 1024px){
    .pernr52 li:first-child{margin-top: 110px;}
    .pernr52 li:nth-child(2){margin-top: 72px;}
    .pernr52 li:nth-child(3){margin-top: 36px;}
    .pernr52 li:nth-child(4){margin-top: 25px;}
    .pernr52 li:nth-child(5){margin-top: 21px;}
    .pernr52 li:nth-child(6){margin-top: 7px;}
       .hor .swiper-slide .wz{font-size:14px;line-height:42px;}
   .hor .swiper-slide{padding:8px 8px 0;}
}






@media(max-width: 768px){
    .jleft,.jright{width: 100%;float: none;}
    .jleft{margin-bottom:20px;}
    h3.jbt{font-size: 30px;}
    .jj{font-size: 16px;line-height: 30px;}
    .pernr52 li{margin-top: 0!important;}
    .faz{height: auto;background: none;margin-bottom: 30px;}
    .fa dd{font-size: 24px;}
    .pernr52{position: relative;}
    .pernr52::after{content: '';background: #fff;display: block;height: 1px;width: 100%;position: absolute;bottom: 10px;left: 0;}
        .hor .swiper-button-prevf{width:23px;height:40px;margin-top:-20px;}
   .hor .swiper-button-nextf{width:23px;height:40px;margin-top:-20px;}
   .hor{padding:0 46px;}
}

@media(max-width:640px){
    .sp img{width: 100%;}
    h3.jbt{font-size: 24px;}
    .acon{font-size: 14px;line-height: 24px;}
    .sul2 li{width: 50%;margin-bottom: 15px;line-height: 1.1;}
    .sbt2{font-size: 30px;}
    .sul2 li sup{top:-10px;}
    .sul2{margin-top: 20px;}
    .qul{margin-top: 20px;}
    .qul li{width: 100%;margin-bottom: 20px;}
    .bj11 p{height:auto;}
    .abox2{padding: 40px 0 30px;}
    .pernr52 li span{font-size: 20px;}
    .fa dt{padding: 0 5px;}
    .pernr51 .swiper-button-prev{left: 80px;}
    .pernr51 .swiper-button-next{right: 80px;}
    .fbox3{padding:8vw 0;}
    .hor{margin-top:5vw;}
}