@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-active a{}

.banner .swiper-pagination{display:flex;align-items:center;bottom:10%}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;width:50px;height:2px;border-radius:0;background:rgba(255, 255, 255, 0.2);position:relative;border-radius:0;}
.banner .swiper-pagination-bullet:after{content: '';position:absolute;width:0;height:100%;left:0;top:0;background:#fff;transition:all 0s;}
.banner .swiper-pagination-bullet-active.active:after{width:100%;transition:all 4s;}

.cpzx{margin:100px auto 76px auto;}
.sybt{text-align:center;margin-bottom:50px;}
.sybt h3{text-transform:capitalize;font-size:58px;margin-bottom:15px;}
.sybt p{color:#999;font-size:20px;}
.cpzx-b{}
.cpzx-b a{display:block;position:relative;margin-bottom:24px;color:#fff;}
.cpzx-b a h6{position:absolute;left:0;top:0;width:100%;height:calc(100% - 68px);opacity:0;transform:scale(0.5);}
.cpzx-b a:nth-child(1){width:calc(32.766666666666666% - 10.5px);}
.cpzx-b a:nth-child(2){width:calc(67.23333333333333% - 10.5px);}
.cpzx-b a:nth-child(3){width:calc(32.8% - 11px);}
.cpzx-b a:nth-child(4){width:calc(33.96666666666667% - 22.5px)}
.cpzx-b a:nth-child(5){width:calc(33.23333333333333% - 11.5px)}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%}
.cpzx-b a dl{position:absolute;width:100%;left:0;bottom:0;z-index:3;padding:40px 40px}
.cpzx-b a dl dt{width:100%;}
.cpzx-b a dl dt img{display:block;margin:0 auto}
.cpzx-b a dl dd{width:calc(100% - 150px)}
.cpzx-b a dl dd h3{font-size:24px;margin-bottom:13px;}
.cpzx-b a dl dd p{font-size:16px;opacity:0.6;}
.cpzx-b a dl h5{font-size:16px;text-transform:uppercase;}
.cpzx-b a dl h5 img{margin-left:12px;}
.cpzx-b a:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.cpzx-b a:hover dt img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.dmsm{padding:100px 0 76px 0;background:#f5f5f5;}
.dmsm-b a{display:block;position:relative;margin-bottom:24px;background:#fff;width:calc(32.766666666666666% - 10.5px);padding:100px 0}
.dmsm-b a:nth-child(2),.dmsm-b a:nth-child(3){width:calc(67.23333333333333% - 10.5px);}
.dmsm-b a h4{overflow:hidden;}
.dmsm-b a h4 img{display:block;margin:0 auto}
.dmsm-b a dl{position:absolute;width:100%;left:0;bottom:0;z-index:3;padding:40px 40px}
.dmsm-b a dl dt{width:100%;}
.dmsm-b a dl dt img{display:block;margin:0 auto}
.dmsm-b a dl dd{width:calc(100% - 140px)}
.dmsm-b a dl dd h3{font-size:24px;margin-bottom:12px;color:#333;}
.dmsm-b a dl dd p{font-size:16px;color:#999;line-height:20px;}
.dmsm-b a dl h5{font-size:16px;text-transform:uppercase;color:#999;}
.dmsm-b a dl h5 img{margin-left:12px;}
.dmsm-b a:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.dmsm-b a:hover h5{color:#e6013a;}
.dmsm-b a i{display:block;position:absolute;background:#e6013a;}
.dmsm-b a .i1{width:0px;height:1px;right:0px;top:0px;}
.dmsm-b a .i2{width:1px;height:0px;left:0px;top:0px;}
.dmsm-b a .i3{width:0px;height:1px;left:0px;bottom:0px;}
.dmsm-b a .i4{width:1px;height:0px;right:0px;bottom:0px;}
.dmsm-b a:hover .i1,.dmsm-b a:hover .i3{width:100%}
.dmsm-b a:hover .i2,.dmsm-b a:hover .i4{height:100%}

.zdhs{margin:100px auto}
.zdhs-b{text-align:center;}
.zdhs-b a{display:block;position:relative;}
.zdhs-b a h4{overflow:hidden;}
.zdhs-b a h4 img{display:block;width:100%;}
.zdhs-b a dl{position:absolute;left:0;top:0;padding:75px 40px;width:100%;z-index:3;}
.zdhs-b a dl dd{margin-bottom:40px;}
.zdhs-b a dl dd h3{font-size:48px;color:#000;margin-bottom:15px;}
.zdhs-b a dl dd p{color:#999999;font-size:16px;}
.zdhs-b a dl h5{color:#999999;font-size:15px;margin-bottom:55px;text-transform:uppercase;}
.zdhs-b a dl h5 img{margin-left:17px;}
.zdhs-b a dl dt{}
.zdhs-b a dl dt img{display:block;margin:0 auto;}
.zdhs-b a:hover{}
.zdhs-b a:hover h5{color:#e6013a;}
.zdhs-b a:hover dt img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.wmys{text-align:center;padding-top:144px;background:url(../image/wmys-bj.jpg)no-repeat center top #f1f1f1;}
.wmys .sybt h3,.wmys .sybt p{color:#fff;}
.wmys-b{background:#fff;padding:70px 50px;}
.wmys-b dl{width:314px;}
.wmys-b dl h4{margin-bottom:30px;}
.wmys-b dl h3{color:#333;font-size:26px;text-transform:capitalize;margin-bottom:20px;}
.wmys-b dl .div1{color:#999999;font-size:15px;line-height:22px;}
.wmys-b dl:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.gywm{height:855px;background: url(../image/gywm-bj.jpg);padding-top:267px;position:relative;}
.gywm-l{width:554px;background:#fff;padding:70px;position:relative;z-index:3;}
.gywm-l h3{font-size:46px;margin-bottom:35px;}
.gywm-l h3 i{color:#e6013a;}
.gywm-l .div1{color:#999999;font-size:16px;line-height:22px;margin-bottom:60px;}
.gywm-l h4{width:33px;height:5px;background:#000;margin-bottom:60px;}
.gywm-l a{width:166px;height:52px;border:1px solid #d8d7d7;text-transform:uppercase;color:#666666;font-size:16px;}
.gywm-l a:hover{background:#e6013a;color:#fff;border-color:#e6013a;}
.gywm-r{width:63.85416666666667%;position:absolute;right:0;bottom:0}
.gywm-r img{display:block;}
.gywm-r dl{width:61px;position:absolute;border-radius:70px;top:20.532319391634982%;left:44.208809135399674%}
.gywm-r dl img{position:relative;z-index:3;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.gywm-r dl::before, .gywm-r dl::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #db092c;content: '';top:0;left:0}
.gywm-r dl::before{animation: scale 2s infinite; }
.gywm-r dl::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;}}

.jjfa{margin:100px auto;}
.jjfa-b{}
.jjfa-b>div{padding-bottom:50px;}
.jjfa-b a{display:block;position:relative;text-align:center;color:#fff;}
.jjfa-b a h4{overflow:hidden;}
.jjfa-b a h4 img{display:block;width: 100%;}
.jjfa-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.1);padding:15px;}
.jjfa-b a dl>div{border:1px solid rgba(255, 255, 255, 0.3);height:100%;}
.jjfa-b a dl dt{position:relative;width:96px;height:96px;border-radius:100px;margin:0 auto}
.jjfa-b a dl dt img{position:relative;z-index:3;}
@keyframes cir-scale2 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: scale(0.5); } }
.jjfa-b a dl dt p{position:absolute;width:96px;height:96px;border-radius:100px;left:0;top:0;animation: cir-scale2 3s linear infinite;}
.jjfa-b a dl dt p span{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);display:block;border:1px solid #fff;border-radius:200px}
.jjfa-b a dl dt p .span1{width:100%;height:100%;}
.jjfa-b a dl dt p .span2{width:140%;height:140%;border-color:rgba(255, 255, 255, 0.8);}
.jjfa-b a dl dt p .span3{width:170%;height:170%;border-color:rgba(255, 255, 255, 0.6);}
.jjfa-b a dl dd{overflow: hidden;height: 0;margin-top: -20px;}
.jjfa-b a dl h6{width:23px;height:2px;background:#fff;margin:0 auto 20px auto;}
.jjfa-b a dl h3{font-size:28px;margin-bottom:23px;}
.jjfa-b a dl h5{width:180px;height:49px;background:#e6013a;text-transform:uppercase;font-size:15px;margin:0 auto}
.jjfa-b a:hover h4{}
.jjfa-b a:hover h4 img{}
.jjfa-b a:hover dt p span{opacity:0}
.jjfa-b a:hover dd{height: 122px;}
.jjfa .swiper-container-horizontal>.swiper-scrollbar{opacity:1!important;top:initial;bottom: 5px;display:block!important;background:#e0e0e0;height:2px;overflow: initial;}
.jjfa .swiper-scrollbar-drag{background:#494949;height: 6px;margin-top: -2px;}

.cgal{background:#f6f6f6;padding:100px 0;}
.cgal-b{width:100%;}
.cgal-b>div{width:calc(100%  + 48%);margin-left:-24%;padding-bottom:50px;}
.cgal-b a{display:block;background:#fff;color:#000;font-size:28px;}
.cgal-b a h4{overflow:hidden;}
.cgal-b a h4 img{display:block;width:100%;}
.cgal-b a dl{height:113px;padding:0 44px;transition:all 0s;}
.cgal-b a:hover{background:#e6013a;color:#fff;}
.cgal-b a:hover img{transform:scale(1.1);}
.cgal-b .swiper-button-next{width:50px;height:50px;right:17%;margin-top:-3%;background:url(../image/r.png);}
.cgal-b .swiper-button-prev{width:50px;height:50px;left:17%;margin-top:-3%;background:url(../image/l.png);}
.cgal-b .swiper-pagination-bullet{background:#999999;opacity:1;}
.cgal-b .swiper-pagination-bullet-active{background:#d72819;}

.bzwm{margin:100px auto;}
.bzwm-b{background:#4c4949;}
.bzwm-l{width:37.8%;padding: 0 50px;color:#fff;}
.bzwm-l form{}
.bzwm-l h3{font-size:46px;margin-bottom:27px;}
.bzwm-l h4{opacity:0.5;margin-bottom:70px;font-size:16px;}
.bzwm-b2{}
.bzwm-b2 dl{width:50%;border-bottom:1px solid #706d6d;margin-bottom:18px;}
.bzwm-b2 dl p{width:30px;}
.bzwm-b2 dl i{width:30px;color:#e70315;font-size:22px;}
.bzwm-b2 dl input{height:56px;width:calc(100% - 35px);background:none;color:#fff;}
.bzwm-b2 dl input::placeholder{color:#fff;}
.bzwm-b2 dl:nth-child(2){padding-left:15px;}
.bzwm-b2 dl:nth-child(3){width:100%;}
.bzwm-b2 dl:nth-child(3) input{}
.bzwm-b2 dl:nth-child(4){width:100%;margin-bottom:58px;}
.bzwm-b2 dl textarea{width:calc(100% - 5px);background:none;height:97px;color:#fff;opacity:0.3;}
.bzwm-b2 dl textarea::placeholder{color:#fff;}
.bzwm-b2 button{width:100%;height:50px;background:#e6013a;color:#fff;font-size:14px;cursor:pointer;transition:all 0.5s;text-transform:uppercase;}
.bzwm-b2 button:hover{color:#e6013a;background:#fff;}
.bzwm-r{width:62.2%;overflow:hidden;}
.bzwm-r img{display:block;width:100%}
.bzwm-r:hover img{transform:scale(1.1);}

.xwzx{background:#f6f6f6;padding:100px 0;}
.xwzx-b{margin-bottom:60px;}
.xwzx-l{width:49.133333333333334%}
.xwzx-l a{display:none;overflow:hidden;}
.xwzx-l a:nth-child(1){display:block;}
.xwzx-l a img{display:block;width:100%}
.xwzx-l a:hover img{transform:scale(1.1);}
.xwzx-r{width:50.86666666666666%}
.xwzx-r a{display:block;position:relative;padding: 45px 77px 40px 50px;}
.xwzx-r a h3{position:relative;z-index:3;font-weight:bold;color:#000;font-size:22px;margin-bottom:20px;}
.xwzx-r a p{position:relative;z-index:3;color:#999999;font-size:16px;line-height:22px;}
.xwzx-r a h5{position:absolute;width:calc(100% + 60px);height:100%;background:#fff;left:0;top:0;opacity:0;}
.xwzx-r a.active h3{color:#e6013a;}
.xwzx-r a.active h5{left:-60px;opacity:1;}
.xwzx-b2{width:166px;height:52px;border:1px solid #d2d1d1;color:#666;font-size:16px;text-transform:uppercase;}
.xwzx-b2:hover{color:#fff;background:#e6013a;}

.dy{background:#f6f6f6;padding:100px 0;background-image: linear-gradient(#fefefe, #f6f6f6, #f6f6f6);}
.dy-l{width:40.13333333333333%}
.dy-t{margin-bottom:65px;}
.dy-t h3{font-size:58px;margin-bottom:20px;}
.dy-t h3 i{color:#e6013a}
.dy-t p{color:#333333;margin-bottom:35px;}
.dy-t form{}
.dy-t input{width:calc(100% - 80px);height:48px;color:#b8b8b8;font-size:16px;padding-left:25px;}
.dy-t input::placeholder{color:#b8b8b8;}
.dy-t button{width:80px;height:48px;background:#e6013a;cursor:pointer;transition:all 0.5s;}
.dy-t button:hover{}
.dy-b2{background:#fff;padding:37px 90px 45px 40px;}
.dy-b2 h3{color:#222222;font-size:28px;position:relative;line-height:34px;margin-bottom:18px;}
.dy-b2 h3 i{display:block;width:3px;height:100%;background:#e6013a;position:absolute;left:-40px;}
.dy-b2 .div1{color:#999999;font-size:15px;line-height:24px;}
.dy-r{width:47%}
.dy-r img{display:block;width:100%;}
.dy{}

@media(max-width:1600px){
    .cpzx-b a dl{padding:30px;}
}
@media(max-width:1500px){
    .cpzx-b a dl{padding:20px;}
    .cpzx-b a dl dd h3{font-size:20px;margin-bottom:10px;}
    .cpzx-b a dl dt img{transform:scale(0.8);}
    .zdhs-b a dl{padding:40px}
    .zdhs-b a dl dd{margin-bottom:20px;}
    .zdhs-b a dl dd h3{font-size:40px;}
    .zdhs-b a dl h5{margin-bottom:30px;}
    .wmys-b{padding:50px 40px;}
    .wmys-b dl{width:270px;}
    .wmys-b dl h3{font-size:25px;}
    .bzwm-l h4{margin-bottom:40px;}
    .bzwm-b2 dl input{height:45px;}
    .bzwm-b2 dl textarea{height:80px;}
    
}
@media screen and (max-width:1200px){
    .banner{margin-top:60px;}
    .cpzx-b a dl dt img{transform:scale(1);height:100px;}
    .cpzx-b a h6{opacity:1;}
    .cpzx-b a dl{position:relative;color:#000}
    .zdhs-b a dl dt img{height: 160px;}
    .gywm-r{position:relative;}
    .gywm-r dl{width:30px}
    .gywm-l a,.xwzx-b2{width:150px;height:45px}
    .cgal-b a dl{height:60px;}
    .xwzx-r a.active h5{left:0px;opacity:1;}
    .dy-b2 h3 i{left:-20px}
    .banner .swiper-pagination{
    justify-content: center;}
    .zdhs-b a dl dt{padding-top:20px}
    .wmys-b dl{width:100%;}
    .cpzx-b a h4{max-height: 170px;}
}