/*.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 a>img{width:100%;display:block;}
.banner a>img{/* animation: fangda 5s ease-in-out infinite alternate; */}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide a dl{position:absolute;left:0;width:100%;bottom:0;height:100%;font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;z-index:2;}
/*.banner .swiper-slide a dl dt{width:40%}*/
.banner .swiper-slide a dl dt h4{color:#999999;font-size:18px;margin-bottom:18px;text-transform:uppercase;}
.banner .swiper-slide a dl dt h3{color:#333333;font-size:58px;line-height:72px;margin-bottom:34px;font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;}
.banner .swiper-slide a dl dt p{color:#666666;font-size:16px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a p{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination{opacity:0;z-index:-1;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}
.banner-an{position:absolute;left:0;z-index:2;bottom:55px;width:100%;}
.banner-an dt{color:#fff;}
.banner-an dt .i1{}
.banner-an dt .i2{width:150px;height:2px;background:rgba(255, 255, 255, 0.3);position:relative;margin:0 10px;}
.banner-an dt .i2 i{width:0;height:100%;display:block;background:#0054a6;position:absolute;left:0;top:0}
.banner-an dt .i2 .active{width:100%;transition:all 4s;}
.banner-an dt .i3{}
.banner-an dd{}
.banner-an dd p{width:50px;height:50px;border-radius:50px;position:relative;cursor:pointer;transition:all 0.5s;margin-left:20px;background:rgba(255, 255, 255, 0.3);}
.banner-an dd p:hover{background:#3d78b3;}

.wmfw{margin:100px auto;}
.sybt{margin-bottom:50px;}
.sybt h3{color:#333333;font-weight: bold;font-size:50px;font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;}
.sybt h4{color:#999999;font-size:20px;padding-left:15px;}
.wmfw-b{}
.wmfw-l{width: calc(70.71428571428572% + 33px);overflow:hidden;/* border-radius: 20px; */margin-right: -41px;position: relative;z-index: 1;}
.wmfw-l dl{color:#fff;background:#0057ab;position: relative;border-radius:20px;padding: 60px 76px 0 44px;margin-right: -27%;width:41.414141414141414%;transition:all 0.5s;}
.wmfw-l dl:nth-child(2){z-index:2;background:#00a583;}
.wmfw-l dl:nth-child(3){z-index:3;background:#33c1cd;}
.wmfw-l dl:nth-child(4){z-index:4;background:#0a9bcb;}
.wmfw-l dl:nth-child(5){z-index:6;background:#0079b8;}
.wmfw-l dl h3{transition: all 0.5s;font-size:24px;margin-bottom:28px;opacity: 0.5;}
.wmfw-l dl p{line-height:28px;opacity: 0.5;transition: all 0.5s;}
.wmfw-l dl h4{height:295px;}
.wmfw-l dl h5{transition:all 0.5s;width:0;height:1px;background:rgba(255, 255, 255, 0.7);margin-bottom:34px;}
.wmfw-l dl dt{}
.wmfw-l dl dt a{color:#fff;}
.wmfw-l dl dt a img{margin-left:15px;}
.wmfw-l dl dt a:hover img{}
.wmfw-l dl.active{margin-right: -33px;}
.wmfw-l dl.active h5{width:100%;}
.wmfw-l dl.active h3,.wmfw-l dl.active p{opacity:1;position: relative;z-index: 3;}
.wmfw-r{width:29.28571428571428%;overflow:hidden;border-radius:20px;position: relative;z-index: 2;}
.wmfw-r img{display:block;width:100%;}
.wmfw-r:hover img{transform:scale(1.1);}

.gywm{position:relative;z-index:2;background:#f7f8f9;padding:200px 0 116px 0;overflow:hidden;}
.gywm-t{position:absolute;left:0;width:100%;top:100px;z-index:-1;}
.gywm-t li{width:2506px;}
.gywm-t img{display:block;}
.gywm-l{width:49.375%;overflow:hidden;border-top-right-radius:20px;border-bottom-right-radius:20px;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:44.53125%;margin-bottom:60px;}
.gywm-r>h3{font-size:50px;margin-bottom:28px;font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;}
.gywm-r>p{font-size:16px;line-height:28px;color:#333333;margin-bottom:55px;}
.gywm-r dl{margin-bottom:45px;}
.gywm-r dl dt{width:38px;}
.gywm-r dl dt img{}
.gywm-r dl i{width:1px;height:54px;background:#d7d8d9;}
.gywm-r dl dd{width:calc(100% - 96px)}
.gywm-r dl dd h4{font-size:18px;margin-bottom:15px;}
.gywm-r dl dd h5{font-size:18px;font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;}
.gywm-r a{width:140px;height:50px;overflow:hidden;position:relative;border-radius:3px;border:1px solid #7d7d7d;color:#626262;z-index:2;}
.gywm-r a p{width:18px;height:10px;background:url(../images/gywm-tb5.png);margin-left:10px;}
.gywm-r a i{display:block;position:absolute;left:0;top:0;width:0;height:100%;background:#3f7ab4;z-index:-1;}
.gywm-r a:hover{color:#fff;border-color:#3f7ab4;background:#3f7ab4;}
.gywm-r a:hover p{background:url(../images/r.png);transform: translateX(10px);}
.gywm-r a:hover i{width:100%;}

.fwtx{padding:100px 0;background:url(../images/fwtx-bj.jpg)no-repeat center #fff;}

.wmys{}
.wmys-t{position:relative;}
.wmys-t p{position:absolute;left:0;top:0;width:100%;z-index:1;opacity:0;transition:all 0.5s;}
.wmys-t p img{display:block;width:100%}
.wmys-t p.active{position:relative;z-index:2;opacity:1;}
.wmys-b{position:relative;margin-top: -190px;margin-bottom: 45px;z-index:2;}
.wmys-b a{width:calc((100% - 9px) / 4);position:relative;}
.wmys-b a dt{height:130px;padding:0 30px 0 40px;background:#fff;}
.wmys-b a dt h3{color:#333333;font-size:24px;margin-bottom:13px;}
.wmys-b a dt h4{font-size:12px;text-transform:uppercase;color:#c6c6c6;}
.wmys-b a dt .img2{display:none;}
.wmys-b a dd{position:absolute;left:0;bottom:0;z-index:2;background:#00a483;color:#fff;text-align:center;height:0;overflow:hidden;border-top-left-radius:20px;width:100%}
.wmys-b a dd h5{width:115px;height:115px;position:relative;z-index:2;margin-bottom: 35px;}
.wmys-b a dd h5 p{width:100%;height:100%;left:0;bottom:0;border-radius:500px;position:absolute;background:url(../images/wmys-tb.png)no-repeat center;}
.wmys-b a dd h3{font-size:24px;margin-bottom:17px;}
.wmys-b a dd h4{font-size:16px;}
.wmys-b a.active dd{height:295px;padding:45px 10px 0 10px;}

.ryzz{height:795px;background:url(../images/ryzz-bj2.jpg)no-repeat center;}
.ryzz-b dl{width:494px;background:#fff;box-shadow: 1px 1px 10px rgb(0 0 0 / 1%);padding:65px 40px 40px 40px;}
.ryzz-b dl h3{color:#333333;font-size:50px;margin-bottom:40px;}
.ryzz-b dl dt{font-size:16px;line-height:34px;color:#777777}
.ryzz-b dl dt p{}
.ryzz-b dl dt p i{width:6px;height:6px;background:#00a583;border-radius:10px;display:block;}
.ryzz-b dl dt p span{width:calc(100% - 25px);display:block;}

.xwzx{position:relative;padding:105px 0 126px 0;z-index:2;}
.xwzx-b{position:relative;z-index:2;}
.xwzx-l{width:53.57142857142857%;}
.xwzx-l a{}
.xwzx-l a:nth-child(1){padding-bottom:39px;border-bottom:1px solid #ededed;}
.xwzx-l a:nth-child(2){padding-top:36px;}
.xwzx-l a h4{width:37.333333333333335%;border-radius:20px;overflow:hidden;}
.xwzx-l a h4 img{display:block;width:100%;}
.xwzx-l a dl{width:62.66666666666667%;padding:0 40px}
.xwzx-l a dl h3{color:#333333;font-size:18px;margin-bottom:20px;}
.xwzx-l a dl p{color:#999999;line-height:24px;margin-bottom:45px;}
.xwzx-l a dl dt{}
.xwzx-l a dl dt i{color:#666666;}
.xwzx-l a dl dt span{color:#0557a8;}
.xwzx-l a dl dt span img{margin-left:8px;}
.xwzx-l a:hover h4 img{transform:scale(1.05);}
.xwzx-l a:hover h3{color:#0557a8;}
.xwzx-b h6{width:1px;background:#ededed;}
.xwzx-r{width:35.35714285714286%;border-radius:20px;background:#f8f8f8;display:block;}
.xwzx-r h4{border-radius:20px;overflow:hidden;}
.xwzx-r h4 img{display:block;width:100%;}
.xwzx-r dl{padding:40px 40px 36px 40px;}
.xwzx-r dl h3{color:#333333;font-size:22px;margin-bottom:20px;}
.xwzx-r dl p{color:#999999;line-height:24px;margin-bottom:25px;}
.xwzx-r dl h5{color:#0557a8;font-size:14px;}
.xwzx-r dl h5 img{margin-left:10px;}
.xwzx-r:hover h4 img{transform:scale(1.05);}
.xwzx-r:hover h3{color:#0557a8;}
#wave{position: absolute;left: 0;bottom: -200px;width: 100%;z-index: 1;height:500px;}

@media(max-width:1600px){
    .gywm-r{margin-bottom:20px}
    .gywm-r>p{margin-bottom:40px;}
}
@media(max-width:1500px){
    .wmfw-l dl h4{height:254px;}
    .gywm-r>h3{font-size:30px;}
    .gywm-r dl{margin-bottom:30px;}
    .gywm-r{margin-bottom:0px}
  .ryzz-b dl{
    width: 400px;
}
}
@media screen and (max-width:1200px){
    .banner-an{bottom:10px;}
    .banner-an dd{bottom:10px;}
    .banner-an dt .i2{width:100px;}
    .banner-an dd p{width: 30px;height: 30px;}
    .wmfw-l dl h4{transform:scale(0.6);justify-content:center;position: absolute;width: 100%;top: -10%;}
  .wmfw-l dl h4 img{/* margin: -10% 0 -5% 0; */}
    .wmfw-l dl,.wmfw-r{border-radius:5px;}
  .wmfw-r{display:none;}
  .wmfw-l dl{margin-bottom: 0px!important;}
    .gywm-r dl dd{width:calc(100% - 50px)}
    .wmys-b a{width:100%}
    .wmys-b a.active dt{background:#00a483;}
    .wmys-b a.active dt h3{color:#fff}
    .wmys-b a.active dt h4{color:#fff;}
    .ryzz{background:#f5f5f5;}
    .xwzx-l a:nth-child(1){padding-bottom:20px;border: none;}
    .xwzx-l a:nth-child(2){padding-top:20px;}
    .xwzx-l a h4,.xwzx-r,.xwzx-r h4{border-radius: 10px;}
    #wave{height:300px;bottom:0;opacity:0}
    .wmfw-l dl h5{width:100%;display: none;}
    .wmys{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
    .wmys-b a dt{border:1px solid #eee}
    .wmys-b a.active dt .img1{display:none;}
    .wmys-b a.active dt .img2{display:block;}
  .banner-an dt i{
    font-weight: normal;}
  .gywm-l img{margin-bottom:-20px;margin-top: -20px;}
  .gywm-l{
    border-radius: 10px;margin-top:40px}
  .gywm{flex-direction:column-reverse;padding-top: 70px!important;}
  .gywm-r>h3{font-size:24px!important;margin-bottom: 15px!important;}
  .gywm-r>p{margin-bottom:30px!important}
  .gywm-r a{margin-top:20px}
  .wmys-b{margin-bottom:0px;}
  .ryzz-b dl{padding:40px 20px!important}
  .xwzx-l a dl dt{
    align-items: self-end;
    margin-top: 20px;
}
  .xwzx-l a h4 img{margin:-5% 0 -5% 0;}
  .wmfw-l dl h3,.wmfw-l dl p{opacity:1}
  .wmfw-l dl p{display:none;transition: all 0s;}

}