/*.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 fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}
.banner{width:100%;}
.banner img{width:100%;display:block;animation: fangda 5s ease-in-out infinite alternate;}
.banner a{display:block;overflow:hidden;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{}
.banner .swiper-slide-active a{transform:scale(1);-webkit-transform:scale(1); }
.banner .swiper-pagination-bullet{background:none;opacity:1;border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{background:#fff;}

.cpzx{background:url(../images/cpzx-bj.jpg)no-repeat #f8f8f8;padding:100px 0;}
.sybt{text-align:center;margin-bottom: 30px;}
.sybt h3{font-size:36px;margin-bottom: 20px;font-weight:bold;}
.sybt p{color:#878787;font-size:16px;text-transform:uppercase;display: none;}
.cpzx-t{display:flex;flex-wrap:wrap;justify-content:center;border-bottom:1px solid #e5e5e5;text-align:center;margin-bottom:45px;font-size: 14px;}
.cpzx-t a{display:block;position:relative;color: #333;margin: 0 5px;padding: 0 5px 30px 5px;}
.cpzx-t a h4{height:50px;}
.cpzx-t a p{position:absolute;width:0;left:0;height:3px;bottom:-2px;background:#0070c0;}
.cpzx-t a.active{color:#0070c0;}
.cpzx-t a.active p{width:100%;}
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;width:100%;left:0;top:0;opacity:1;transition: all 0.5s;}
.cpzx-b2:nth-child(1){position:relative;z-index:3;opacity:1;}
.cpzx-b a{display:block;background:#fff;position:relative;margin:5px}
.cpzx-b a h4{overflow:hidden;padding: 40px 0;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a dl{position:relative;padding:38px 30px 70px 30px;border-top:1px solid #eee}
.cpzx-b a dl h3{font-size:18px;font-weight:bold;margin-bottom:17px;color:#000;text-align:center;}
.cpzx-b a dl p{line-height:24px;color:#878787}
.cpzx-b a dl dd{position:absolute;display:flex;justify-content:center;align-content:center;right:0;bottom:0;background:#0070c0;width:45px;height:45px;align-items:center;}
.cpzx-b a i{position:absolute;display:block;background:#0070c0;}
.cpzx-b a .i1{top:0;right:0;width:0;height:1px;}
.cpzx-b a .i2{top:0;left:0;width:1px;height:0px;}
.cpzx-b a .i3{bottom:0;left:0;width:0;height:1px;}
.cpzx-b a .i4{bottom:0;right:0;width:1px;height:0px;}
.cpzx-b a:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.2);}
.cpzx-b a:hover .i1,.cpzx-b a:hover .i3{width:100%}
.cpzx-b a:hover .i2,.cpzx-b a:hover .i4{height:100%;}
.cpzx-b a:hover dl{border-color:#0070c0}
.cpzx-b a:hover h4 img{transform:scale(1.1);}
.cpzx-b a:hover h3{color:#0070c0;}
.cpzx-b{}

.gysp{margin:100px auto}
.gysp-b2{position:relative;}
.gysp-c{}
.gysp-c p{display:none}
.gysp-c p:nth-child(1){display:block;}
.gysp-c p img,.gysc-c video{width:100%;display:block;}
.gysp-b{display:flex;flex-wrap:wrap;position:absolute;width:100%;height:100%;left:0;top:0}
.gysp-b a{display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;border-right:1px solid rgba(255,255,255,0.5);background:rgba(31,139,204,0.3);position:relative;height:100%;width:calc(100% / 7)}
.gysp-b a:last-child{border:none;}
.gysp-b a dl{position:relative;z-index:3;}
.gysp-b a div{height:36px;}
.gysp-b a dl h3{font-size: 16px;/* margin-bottom:24px; */line-height: 24px;min-height: 48px;}
.gysp-b a dl p{font-size:12px;line-height:18px;text-transform:uppercase;display: none;}
.gysp-b a h6{position:absolute;left:0;bottom:0;width:100%;background:rgba(11,41,85,0.2);height:0}
.gysp-b a.active h6{height:100%}
.gysp-b3{}
.gysp-b3 dl{}
.gysp-b3 dl h4{overflow:hidden;margin-bottom:20px;}
.gysp-b3 dl h4 img,.gysp-b3 dl h4 video{width:100%;display:block;}
.gysp-b3 dl h3{font-size:16px;margin-bottom:10px}
.gysp-b3 dl div{font-size:14px;color:#5f5f5f;}

.yyal{}
.yyal-t{text-align:center;font-size:18px;color:#878787;margin-bottom:50px;margin-top:-10px;}
.yyal-b{display:flex;flex-wrap:wrap;}
.yyal-b a{display:block;position:relative;width: calc(70% / 5);color:#fff;}
.yyal-b a>img{display:block;max-width:720px;}
.yyal-b a dl{position:absolute;max-width:390px;top:60px;left:38px;position:absolute;z-index:3;}
.yyal-b a dl dt{}
.yyal-b a dl dt h4{height:70px;}
.yyal-b a dl dt h4 img{}
.yyal-b a dl dt h3{font-size:30px;margin-bottom:15px;}
.yyal-b a dl dt p{color:#878787;text-transform:uppercase;margin-bottom:30px;display: none;}
.yyal-b a dl dd{opacity:0;}
.yyal-b a dl dd p{font-size:16px;line-height:30px;margin-bottom:43px;}
.yyal-b a dl dd h4{display:flex;align-items:center;justify-content:center;border-radius:50px;font-size:16px;border:1px solid #fff;width:220px;height:53px;}
.yyal-b a dl dd h4 img{margin-left:25px;}
.yyal-b a h6{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(1,6,18,0.7);}
.yyal-b a.active{width: 30%;}
.yyal-b a.active dl dt p{color:#8dbacb;}
.yyal-b a.active h6{background:rgba(0,31,53,0.25);}
.yyal-b a.active dd{opacity:1;}

.gywm{margin:100px auto}
.gywm-t{display:flex;flex-wrap:wrap;padding:0 50px;justify-content:space-between;margin-bottom:60px;align-items:center;}
.gywm-t dl{text-align:center;font-size:16px;text-align:center;color:#878787;}
.gywm-t dl h3{color:#0070c0;font-size:24px;font-weight:bold;margin-bottom:20px;}
.gywm-t dl h3 i{font-size:48px;}
.gywm-t h6{width:1px;height:px;background:#;}
.gywm-b{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.gywm-l{width:44.44444444444444%;}
.gywm-l h3{font-size: 28px;margin-bottom:33px;}
.gywm-l h4{width:60px;height:1px;background:#0070c0;margin-bottom:43px;}
.gywm-l .div1{font-size:16px;line-height:30px;margin-bottom:60px;color:#878787;}
.gywm-l a{display:flex;align-items:center;justify-content:center;width: 220px;height:53px;font-size:16px;color:#0070c0;border-radius:60px;border:1px solid #0070c0;position:relative;margin-bottom:67px;overflow:hidden;}
.gywm-l a i{position:relative;z-index:3;transition:all 0s;}
.gywm-l a img{margin-left:25px;position:relative;z-index:3;}
.gywm-l a .img2{display:none;}
.gywm-l a span{display:block;width:0;height:100%;background:#0070c0;position:absolute;top:0;}
.gywm-l a:hover{color:#fff}
.gywm-l a:hover .img1{display:none;}
.gywm-l a:hover .img2{display:block;}
.gywm-l a:hover span{width:100%}
.gywm-l .div1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.gywm-l .div1 h6{transition:all 0.5s;}
.gywm-l .div1 h6:hover{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.gywm-r{width:50%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.gywm-r a{display:block;width:calc(50% - 5px);text-align:center;font-size:16px;color:#000;}
.gywm-r a:nth-child(1),.gywm-r a:nth-child(2){margin-bottom:30px;}
.gywm-r a h4{overflow:hidden;position:relative;margin-bottom:18px;}
.gywm-r a h4 img{display:block;width:100%;}
.gywm-r a h4 p{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;}
.gywm-r a h4 p i{position:relative;display:block;}
.gywm-r a h4 p i img{display:blkock;position:relative;z-index:3;}
.gywm-r a h4 p i::before,.gywm-r a h4 p i::after{position: absolute;width: 100%; height: 100%; border-radius: 50%;content: '';left:0;top:0 }
.gywm-r a h4 p i::before{animation: scale 2s infinite;background:#fff;}
.gywm-r a h4 p i::after{animation: scale2 2s infinite;background:#fff}
@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(3);opacity:0;}}
.gywm-r a:hover{color:#0070c0;}
.gywm-r a:hover h4>img{transform:scale(1.1);}

.xwzx{background: url(../images/cpzx-bj.jpg)no-repeat #f9f9f9;padding:100px 0;}
.xwzx-t{display:flex;justify-content:center;margin-bottom:45px;font-size:18px;}
.xwzx-t a{color:#878787;display:block;margin:0 20px;}
.xwzx-t a:hover{color:#1f6daf;}
.xwzx-b{display:flex;flex-wrap:wrap;justify-content:space-between;}
.xwzx-l{width:22.916666666666666%;display:block;position:relative;color:#fff;font-size:20px;line-height:24px;overflow:hidden;}
.xwzx-l img{display:block;width:100%;}
.xwzx-l p{position:absolute;width:100%;left:0px;bottom:0px;z-index:3;padding:23px;background-image: linear-gradient(rgba(0,112,192,0), rgba(0,0,0,0.8));}
.xwzx-l h3{font-size:16px;position:absolute;left:0;top:0;text-align:center;line-height:31px;text-transform: capitalize;width: 153px;background:#0070c0;}
.xwzx-l:hover img{transform:scale(1.1);}
.xwzx-r{width:75.625%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#fff;}
.xwzx-r>a{width:63.30275229357798%;display:block;position:relative;color:#fff;font-size:20px;line-height:24px;overflow:hidden;}
.xwzx-r>a img{display:block;width:100%;}
.xwzx-r>a p{position:absolute;width:100%;left:0px;bottom:0px;z-index:3;padding:23px;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));}
.xwzx-r>a:hover img{transform:scale(1.1);}
.xwzx-r2{position:relative;width:36.69724770642202%;}
.xwzx-r2>a{display:block;padding: 25px 45px;position:relative;color:#333;transition:all 0s;}
.xwzx-r2>a h3{font-size:20px;position:relative;z-index:3;margin-bottom:15px;}
.xwzx-r2>a p{color:#878787;}
.xwzx-r2>a:hover *,.xwzx-r2>a.active *{color:#1f6daf;}
.xwzx-r2 dl{padding-top:35px;display:flex;justify-content:flex-end;margin-right:45px;}
.xwzx-r2 dl a{display:flex;align-items:center;color:#0070c0;font-size:16px;}
.xwzx-r2 dl a img{margin-left:25px;}
.xwzx-r2 dl a:hover{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
@media(max-width:1500px){
    .xwzx-r2 dl{padding-top:0px;}
    .gywm-l p,.gywm-l a{margin-bottom:30px;}
    .yyal-b a dl dt h3{font-size:25px;}
    .cpzx-t{font-size:16px;}
}
@media screen and (max-width:1200px){
    .banner{margin-top:60px;}
    .cpzx-t{justify-content:flex-start;}
    .cpzx-t a{width:33.33%;}
    .gysp-b a{width:50%;border-top:1px solid rgba(255,255,255,0.5)!important}
    .gysp-b a br{display:none;}
    .yyal-b a dl{left:0;top:0}
    .yyal-b a dl dt p{color:#8dbacb;}
    .yyal-b a h6{background:rgba(0,31,53,0.25);}
    .yyal-b a dl dd{opacity:1;}
    .gywm-t{justify-content:flex-start;align-items: flex-start;}
    .gywm-t dl{width:33%}
    .gywm-l a{width:150px;height:40px;}
    .gywm-r a:nth-child(1),.gywm-r a:nth-child(2){margin-bottom:20px;}
    @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(2);opacity:0;}}
    .gywm-r a h4 p i{width:30px;}
}