/*.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;animation: fangda 5s ease-in-out infinite alternate;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide-active a{}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}

.index{background:url(/static/images/index-bj.jpg)no-repeat center top #f6f6f6;padding:120px 0 45px 0;}
.xgxx{margin-bottom:30px;}
.xgxx-t{position:relative;text-align:center;color:#fff;margin-bottom:30px;}
.xgxx-t dl{text-shadow:1px 0 0 rgba(0, 36, 71, 0.3);}
.xgxx-t dl h3{font-size:30px;margin-bottom:16px;}
.xgxx-t dl h4{font-size:16px;}
.xgxx-t a{position:absolute;right:0;top:0;width:150px;height:50px;background:#fff;border-radius:50px;color:var(--colors);font-size:16px;}
.xgxx-t a:hover{}
.xgxx-b{background:#fff;border-radius:10px;padding:50px 0 50px 30px;}
.xgxx-bl{width: 14%;position:relative;z-index: 3;}
.xgxx-bl-t{font-size:18px;margin-bottom:33px;}
.xgxx-bl-t img{margin-right:15px;}
.xgxx-bl-b{}
.xgxx-bl-b li{}
.xgxx-bl-l{}
.xgxx-bl-l a{color:#000;line-height: 40px;padding-right: 10px;}
.xgxx-bl-l a img{}
.xgxx-bl-r{border-radius:10px;border-radius:10px;position:absolute;left: 100%;top:0;width: 600%;display: none;background: #fff;padding: 40px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);height: 100%;}
.xgxx-bl-b li:hover .xgxx-bl-r{display:block;}
.xgxx-bl-r dl{width:33%;margin-bottom:20px;padding-right:10px;}
.xgxx-bl-r dl h3{font-size:20px;margin-bottom:20px}
.xgxx-bl-r dl h3 a{color:#000;}
.xgxx-bl-r dl h3 a:hover{color:var(--colors)}
.xgxx-bl-r dl dt{font-size:16px;line-height:24px;}
.xgxx-bl-r dl dt a{color:#000;}
.xgxx-bl-r dl dt a:hover{color:var(--colors)}
.xgxx-bc{width:68.38709677419355%;}
.xgxx-bc-t{border-radius:10px;overflow:hidden;margin-bottom:10px;}
.xgxx-bc-t a{display:block;overflow:hidden;}
.xgxx-bc-t a img{display:block;width:100%;}
.xgxx-bc-t .swiper-pagination{bottom:30px;}
.xgxx-bc-t .swiper-pagination-bullet{background:none;border:1px solid #fff;opacity:1;margin:0 10px;}
.xgxx-bc-t .swiper-pagination-bullet-active{background:#fff;}
.xgxx-bc-t .swiper-button-next{width:60px;height:60px;position:absolute;background:url(../images/r.png);right:45px;}
.xgxx-bc-t .swiper-button-next:hover{background:url(../images/r-1.png);}
.xgxx-bc-t .swiper-button-prev{width:60px;height:60px;position:absolute;background:url(../images/l.png);left:45px;}
.xgxx-bc-t .swiper-button-prev:hover{background:url(../images/l-1.png);}
.xgxx-bc-b{}
.xgxx-bc-b a{display:block;border-radius:10px;overflow:hidden;position:relative;color:#000;}
.xgxx-bc-b a h4{overflow:hidden;}
.xgxx-bc-b a h4 img{display:block;width:100%;}
.xgxx-bc-b a h3{position:absolute;top:27px;left:25px;transition:all 0s;}
.xgxx-bc-b a h5{width:35px;height:35px;border-radius:35px;background:rgba(255, 255, 255, 0.5);position:absolute;left:25px;bottom:20px;}
.xgxx-bc-b a h5 img{transition:all 0s!important;}
.xgxx-bc-b a:hover{color:var(--colors);}
.xgxx-bc-b a:hover h5{background:var(--colors);}
.xgxx-bc-b a:hover h5 img{filter: brightness(0) invert(1);}
.xgxx-br{width:15.161290322580645%;}
.xgxx-br-t{font-size:18px;margin-bottom:20px;}
.xgxx-br-c{margin-bottom:25px;}
.xgxx-br-c a{margin-bottom:10px;color:#000;}
.xgxx-br-c a h4{border-radius:10px;border:1px solid #eee;width: 46.218487394957986%;overflow:hidden;}
.xgxx-br-c a h4 img{display:block;width:100%;}
.xgxx-br-c a h3{width: 46.218487394957986%;font-size:14px;line-height:24px;padding-right: 3%;}
.xgxx-br-c a:hover{color:var(--colors);}
.xgxx-br-b{width:210px;height:50px;border-radius:50px;background:var(--colors);color:#fff;font-size:16px;max-width: 95%;}
.xgxx-br-b:hover{opacity:0.8;}

.cpzx{border-radius:10px;margin-bottom:30px;padding:30px 30px 60px;background:url(../images/cpzx-bj.jpg)no-repeat center;}
.cpzx-t{margin-bottom:30px;color:#fff;}
.cpzx-t h3{font-size:24px;}
.cpzx-t h3 p{font-size:16px;line-height:100%;padding-left:25px;}
.cpzx-t a{width:120px;height:40px;border-radius:40px;background:#fff;font-size:16px;color:var(--colors);}
.cpzx-t a:hover{}
.cpzx-b{text-align:center;}
.cpzx-b a{display:block;background:#fff;border-radius:10px;overflow:hidden;padding:30px 30px 40px 30px;text-align:center;color:#000}
.cpzx-b a h4{overflow:hidden;margin-bottom:40px;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a h3{font-size:16px;}
.cpzx-b a:hover h3{color:var(--colors);}
.cpzx-b a:hover img{transform:scale(1.1);}

.cpzx2{}
.cpzx2-b{margin-bottom:30px;background:#fff;border-radius:10px;overflow:hidden;}
.cpzx2-l{width:25%;display:block;position:relative;color:#fff;}
.cpzx2-b:nth-child(1) .cpzx2-l{color:#000;}
.cpzx2-l h4{overflow:hidden;}
.cpzx2-l h4 img{display:block;width:100%;}
.cpzx2-l dl{position:absolute;left:0;top:0;width:100%;height:100%;padding: 10% 40px;}
.cpzx2-l dl h3{font-size:30px;margin-bottom:28px;}
.cpzx2-l dl h5{width:125px;height:40px;background:var(--colors);color:#fff;font-size:16px;border-radius:40px;}
.cpzx2-l:hover{}
.cpzx2-r{width:75%;margin-top: -1px;}
.cpzx2-r>div{width:calc(100% + 1px);margin-bottom:-1px;}
.cpzx2-r a{border-right:1px solid #efefef;border-top: 1px solid #efefef;display:block;color:#000;padding-top:43px;}
.cpzx2-r a h3{font-size:16px;margin-left:30px;transition:all 0s;}
.cpzx2-r a h4{margin-left:auto;width:60%;}
.cpzx2-r a h4 img{display:block;width:100%;}
.cpzx2-r a:hover{color:var(--colors);}

.gywm{background:#fff;margin-bottom:30px;border-radius:10px;overflow:hidden;}
.gywm-l{width:50%;overflow:hidden;position:relative;}
.gywm-l>img{display:block;width:100%;}
.gywm-l dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.gywm-l dl dt{width:80px;height:80px;border-radius:80px;background:var(--colors);position:relative;z-index:2;}
.gywm-l dl dt::before, .gywm-l dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background:var(--colors);content: '';top:0;left:0;z-index:-1;}
.gywm-l dl dt::before{animation: scale 2s infinite; }
.gywm-l dl dt::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(2.5);opacity:0;}}
.gywm-r{width:50%;padding:0 5%;}
.gywm-r h3{font-size:30px;padding-bottom:33px;border-bottom:1px solid #e5e5e5;position:relative;margin-bottom:35px;}
.gywm-r h3 i{display:block;left:0;bottom:-1px;background:var(--colors);position:absolute;width:80px;height:1px;}
.gywm-r p{color:#666;font-size:16px;line-height:30px;margin-bottom:48px;}
.gywm-r a{width:200px;height:50px;border-radius:50px;background:var(--colors);font-size:16px;color:#fff}
.gywm-r a:hover{opacity:0.8;}

.yycg{border-radius:10px;background:url(../images/yycg-bj.jpg)no-repeat center;padding:77px 55px 72px 97px;margin-bottom:30px;}
.yycg-l{padding-top:25px;}
.yycg-l h3{text-transform:uppercase;font-size:30px;margin-bottom:25px;}
.yycg-l h4{font-size:18px;margin-bottom:36px;}
.yycg-l .div1{color:#666;font-size:16px;line-height:24px;margin-bottom:35px;}
.yycg-l a{width:200px;height:50px;border-radius:50px;background:var(--colors);font-size:16px;color:#fff}
.yycg-l a:hover{}
.yycg-r{width:500px;}
.yycg-r h3{font-size:30px;width:100%;margin-bottom:30px;}
.yycg-r input,.yycg-r select{width:calc(50% - 5px);height:50px;border-radius:10px;margin-bottom:10px;padding:0 27px;font-size:16px;color:#666;}
.yycg-r input:nth-child(2){width:100%;}
.yycg-r input::placeholder,.yycg-r textarea::placeholder{color:#666;}
.yycg-r textarea{width:100%;height:110px;border-radius:10px;margin-bottom:10px;padding:10px 27px;font-size:16px;color:#666;}
.yycg-r select{background:url(../images/yycg-tb.png)no-repeat center right 37px #fff;border:none}
.yycg-r button{width:calc(50% - 5px);height:50px;border-radius:10px;background:var(--colors);color:#fff;font-size:16px;}

.khtj{border-radius:10px;background:#fff;padding:65px 30px 45px 30px;margin-bottom:30px;}
.khtj-t{text-align:center;text-transform:uppercase;font-size:30px;margin-bottom:40px;}
.khtj-b{margin-bottom:50px;}
.khtj-b a{}
.khtj-b a h4{border-radius:10px;overflow:hidden;width: 180px;}
.khtj-b a h4 img{display:block;width:100%;}
.khtj-b a dl{width:calc(100% - 200px);}
.khtj-b a dl h3{color:#000;font-size:24px;margin-bottom:17px;}
.khtj-b a dl h5{font-size:16px;margin-bottom:25px;color:#000;}
.khtj-b a dl p{font-size:16px;line-height:24px;color:#666;margin-bottom:23px;}
.khtj-b a dl i{width:120px;height:40px;border-radius:40px;border:1px solid var(--colors);color:var(--colors);font-size:16px;}
.khtj-b a:hover dl i{background:var(--colors);color:#fff;}
.khtj-c{width:200px;height:50px;border-radius:50px;background:var(--colors);font-size:16px;color:#fff}

.xwzx{border-radius:10px;background:#fff;padding:66px 30px 50px;margin-bottom:30px;}
.xwzx-b{margin-bottom:40px;}
.xwzx-l{width:50%;display:block;border-radius:10px;overflow:hidden;position:relative;color:#fff;}
.xwzx-l img{display:block;width:100%;}
.xwzx-l dl{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding:80px 45px 40px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));}
.xwzx-l dl h3{font-size:24px;margin-bottom:20px;}
.xwzx-l dl p{font-size:16px;line-height:24px;}
.xwzx-l:hover img{transform:scale(1.1);}
.xwzx-r{width:calc(50% - 30px);padding-right:30px;}
.xwzx-r a{margin-bottom:18px;}
.xwzx-r a:last-child{margin-bottom:0!important;}
.xwzx-r a h4{border-radius:10px;overflow:hidden;width:33.80281690140845%;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a dl{width:50%;}
.xwzx-r a dl h3{text-transform:uppercase;font-size:24px;margin-bottom:20px;color:#000;}
.xwzx-r a dl p{color:#666;font-size:16px;line-height:24px;}
.xwzx-r a:hover h4 img{transform:scale(1.1);}
.xwzx-r a:hover dl h3{color:var(--colors);}

.xwzx2{border-radius:10px;background:#fff;padding:65px 30px;margin-bottom:74px;}
.xwzx2-b{
    margin-bottom: 40px;
}
.xwzx2-b a{display:block;}
.xwzx2-b a h4{border-radius:10px;overflow:hidden;position:relative;color:#fff;text-transform:uppercase;margin-bottom:26px;}
.xwzx2-b a h4 img{display:block;width:100%;}
.xwzx2-b a h4 i{width:160px;height:40px;border-radius:10px;background:var(--colors);line-height:100%;position:absolute;left:10px;top:10px;}
.xwzx2-b a h3{color:#000;font-size:18px;line-height:24px;margin-bottom:18px;height:48px;}
.xwzx2-b a p{line-height:24px;height:72px;color:#666;margin-bottom:34px;}
.xwzx2-b a h5{font-size:14px;color:var(--colors);padding-top:27px;border-top:1px solid #e5e5e5}
.xwzx2-b a:hover img{transform:scale(1.1);}
.xwzx2-b a:hover h3{color:var(--colors);}

.cpqd{}
.cpqd-t{font-size:30px;margin-bottom:38px;}
.cpqd-b{font-size:16px;line-height:30px;padding-right:70px;}
.cpqd-b dl{}
.cpqd-b dl a{color:#666;}
.cpqd-b dl a:hover{color:var(--colors);}

@media(max-width:1700px){
    .cpzx2-r a{padding-top: 37px;}
    .xgxx-br-c{margin-bottom:10px}
}
@media(max-width:1500px){
    .cpzx2-r a{padding-top: 29px;}
    .yycg{padding:77px 40px 72px 40px}
    .yycg-l h4{font-size:16px;}
    .yycg-r{width:400px;}
    .xgxx-bl-t{font-size:16px;}
    .xgxx-br-c{margin-bottom:10px}
    .xgxx-br-c a h3{font-size: 12px;}
    .xgxx-br-b{height:40px}
    .cpzx2-l dl h3{margin-bottom: 20px;}
}
@media screen and (max-width:1200px){
    .xgxx-bc-t .swiper-pagination{bottom:10px;}
    .xgxx-br-b{width:150px;height:40px;}
    .cpzx2-r a h4{width:180px;}
    .gywm-r a,.yycg-l a,.khtj-c{width:150px;height:40px;}
    .gywm-l dl dt{width:50px;height:50px;}
    .yycg{background:#e8e9ed;}
}