/*.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:#e62b33;}
.banner-an{position:absolute;width:100%;left:0;bottom: 10%}
.banner-an dl{position:relative;z-index:3;}
.banner-an dl p{cursor:pointer;}
.banner-an dl p img{display:block;}
.banner-an dl i{display:block;font-size:19px;color:#fff;margin: 0 10px;}
.banner-an dl dt{width:230px;height:2px;background:rgba(255, 255, 255, 0.3);position:relative;margin: 0 10px;}
.banner-an dl dt .swiper-pagination-progressbar-fill{background:#fff!important;}
@keyframes to-up{0%{opacity: 0;transform: translate3d(0, 50px, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}

.cpzx{padding:100px 0;background:#f6f6f6;}
.cpzx-t{margin-bottom:40px;}
.cpzx-t dt{}
.cpzx-t dt h3{color:#222222;font-size:48px;text-transform:uppercase;margin-bottom:20px;}
.cpzx-t dt h3 i{width:45px;height:4px;background:#e60113;margin-right: 20px;}
.cpzx-t dt p{color:#999999;font-size:16px;}
.cpzx-t dd{}
.cpzx-t dd a{width:197px;height:52px;border:1px solid #e0e0e0;color:#666;}
.cpzx-t dd a img{margin-left:20px;}
.cpzx-t dd a .img2{display:none;}
.cpzx-t dd a:hover{background:#e62b33;border-color:#e62b33;color:#fff;}
.cpzx-t dd a:hover .img1{display:none;}
.cpzx-t dd a:hover .img2{display:block;}
.cpzx-b{}
.cpzx-b a{display:block;width:calc((100% - 64px) / 3);background:#fff;padding:76px 45px 48px 45px;position:relative;}
.cpzx-b a h4{height:180px;}
.cpzx-b a h3{font-size:28px;color:#222222;text-transform:uppercase;margin-bottom:25px;}
.cpzx-b a .div1{font-size:18px;line-height:28px;color:#999;margin-bottom:35px;}
.cpzx-b a h5{height:33px;font-size:14px;color:#e62b33;position:relative;}
.cpzx-b a h5 .img1{position:absolute;top:12px;left:103px;transition:all 0s;}
.cpzx-b a h5 .img2{margin-left:20px;opacity:0;}
.cpzx-b a:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.cpzx-b a:hover h5 .img1{opacity:0;}
.cpzx-b a:hover h5 .img2{opacity:1;}
.cpzx-b a i{display:block;position:absolute;background:#e62b33;}
.cpzx-b a .i1{width:0px;height:1px;right:0px;top:0px;}
.cpzx-b a .i2{width:1px;height:0px;left:0px;top:0px;}
.cpzx-b a .i3{width:0px;height:1px;left:0px;bottom:0px;}
.cpzx-b a .i4{width:1px;height:0px;right:0px;bottom:0px;}
.cpzx-b a:hover .i1,.cpzx-b a:hover .i3{width:100%}
.cpzx-b a:hover .i2,.cpzx-b a:hover .i4{height:100%}

.yyly{margin-top:100px;}
.yyly-r{font-weight:bold;}
.yyly-r a{display:block;text-align:center;text-transform:uppercase;font-size:15px;color:#333333;margin-left:67px;}
.yyly-r a h4{height:68px;}
.yyly-r a h4 img{width:48px;margin:0 auto;}
.yyly-r a h4 .img2{display:none;}
.yyly-r a.active{color:#e62b33;}
.yyly-r a.active .img1{display:none;}
.yyly-r a.active .img2{display:block;}
.yyly-b{}
.yyly-b2{display:none;align-items:flex-start;position:relative;flex-wrap:wrap}
.yyly-b2:nth-child(1){display:flex;}
.yyly-b2>img{display:block;}
.yyly-b2 .img1{width:27.91666666666667%}
.yyly-b2 .img2{width:72.08333333333333%}
.yyly-b2 dl{width:100%;height:100%;left:0;top:0;position:absolute;}
.yyly-b2 dl dt{width:740px;background:#fff;padding:70px 67px 67px 70px;position:relative;}
.yyly-b2 dl dt>img{position:absolute;right:67px;bottom:67px;max-width: 88px;}
.yyly-b2 dl dt h3{color:#222222;font-size:48px;text-transform:uppercase;margin-bottom:20px;}
.yyly-b2 dl dt .div1{color:#999;font-size:16px;line-height:24px;margin-bottom:50px;}
.yyly-b2 dl dt a{width:197px;height:52px;background:#e62b33;color:#fff;}
.yyly-b2 dl dt a img{margin-left:20px;}
.yyly-b2 dl dt a:hover{opacity:0.8;}
.yyly-b2 dl dt a:hover img{}
.yyly-b2.active dl dt h3{animation:to-up .6s ease both .2s}
.yyly-b2.active dl dt .div1{animation:to-up .6s ease both .4s}
.yyly-b2.active dl dt a{animation:to-up .6s ease both .6s}

.wmjs{margin:100px auto;}
.wmjs-b{}
.wmjs-b dl{position:relative;overflow:hidden;}
.wmjs-b dl a{display:block;overflow:hidden;color:#fff;}
.wmjs-b dl a>img{display:block;width:100%;}
.wmjs-b dl dt{position:absolute;width:100%;padding:50px 40px;left:0;top:0}
.wmjs-b dl dt h4{width:20px;height:3px;background:#fff;margin-bottom:20px;}
.wmjs-b dl dt h3{font-size:28px;text-transform:uppercase;}
.wmjs-b dl dd{position:absolute;padding:60px 40px;left:0;bottom:-50%;width:100%;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));}
.wmjs-b dl dd div{padding-bottom:18px;/* border-bottom:1px solid #fff; */position: relative;}
.wmjs-b dl dd div h6{position:absolute;left:0;bottom:0;height:1px;background:#fff;width:0;transition:all 0.8s}
.wmjs-b dl dd img{}
.wmjs-b dl a:hover>img{transform:scale(1.1);}
.wmjs-b dl a:hover dd{bottom:0;}
.wmjs-b dl a:hover div h6{width:100%}

.gywm{color:#fff;background:url(../images/gywm-bj.jpg)no-repeat center top #f6f6f6;padding-top:114px;}
.gywm-t{text-align:center;width:1267px;margin-bottom:55px;}
.gywm-t h3{text-transform:uppercase;font-size:48px;margin-bottom:30px;}
.gywm-t h4{width:45px;height:4px;background:#fff;margin:0 auto 35px auto;}
.gywm-t .div1{opacity:0.8;font-size:16px;line-height:22px;}
.gywm-c{text-align:center;font-size:16px;padding:0 5%;margin-bottom:50px;}
.gywm-c dl{}
.gywm-c dl dt{font-size:26px;margin-bottom:10px;}
.gywm-c dl dt h3{font-size:68px;}
.gywm-c dl p{}
.gywm-b{width:197px;height:52px;background:#e62b33;color:#fff;margin-bottom:64px;}
.gywm-b img{margin-left:20px;}
.gywm-b:hover{opacity:0.8;}
.gywm-b2{background:#fff;padding:28px 30px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);font-weight:bold;}
.gywm-b2 a{display:block;color:#666}
.gywm-b2 a h4{overflow:hidden;margin-bottom:15px;}
.gywm-b2 a h4 img{display:block;width:100%;}
.gywm-b2 a:hover{color:#e62b33;}
.gywm-b2 a:hover img{transform:scale(1.1);}

.xwzx{padding:100px 0;background:#f6f6f6;}
.xwzx-b{}
.xwzx-l{width:48.75%;display:block;background:#fff;}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l dl{padding:35px 50px 50px 50px;}
.xwzx-l dl h3{font-size:30px;line-height:34px;color:#333;margin-bottom:33px;}
.xwzx-l dl p{color:#999999;font-size:16px;background:url(../images/xwzx-tb5.png)no-repeat center right;font-weight:bold;}
.xwzx-l:hover img{transform:scale(1.1);}
.xwzx-l:hover h3{color:#d5000f;}
.xwzx-l:hover p{background:url(../images/xwzx-tb6.png)no-repeat center right;}
.xwzx-r{width:48.75%;background:#fff;padding:2px 50px 0 50px;}
.xwzx-r a{display:block;padding:35px 0;border-bottom:1px dotted #d8d8d8}
.xwzx-r a:last-child{border:none}
.xwzx-r a h3{color:#222;font-size:22px;font-weight:bold;margin-bottom:20px;}
.xwzx-r a p{color:#999999;font-size:16px;font-weight:bold;background:url(../images/xwzx-tb5.png)no-repeat center right;}
.xwzx-r a:hover h3{color:#d5000f;}
.xwzx-r a:hover p{background:url(../images/xwzx-tb6.png)no-repeat center right;}

@media(max-width:1700px){
    .xwzx-r a{padding:30px 0}
}
@media(max-width:1500px){
    .xwzx-r a h3{margin-bottom:15px;}
}
@media screen and (max-width:1200px){
	.banner{margin-top:60px;}
    .cpzx-b a h4 img{width:50px}
    .cpzx-t dt h3{justify-content:center;}
    .yyly-r a{width:50%}
    .yyly-b2 dl dt>img{right:10px;bottom:10px;width: 50px;}
    .yyly-b2 dl dt a,.gywm-b,.cpzx-t dd a{width:160px;height:50px;}
    .gywm-c dl{width:50%;}
    .banner-an dl{justify-content:center;}
    .banner-an dl dt{width:150px}
}