body{padding-top:0;}
.head.active,.head-c-l{background:none;border-color:rgba(255, 255, 255, 0.15);}
.head:hover .head-c-l{border-color:#eee;}
.head.active .img1{display:none;}
.head.active .img2{display:block;}
.head.active .head-c-r-l-t a{color:#fff}
.head.active .head-c-r>i{background:rgba(255, 255, 255, 0.15);}
.head.active .head-c-r .dh{background:#fff;}
.head.active .head-c-r-l>ul>li.active .head-c-r-l-t a, .head-c-r-l-t a:hover{color:#fff}
.head.active:hover .head-c-r-l>ul>li.active .head-c-r-l-t a{color:#004da2;}
.head.active:hover{background:#fff;border-color:#fff;}
.head:hover .head-c-r-l-t a:hover{color:#004da2!important}
.head.active:hover .head-c-r-l-t a{color:#000}
.head.active:hover .img2{display:none;}
.head.active:hover .img1{display:block;}
.head.active:hover .head-c-r-l-t a{color:#000;}
.head.active:hover .head-c-r>i{background:#eee;}
.head.active .head-c-r .dh{background:#fff;}
.head.active:hover .head-c-r .dh{background: #e4e4e4;}
.head.active .head-c-r dl dt{color:#fff}
.head.active:hover .head-c-r dl dt{color:#000}
/*.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;display:block;position:relative;text-align:center;color:#fff;}
.banner .swiper-slide a dl{position:absolute;left:0;top:20%;width:100%;}
.banner .swiper-slide a h3{font-size:52px;margin-bottom:20px;font-weight: normal;}
.banner .swiper-slide a h4{font-size:22px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-pagination-bullet{background:#fff;opacity:0.2;}
.banner .swiper-pagination-bullet-active{background:#fff;opacity:1;}
.banner .swiper-button-next{width:60px;height:60px;right:65px;border:2px solid #fff;background:url(../images/r2.png)no-repeat center;transition:all 0.5s;}
.banner .swiper-button-next:hover{background:url(../images/r2-1.png)no-repeat center #fff;}
.banner .swiper-button-prev{width:60px;height:60px;left:65px;border:2px solid #fff;background:url(../images/l2.png)no-repeat center;transition:all 0.5s;}
.banner .swiper-button-prev:hover{background:url(../images/l2-1.png)no-repeat center #fff;}

.cpzx{margin:80px auto;}
.cpzx-t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-bottom:52px;}
.cpzx-t h3{color: #010101;font-size: 42px;position:relative;}
.cpzx-t h3 span{display:block;width:40px;height: 3px;background: #024a98;margin-top: 20px;position:absolute;left:0;bottom:-28px;}
.cpzx-t-r{width: calc(100% - 305px);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;}
.cpzx-t-r p{display:flex;flex-wrap:wrap;}
.cpzx-t-r p span{display:block;width:1px;height:18px;background:#cccccc;margin:0 30px;}
.cpzx-t-r p a{color: #333333;font-size:18px;line-height:100%;}
.cpzx-t-r p a:hover{color: #024a98;}
.cpzx-t-r>a{width: 160px;line-height: 50px;text-align:center;box-sizing:border-box;border: 1px solid #b7b7b7;color: #999999;position:relative;opacity:0.999;font-size: 16px;}
.cpzx-t-r>a i{display:block;width:6px;height:10px;background:url(../images/cpzx-tb3.png);margin-left: 13px;}
.cpzx-t-r>a:hover{color:#fff;border-color:#024a98;background:#024a98}
.cpzx-t-r>a:hover i{background:url(../images/cpzx-tb4.png);transform: translateX(10px);}
.cpzx-t-r>a:hover img{}
.cpzx-b{display:flex;flex-wrap:wrap;justify-content:space-between;}
.cpzx-l{width:calc(50% - 12.5px);display:flex;flex-wrap:wrap;justify-content:space-between;}
.cpzx-l-t{display:block;position:relative;overflow:hidden;width:calc(50% - 13.5px);}
.cpzx-l-t:nth-child(1){width:100%;margin-bottom:23px;}
.cpzx-l-t h4{overflow:hidden;}
.cpzx-l-t h4 img{width:100%;display:block;}
.cpzx-l-r{
    position:absolute;
    width: 33.3%;
    right:9.5%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
    }
.cpzx-l-r h3{color:#1d1d1d;font-size: 30px;line-height:100%;margin-bottom: 15px;}
.cpzx-l-t:nth-child(1) .cpzx-l-r h3{margin-bottom: 20px;line-height:100%;}
.cpzx-l-r p{line-height:33px;color:#555555;margin-bottom: 35px;}
.cpzx-l-r h5{
    color: #024a98;
    font-size: 16px;
}
.cpzx-l-r h5 img{
    display: block;
    margin-left: 7px;
}
.cpzx-l-r span{display:block;width:27px;height:13px;background:url(../images/cpzx-tb.png)no-repeat;}
.cpzx-l:nth-child(2){width:calc(50% - 12.5px);display:flex;flex-wrap:wrap;justify-content:space-between;}
.cpzx-l:nth-child(2) .cpzx-l-t{display:block;position:relative;overflow:hidden;width:calc(50% - 13.5px);}
.cpzx-l:nth-child(2) .cpzx-l-t:nth-child(1){margin-bottom:23px;}
.cpzx-l:nth-child(2) .cpzx-l-t:nth-child(2){margin-bottom:23px;}
.cpzx-l:nth-child(2) .cpzx-l-t:nth-child(3){width:100%;margin-bottom:0}
.cpzx-r-t h4{overflow:hidden;}
.cpzx-r-t h4 img{width:100%;display:block;}
.cpzx-r-r{position:absolute;width:36%;left:52%;top: 50%; -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);}
.cpzx-r-r h3{color:#1d1d1d;font-size:20px;line-height:100%;margin-bottom:43px;line-height:34px;}
.cpzx-r-t:nth-child(2) .cpzx-r-r{left:56%;}
.cpzx-l:nth-child(2) .cpzx-l-t:nth-child(3) .cpzx-l-r{left:8.7%;width:40%;}
.cpzx-l:nth-child(2) .cpzx-l-t:nth-child(3) .cpzx-l-r p{width:73%;}
.cpzx-l:nth-child(2) .cpzx-l-t:nth-child(3) .cpzx-l-r h3{line-height:100%;}
.cpzx-r-r p{line-height:33px;color:#555555;margin-bottom:50px;}
.cpzx-r-r span{display:block;width:27px;height:13px;background:url(../images/cpzx-tb.png)no-repeat;}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b a:hover h3{color: #024a98;}

.gywm{background:url(../images/gywm-bj.png)no-repeat center top 170px;}
.gywm-t{margin-bottom:123px;width:1173px;}
.gywm-t .div1{text-align:center;font-size:22px;line-height:36px;color:#333333;margin-bottom:62px;}
.gywm-t a{width:160px;height:50px;background:#004da2;color:#fff;font-size:16px;}
.gywm-t a img{margin-left: 18px;}
.gywm-t a:hover img{transform: translateX(10px);}
.gywm-b{position:relative;}
.gywm-b>i{width:123px;height:520px;position:absolute;left:0;top:-141px;background:url(../images/gywm-tb.png);z-index:2;}
.gywm-c{}
.gywm-c1{overflow: hidden;
    width: 35.625%;
    position: relative;
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    margin-left: -12%;}
 .gywm-c1:nth-child(1){margin-left: 0;}   
 .gywm-c1:nth-child(2) h4{transform-origin: left bottom;}   
.gywm-c1.active{-webkit-transition: width 0.3s linear;
    transition: width 0.3s linear;
    width: 76.8%;}
.gywm-c1 h4{width: 100%;
    height: 8rem;
    overflow: hidden;
    position: relative;}
.gywm-c1 h4 img{width: 92vw;
    height: 93vh;
    /*object-fit: cover;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transition: left 0.3s linear;
    margin-left: -50vw;
    margin-top: -50vh;max-width:10000px;}
.gywm-c1 h4 p{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0, 0, 0, 0.35);display: none;}    html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
     .gywm-c1:nth-child(2) h4 img{left: 30%;}
     .gywm-c1.active:nth-child(2) h4 img{left: 50%;}
.gywm-c1 dl{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 1.6rem;
  z-index: 2;
  color: #fff;
  padding-top: 0.94rem;
  }
 .gywm-c1:nth-child(2) dl{padding-left:3rem;} 
.gywm-c1 dl h3{font-size:38px;margin-bottom:30px;font-weight: normal;}
.gywm-c1 dl>.div2{font-size:18px;line-height:36px;margin-bottom:70px;width:660px;opacity:0;}
.gywm-c1 dl a{width:150px;height:50px;border:1px solid #fff;font-size:16px;color:#fff;margin-bottom: 11%;opacity:0;}
.gywm-c1 dl a img{margin-left:20px;}
.gywm-c1 dl a:hover{background:#004da2;border-color:#004da2;}
.gywm-c1 dl a:hover img{transform: translateX(10px);}
.gywm-c1 dl .div1{opacity:0;}
.gywm-c1 dl .div1 dt{padding-left:20px;border-left:2px solid rgba(255, 255, 255, 0.3);margin-right:90px;}
.gywm-c1 dl .div1 dt h5{font-size:16px;margin-bottom:20px;}
.gywm-c1 dl .div1 dt h2{font-size:28px;}
.gywm-c1 dl .div1 dt:nth-child(2) h2{font-size:18px;}
.gywm-c1 dl .div1 dt h2 i{font-size:48px;line-height:100%;font-family:Arial;}

.gywm-b>span{width:123px;height:379px;background:url(../images/gywm-tb2.png);position:absolute;right:0;bottom:0;z-index:2;}
.gywm{}
@media(min-width:1200px){
    .gywm-c1 h4{transform: skew(-18deg);transform-origin: right top;}
    .gywm-c1 h4 img{transform: skew(18deg) scale(1.1);}
    .gywm-c1.active dl>.div2{animation: indalRun 1s ease both .2s;}
    .gywm-c1.active dl a{animation: indalRun 1s ease both .4s;}
    .gywm-c1.active dl .div1{animation: indalRun 1s ease both .6s;}
}

.gcsl2{background:#f7f7f7;padding:100px 0;}
.sybt{text-align:center;margin-bottom:55px;}
.sybt h3{color:#222222;text-align:center;font-size:42px;margin-bottom:30px;}
.sybt p{width:40px;height:3px;background:#004da2;}
.gcsl2-b{position:relative;}
.gcsl2-b a{display:block;background:#fff;text-align:center;color:#333333;font-size:20px;line-height:24px;padding:20px 20px 37px 20px;}
.gcsl2-b a h4{overflow:hidden;margin-bottom:30px;}
.gcsl2-b a h4 img{display:block;width:100%;}
.gcsl2-b a p{transition:all 0s;}
.gcsl2-b a:hover{background:#004da2;color:#fff;}
.gcsl2-b a:hover img{transform:scale(1.1);}
.gcsl2-b .swiper-button-next{width:60px;height:60px;background:url(../images/r3.png);right:-100px;transition:all 0.5s;}
.gcsl2-b .swiper-button-next:hover{background:url(../images/r3-1.png);}
.gcsl2-b .swiper-button-prev{width:60px;height:60px;background:url(../images/l3.png);left:-100px;transition:all 0.5s;}
.gcsl2-b .swiper-button-prev:hover{background:url(../images/l3-1.png);}

.yyly{margin:100px auto;}
.yyly-b{margin-bottom:65px;}
.yyly-b a{display:block;width:calc(50% - 1.5px);margin-bottom:3px;position:relative;}
.yyly-b a h4{overflow:hidden;}
.yyly-b a h4 img{display:block;width:100%;}
.yyly-b a dt{position:absolute;left:40px;bottom:40px;background:rgba(255, 255, 255, 0.92);padding:50px 40px 35px 40px;width:380px;}
.yyly-b a dt h3{color:#003686;font-size:28px;margin-bottom:19px;}
.yyly-b a dt h5{color:#666666;font-size:15px;margin-bottom:37px;}
.yyly-b a dt p{width:44px;height:44px;border-radius:44px;background:#004da2;}
.yyly-b a p img{transform: rotate(-45deg);}
.yyly-b a dd{position:absolute;left:0;width:100%;bottom:0;padding:150px 40px 34px 40px;display:none;background-image: linear-gradient(rgba(0, 77, 162, 0), rgba(0, 77, 162, 1));}
.yyly-b a dd h3{font-size:28px;color:#fff;}
.yyly-b a dd p{width:44px;height:44px;border-radius:44px;border:2px solid rgba(255, 255, 255, 0.3);}
.yyly-b a dd p i{position:relative;}
.yyly-b a dd p i img{display:block;}
.yyly-b a dd p i .img2{position:absolute;left:0;top:0;opacity:0}
.yyly-b a:hover h4{}
.yyly-b a:hover h4 img{transform:scale(1.1);}
.yyly-b a dd:hover p{background:#fff;border-color:#fff;}
.yyly-b a dd:hover p .img2{opacity:1}
.yyly-b a:hover p img{transform: rotate(0deg);}
.yyly-b a:nth-child(n+3){width:calc((100% - 9px) / 3);}
.yyly-b a:nth-child(n+3) dt{display:none;}
.yyly-b a:nth-child(n+3) dd{display:flex;}
.yyly-t{width:160px;height:50px;background:#004da2;font-size:16px;color:#fff;}
.yyly-t img{margin-left:18px;}
.yyly-t:hover img{transform: translateX(10px);}

.xwzx{background:#f6f6f6;padding:100px 0;}
.xwzx-b{}
.xwzx-b>div{padding-bottom:60px;}
.xwzx-b a{display:block;background:#fff;border:1px solid #eee;padding:29px;border:1px solid #eee;}
.xwzx-b a h4{overflow:hidden;margin-bottom:38px;}
.xwzx-b a h4 img{
    display: block;
    width: 100%;
}
.xwzx-b a h5{color:#004da2;font-size:14px;margin-bottom:15px;}
.xwzx-b a h3{color:#333333;font-size:23px;margin-bottom:130px;}
.xwzx-b a p{color:#999999;font-size:16px;}
.xwzx-b a:hover{}
.xwzx-b a:hover img{transform: scale(1.05);}
.xwzx-b a:hover h3{color:#004da2;}
.xwzx-b .swiper-pagination{bottom:0}
.xwzx-b .swiper-pagination-bullet{background:#dbdbdb;opacity:1;}
.xwzx-b .swiper-pagination-bullet-active{background:#004da2;opacity:1;}

@media(max-width:1700px){
  .cpzx-t-r p span{margin: 0 15px;}
  .cpzx-l-t .cpzx-l-r h3{font-size: 22px;}
    .cpzx-l-r h3,.cpzx-r-r h3{/* font-size: 16px; */}
  
}
@media screen and (max-width:1200px){
    @media(min-width:500px){
        .gywm-c1 h4 img{width:100%!important;}
    }
    .cpzx-t-r p{padding-left:20px;}
    .cpzx-t-r p a{width: 33.33%;text-align: left;line-height:24px;font-size: 16px;}
    .cpzx-l-r h3{line-height:24px;}
    .cpzx-t-r>a{height:45px;line-height: 45px;margin-left: 20px;}
    .cpzx-l-r p{display:none;}
    .yyly-b a dd{/* display:flex; */}
    .gywm-c{flex-wrap:wrap}
    .gywm-c1{width:100%;margin-bottom: 30px;}
    .gywm-c1 h4{height: 400px;}
    .gywm-c1 h4 img{width: auto;
    height: 100%;position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);margin:0}
    .gywm-c1 dl{padding: 0.6rem 0.4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
    .gywm-c1 dl>.div2{width:100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
    .gywm-c1 dl *{opacity:1!important;}
    .gywm-c1 dl a{font-size:14px;height:45px;width:140px;margin-bottom: 60px;}
  .yyly-b a dt{left:15px;bottom: 25px;}
  .yyly-b a dt p{width:30px;height:30px;}
  .gywm-c1:nth-child(2) h4 img{left: 50%;}
}