/*.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;}
/*.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: none;opacity:1;position:relative;width: 68px!important;height: 4px!important;border-radius:0!important;border: 1px solid #0860a4;}
.banner .swiper-pagination-bullet:after{content: '';position:absolute;width:0;height:100%;left:0;top:0;background:#0860a4;transition:all 0s;}
.banner2 .swiper-pagination-bullet{border-color:#fff;}
.banner2 .swiper-pagination-bullet:after{background:#fff;transition:all 0s}
/*.banner .swiper-pagination-bullet-active{background:#d72819;}*/
.banner .swiper-pagination-bullet-active.active:after{width:100%;transition:all 4s;}

.wmys{background:#f7f7f7;margin-top:40px;}
.wmys-b{}
.wmys-b a{width:25%;padding:33px 0;border-right:1px solid #eee;text-align:center;}
.wmys-b a:last-child{border:none;}
.wmys-b a h4{height:74px;}
.wmys-b a h4 img{display:block;margin:0 auto;}
.wmys-b a h4 .img2{display:none;}
.wmys-b a h3{color:#2c2c2c;font-size:22px;margin-bottom:10px;}
.wmys-b a p{color:#666666;font-size:13px;}
.wmys-b a:hover{background:#0860a4;border-color:#0860a4;}
.wmys-b a:hover *{color:#fff;}
.wmys-b a:hover .img1{display:none;}
.wmys-b a:hover .img2{display:block;}

.cpzx{margin:110px auto;}
.sybt{text-align:center;margin-bottom:70px;}
.sybt h3{color:#2c2c2c;font-size:38px;margin-bottom:10px;}
.sybt h4{font-size:52px;color:#f7f7f7;margin-bottom:10px;text-transform:uppercase;}
.sybt p{width:55px;height:2px;background:#0860a4;}
.cpzx-b{}
.cpzx-l{width:218px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.145098);padding-bottom:37px;}
.cpzx-l h3{padding:40px 0 35px 0px;border-bottom:1px solid #f3f3f3;font-size:22px;color: rgb(44, 44, 44);margin-left:30px;}
.cpzx-l h3 img{margin-right:12px;}
.cpzx-l dt{}
.cpzx-l dt a{padding-left:30px;position:relative;font-size:16px;color:#2c2c2c;display:block;}
.cpzx-l dt a i{position:relative;z-index:3;height:69px;transition:all 0s;display:flex;align-items:center;border-bottom:1px solid #f3f3f3;}
.cpzx-l dt a p{}
.cpzx-l dt a.active,.cpzx-l dt a:hover{background:#0860a4;color:#fff;}
.cpzx-l dt a.active i,.cpzx-l dt a:hover i{border-color:#0860a4;}
.cpzx-l dt a.active p{}
.cpzx-r{width:893px;background:rgba(247, 247, 247, 1);}
.cpzx-r1{display:none;}
.cpzx-r1:nth-child(1){display:block;}
.cpzx-r1 dt{padding:58px 120px 0 64px;}
.cpzx-r1 h3{color:#0860a4;font-size:22px;margin-bottom:24px;}
.cpzx-r1 .div1{font-size:16px;line-height:30px;color:#2c2c2c;margin-bottom:40px;}
.cpzx-r1 a{width:129px;height:27px;border-radius:50px;border:1px solid #aeaeae;color:#666666;}
.cpzx-r1 a:hover{color:#000;}
.cpzx-r1 h4{overflow:hidden;}
.cpzx-r1 h4 img{display:block;width:100%}

.gywm{background:#f7f7f7;padding:100px 0 90px 0}
.gywm .sybt h4{color:rgba(227, 227, 227, 0.996);}
.gywm-t{margin-bottom:54px;}
.gywm-l{width:770px;overflow:hidden;position:relative;}
.gywm-l i{display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, 0.36)}
.gywm-l img{display:block;width:100%;}
.gywm-l p{position:absolute;width: 94px;height: 94px;left: calc(50% - 47px);top: calc(50% - 47px);background:url(../images/sp2.svg)no-repeat center;border:1px solid #fff;z-index:3;cursor: pointer;border-radius: 100px;transition: all 0.5s;z-index: 10;}
.gywm-l:hover p{background:url(../images/sp2.svg)no-repeat center rgba(0, 0, 0, 0.36);}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:430px;overflow:hidden;}
.gywm-r img{display:block;width:100%;}
.gywm-r:hover img{transform:scale(1.1);}
.gywm-c{margin-bottom:45px;color:#2c2c2c;font-size:16px;line-height:35px;}
.gywm-c h3{color:#2c2c2c;font-size:22px;margin-bottom:23px;}
.gywm-c h4{width:36px;height:2px;background:#0860a4;margin-bottom:20px;}
.gywm-c p{}
.gywm-b{text-align:center;}
.gywm-b a{display:block;width:calc((100% - 24px) / 3);margin-right:12px;margin-bottom:12px;background:#fff;}
.gywm-b a:nth-child(3n){margin-right:0;}
.gywm-b a h4{overflow:hidden;position:relative;}
.gywm-b a h4 i{position:absolute;width:100%;height:100%;left:0;top:0;font-size:22px;color:#fff;opacity:0;z-index:3;background:rgba(0, 0, 0, 0.36);}
.gywm-b a h4 img{display:block;width:100%}
.gywm-b a .div1{padding:37px 10px 32px 10px;}
.gywm-b a .div1 h3{color:#000000;font-size:22px;margin-bottom:10px;}
.gywm-b a .div1 h5{width:30px;height:2px;background:#0860a4;margin-bottom:15px;}
.gywm-b a .div1 p{line-height:25px;color:#000}
.gywm-b a:hover i{opacity:1;}
.gywm-b a:hover img{transform:scale(1.1);}

.yyyl{height:943px;color:#fff;background:url(../images/yyyl-bj.jpg)no-repeat center;padding-top:95px;background-size:auto 105%;}
.yyyl .sybt h3{font-size:38px;color:#fff}
.yyyl .sybt h4{color:rgba(189, 189, 189, 0.12);}
.yyyl .sybt p{background:#fff;}
.yyyl-b{}
.yyyl-b a{margin-bottom:12px;display:block;position:relative;width:291px;border:1px solid #fff;color:#fff;overflow:hidden;}
.yyyl-b a h4{overflow:hidden;}
.yyyl-b a h4 img{max-width:447px;display:block;}
.yyyl-b a dl{position:absolute;width:447px;left:0;bottom:0;padding:40px 26px 26px 26px;background-image: linear-gradient(rgba(43, 67, 89, 0), rgba(43, 67, 89, 0.5));}
.yyyl-b a dl h3{font-size:16px;}
.yyyl-b a dl p{line-height:21px;overflow:hidden;max-height:0;}

.cpsc{margin:25px auto;}
.cpsc-l{width:380px;}
.cpsc-l h3{color:#2c2c2c;font-size:32px;margin-bottom:40px;}
.cpsc-l p{color:#2c2c2c;font-size:16px;line-height:25px;margin-bottom:60px;}
.cpsc-l a{width:193px;height:33px;border-radius:50px;background:#0860a4;color:#fff;}
.cpsc-l a:hover{font-weight:bold;}
.cpsc-r{}
.cpsc-r img{}

.xgcp{background:rgba(247, 247, 247, 1);padding:110px 0}
.xgcp-b{width:100%}
.xgcp-l{width: 383px;}
.xgcp-l h3{font-size:32px;color: #2C2C2C;margin-bottom:50px;line-height: 45px;}
.xgcp-l .div1{line-height:24px;color:#2C2C2C;font-size:16px;margin-bottom: 70px;}
.xgcp-l h4{}
.xgcp-l h4 a{width:35px;display:block;height:35px;margin-right:17px;border-radius: 50px;border: 1px solid #ef00;background: url(../images/l.svg)no-repeat center;border: 2px solid #0860A4;}
.xgcp-l h4 .a1{transform: rotate(90deg);}
.xgcp-l h4 a:hover{background: url(../images/r.svg)no-repeat center #0860A4;}
.xgcp-l h4 .a2{transform: rotate(-90deg);}
.xgcp-r{width:calc(100% - 420px)}
.xgcp-r a{display:block;background:#fff;}
.xgcp-r a dl{padding: 40px 20px;}
.xgcp-r a dl h3{font-size:22px;color:#2C2C2C;margin-bottom:10px;font-weight: bold;}
.xgcp-r a dl h4{width:40px;height:1px;background:rgba(8, 96, 164, 1);margin-bottom:10px;}
.xgcp-r a dl .div1{font-size: 14px;color: #0860A4;line-height:24px;}
.xgcp-r a h4{overflow:hidden;}
.xgcp-r a h4 img{display:block;width:100%}

.hzhb{margin:100px auto;}
.hzhb-b{border-top:1px solid #e6e6e6;}
.hzhb-b p{width:200px;overflow:hidden;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.hzhb-b p img{display:block;width:100%;}
.hzhb-b p:hover img{}
.hzhb-b p:nth-child(6n){border-right:1px solid #e6e6e6;}

.zxly{color:#fff;background:url(../images/zxly-bj.jpg)no-repeat center;padding:110px 0 130px 0;}
.zxly-t{margin-bottom: 50px;}
.zxly-t h3{font-size:38px;margin-bottom:25px;}
.zxly-t p{font-size:18px;}
.zxly-b{}
.zxly-l{width:630px;}
.zxly-l input{width:300px;height:60px;margin-bottom: 35px;color:#fff;padding-left:20px;background:rgba(245, 246, 249, 0.2);font-size: 16px;font-family: Microsoft YaHei, "Helvetica Neue", Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.zxly-l input::placeholder,.zxly-l textarea::placeholder{color:#fff;}
.zxly-l textarea{width:100%;height: 215px;margin-bottom: 35px;color:#fff;padding:20px;background:rgba(245, 246, 249, 0.2);font-size: 16px;font-family: Microsoft YaHei, "Helvetica Neue", Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.zxly-l button{width:190px;height:40px;border-radius:60px;background:#0860a4;cursor:pointer;transition:all 0.5s;color:#fff;font-size: 16px;}
.zxly-l button:hover{opacity:0.8;}
.zxly-r{width: 430px;height:371px;font-size: 16px;}
.zxly-r .div1{background: rgba(8, 18, 33, 0.337254901960784);width:390px;height:193px;border-radius: 15px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;padding: 50px 35px;}
.zxly-r .div2{background:url(../images/zxly-bj.svg)no-repeat;height: 255px;padding: 56px 70px 35px 55px;margin-left: -20px;}
.zxly-r dl{margin-bottom: 35px;}
.zxly-r dl:nth-child(2){}
.zxly-r dl i{height:24px;display: flex;align-items: center;}
.zxly-r dl i img{display:block;}
.zxly-r dl p{width:calc(100% - 35px);line-height:24px;}
.zxly-r dl:last-child{margin-bottom:0;}
.zxly-r dl:last-child p{margin-bottom:0;}

.xwzx{margin:100px auto}
.xwzx .sybt h4{color: rgba(227, 227, 227, 0.996);}
.xwzx-b{}
.xwzx-b dl{width:380px;}
.xwzx-b dl a{display:block;}
.xwzx-b dl a h4{overflow:hidden;margin-bottom:24px;}
.xwzx-b dl a h4 img{display:block;width:100%;}
.xwzx-b dl a h3{color: rgb(44, 44, 44);font-size: 22px;line-height: 33px;margin-bottom:20px;height: 66px;}
.xwzx-b dl a>p{color:#666666;line-height: 20px;margin-bottom:35px;}
.xwzx-b dl a dt{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;color:#666;padding:16px 0}
.xwzx-b dl a dt p{position:relative;color:#0860a4;}
.xwzx-b dl a dt p span img{-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);display:block;}
.xwzx-b dl a dt p img{margin-right:7px;}
.xwzx-b dl a dt:hover p span{animation: mymove2 0.5s;}
.xwzx-b dl a dt p i{position:absolute;left:5px;bottom:0;height:1px;background:#0860a4;width:0}
.xwzx-b dl a dt p:hover i{width:100%}
.xwzx-b dl a:hover h4 img{transform:scale(1.1);}

@media(min-width:1200px){
    .yyyl-b:nth-child(2) a:nth-child(1) h4 img{margin-left:-50px;}
    .yyyl-b:nth-child(2) a:nth-child(2) h4 img{margin-left:-50px;}
    .yyyl-b:nth-child(2) a:nth-child(3) h4 img{margin-left:-100px;}
    .yyyl-b:nth-child(2) a:nth-child(4) h4 img{margin-left:-60px;}
    .yyyl-b:nth-child(3) a:nth-child(1) h4 img{margin-left:-100px;}
    .yyyl-b:nth-child(3) a:nth-child(2) h4 img{margin-left:-100px;}
    .yyyl-b:nth-child(3) a:nth-child(4) h4 img{margin-left:-80px;}
    .yyyl-b:hover a{width:239px;}
    .yyyl-b a:hover{width:447px;}
    .yyyl-b a:hover img{margin-left:0!important;}
    .yyyl-b a:hover dl{padding-top: 250px;background:rgba(0, 0, 0, 0.3);}
    .yyyl-b a:hover h3{}
    .yyyl-b a:hover p{max-height:70px;margin-top:18px;}
    .xgcp-b{margin-left:18.229166666666666%;max-width:81%;}
}
@media screen and (max-width:1200px){
    .banner{margin-top:60px;}
    .wmys-b a{width:50%}
    .yyyl-b a h4 img{width:100%}
    .hzhb-b p{width:calc(100% / 3)}
    .hzhb-b p:nth-child(3n){border-right:1px solid #e6e6e6;}
    .zxly-l input,.lxwm-t input{height:40px;}
    .xwzx-b dl a h3{height:auto;}
}