/*.banner h3,.banner h4{transform: translateX(200px);
    -ms-transform: translateX(200px);
    -webkit-transform: translateX(200px);
    opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3,.banner .swiper-slide-active h4 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h3:nth-child(1),.banner .swiper-slide-active h4:nth-child(1){
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
} */
.banner{width:100%;}
.banner a{display:block;position:relative;text-align:center;background:#f9f9f9}
.banner .p1{margin-bottom:50px;padding-top:115px;}
.banner .p2{margin-bottom:45px}
.banner .p3{margin-bottom:15px;}
.banner .p4{margin-bottom:60px;}
.banner .p5{margin-bottom:0;position:absolute;top:90px;right:1.92%;}
.banner .p6 img{width:100%;display:block;transform:scale(1.2);overflow:hidden;}

/*.banner .swiper-slide:nth-child(2) .p1,.banner .swiper-slide:nth-child(2) .p2,.banner .swiper-slide:nth-child(2) .p3,.banner .swiper-slide:nth-child(2) .p4,.banner .swiper-slide:nth-child(2) .p5{-webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px); opacity: .2;}*/

.banner .swiper-slide .p6 img{transition:all 3s!important;}
/*.banner .swiper-slide-active:nth-child(2) .p1,.banner .swiper-slide-active:nth-child(2) .p2,.banner .swiper-slide-active:nth-child(2) .p3,.banner .swiper-slide-active:nth-child(2) .p4,.banner .swiper-slide-active:nth-child(2) .p5{-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); opacity: 1;}*/
.banner .swiper-slide-active .p6 img{transform:scale(1);-webkit-transform:scale(1); }
.banner .swiper-pagination-bullet{background:#dcdcdc;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#414145;}

.cpzx{margin:90px auto 115px auto;}
.sybt{text-align:center;margin-bottom:45px;}
.sybt h3{font-size:48px;justify-content:center;}
.sybt>a{display: flex;align-items:center;justify-content:space-between;border-radius:3px;width:140px;height:35px;color:#414145;border:1px solid #414145;padding:0 19px 0 30px;margin:30px auto 0 auto;position:relative;opacity: .999;overflow:hidden;}
.sybt>a .img2{display:none;}
.sybt>a:before, .sybt>a:after{content: '';width: 0;height: 100%;    opacity: 0;position: absolute;top: 0;z-index: -1;transition: all 0.8s;-webkit-transition: all 0.3s;background-color: #666;}
.sybt>a:hover:before, .sybt>a:hover:after{width: 50%;opacity: 1;}
.sybt>a:before{left: 50%;}
.sybt>a:after{right: 50%;}
.sybt>a:hover{color:#fff;border-color:#666;}
.sybt>a:hover .img2{display: block;}
.sybt>a:hover .img1{display: none;}
.cpzx-t{display: flex;justify-content:center;margin-bottom:60px;flex-wrap:wrap;}
.cpzx-t a{display: block;text-align:center;color:#5f5f5f;font-size:16px;margin:0 40px;}
.cpzx-t a h4{height:56px;}
.cpzx-t a:hover{color: #000;}
.cpzx-t a:hover img{transform: rotateY(180deg);}
.cpzx-b{display: flex;justify-content:space-between;flex-wrap:wrap;}
.cpzx-b a{background:#e8e8e8;display: block;width:calc((100% - 4px) / 3);position:relative;margin-bottom:2px;}
.cpzx-b a:nth-child(1),.cpzx-b a:nth-child(4){background:#efefef;}
.cpzx-b a dl{transition:all 0s;}
.cpzx-b a dl h3{color:#000;font-size:30px;/* font-weight:bold; */margin-bottom: 36px;}
.cpzx-b a dl h4{color:#000;font-size:24px;margin-bottom:15px;}
.cpzx-b a dl p{color:#606060;font-size:16px;}
.cpzx-b a h5{overflow:hidden;position: relative;}
@-webkit-keyframes gradient-rectangle {
    0% {
        -webkit-transform: scaleY(0);

        transform: scaleY(0);

        -webkit-transform-origin: bottom;

        transform-origin: bottom;

        background: linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        );

        background: -webkit-linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        );

        background: -moz-linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        ); /*FireFox*/

        background: -o-linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        ); /* Opear */

        background: -ms-linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        );

        opacity: 1;
    }

    100% {
        -webkit-transform: scaleY(1);

        transform: scaleY(1);

        -webkit-transform-origin: top;

        transform-origin: top;

        background: linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        );

        background: -webkit-linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        );

        background: -moz-linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        ); /*FireFox*/

        background: -o-linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        ); /* Opear */

        background: -ms-linear-gradient(
            to top,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.6)
        );

        opacity: 0;
    }
}
.cpzx-b a h5:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 13;
}
.cpzx-b a:hover h5:before{animation: gradient-rectangle 1s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
    animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.cpzx-b a h5 img{display: block;}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b a:nth-child(n+3) h5{display: flex;align-items:center;justify-content:center;min-height:355px;}
.cpzx-b a:nth-child(n+3){padding-top:38px;text-align:center;}

.footer,.footer2{position:relative;z-index: 10;}
.spzx{height:200vh;width: calc(100% - 200px);background:url(../images/spzx-bj2.jpg)no-repeat center;text-align:center;color:#fff;transition:all 0.5s;position: relative;transition:all 0.5s;overflow: hidden;}
.spzx video{object-fit: cover;width: 100%;transition:all 0.5s;object-fit: cover;position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);height:100vh;max-width:1920px}
.spzx .div1{position: relative;width:100%;height:800px;left:0;top:0;transition:all 0.5s;}
/*.spzx2 .div2{height:200vh}*/
.spzx h6{position:absolute;width:100%;height:0;left:0;bottom:0;background:rgba(0,0,0,0.8);transition:all 0.5s;}
.spzx2{width:100%}
.spzx dt{
    position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);
    z-index: 3;transition:all 0.5s;opacity:0;

}
.spzx i{font-family: KaiTi;font-size:100px;line-height:100%}
.spzx h3{font-size:85px;margin-bottom:50px;display: flex;justify-content:center;}
.spzx h4{font-size:36px;margin-bottom:12px;}
.spzx p{color:#b6b6b6;font-size:18px;margin-bottom:75px;}
.spzx h5{width:40px;height:40px;cursor:pointer;background:url(../images/sp.png);margin:0 auto;}
.spzx a{background-color: #f8b62b;color:#fff;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;width: 160px;
    height: 48px;
    margin: auto;}
 .spzx a img{width: 18px;
    height: 8px;
    margin-left: 9px;
    position: relative;
    left: 0px;
    -webkit-transition: left .8s;
    -moz-transition: left .8s;
    -o-transition: left .8s;
    transition: left .8s;}  
 .spzx a:hover img{left: 10px;}   
.wmys{padding:90px 0;}
.wmys-t{display: flex;justify-content:center;flex-wrap:wrap;align-items:center;margin-bottom:66px;}
.wmys-t dl{text-align:center;position:relative;padding:10px 5%;opacity:0.999;}
.wmys-t dl:before, .wmys-t dl:after{content: '';width: 0;height: 100%;opacity: 0;position: absolute;top: 0;z-index: -1;transition: all 0.3s;-webkit-transition: all 0.3s;background-color: #000;}
.wmys-t dl:hover:before, .wmys-t dl:hover:after{width: 50%;opacity: 1;}
.wmys-t dl:before{left: 50%;}
.wmys-t dl:after{right: 50%;}
.wmys-t dl:hover *{color:#fff;}
.wmys-t dl:hover i{background:none;}
.wmys-t dl:hover h6{background:#666;right:0;}
.wmys-t dt{display: flex;align-items:center;justify-content:center;margin-bottom:20px;}
.wmys-t b{color:#282828;font-size:60px;line-height:100%}
.wmys-t i{display: block;background:url(../images/wmys-tb2.png)no-repeat center left;line-height:38px;color:#282828;margin-left:10px;}
.wmys-t p{font-size:12px;color:#a6a6a6;margin-bottom:12px;text-transform:uppercase;}
.wmys-t h3{color:#282828;font-size:16px;}
.wmys-t h6{width:1px;height:120px;background:#414145;position:absolute;right:-1px;top:calc(50% - 60px);}
.wmys-b{display: flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.wmys-b a{display: block;position:relative;}
.wmys-b a dl{position:absolute;z-index:3;}
.wmys-b a h4{overflow:hidden;}
.wmys-b a h4 img{display: block;width:100%;}
.wmys-b a:hover h4 img{transform:scale(1.1);}
.wmys-b a.a1{width:calc(25.1163% - 2px);color:#fff;}
.wmys-b a.a1 dl{top:70px;left:40px;}
.wmys-b a.a1 dl h3{font-size:36px;margin-bottom:20px;}
.wmys-b a.a1 dl p{font-size:16px;}
.wmys-b a.a2{width:49.7674%;color:#000;text-align:center;}
.wmys-b a.a2 dl{width:100%;height:100%;left:0;bottom:0;background:rgba(0,0,0,0.6);display: flex;align-items:center;justify-content:center;}
.wmys-b a.a2 dl dt{background:rgba(255,255,255,0.9);padding:50px 67px;}
.wmys-b a.a2 dl dt h6{margin-bottom:34px;}
.wmys-b a.a2 dl dt h3{font-size:36px;margin-bottom:17px;}
.wmys-b a.a2 dl dt p{font-size:16px;}
.wmys-b a.a2 dl dt h5{display: flex;align-items:center;justify-content:space-between;border-radius:3px;width:140px;height:35px;color:#414145;border:1px solid #414145;padding:0px 19px 0 30px;margin:40px auto 0 auto;font-size:14px;position:relative;opacity:0.999;}
.wmys-b a.a2 dl dt h5 .img2{display:none;}
.wmys-b a.a2 dl dt h5:before, .wmys-b a.a2 dl dt h5:after{content: '';width: 0;height: 100%;    opacity: 0;position: absolute;top: 0;z-index: -1;transition: all 0.8s;-webkit-transition: all 0.3s;background-color: #666;}
.wmys-b a.a2:hover h5:before, .wmys-b a.a2:hover h5:after{width: 50%;opacity: 1;}
.wmys-b a.a2 dl dt h5:before{left: 50%;}
.wmys-b a.a2 dl dt h5:after{right: 50%;}
.wmys-b a.a2:hover dt h5{color:#fff;border-color:#666;}
.wmys-b a.a2:hover h5 .img2{display: block;}
.wmys-b a.a2:hover h5 .img1{display: none;}
.xwzx{padding-bottom: 118px;}
.xwzx .sybt p{display:flex;justify-content:center;flex-wrap:wrap;padding-top:27px;font-size:18px;color:#3c3c3c;}
.xwzx .sybt p a{display: block;color:#3c3c3c;position:relative;}
.xwzx .sybt p a:before{content: '';position:absolute;width:0px;height:2px;background:#666;bottom:-2px;left:50%;-webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);transition:all 0.5s;}
.xwzx .sybt p a:hover:before{width:100%;}
.xwzx .sybt p i{margin:0 20px;display: block;}
.xwzx .sybt p i:last-child{display: none;}
.xwzx .sybt p a:hover{color:#666;}
.xwzx-b{border:1px solid #eee;border-right:none;}
.xwzx-b a{display: block;border-right:1px solid #eee;padding:60px;position: relative;}
.xwzx-b a:after{content: '';position:absolute;left:0;bottom:0;width:100%;background:#eee;transition:all 0.5s;height:0px;z-index:-1;}
.xwzx-b a h5{color:#414145;font-size:14px;margin-bottom:20px;}
.xwzx-b a h3{color:#000;font-size:24px;margin-bottom:50px;line-height:140%}
.xwzx-b a p{color:#5f5f5f;line-height:24px;margin-bottom:60px;height:72px;}
.xwzx-b a h4{display: flex;align-items:center;justify-content:space-between;border-radius:3px;width:140px;height:35px;color:#414145;border:1px solid #414145;padding:0 19px 0 30px;font-size:14px;position:relative;opacity:0.999;}
.xwzx-b a h4 img{}
.xwzx-b a h4 .img2{display:none;}
.xwzx-b a h4:before, .xwzx-b a h4:after{content: '';width: 0;height: 100%;    opacity: 0;position: absolute;top: 0;z-index: -1;transition: all 0.8s;-webkit-transition: all 0.3s;background-color: #666;}
.xwzx-b a:hover h4:before, .xwzx-b a:hover h4:after{width: 50%;opacity: 1;}
.xwzx-b a h4:before{left: 50%;}
.xwzx-b a h4:after{right: 50%;}
.xwzx-b a:hover:after{height:100%}
.xwzx-b a:hover h4{color:#fff;border-color:#666;}
.xwzx-b a:hover h4 .img2{display: block;}
.xwzx-b a:hover h4 .img1{display: none;}
.xwzx-b a:hover h3{color:#666;}

@media screen and (min-width:1200px){
    .cpzx-b a:nth-child(1),.cpzx-b a:nth-child(2){width:calc(50% - 1px);}
    .cpzx-b a:nth-child(1) dl,.cpzx-b a:nth-child(2) dl{position:absolute;width:100%;left:0;padding-left:40px;top:60px;z-index:3;}
}
@media(max-width:1620px){
    .wmys-t dl{padding:10px 2%;}
    .xwzx-b a{padding:40px;}
}
@media screen and (max-width:1200px){
    .banner{margin-top:60px;}
    .cpzx-b a:nth-child(1) dl,.cpzx-b a:nth-child(2) dl{margin-bottom:20px;}
    .cpzx-t{justify-content:flex-start;}
    .cpzx-t a{width:33%;}
    .wmys-t dl{width:50%;}
    .wmys-b a.a1 dl{left:15px;top:20px;}
    .wmys-b a.a2 dl{position:relative;}
    .sybt>a{display:none;}
    .spzx{background:none;}
}