.head{background:rgba(0, 0, 0, 0.5);}
.head .img2{display:block;}
.head .img1{display:none;}
.head2 .img1,.head:hover .img1{display:block;}
.head2 .img2,.head:hover .img2{display:none;}
body{padding-top:0;
}
.head:hover,.head2{background:#fff;border-color:#eee;}
.head-c-r-l-t a{color:#fff;}
.head-c-r-r input::placeholder{color:#fff;}
.head-c-r-r a{color:#fff;border-color:#fff;}
.head:hover{background:#fff;}
.head:hover .head-c-r-l-t a{color:#000;}
.head:hover .head-c-r-r input::placeholder{color:#878787;}
.head:hover .head-c-r-r a{color:#000;border-color:#000}
.head2{background:#fff;}
.head2 .head-c-r-l-t a{color:#000;}
.head2 .head-c-r-r input::placeholder{color:#878787;}
.head2 .head-c-r-r a{color:#000;border-color:#000}
/*.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;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide a dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);text-align:center;color:#fff;}
.banner .swiper-slide a dl h3{font-size:60px;margin-bottom:33px;}
.banner .swiper-slide a dl h4{font-size:30px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-pagination-bullet{background:none;border:1px solid #fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.cpzx{margin:90px auto 125px auto;}
.cpzx-t{font-size:36px;text-align:center;margin-bottom:60px;}
.cpzx-b{position:relative;z-index:2;overflow:hidden;}
.cpzx-b>i{display:block;position:absolute;width:100%;height:100%;z-index:-1;background:#f5f5f5;border-top-left-radius:80px;}
.cpzx-l{width:250px;padding-top:30px;}
.cpzx-l>div{max-height:100vh;}
.cpzx-l .swiper-slide{height:calc(100% / 3);}
.cpzx-l .swiper-slide a{color:#000;text-align:center;cursor:pointer;display:block;height:100%;}
.cpzx-l .swiper-slide a h4{position:relative;margin-bottom:15px;overflow:hidden;}
.cpzx-l .swiper-slide a h4 img{display:block;width:120%;max-width:150%;margin-left:-10%;}
.cpzx-l .swiper-slide a h4 i{display:block;position:absolute;background:var(--colors);z-index:2;}
.cpzx-l .swiper-slide a h4 .i1{width:0px;height:2px;right:0px;top:0px;}
.cpzx-l .swiper-slide a h4 .i2{width:2px;height:0px;left:0px;top:0px;}
.cpzx-l .swiper-slide a h4 .i3{width:0px;height:2px;left:0px;bottom:0px;}
.cpzx-l .swiper-slide a h4 .i4{width:2px;height:0px;right:0px;bottom:0px;}
.cpzx-l .swiper-slide a h3{font-size:18px;}
.cpzx-l .swiper-slide-thumb-active a{color:var(--colors);}
.cpzx-l .swiper-slide-thumb-active a h4{}
.cpzx-l .swiper-slide-thumb-active a h3{}
.cpzx-l .swiper-slide-thumb-active a h4 .i1,.cpzx-l .swiper-slide-thumb-active a h4 .i3{width:100%}
.cpzx-l .swiper-slide-thumb-active a h4 .i2,.cpzx-l .swiper-slide-thumb-active a h4 .i4{height:100%}
.cpzx-r{width:calc(100% - 310px);}
.cpzx-r a{display:block;position:relative;overflow:hidden;color:#fff;}
.cpzx-r a img{display:block;width:100%;}
.cpzx-r a dl{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:80px 0 52px 80px;z-index:2;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));}
.cpzx-r a dl h3{font-size:30px;margin-bottom:23px;}
.cpzx-r a dl p{font-size:16px;line-height:30px;}
.cpzx-r .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.cpzx-r .swiper-slide-active a p{animation: indalRun 1s ease both .4s;}

.rmcp{background:url(../images/rmcp-bj.jpg)no-repeat center;background-size:cover;padding:110px 0 160px;position:relative;z-index:2;}
.rmcp-b{flex-direction:row-reverse;position:relative;z-index:2;}
.rmcp-b .swiper-button-next{width:11px;height:20px;right:-50px;background:url(../images/r.png);transition:all 0.5s;/* margin-top:-10%; */}
.rmcp-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.rmcp-b .swiper-button-prev{width:11px;height:20px;left:-50px;background:url(../images/l.png);transition:all 0.5s;/* margin-top:-10%; */}
.rmcp-b .swiper-button-prev:hover{background:url(../images/l-1.png);}
.rmcp-b>h5{position:absolute;left:0;top:0;width:100%;height:100%;}
.rmcp-r{width:63.75%;position:relative;z-index:-20;}
.rmcp-r .swiper-slide{width:50%;/* transform:scale(0.8); *//* transition:all 0.5s; */}
/*.rmcp-r .swiper-container{overflow:inherit;}*/
.rmcp-r a{overflow:hidden;transform: scale(0.6);}
.rmcp-r a img{display:block;}
.rmcp-r .swiper-slide-active  a{transform:scale(1);}
.rmcp-l{width:400px;background:#fff;border:1px solid #e5e5e5;position:relative;z-index:2;}
.rmcp-l dl{padding:80px 60px;}
.rmcp-l dl h3{font-size:30px;margin-bottom:30px;}
.rmcp-l dl h5{width:40px;height:1px;background:var(--colors);margin-bottom:35px;}
.rmcp-l dl dt{font-size:16px;line-height:36px;margin-bottom:40px;}
.rmcp-l dl a{width:170px;height:50px;background:var(--colors);color:#fff;font-size:16px;}
.rmcp-l dl a img{margin-left:25px;filter: brightness(0) invert(1);}
.rmcp-l dl a:hover{}
.rmcp-l dl a:hover img{transform: translateX(10px);}
.rmcp .swiper-pagination{position:absolute;left:0;width:100%;bottom:80px;z-index:3;}
.rmcp .swiper-pagination-bullet{background:none;border:1px solid #939393;opacity:1;margin:0 5px;}
.rmcp .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.jjfa{position:relative;color:#fff;}
.jjfa-t{}
.jjfa-t a{display:block;height:850px;position:relative;opacity:0;}
.jjfa-t a p{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);}
/*.jjfa-t .swiper-slide{opacity:1!important;}*/
.jjfa-t .swiper-slide-active a{opacity:1;}
.jjfa-t .swiper-pagination{bottom:40px;z-index:3;}
.jjfa-t .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px;}
.jjfa-t .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}
.jjfa-b{position:absolute;width:628px;height:622px;z-index:2;top:114px;left:calc(50% - 314px);border-radius:700px;background:rgba(0, 0, 0, 0.3);text-align:center;padding:164px 50px 0;z-index:2;}
.jjfa-b>i{background:url(../images/jjfa-tb.png)no-repeat center;position:absolute;z-index:-2;width:100%;height:100%;left:0;top:0;}
.jjfa-bt{margin-bottom:70px;}
.jjfa-bt dl{}
.jjfa-bt dl h3{font-size:36px;margin-bottom:30px;opacity:0;}
.jjfa-bt dl h5{width:40px;height:1px;background:var(--colors);margin-bottom:46px;opacity:0;}
.jjfa-bt dl p{font-size:16px;line-height:30px;margin-bottom:35px;opacity:0;}
.jjfa-bt dl a{width:170px;height:50px;border:1px solid #fff;color:#fff;font-size:16px;opacity:0;}
.jjfa-bt dl a img{margin-left:23px;filter: brightness(0) invert(1);}
.jjfa-bt dl a:hover{background:var(--colors);border-color:var(--colors);}
.jjfa-bt .swiper-slide-active h3{animation: indalRun 1s ease both .2s;}
.jjfa-bt .swiper-slide-active h5{animation: indalRun 1s ease both .4s;}
.jjfa-bt .swiper-slide-active p{animation: indalRun 1s ease both .6s;}
.jjfa-bt .swiper-slide-active a{animation: indalRun 1s ease both .8s;}
.jjfa-bb{width:40px;font-size:16px;}
.jjfa-bb p{}
.jjfa-bb h5{height:1px;background:#fff;margin:15px 0;}

.cgal{margin:100px auto 120px auto}
.cgal-b{position:relative;}
.cgal-b a{display:block;}
.cgal-b a h4{overflow:hidden;margin-bottom:45px;}
.cgal-b a h4 img{display:block;width:100%;}
.cgal-b a h3{font-size:30px;color:#000;margin-bottom:30px;}
.cgal-b a p{color:#878787;font-size:16px;line-height:30px;margin-bottom:44px;height:120px;}
.cgal-b a dl{font-size:16px;color:#000;}
.cgal-b a dl i{margin-right:40px;}
.cgal-b a dl i img{margin-right:15px;}
.cgal-b a:hover h4 img{transform:scale(1.1);}
.cgal-b a:hover h3{color:var(--colors);}
.cgal-b .swiper-button-next{width:11px;height:20px;right:-50px;background:url(../images/r.png);transition:all 0.5s;margin-top:-10%;}
.cgal-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.cgal-b .swiper-button-prev{width:11px;height:20px;left:-50px;background:url(../images/l.png);transition:all 0.5s;margin-top:-10%;}
.cgal-b .swiper-button-prev:hover{background:url(../images/l-1.png);}

.gywm{height:950px;color:#fff;padding-top:116px;position:relative;}
.gywm>h4{position:relative}
.gywm-b{}
.gywm-r{width:50%;padding:0 120px 0 20px;}
.gywm-r h3{font-size:36px;margin-bottom:30px;}
.gywm-r p{font-size:16px;line-height:30px;margin-bottom:30px;}
.gywm-r a{width:170px;height:50px;color:#fff;font-size:16px;border:1px solid #fff}
.gywm-r a img{margin-left:20px;filter: brightness(0) invert(1);}
.gywm-c{width:80px;height:80px;border-radius:80px;z-index:2;background:var(--colors);position:relative;}
.gywm-c{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
.gywm-c::before, .gywm-c::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--colors);content: '';top:0;left:0;z-index:-1;}
.gywm-c::before{animation: scale 2s infinite; }
.gywm-c::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.5); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(3);opacity:0;}}

.xwzx{margin:95px auto;}
.xwzx-b{position:relative;margin-bottom:65px;}
.xwzx-b a{display:block;color:#000;}
.xwzx-b a h4{overflow:hidden;margin-bottom:30px;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a p{line-height:100%;color:#878787;font-size:16px;margin-bottom:20px;}
.xwzx-b a h3{font-size:24px;line-height:36px;margin-bottom:33px;}
.xwzx-b a h5{font-size:16px;}
.xwzx-b a h5 img{margin-left:20px;}
.xwzx-b a:hover h4 img{}
.xwzx-b a:hover h5{}
.xwzx-b .swiper-button-next{width:11px;height:20px;right:-50px;background:url(../images/r.png);transition:all 0.5s;margin-top: -5%;}
.xwzx-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.xwzx-b .swiper-button-prev{width:11px;height:20px;left:-50px;background:url(../images/l.png);transition:all 0.5s;margin-top: -5%;}
.xwzx-b .swiper-button-prev:hover{background:url(../images/l-1.png);}
.xwzx-t{width:170px;height:50px;color:#000;font-size:16px;border:1px solid #000;}
.xwzx-t img{margin-left:24px;transition:all 0s!important;}
.xwzx-t:hover{background:var(--colors);border-color:var(--colors);color:#fff;}
.xwzx-t:hover img{filter: brightness(0) invert(1);}

.fwzc{background:#f5f5f5;padding:80px 0 75px 0;text-align:center;}
.fwzc-b{}
.fwzc-b a{display:block;text-align:center;color:#000;}
.fwzc-b a h4{height:110px;}
.fwzc-b a h3{font-size:24px;margin-bottom:25px;}
.fwzc-b a p{font-size:16px;}
.fwzc-b a:hover{}
.fwzc-b a:hover img{transform: translateY(-10px);}
.fwzc-b a:hover h3{color:var(--colors);}

@media(min-width:1200px){
    
    .gywm-r a:hover{background:var(--colors);border-color:var(--colors);}
}
@media screen and (max-width:1200px){
    .cgal-b a p{height:72px;}
    .gywm{background:none!important;color:#000;}
    .gywm-r a{width:150px;height:40px;color:#000;border-color:#000;font-size: 14px;}
    .gywm-r a img{margin-left:20px;filter: brightness(0) invert(0);}
    .gywm-c{/* margin-left:15px; */width: 50px;height: 50px;}
    .jjfa-t a{height: 450px;}
    .jjfa-b{width:340px;height:340px;top:50px;left:calc(50% - 170px)}
    .rmcp-r .swiper-slide{width:100%;transform:scale(1);}
    .jjfa-bt dl a{width:150px;height:45px;font-size:14px;}
    .rmcp-l dl a,.xwzx-t{width:150px;height:45px;font-size:14px;}
    .jjfa-t .swiper-pagination{bottom:20px;}

}