/*.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%;overflow:hidden;}
.banner a>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;bottom:0;width:100%;height:74.90494296577946%;overflow:hidden;}
.banner-s{width:1200px;height:100%;}
.banner-s dt{width:760px;color:#000}
.banner-s dt i{line-height:100%;font-size:20px;background:#fff;border-radius:10px;text-transform:uppercase;padding:6px 13px;line-height:36px;}
.banner-s dt h3{text-transform:uppercase;font-size:64px;line-height:74px;margin-top:32px;}
.banner-s dt h5{width:170px;height:35px;border-radius:35px;color:#fff;background:#2b88f8;text-transform:uppercase;font-size:16px;margin-top:55px;}
.banner-s dt h5 img{margin-left:10px;}
.banner-s dt h5:hover img{transform: translateX(10px);}
.banner-s dd{width:371px;height:100%;}
.banner-s dd img{display:block;height:100%;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a i{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .6s;}
.banner .swiper-slide-active a dd{-o-transition:all ease-in-out 6000ms;-webkit-transition:all ease-in-out 6000ms;transition:all ease-in-out 6000ms;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:translate3d(2.5rem,0,0);transform:translate3d(2.5rem,0,0)}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#000;}
.banner .swiper-button-next{width:46px;height:46px;border-radius:46px;background:url(../images/r.png);transition:all 0.5s;right:3.6458333333333336%;}
.banner .swiper-button-next:hover{background:url(../images/r-1.png);}
.banner .swiper-button-prev{width:46px;height:46px;border-radius:46px;background:url(../images/l.png);transition:all 0.5s;left:3.6458333333333336%}
.banner .swiper-button-prev:hover{background:url(../images/l-1.png);}

.cpzx{margin:25px;text-align:center;font-size:32px;text-transform:uppercase;text-align:center;}
.cpzx a{width:calc((100% - 50px) / 3);display:block;position:relative;color:#fff;}
.cpzx a h4{overflow:hidden;}
.cpzx a h4 img{display:block;width:100%;}
.cpzx a p{position:absolute;line-height:100%;left:0;bottom:0;padding:10% 10px 5% 10px;z-index:2;width:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));}
.cpzx a:hover img{transform:scale(1.1);}

.gywm{padding:100px 6.25%}
.gywm-l{width:42.26190476190476%;}
.gywm-l h3{text-transform:uppercase;font-size:44px;line-height:48px;margin-bottom:30px;}
.gywm-l>p{font-size:18px;line-height:28px;margin-bottom:35px;}
.gywm-l a{width:209px;height:40px;border-radius:4px;border:1px solid #000;overflow:hidden;position:relative;color:#000;font-size:18px;margin-bottom:70px;}
.gywm-l a p{width:30px;height:13px;background:url(../images/gywm-tb4.png);margin-left:7px;}
.gywm-l a i{position:absolute;left:0;bottom:0;height:100%;width:0;background:#000;z-index:-1;}
.gywm-l a:hover{color:#fff;}
.gywm-l a:hover p{background:url(../images/gywm-tb5.png);transform: translateX(10px);}
.gywm-l a:hover i{width:100%;}
.gywm-l img{}
.gywm-r{width:55.35714285714286%;}
.gywm-r h4{overflow:hidden;}
.gywm-r h4 img{display:block;width:100%;}
.gywm-r h4:hover img{transform:scale(1.1);}
.gywm-r dl{}
.gywm-r dl dt{width:calc(100% / 3);text-align:center;color:#fff;padding:37px 0 26px 0;background:#909090;}
.gywm-r dl dt:nth-child(2){background:#afafaf;}
.gywm-r dl dt h3{font-size:20px;margin-bottom:15px;}
.gywm-r dl dt h3 i{line-height:100%;font-family:Arial;font-size:64px;font-weight:bold;padding-right: 5px;}
.gywm-r dl dt p{line-height:100%;font-size:18px;}

.wmys{padding: 100px 0%;background:url(../images/wmys-bj.jpg)no-repeat center top;}
.wmys-b{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 87.5%;
}
.wmys-l{width:44.642857142857145%}
.wmys-l dt{margin-bottom:65px;}
.wmys-l dt h3{font-size:44px;text-transform: uppercase;margin-bottom: 30px;}
.wmys-l dt h4{font-size:18px;}
.wmys-l dd{}
.wmys-l dd a{width:calc(50% - 5px);height:96px;position:relative;z-index:2;font-size:18px;background: #f6f6f6;color:#000;border: 1px solid #e9e9e9;margin-bottom: 10px;}
.wmys-l dd a i{width:25px;margin-right:20px;}
.wmys-l dd a i .img2{display:none;}
.wmys-l dd a span{display:block;width: 70px;transition: all 0s;}
.wmys-l dd a p{position:absolute;left:0;bottom:0;height:100%;width:0;z-index:-1;}
.wmys-l dd a.active{color:#fff;border-color:#3d62a3;background: #3d62a3;}
.wmys-l dd a.active .img1{display:none;}
.wmys-l dd a.active .img2{display:block;}
.wmys-l dd a.active p{width:100%;}
.wmys-r{width:50.59523809523809%;padding-top: 70px;}
.wmys-r dl{display:none;}
.wmys-r dl:nth-child(1){display:flex;}
.wmys-r dl dt{width:46.588235294117647%;}
.wmys-r dl dt img{}
.wmys-r dl dd{width:49.411764705882355%;text-transform:uppercase;}
.wmys-r dl dd h3{font-size:50px;margin-bottom:38px;}
.wmys-r dl dd h4{font-size:27px;margin-bottom:60px;}
.wmys-r a{width:209px;height:40px;border-radius:4px;border:1px solid #000;overflow:hidden;position:relative;color:#000;font-size:18px;z-index: 2;}
.wmys-r a p{width:30px;height:13px;background:url(../images/gywm-tb4.png);margin-left:7px;}
.wmys-r a i{position:absolute;left:0;bottom:0;height:100%;width:0;background:#000;z-index:-1;display: block;}
.wmys-r a:hover{color:#fff;}
.wmys-r a:hover p{background:url(../images/gywm-tb5.png);transform: translateX(10px);}
.wmys-r a:hover i{width:100%;}

.cgal{padding:100px 0;background:#f6f6f6;}
.cgal-t{width:87.5%;margin-bottom:60px;text-transform:uppercase;}
.cgal-t h3{font-size:44px;}
.cgal-t a{color:#000;font-size:16px;}
.cgal-t a img{margin-left:13px;}
.cgal-t a:hover img{transform: translateX(10px);}
.cgal-b{position:relative;}
.cgal-l{width:47.34375%;position:relative;}
.cgal-l a{display:block;overflow:hidden;position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;transition:all 0s;}
.cgal-l a img{display:block;width:100%;}
.cgal-l a.active{position:relative;z-index:2;opacity:1;}
.cgal-l a:hover img{transform:scale(1.1);}
.cgal-r{width:calc(52.65625% - 17px);position:absolute;right:0;top:0;height:100%;}
.cgal-rt{margin-bottom:20px;background:#fff;padding:0% 10% 0% 5%;height:calc(63.5% - 20px);}
.cgal-rt dl{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;}
.cgal-rt dl.active{position:relative;z-index:2;opacity:1;}
.cgal-rt dl dt{width:calc(100% - 220px);}
.cgal-rt dl dt h3{font-size:42px;line-height:50px;text-transform:uppercase;margin-bottom:25px;}
.cgal-rt dl dt .div1{font-size:18px;line-height:30px;}
.cgal-rt dl a{width:209px;height:40px;border-radius:4px;border:1px solid #000;overflow:hidden;position:relative;color:#000;font-size:18px;}
.cgal-rt dl a p{width:30px;height:13px;background:url(../images/gywm-tb4.png);margin-left:7px;}
.cgal-rt dl a i{position:absolute;left:0;bottom:0;height:100%;width:0;background:#000;z-index:-1;}
.cgal-rt dl a:hover{color:#fff;}
.cgal-rt dl a:hover p{background:url(../images/gywm-tb5.png);transform: translateX(10px);}
.cgal-rt dl a:hover i{width:100%;}
.cgal-rt dl.active h3{animation: indalRun 1s ease both .2s;}
.cgal-rt dl.active .div1{animation: indalRun 1s ease both .4s;}
.cgal-rt dl.active a{animation: indalRun 1s ease both .6s;}
.cgal-rb{}
.cgal-rb a{display:block;overflow:hidden;width:calc(100% / 3)}
.cgal-rb a img{display:block;width:100%;}
.cgal-rb a:hover img{transform:scale(1.1);}

.hzhb{width:87.5%;margin:100px auto;overflow: hidden;}
.hzhb-t{margin-bottom:100px;}
.hzhb-t dt{}
.hzhb-t dt h3{font-size:44px;text-transform:uppercase;margin-bottom:30px;}
.hzhb-t dt h4{font-size:18px;}
.hzhb-t a{font-size:16px;color:#000;}
.hzhb-t a img{margin-left:13px;}
.hzhb-t a:hover img{transform: translateX(10px);}
.hzhb-b{}
.hzhb-b ul{}
.hzhb-b ul li{width:190px;margin-right:70px;}
.hzhb-b ul li img{display:block;margin:0 auto;}
.hzhb-b ul li:hover img{}

.xwzx{padding:100px 6.25%;background:#f6f6f6;overflow: hidden;}
.xwzx .hzhb-t{margin-bottom:50px;}
.xwzx-b>div{padding-bottom:40px;}
.xwzx-b a{display:block;background:#fff;position:relative;color:#000;text-transform:uppercase;}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{border:1px solid #e7e7e7;padding:20px 23px 28px 23px;border-top:none;}
.xwzx-b a dl h3{font-size:20px;margin-bottom:44px;}
.xwzx-b a dl h5{font-size:15px;}
.xwzx-b a p{width:120px;height:30px;border-radius:5px;color:#fff;background:rgba(0, 0, 0, 0.6);text-transform:uppercase;top:25px;left:23px;z-index:3;font-size:12px;position:absolute;}
.xwzx-b a:hover img{transform:scale(1.1);}
.xwzx-b .swiper-pagination{bottom:0}
.xwzx-b .swiper-pagination-bullet{background:#c4c4c4;opacity:1;}
.xwzx-b .swiper-pagination-bullet-active{background:#272727;}

@media screen and (max-width:1800px){
    .cgal-rt dl dt h3{font-size:35px;margin-bottom:15px;line-height:110%;}
}
@media screen and (max-width:1700px){
    .cpzx{font-size:24px;}
    .gywm-l h3{font-size:35px;line-height:40px;}
    .gywm-l>p{margin-bottom:20px;}
    .gywm-l a{margin-bottom:30px;}
    .gywm-r dl dt p{font-size:16px;}
}
@media screen and (max-width:1560px){
    .cgal-rt dl dt h3{font-size:28px;margin-bottom:15px;line-height:110%;}
}
@media screen and (max-width:1500px){
    .cgal-rt dl dt h3{font-size:24px;margin-bottom:10px;}
    .cgal-rt dl dt .div1{font-size:14px;line-height:24px;}
}
@media screen and (max-width:1300px){
    .cgal-rt dl dt{width:calc(100% - 190px)}
    .cgal-rt dl a{width:180px}
}
@media screen and (max-width:1200px){
    .cgal-r{position:relative;}
    .xwzx-b .swiper-slide-next a{opacity:0.5;}
    .gywm-l a,.cgal-rt dl a{width:170px;}
  .cpzx a h4 img{margin-top:-50px}
  .gywm-r dl dt p{line-height:18px!important}
  .xwzx-b a p{font-size:12px;transform: scale(0.8);left: 5px;top: 10px;}
  .wmys-l dd a{height:80px;}
}