/*.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;color:#fff;}
.banner .swiper-slide a dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.banner .swiper-slide a dl h3{font-size:60px;line-height:72px;margin-bottom:20px;}
.banner .swiper-slide a dl h4{font-size:18px;margin-bottom:40px;}
.banner .swiper-slide a dl p{font-size:24px;line-height:36px;margin-bottom:43px;}
.banner .swiper-slide a dl h5{width:160px;height:55px;color:#fff;font-size:16px;background:var(--colors);}
.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-slide-active a p{animation: indalRun 1s ease both .6s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .8s;}
.banner .swiper-pagination{bottom:40px;}
.banner .swiper-pagination-bullet{background:none;border:1px solid rgba(255, 255, 255, 0.5);opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.gywm{padding-top:100px;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.sybt{text-align:center;margin-bottom:30px;}
.sybt h3{font-size:40px;margin-bottom:30px;}
.sybt h5{width:60px;height:2px;background:var(--colors);}
.gywm-t{text-align:center;font-size:24px;line-height:40px;margin-bottom:65px;}
.gywm-c{text-align:center;padding:0 9.883720930232558%;margin-bottom:70px;}
.gywm-c dl{}
.gywm-c dl h3{color:var(--colors);margin-bottom:25px;font-size:18px;}
.gywm-c dl h3 i{font-size:60px;}
.gywm-c dl h3 span{padding-left:5px;}
.gywm-c dl h5{font-size:18px;}
.gywm-b{background:#fff;box-shadow:0px 5px 20px rgba(204, 204, 204, 0.2);width:94.79166666666666%;}
.gywm-l{width:52.74725274725275%;overflow:hidden;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:47.25274725274725%;padding:0 3.8461538461538464% 0 4.945054945054945%;}
.gywm-r h5{color:#f7f7f7;font-size:100px;text-transform:uppercase;font-style: italic;}
.gywm-r h3{font-size:36px;color:var(--colors);padding-bottom:40px;border-bottom:1px solid #eee;margin-bottom:50px;position:relative;position:relative;z-index:2;margin-top:-40px;}
.gywm-r h3 p{position:absolute;left:0;bottom:-1px;width:65px;height:1px;background:var(--colors);}
.gywm-r dl{font-size:18px;line-height:36px;margin-bottom:50px;}
.gywm-r a{width:160px;height:55px;background:var(--colors);color:#fff;font-size:16px;}
.gywm-r a:hover{opacity:0.8;}

.cpzx{}
.cpzx-b{margin-bottom:10px;background:#01607c;color:#fff;}
.cpzx-b:nth-child(2n){background:#2a5a9a;flex-direction:row-reverse}
.cpzx-b:nth-child(3){background:#55a9d7;}
.cpzx-b:nth-child(4){background:#17aa66}
.cpzx-l{width:50%;padding:0 5%;}
.cpzx-l h3{font-size:30px;margin-bottom:40px;}
.cpzx-l dl{line-height:30px;margin-bottom:70px;}
.cpzx-l dl p{width:45%;position: relative;padding-left: 12px;}
.cpzx-l dl p i{position:absolute;left:0;top:0;}
.cpzx-l .div1{}
.cpzx-l .div1 p{
    width: calc(100% - 100px);
}
.cpzx-l .div1 p a{width:150px;height:45px;border-radius:5px;color:#fff;background:rgba(255, 255, 255, 0.1);margin-right: 10px;margin-bottom: 10px;}
.cpzx-l .div1 p a:last-child{margin-right:0!important;}
.cpzx-l .div1 p a i{width:10px;height:10px;border-radius:10px;background:#fff;margin-right:20px;}
.cpzx-l .div1 p a:hover{color: var(--colors);background: #fff;}
.cpzx-l .div1 p a:hover i{background:var(--colors)}
.cpzx-l .div1>a{width:80px;height:80px;border-radius:80px;border:1px solid #fff;}
.cpzx-l .div1>a img{filter: brightness(0) invert(1);transition:all 0s!important;}
.cpzx-l .div1>a:hover{background:#fff}
.cpzx-l .div1>a:hover img{filter:inherit;}
.cpzx-r{width:50%;overflow:hidden;}
.cpzx-r img{display:block;width:100%;}
.cpzx-r:hover img{transform:scale(1.1);}

.hxjs{margin:100px auto;}
.hxjs-b{}
.hxjs-b a{display:block;border-radius:10px;overflow:hidden;width: calc(20.146520146520146% - 10px);position:relative;}
.hxjs-b a h4{position:relative;overflow:hidden;}
.hxjs-b a h4 img{display:block;width:100%;}
.hxjs-b a h4 p{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-image:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0));}
.hxjs-b a dt{color:#fff;text-align:center;position:absolute;left:0;width:100%;top:45px;z-index:2;}
.hxjs-b a dt img{display:inline-block;}
.hxjs-b a dt h3{font-size:24px;margin-top:25px;line-height:1.2;}
.hxjs-b a dd{border-radius:10px;background:rgba(255, 255, 255, 0.9);position:absolute;width:calc(100% - 90px);left:45px;bottom:38px;padding:44px 45px 53px 45px;opacity:0;z-index:2;}
.hxjs-b a dd h3{font-size:24px;margin-bottom:30px;}
.hxjs-b a dd p{color:#666;font-size:16px;}
.hxjs-b a.active{width:39.56043956043956%;}
.hxjs-b a.active h4{margin-left:0;}
.hxjs-b a.active dt{text-align:left;padding:0 48px;}
.hxjs-b a.active dt h3{opacity:0;}
.hxjs-b a.active dd{opacity:1;}

.hxjs-t{}
.hxjs-t a{display:block;border-radius:10px;overflow:hidden;position:relative;}
.hxjs-t a h4{position:relative;overflow:hidden;}
.hxjs-t a h4 img{display:block;width:100%;}
.hxjs-t a h4 p{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-image:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0));}
.hxjs-t a dt{color:#fff;text-align:center;position:absolute;left:0;width:100%;top: 20px;z-index:2;}
.hxjs-t a dt img{display:inline-block;}
.hxjs-t a dt h3{font-size:24px;margin-top:25px;line-height:1.2;}
.hxjs-t a dd{border-radius:10px;background:rgba(255, 255, 255, 0.9);position:absolute;width: calc(100% - 40px);left: 20px;bottom: 20px;padding:44px 45px 53px 45px;opacity:0;z-index:2;}
.hxjs-t a dd h3{font-size:24px;margin-bottom:30px;}
.hxjs-t a dd p{color:#666;font-size:16px;}
.hxjs-t a h4{margin-left:0;}
.hxjs-t a dt{text-align:left;padding: 0 20px;}
.hxjs-t a dt h3{opacity:0;}
.hxjs-t a dd{opacity:1;}

.xwzx{padding:100px 0 140px 0;background:#f5f5f5;}
.xwzx-b{margin-bottom:70px;}
.xwzx-l{width:calc(50% - 13px);}
.xwzx-l a{width:calc(50% - 13px);margin-bottom:20px;background:#daeaf3;display:block;position:relative;color:#030303;padding:45px 50px;height:calc(50% - 10px);}
.xwzx-l a h3{font-size:24px;line-height:36px;}
.xwzx-l a p{line-height:30px;margin-top:20px;color:#666}
.xwzx-l a h5{font-size:14px;position:absolute;left:51px;bottom:45px;}
.xwzx-l a h5 img{margin-right:11px;}
.xwzx-l a:nth-child(2){background:var(--colors);color:#fff;margin-bottom:15px;}
.xwzx-l a:nth-child(2) img{filter: brightness(0) invert(1);}
.xwzx-l a:nth-child(3){background:#fff;margin-bottom:0px;width:100%;}
.xwzx-r{width:calc(50% - 10px);}
.xwzx-r a{display:block;position:relative;display:block;color:#fff;}
.xwzx-r a h4{overflow:hidden;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a dl{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:64px 50px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));}
.xwzx-r a dl h3{font-size:24px;margin-bottom:23px;}
.xwzx-r a dl h5{font-size:14px;}
.xwzx-r a dl h5 img{margin-right:10px;filter: brightness(0) invert(1);}
.xwzx-r a:hover h4 img{transform:scale(1.1);}
.xwzx-r .swiper-pagination{text-align:right;padding-right:60px;bottom:50px}
.xwzx-r .swiper-pagination-bullet{background:none;border:1px solid rgba(255, 255, 255, 0.5);opacity:1;}
.xwzx-r .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}
.xwzx-t{width:160px;height:55px;color:#fff;background:var(--colors);}
.xwzx-t:hover{opacity:0.8;}

@media(max-width:1500px){
    .gywm-r h3{font-size:30px;padding-bottom:30px;margin-bottom:30px;}
    .cpzx-l dl{margin-bottom:40px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .gywm-c dl{width:50%}
    .gywm-r a{width:150px;height:45px;}
    .gywm-r h5{font-size:45px;}
    .gywm-r h3{margin-top:-20px;}
    .cpzx-l .div1 p a{width:125px;}
    .cpzx-l .div1 p a i{margin-right:10px;}
    .xwzx-l a h5{position:relative;left:0;bottom:0}
    .xwzx-r .swiper-pagination{padding-right:20px;}
    .xwzx-t{width:150px;height:45px;}
    .cpzx-l .div1 p{
    width: calc(100% - 10px);}
}