/*.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{bottom:25px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{background:#fff;}

.hmcs{margin-top:70px;position:relative;z-index:3;}
.sybt{text-align:center;margin-bottom:30px;}
.sybt h3{font-size:36px;margin-bottom:10px;}
.sybt h4{color:#878787;font-size:12px;text-transform:uppercase;margin-bottom:14px;}
.sybt h5{}
.sybt h5 p{width:68px;height:1px;background:#8dd7f7;margin:0 7px;}
.hmcs-b{border:1px solid #eee;border-radius:10px;padding:40px 110px 58px 63px;box-shadow:1px 6px 10px rgba(0, 0, 0, 0.5);background:#fff;}
.hmcs-l{width:600px;color:#878787;font-size:16px;line-height:36px;}
.hmcs-r{width:344px;}
.hmcs-r img{display:block;margin:0 auto;}

.cpzx{margin-top:-70px;padding:130px 0 100px 0;background:url(../images/cpzx-bj.jpg);}
.cpzx .sybt h3,.cpzx .sybt h4{color:#fff}
.cpzx .sybt h5 p{background:#fff}
.cpzx-c{border-radius:10px;overflow:hidden;}
.cpzx-t{background:#fff;padding:45px 40px 30px 40px;}
.cpzx-t dl{}
.cpzx-t dl dt{width:470px;overflow:hidden;}
.cpzx-t dl dt img{display:block;width:100%;}
.cpzx-t dl dt:hover img{transform:scale(1.1);}
.cpzx-t dl dd{width:600px;}
.cpzx-t dl dd a{display:block;line-height:100%;color:#000;padding-bottom:28px;border-bottom:1px solid #eee;position:relative;font-size:30px;margin-bottom:24px;}
.cpzx-t dl dd a p{position:absolute;left:0;bottom:-1px;background:#0d4da1;width:55px;height:1px;}
.cpzx-t dl dd a:hover{color:#0d4da1;}
.cpzx-t dl dd h4{font-size:14px;line-height:24px;margin-bottom:30px;}
.cpzx-t dl dd .div1{border-radius:10px;background:#f7f7f7;line-height:36px;color:#878787;padding:33px 30px;}
.cpzx-t dl dd .div1 p{padding-left:20px;background:url(../images/cpzx-tb2.png)no-repeat center left;}
.cpzx-t dl dd .div1 p:nth-child(2n+1){width:245px;}
.cpzx-b{background:#ededed;padding:28px 40px;}
.cpzx-b p{width:40px;background:#0d4da1;cursor:pointer;transition:all 0.5s;}
.cpzx-b p:hover{opacity:0.8;}
.cpzx-b>div{width:calc(100% - 120px)}
.cpzx-b a{display:block;background:#fff;border:1px solid #fff;}
.cpzx-b a img{display:block;width:100%;}
.cpzx-b .swiper-slide-thumb-active a{border-color:#0d4da1;}

.cpys{margin:70px auto 10px auto;}
.cpys .sybt{margin-bottom:70px;}
.cpys-b{}
.cpys-b a{width:calc((100% - 81px) / 4);margin-right:27px;margin-bottom:90px;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.05);padding:0 38px;height:300px;display:block;}
.cpys-b a:nth-child(4n){margin-right:0;}
.cpys-b a h5{width:80px;height:80px;border-radius:80px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);margin:-40px auto 50px auto;}
.cpys-b a h3{text-align:center;font-size:20px;margin-bottom:25px;}
.cpys-b a dl{color:#878787;line-height:24px;}
.cpys-b a:hover img{transform: translateY(-5px);}

.cgal{background:#f6f6f6;padding:70px 22.5px;}
.cgal-b{}
.cgal-b a{display:block;margin:10px 7.5px;background:#fff;border:1px solid #eee;padding:25px 19px 40px 19px;}
.cgal-b a h4{overflow:hidden;margin-bottom:29px;position:relative;}
.cgal-b a h4 p{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;background:rgba(0, 0, 0, 0.5);opacity:1;}
.cgal-b .swiper-slide-active a h4 p,.cgal-b .swiper-slide-next a h4 p,.cgal-b .swiper-slide-prev a h4 p{opacity:0;}
.cgal-b a h4 img{display:block;width:100%;}
.cgal-b a h3{color:#000;margin-bottom:24px;font-size:18px;}
.cgal-b a dl{font-size:16px;line-height:30px;color:#878787;}
.cgal-b a:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.cgal-b a:hover img{transform:scale(1.1);}
.cgal-b a:hover h3{color:#0d4da1;}
.cgal-b .swiper-button-next{width:50px;height:50px;background:url(../images/r3.png);right:150px;margin-bottom:0px;top:35%;}
.cgal-b .swiper-button-prev{width:50px;height:50px;background:url(../images/l3.png);left:150px;margin-bottom:0px;top:35%;}

.gywm{color:#fff;text-align:center;padding:100px 0 200px 0;background:url(../images/gywm-bj.jpg)no-repeat center;}
.gywm .sybt h3,.gywm .sybt h4{color:#fff}
.gywm .sybt h5 p{background:#fff}
.gywm-t{margin-bottom:60px;width:850px;}
.gywm-t h3{font-size:24px;margin-bottom:53px;}
.gywm-t .div1{font-size:20px;line-height:36px;}
.an{width: 180px;height:55px;color: #fff;font-size: 20px;border: 2px solid #fff;}
.an i{width: 8px;height: 8px;display:block;background: #fff;/* opacity:0; */border-radius: 8px;}
.an:before,.an:after{content: '';width: 8px;height: 8px;display:block;background: #fff;border-radius: 8px;}
.an span{display:block;margin: 0 10px;position:relative;transition:all 0s;}
.an .i1{transform: translateX(67px);opacity: 0;}
.an .i2{transform: translateX(-67px);opacity: 0;}
.an:hover{background: #fff;color: #0d4da1;}
.an:hover:before,.an:hover:after{opacity:0;background: #0d4da1;}
.an:hover .i1{transform: translateX(-6px);opacity:1;background: #0d4da1;}
.an:hover .i2{transform: translateX(6px);opacity:1;background: #0d4da1;}

.xwzx{margin:70px auto;}
.xwzx-b{margin-bottom:65px;}
.xwzx-l{width:380px;display:block;color:#000}
.xwzx-l h4{overflow:hidden;margin-bottom:30px;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l h3{color:#000;font-size:18px;margin-bottom:23px;}
.xwzx-l p{color:#878787;line-height:24px;margin-bottom:30px;}
.xwzx-l dl{border-top:1px solid #eee;padding-top:24px;}
.xwzx-l dl i{margin-right:50px;}
.xwzx-l dl i img{margin-right:13px;}
.xwzx-l:hover{}
.xwzx-l:hover h4 img{transform:scale(1.1);}
.xwzx-l:hover h3{color:#0d4da1;}
.xwzx-r{width:365px;}
.xwzx-r a{display:block;padding-bottom:30px;border-bottom:1px solid #eee;margin-bottom:32px;}
.xwzx-r a h3{color:#000;font-size:18px;margin-bottom:23px;}
.xwzx-r a p{color:#878787;line-height:24px;}
.xwzx-r a:last-child{border:none;margin-bottom:0!important;padding-bottom:0!important;}
.xwzx-r a:hover h3{color:#0d4da1;}
.xwzx-t{width: 180px;height:55px;color: #fff;font-size: 20px;border: 2px solid #0d4da1;background:#0d4da1;}
.xwzx-t i{width: 8px;height: 8px;display:block;background: #fff;/* opacity:0; */border-radius: 8px;}
.xwzx-t:before,.xwzx-t:after{content: '';width: 8px;height: 8px;display:block;background: #fff;border-radius: 8px;}
.xwzx-t span{display:block;margin: 0 10px;position:relative;transition:all 0s;}
.xwzx-t .i1{transform: translateX(67px);opacity: 0;}
.xwzx-t .i2{transform: translateX(-67px);opacity: 0;}
.xwzx-t:hover{background: #0d4da1;color: #fff;}
.xwzx-t:hover:before,.xwzx-t:hover:after{opacity:0;background: #fff;}
.xwzx-t:hover .i1{transform: translateX(-6px);opacity:1;background: #fff;}
.xwzx-t:hover .i2{transform: translateX(6px);opacity:1;background: #fff;}

.hzhb2{padding:70px 0;background:#f6f6f6;}
.hzhb2-b{position:relative;}
.hzhb2-b a{display:block;background:#fff;border:1px solid #eee;overflow:hidden;}
.hzhb2-b a img{display:block;margin:0 auto;}
.hzhb2-b a:hover img{transform:scale(1.05);}
.hzhb2-b .swiper-button-next{width:50px;height:50px;border-radius:50px;background:url(../images/r4.png);right:-85px;transition:all 0.5s;}
.hzhb2-b .swiper-button-next:hover{background:url(../images/r4-1.png);}
.hzhb2-b .swiper-button-prev{width:50px;height:50px;border-radius:50px;background:url(../images/l4.png);left:-85px;transition:all 0.5s;}
.hzhb2-b .swiper-button-prev:hover{background:url(../images/l4-1.png);}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .cpzx-b p{width:25px}
    .cpzx-b>div{width:calc(100% - 70px)}
    .cpys-b a{margin:10px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);width:calc(100% - 20px)}
    .cgal-b .swiper-slide-next a{opacity:0.3;}
    .xwzx-t,.an{width:150px;height:45px;}
}