/*.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;
} */

/*
@keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}
.yyly-b a.active dl h3{animation: indalRun 1s ease both .6s;}
.yyly-b a.active dl p{animation: indalRun 1s ease both .7s;}
.yyly-b a.active dl h5{animation: indalRun 1s ease both .8s;}*/
@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}
.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;/*animation: fangda 5s ease-in-out infinite alternate;*/}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide-active a{}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#0076b3;}

.gywm{background:#f7f7f7;padding:100px 0;position:relative;}
.gywm-l{width:49.47916666666667%}
.sybt{position:relative;margin-bottom:30px;}
.sybt h3{font-size:36px;position:absolute;left:0;top:0;z-index:3;top:calc(50% - 18px)}
.gywm .sybt h3{top:calc(50% - 185px)}
.sybt h4{color:#efefef;text-transform:uppercase;font-size:72px;padding-left:85px;}
.gywm-l .div1{color:#878787;font-size:16px;line-height:30px;margin-bottom:30px;}
.gywm-l .div1 a{color:#0076b3;}
.gywm-l .div2{font-size:16px;line-height:30px;margin-bottom:80px;}
.gywm-l .div3{position:relative;z-index: 3;}
.gywm-l .div3 h3{position:absolute;left: 80.44849334267694%;top: 47.571429%;}
.gywm-l .div3 dl{position:absolute;border-radius:20px;width: 10px;height: 10px;}
.gywm-l .div3 dl dt{position:relative;width: 10px;height: 10px;}
.gywm-l .div3 dl dt i{width: 100%;height: 100%;border-radius:20px;background: #fff;position:relative;z-index:3;display:block;}
.gywm-l .div3 dl dt::before, .gywm-l .div3 dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: rgb(2 120 181);content: '';top:0;left:0;}
.gywm-l .div3 dl dt::before{animation: scale 2s infinite; }
.gywm-l .div3 dl dt::after{animation: scale2 2s infinite; }
.gywm-l .div3 dl dd{position:absolute;left:45px;top:-37px;transition:all 0.5s;border:1px solid #eee;border-radius:5px;background:#fff;width: 331px;padding:30px 27px 35px 27px;opacity:0;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);display:none;}
.gywm-l .div3 dl dd h4{font-size:18px;padding:0 5px 25px 5px;border-bottom:1px solid #eee;margin-bottom:20px;}
.gywm-l .div3 dl dd h4 img{margin-right:15px;}
.gywm-l .div3 dl dd p{font-size: 15px;padding:0 5px;color:#878787;line-height:25px;}
.gywm-l .div3 dl:hover{z-index:3}
.gywm-l .div3 dl:hover dd{opacity:1;display:block}
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}
.gywm-l .div3 .p1{left: 11.422564821303434%;top: 23.857142857142857%;}
.gywm-l .div3 .p2{left: 50.939734%;top: 24.285714%;}
.gywm-l .div3 .p3{left: 53.176594%;top: 76.571429%;}
.gywm-l .div3 .p4{left: 54.184303%;top: 19.571429%;}
.gywm-l .div3 .p5{left: 77.231955%;top: 48.857143%;}
.gywm-l .div3 .p6{left: 83.679047%;top: 33.571429%;}
.gywm-r{width:47.13541666666667%;margin-top:40px;position:absolute;right:0;bottom:0;max-height: 88%;overflow: hidden;}
.gywm-r img{display:block;max-width: 100%;max-height: 100%;mix-blend-mode: multiply;}

.wmys{height:400px;background:url(../img/wmys-bj2.jpg)no-repeat center;text-align:center;color:#fff;padding-top: 108px;}
.wmys-b{}
.wmys-b dl{}
.wmys-b dl h4{height:76px;}
.wmys-b dl h5{font-size:16px;margin-bottom:20px;}
.wmys-b dl h3{display:flex;align-items:flex-end;justify-content:center;font-size:24px;}
.wmys-b dl h3 i{line-height:100%;font-size:60px;font-family: myFirstFont2;margin-bottom:-10px;}
.wmys-b dl:hover{}
@media(min-width:1920px){
    .wmys{background-size:100% auto;}
}
.cpzx{background:#f7f7f7;}
.cpzx-l{width:42.96875%}
.cpzx-l>p{font-size:16px;line-height:30px;color:#878787;margin-bottom:40px;}
.cpzx-t{margin-bottom:60px;}
.cpzx-t a{width:135px;height:110px;border-radius:20px;font-size:16px;color:#000;text-align:center;}
.cpzx-t a dl{transition:all 0s;}
.cpzx-t a h4{height:50px;}
.cpzx-t a h4 img{display:block;margin:0 auto;}
.cpzx-t a h4 .img2{display:none;}
.cpzx-t a.active{color:#fff;background-image: linear-gradient(121deg, #cc0d24, #ff1430);}
.cpzx-t a.active h4 .img1{display:none;}
.cpzx-t a.active h4 .img2{display:block;}
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;left:0;top:0;opacity:0;z-index:3;transition:all 0.5s;width:100%}
.cpzx-b2.active{position:relative;z-index:3;opacity:1;}
.cpzx-b2 a{margin:5px;border-radius:20px;background:#fbfbfb;padding: 10px 0;border-radius:20px;overflow:hidden;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.cpzx-b2 a h4{width: 43%;overflow:hidden;}
.cpzx-b2 a h4 img{display:block;}
.cpzx-b2 a>div{width: calc(100% - 44%);padding-right:60px;}
.cpzx-b2 a h3{font-size:24px;margin-bottom:30px;color:#000}
.cpzx-b2 a p{color:#878787;font-size:16px;line-height:30px;margin-bottom:40px;}
.cpzx-b2 a h5{color:#0076b3;font-size:16px;}
.cpzx-b2 a:hover{}
.cpzx-b2 a:hover img{transform:scale(1.1);}
.cpzx-b2 a:hover h3{color:#0076b3;}
.cpzx-b2 .swiper-button-next{width:10px;height:20px;right:-45px;background:url(../img/r2.png);transition:all 0.5s;}
.cpzx-b2 .swiper-button-next:hover{background:url(../img/r2-1.png);}
.cpzx-b2 .swiper-button-prev{width:10px;height:20px;left:-45px;background:url(../img/l2.png);transition:all 0.5s;}
.cpzx-b2 .swiper-button-prev:hover{background:url(../img/l2-1.png);}
.cpzx-r{width:50%;position:relative;z-index:3;}
.cpzx-r a{display:none;overflow:hidden;}
.cpzx-r a:nth-child(1){display:block;}
.cpzx-r a img{display:block;width:100%}
.cpzx-r a:hover img{transform:scale(1.1);}

.jjfa{margin:100px 0;}
.jjfa-t{color:#878787;font-size:16px;margin-bottom:65px;}
.jjfa-b{color:#fff;}
.jjfa-b dl{position:relative;overflow:hidden;width:calc(15.677083333333333% - 1px);transition:all 0.5s;}
.jjfa-b dl i{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 33, 61, 0.2);}
.jjfa-b dl h4{overflow:hidden;}
.jjfa-b dl h4 img{max-width:1017px;display:block;margin-left:-300px;}
.jjfa-b dl dt{position:absolute;left:0;top:calc(50% - 75px);text-align:center;width:100%;overflow:hidden;z-index:3;transition:all 0.5s;}
.jjfa-b dl dt h5{border-radius:80px;width:80px;height:80px;border:2px solid #fff;margin:0 auto 43px auto;}
.jjfa-b dl dt h3{font-size:30px;margin-bottom:34px;}
.jjfa-b dl dt p{line-height:30px;opacity:0;}
.jjfa-b dl dd{position:absolute;width:calc(100% - 60px);left:30px;bottom: -189px;z-index:3;padding:23px 0 30px 35px;border-top:1px solid rgba(255, 255, 255, 0.2);transition:all 0.5s;}
.jjfa-b dl dd p{}
.jjfa-b dl dd p a{color:#fff;margin-right: 50px;}
.jjfa-b dl dd p a img{margin-left:17px;}
.jjfa-b dl dd p a:hover img{-webkit-transform: translateX(-5px);-ms-transform: translateX(-5px);transform: translateX(-5px);}
.jjfa-b dl dd>a{width:130px;height:40px;color:#fff;border-radius:50px;border:2px solid #fff;}
.jjfa-b dl dd>a:hover{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);background:#0076b3;border-color:#0076b3;}
.jjfa-b dl.active{width:52.96875%}
.jjfa-b dl.active h4 img{margin-left:0;}
.jjfa-b dl.active dt{width:500px;text-align:left;left:65px;top:40px;height:100%;}
.jjfa-b dl.active dt h5{border-color:rgba(255, 255, 255, 0);margin:0;display:block;height:60px;}
.jjfa-b dl.active dt h3{}
.jjfa-b dl.active dt p{opacity:1;}
.jjfa-b dl.active dd{bottom:0;}

.jjfa-b2{}
.jjfa-b2 dl{}
.jjfa-b2 dl h4{}
.jjfa-b2 dl h4 img{display:block;width:100%}
.jjfa-b2 dl h4 i{}
.jjfa-b2 dl h3{}
.jjfa-b2 dl h3{}
.jjfa-b2 dl .div1{color:#666}
.jjfa-b2 dl a{width:130px;height:40px;color:#fff;border-radius:50px;border:2px solid #fff;border-color:rgba(255, 255, 255, 0);background:#0076b3;border-color:#0076b3;}

.yfzz{margin-bottom:100px;}
.yfzz a{display:block;width:calc(100% / 3);overflow:hidden;position:relative;}
.yfzz a img{display:block;width:100%}
.yfzz a dl{position:absolute;width:100%;height:100%;padding:0 50px;left:0;top:0}
.yfzz a dl dt{}
.yfzz a dl h3{color:#000;font-size:30px;margin-bottom:19px;}
.yfzz a dl p{color:#878787;}
.yfzz a:hover dt{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.yfzz a:hover dt h3{color:#0076b3}

.xwzx{background:#f7f7f7;padding:100px 0;}
.xwzx-t{margin-bottom:50px;}
.xwzx-t p{color:#878787;font-size:16px;line-height:30px;width: 670px;}
.xwzx-t a{width:130px;height:40px;border-radius:50px;border:2px solid #000;color:#000;}
.xwzx-t a:hover{background:#0076b3;border-color:#0076b3;color:#fff;}
.xwzx-b{position:relative;}
.xwzx-b i{display:block;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:#fff;position:absolute;}
.xwzx-b a{display:block;padding:100px 51.5px 100px 51.5px;margin:5px;background:#fff;}
.xwzx-b a h5{color:#0076b3;font-size:16px;margin-bottom:15px;}
.xwzx-b a h3{color:#000;font-size:24px;margin-bottom:50px;}
.xwzx-b a h4{overflow:hidden;margin-bottom:40px;}
.xwzx-b a h4 img{display:block;width:100%}
.xwzx-b a p{color:#878787;font-size:16px;line-height:30px;}
.xwzx-b a:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.xwzx-b a:hover h3{color:#0076b3;}
.xwzx-b a:hover img{transform:scale(1.1);}

.ljdy{height:450px;background:url(../img/ljdy-bj.jpg)no-repeat center;}
.ljdy dl{}
.ljdy dl h3{text-align:center;font-size:36px;line-height:48px;margin-bottom:40px;color: #fff;}
.ljdy dl form{width:580px;border-radius:60px;overflow:hidden;background:#fff;}
.ljdy dl input{height:55px;width:calc(100% - 150px);padding-left:36px;color:#878787;font-size:16px;}
.ljdy dl input::placeholder{color:#878787;}
.ljdy dl button{width:130px;border-radius:60px;background:#0076b3;color:#fff;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.5s;}
.ljdy dl button:hover{opacity:0.8;}
.ljdy{}

@media(max-width:1700px){
    .cpzx-l>p{margin-bottom:30px;font-size:14px;line-height:24px;}
    .cpzx-t{margin-bottom:30px;}
}
@media(max-width:1500px){
    .gywm .sybt h3 {
        top: calc(50% - 226px);
    }
    .cpzx-t a{width:25%;}
    .cpzx-b2 a h3,.cpzx-b2 a p{margin-bottom:20px;}
}
@media screen and (max-width:1200px){
    /*.banner{margin-top:60px;}*/
    .sybt h4{font-size:40px;}
    /*.sybt h3{top:calc(50% - 11px);}*/
    .sybt h3{top: calc(50% - 155px);}
    .gywm .sybt h3{top: calc(50% - 243px);}
    .fzlc .sybt h3,.xwzx .sybt h3{top: calc(50% - 11px);}
    .jjfa .sybt h3{top: calc(50% - 10px);}   
    .gywm-r{position:relative;}
    .wmys-b dl h3 i{font-size:24px;margin-bottom:0;}
    .wmys-b{justify-content:flex-start;}
    .wmys-b dl{width:33.33%}
    .wmys-b dl h4{height:50px;}
    .cpzx-t{justify-content:center;}
    .cpzx-t a{width: 25%;background: none;}
    .ljdy dl input{height:40px;width:calc(100% - 110px);font-size:14px;}
    .ljdy dl button{width:100px;font-size:14px;}
    .cpzx-t a h4{height:40px}
    .xwzx{position:relative;}
    .xwzx-t a{position:absolute;top:45px;right:15px;}
    .cpzx-t a.active{color:#fff;background:none;color:#0076b3}
    .cpzx-t a.active h4 .img1{display:block;}
    .cpzx-t a.active h4 .img2{display:none;}
}