/*.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:#fff;opacity:1;border-radius:0!important;width:76px;height:3px;background:rgba(255, 255, 255, 0.2);position:relative;overflow:hidden;}
.banner .swiper-pagination-bullet:after{content: '';position:absolute;left:0;bottom:0;height:3px;width:0;transition:all 1s;background:#dc5f00;}
.banner .swiper-pagination-bullet-active{background:rgba(255, 255, 255, 0.2);}
.banner .swiper-pagination-bullet-active:after{width:100%;transition:all 4s;}
.banner .swiper-button-next{width:66px;height:66px;right:5%;background:url(/template/pc/skin/images/r.png);transition:all 0.5s;}
.banner .swiper-button-next:hover{background:url(/template/pc/skin/images/r-1.png);}
.banner .swiper-button-prev{width:66px;height:66px;left:5%;background:url(/template/pc/skin/images/l.png);transition:all 0.5s;}
.banner .swiper-button-prev:hover{background:url(/template/pc/skin/images/l-1.png);}
@-webkit-keyframes rotation2{
    25% {top:-5px;}
    50% {top:-10px;}
    75% {top:-5px;}
    100% {top:0px;}
}
.banner .swiper-pagination{bottom:5%}
.banner-an{position:absolute;right:3%;bottom:30px;z-index:3;display:block;width:16px;height:41px;}
.banner-an img{position:absolute;left:0;top:0;animation: rotation2 2s linear infinite;-moz-animation: rotation2 2s linear infinite;-webkit-animation: rotation2 2s linear infinite;-o-animation: rotation2 2s linear infinite;}

.cpzx{margin:66px 55px 70px 55px;}
.cpzx a{display:block;/* background:#eff2f7; */border: 1px solid #eee;}
.cpzx a dl{padding:60px 50px 0 50px;}
.cpzx a dl h3{font-weight:bold;font-size:24px;color:#333;margin-bottom:20px;}
.cpzx a dl p{color:#dc5f00;font-size:16px;}
.cpzx a dl p img{margin-left:13px;}
.cpzx a h4{overflow:hidden;}
.cpzx a h4 img{display:block;}
.cpzx a:hover h3{color:#dc5f00;}
.cpzx a:hover img{transform:scale(1.1);}
.cpzx-t{}
.cpzx-t a{width:calc(25% - 15px);margin-bottom:20px;}
.cpzx-t a:nth-child(-n+2){width:calc(50% - 10px)}
.cpzx-t a:nth-child(-n+2) dl{padding:40px 50px 0 50px;}
.cpzx-t a:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.2);}

.jjfa{margin-top:60px;}
.jjfa-t{text-align:center;margin-bottom:50px;}
.jjfa-t h3{color:#333;font-size:48px;margin-bottom:23px;}
.jjfa-t h5{width:80px;height:4px;background:#dc5f00;}
.jjfa-b{}
.jjfa-b .swiper-slide{width:20%;transition:all 0.5s;}
.jjfa-b .swiper-slide.active{width:40%}
.jjfa-b a{display:block;position:relative;}
.jjfa-b a h4{overflow:hidden;position:relative;}
.jjfa-b a h4 img{max-width:1000px;display:block;}
.jjfa-b a dl{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.35);}
.jjfa-b a dl dt{width:70%;}
.jjfa-b a dl dt h3{font-size:34px;line-height:42px;color:#fff;margin-bottom:220px;}
.jjfa-b a dl dt h5{width:49px;height:49px;background:url(/template/pc/skin/images/jjfa-tb.png);}
.jjfa-b a dl dd{position:absolute;left:0;bottom:0;overflow:hidden;width:100%;height:0;background:rgba(255, 255, 255, 0.9);}
.jjfa-b a dl dd h3{font-size:34px;color:#222;margin-bottom:20px;}
.jjfa-b a dl dd .div1{color:#999;font-size:15px;line-height:24px;margin-bottom:25px;}
.jjfa-b a dl dd h5{width:132px;height:46px;background:#dc5f00;color:#fff;font-size:15px;}
.jjfa-b .active dl{background:rgba(0, 0, 0, 0.2);}
.jjfa-b .active dl dt{opacity:0;}
.jjfa-b .active dl dd{height:254px;padding:37px 35% 0 53px;}
.jjfa-b .swiper-button-next{width:56px;height:56px;right:0;background:url(/template/pc/skin/images/r2.png);transition:all 0.5s;}
.jjfa-b .swiper-button-next:hover{background:url(/template/pc/skin/images/r2-1.png)}
.jjfa-b .swiper-button-prev{width:56px;height:56px;left:0;background:url(/template/pc/skin/images/l2.png);transition:all 0.5s;}
.jjfa-b .swiper-button-prev:hover{background:url(/template/pc/skin/images/l2-1.png)}

.cgal{margin:80px auto;}
.cgal-t{text-align:center;margin-bottom:50px;}
.cgal-t h3{color:#333;font-size:48px;margin-bottom:23px;}
.cgal-t h5{width:80px;height:4px;background:#dc5f00;margin-bottom:50px;}
.cgal-t p{font-size:16px;}
.cgal-t p a{color:#333;font-weight: bold;margin:0 18px;}
.cgal-t p a i{width:7px;height:7px;background:#dc5f00;border-radius:0;margin-right:10px;opacity:0;border-radius:10px;}
.cgal-t p a.active{color:#dc5f00;}
.cgal-t p a.active i{opacity:1;}
.cgal-b{margin-bottom:25px;}
.cgal-b2{display:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.cgal-b2:nth-child(1){display:flex;}
.cgal-b2 a{position:relative;display:block;overflow:hidden;margin-bottom:25px;color:#fff;}
.cgal-b2 a h4{overflow:hidden;}
.cgal-b2 a h4 img{display:block;width:100%;}
.cgal-b2 a dl{position:absolute;width:100%;padding:30% 30px 10px 30px;left:0;bottom: -46px;background-image: linear-gradient( rgba(0,0,0,0),rgba(0,0,0,0.8));}
.cgal-b2 a dl dt{width:calc(100% - 70px);}
.cgal-b2 a dl dt h3{font-size:20px;margin-bottom:15px;}
.cgal-b2 a dl dt p{font-size:15px;height: 34px;}
.cgal-b2 a dl dd{width:34px;height:34px;background:url(/template/pc/skin/images/cgal-tb.png)no-repeat center;}
.cgal-b2 a:hover img{transform:scale(1.1);}
.cgal-b2 a:hover dl{bottom:0;background-image: linear-gradient( rgba(220,95,0,0),rgba(220,95,0,0.8));}
.cgal-b2 a:hover dl dd{}
.cgal-l{width:calc(50.5% - 13px);}
.cgal-r{width:calc(49.5% - 13px);}
.cgal-r a{width:calc(50% - 12px)}
.cgal-c{width:202px;height:69px;border-radius:70px;border:1px solid #d3d3d3;position:relative;overflow:hidden;font-size:16px;color:#333;font-weight: bold;}
.cgal-c i{position:relative;z-index:3;transition:all 0s;}
.cgal-c p{position:absolute;left:0;bottom:0;height:100%;width:0;background:#dc5f00;}
.cgal-c:hover{border-color:#dc5f00;color:#fff}
.cgal-c:hover p{width:100%;}

.gywm{text-align:center;color:#fff;background:url(/template/pc/skin/images/gywm-bj.jpg)no-repeat center;padding:80px 0}
.gywm-t{width:1200px;margin-bottom:50px;}
.gywm-t h3{font-size:48px;margin-bottom:65px;}
.gywm-t .div1{font-size:16px;line-height:28px;}
.gywm-b{width:880px;font-size:20px;margin-bottom:80px;}
.gywm-b dl{}
.gywm-b dl dt{font-size:36px;margin-bottom:10px;}
.gywm-b dl dt b{font-size:86px;padding-right:10px;}
.gywm-c{width:202px;height:69px;border-radius:70px;border:1px solid #fff;position:relative;overflow:hidden;font-size:16px;color:#fff;}
.gywm-c i{position:relative;z-index:3;transition:all 0s;}
.gywm-c p{position:absolute;left:0;bottom:0;height:100%;width:0;background:#dc5f00;}
.gywm-c:hover{border-color:#dc5f00;color:#fff}
.gywm-c:hover p{width:100%;}

.xwzx{background:#f6f6f6;padding:100px 0;}
.xwzx-t{margin-bottom:50px;}
.xwzx-t h3{color:#333;font-size:48px;}
.xwzx-t h3 p{width:100%;height:4px;background:#dc5f00;margin-top:20px;}
.xwzx-b{}
.xwzx-b a{margin:5px;background:#fff;display:block;}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{padding:25px 40px 60px 40px;position:relative;border-bottom:3px solid #e6e6e6;}
.xwzx-b a dl h3{color:#222222;font-size:20px;line-height:30px;margin-bottom:30px;}
.xwzx-b a dl p{color:#666666;margin-bottom:35px;}
.xwzx-b a dl h5{color:#dc5f00;font-size:16px;}
.xwzx-b a dl h5 img{margin-left:15px;}
.xwzx-b a dl h6{height:3px;width:0;position:absolute;left:0;bottom:-3px;background:#dc5f00;}
.xwzx-b a:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.2);}
.xwzx-b a:hover h4 img{transform:scale(1.1);}
.xwzx-b a:hover h6{width:100%}
.xwzx{}

@media screen and (max-width:1200px){
    .banner{margin-top:60px;}
    .cgal-t p{justify-content:space-between;}
    .cgal-t p a{width:50%;text-align:center;align-items:flex-start;}
    .gywm-b dl{width:33%}
    .gywm-b dl dt b{padding-right:5px;}
    .gywm-c,.cgal-c{height:45px;width:150px}
    .jjfa-b .swiper-slide{width:100%!important;transition:all 0.5s;}
    .jjfa-b a h4 img{width: 100%;max-width:100%}
    .cgal-b a dl{padding:30% 10px 20px 10px;bottom:-60px;}
}