/*.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;}
.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:var(--colors);}
.banner .swiper-button-next{width:68px;height:68px;background:url(../images/r2.png);right:70px;transition:all 0.5s;opacity:0.5!important}
.banner .swiper-button-prev{width:68px;height:68px;background:url(../images/l2.png);left:70px;transition:all 0.5s;opacity:0.5!important}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{opacity:1!important}

.cpzx{margin:80px auto;}
.sybt{text-align:center;font-size:36px;margin-bottom:40px;}
.sybt img{margin:0 30px;}
.sybt p{position:relative;color:var(--colors);text-transform: uppercase;}
.sybt p i{display:block;position:absolute;left:0;bottom:-18px;width:100%;height:2px;background:var(--colors);}
.cpzx a{display:block;width:calc((100% - 80px) / 3);overflow:hidden;position:relative;z-index:2;}
.cpzx a img{display:block;width:100%;}
.cpzx a dl{position:absolute;left:0;bottom: 0;width:100%;z-index:2;padding: 30px 10px;z-index:2;text-align: center;}
.cpzx a dl .div1{}
.cpzx a dl .div1 h3{color:var(--colors);font-size:24px;margin-bottom: 10px;text-align:center;}
.cpzx a dl .div1 dt{line-height:30px;/* margin-bottom:13px; */color:#000;font-size: 13px;}
.cpzx a dl .div1 dt p{
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* word-break: break-all; */
}
.cpzx a dl .div1 dt p i{display:block;text-align:right;width: 110px;text-align: right;}
.cpzx a dl .div1 dt p span{width: calc(100% - 90px);}
.cpzx a dl .div1 h5{width:140px;height:40px;border-radius: 5px;color:#fff;background:var(--colors);font-size:14px;margin:0 auto;display: none;}
.cpzx a img{}
.cpzx a:nth-child(2) dl{display: flex;justify-content:center;}
.cpzx a:nth-child(2) dl .div1 h3{/* text-align:left; */}
.cpzx a:nth-child(2) dl h5{/* margin:0; */}
.cpzx a:hover img{transform: scale(1.05);}

.cpyy{background:#e8e8e8;padding:40px 0;}
.cpyy-b{}
.cpyy-b a{display:block;overflow:hidden;position:relative;}
.cpyy-b a img{display:block;width:100%;}
.cpyy-b a h3{position:absolute;left:0;bottom:40px;font-size:24px;width:100%;z-index:2;color:#fff;}
.cpyy-b a:hover img{transform:scale(1.1)}

.qywh{background:#e8edf4;padding:80px 0;display:none;}
.qywh-b{border:1px solid var(--colors);background:#fff;}
.qywh-l{color:#fff;position:relative;width:320px;margin:-1px;overflow: hidden;}
.qywh-l img{display:block;width:100%;}
.qywh-l dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.qywh-l dl h3{font-size:35px;margin-bottom:28px;text-align:center;}
.qywh-l dl h5{font-size:17px;}
.qywh-l dl h5 p{margin:0 18px;}
.qywh-r{width:calc(100% - 320px);padding:60px 40px 0;}
.qywh-r dl{
    width: 50%;
}
.qywh-r dl:nth-child(2n+1){/* width:53%; */padding-right: 4%;}
.qywh-r dl:nth-child(2n){/* width:47%; */padding-left: 2%;}
.qywh-r dl:nth-child(1),.qywh-r dl:nth-child(2){border-bottom:1px solid #dcdcdc;padding-bottom: 60px;margin-bottom:60px;}
.qywh-r dl h3{font-size:23px;margin-bottom: 35px;transition:all 0.5s;}
.qywh-r dl h4{font-size:18px;line-height: 30px;color:#666;transition:all 0.5s;}
.qywh-r dl:hover *{color:var(--colors);}

.gywm{height: 700px;padding-top: 40px;background:url(../images/gywm-bj.jpg)no-repeat center;}
.gywm .w1{width:1400px;}
.gywm .sybt{color:#fff;}
.gywm .sybt img{filter: brightness(0) invert(1);}
.gywm-b{}
.gywm-l{width:62.14285714285714%;}
.gywm-l .div1{color:#bfbfbf;font-size:24px;line-height:36px;margin-bottom:43px;}
.gywm-l .div2{text-align:center;margin-bottom: 30px;color:#fff;}
.gywm-l .div2 dl{}
.gywm-l .div2 dl h3{color:var(--colors);font-size:30px;margin-bottom:10px;}
.gywm-l .div2 dl h3 i{font-size:48px;line-height:100%;}
.gywm-l .div2 dl h4{font-size:16px;}
.gywm-l .div3{font-size: 16px;line-height: 30px;margin-bottom:30px;color:#fff;}
.gywm-l .div3 p{position:relative;padding-left:30px;}
.gywm-l .div3 p i{width:8px;height:8px;border-radius:8px;background:#fff;position:absolute;left:0;top:calc(50% - 4px);}
.gywm-l a{width:180px;height: 50px;border-radius:60px;color:#fff;background:var(--colors);}
.gywm-l a:hover{}

.xwzx{margin: 40px auto;}
.xwzx .sybt{
    margin-bottom: 40px;
    display: none;
}
.xwzx-t{margin-bottom: 20px;font-size: 20px;}
.xwzx-t a{width: 160px;height: 45px;border:1px solid #ccc;border-radius:40px;overflow:hidden;color:#000;margin:0 25px;}
.xwzx-t a:hover{background:var(--colors);border-color:var(--colors);color:#fff;}
.xwzx-b{}
.xwzx-b a{display:block;border-radius:10px;overflow:hidden;margin:10px 10px 20px 10px;border:3px solid #e4e4e4;color:#000;}
.xwzx-b a dl{padding:29px 40px 29px 47px;}
.xwzx-b a dl dt{}
.xwzx-b a dl dt h3{font-size:36px;margin-right:20px;}
.xwzx-b a dl dt h4{font-size:18px;}
.xwzx-b a dl i{width:183px;height:40px;border-radius:40px;border:1px solid #333;color:#333;}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a .div1{padding:30px 17px 35px 17px;}
.xwzx-b a .div1 h3{font-size: 24px;color:#333;margin-bottom:20px;}
.xwzx-b a .div1 p{font-size: 16px;line-height:24px;height:48px;color:#666;}
.xwzx-b a:hover{border-color:var(--colors);box-shadow:0 5px 10px rgba(0, 4, 0, 0.5);}
.xwzx-b a:hover dl i{background:var(--colors);border-color:var(--colors);color:#fff;}
.xwzx-b a:hover img{transform:scale(1.1);}
.xwzx-b a:hover .div1 h3{color:var(--colors);}

.khan{}
.khan .sybt{/* margin-bottom:60px; */}
.khan-t{margin-bottom:40px;}
.khan-t a{display:block;color:#333;}
.khan-t a h4{overflow:hidden;margin-bottom:30px;}
.khan-t a h4 img{display:block;width:100%;}
.khan-t a h3{font-size:24px;margin-bottom:20px;transition:all 0s;}
.khan-t a p{font-size:16px;line-height:24px;}
.khan-t a:hover img{transform:scale(--colors)}
.khan-t a:hover h3{color:var(--colors)}
.khan-c{
    display: none;
}
.khan-c dl{padding:60px 0;}
.khan-c dl a{color:#333;}
.khan-c dl:nth-child(2n){background:url(../images/khan-bj.jpg)no-repeat center;background-size: cover;background-position: center;}
.khan-c dl:nth-child(2n) a{flex-direction:row-reverse}
.khan-c dl a h4{width:40%;overflow:hidden;}
.khan-c dl a h4 img{display:block;width:100%;}
.khan-c dl a dt{width:57.14285714285714%;}
.khan-c dl a dt h3{font-size:30px;margin-bottom:28px;transition:all 0s}
.khan-c dl a dt p{font-size:16px;line-height:24px;}
.khan-c dl a:hover dt h3{color:var(--colors)}

.hzhb{margin: 40px auto;}
.hzhb .sybt{/* margin-bottom:60px; */}
.hzhb-b{}
.hzhb-b a{border:1px solid #c6c6c6;display:block;}
.hzhb-b a img{display:block;width:100%;}

/*@media screen and (max-width:1700px){*/
    
/*}*/
@media screen and (max-width:1500px){
    .gywm .w1{width:1200px;}
}
@media screen and (max-width:1200px){
    .gywm-l a{width:150px;height:45px;}
    .xwzx-t{/* justify-content:space-between; */}
    .xwzx-t a{width:calc((100% - 20px) / 4);margin: 0 5px!important;}
    .xwzx-b a:hover{box-shadow:none;}
	.qywh-r dl:nth-child(3){border-bottom:1px solid #dcdcdc;}
	.qywh-l{margin: 0;overflow:hidden;}
	.qywh-l img{margin: -60% 0;}
	.gywm-l .div2{justify-content:flex-start}
	.gywm-l .div2 dl{width:33.33%}
	.gywm-l .div2 dl h3{font-size:16px;}
	.cpzx a dl .div1 dt{line-height:24px;}
}