/*.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;}*/
.banner{position:relative;}
.banner img{display:block;width:100%;}
.banner dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;color:#fff;}
.banner dl dt{width: 560px;}
.banner dl dt h3{font-size: 48px;margin-bottom: 30px;/* color: #000; */}
.banner dl dt p{font-size: 16px;line-height: 24px;margin-bottom: 36px;/* color: #000; */}
.banner dl dt a{width:200px;height:50px;border-radius:5px;background:var(--colors);color:#fff;font-size: 16px;}
.banner dl dt a:hover{background:var(--colors);color:#fff;}

.cpzx{margin:60px auto;}
.sybt{margin-bottom:30px;font-size:36px;}
.cpzx-t{font-size:36px;margin-bottom:35px;}
.cpzx-b{justify-content:space-between}
.cpzx-b dl{width: calc((100% - 40px) / 2);/* text-align:center; */}
.cpzx-b dl dt{position:relative;background:#f8f8f8;margin-bottom:30px;}
.cpzx-b dl dt a{display:block;overflow:hidden;}
.cpzx-b dl dt a img{display:block;width:100%;}
.cpzx-b dl dt a:hover img{transform:scale(1.05);}
.cpzx-b dl dt i{cursor:pointer;width:40px;height:40px;border:1px solid #e6e6e6;position:absolute;right:30px;bottom:30px;z-index:2;background:#fafafa;}
.cpzx-b dl dt i img{height: 30px;}
.cpzx-b dl dd{}
.cpzx-b dl dd h3{font-size:20px;margin-bottom: 12px;}
.cpzx-b dl dd h4{font-size: 14px;color:#333;margin-bottom:20px;}
.cpzx-b dl dd h5{font-size:18px;}
.cpzx-b dl dd h5 i{padding-left:7px;}
.cpzx-b dl dd  a{width:200px;height:50px;border-radius:5px;border:1px solid #000;color:#000;font-size: 16px;}
.cpzx-b dl dd  a:hover{background:var(--colors);color:#fff;border-color:var(--colors)}

.cpfl{
    /* margin-top: 70px; */
}
.cpfl-b{}
.cpfl-b a{display:block;position:relative;border-radius:10px;overflow:hidden;width:calc(50% - 10px);margin-bottom:20px;}
.cpfl-b a h4{overflow:hidden;}
.cpfl-b a h4 img{display:block;width:100%;}
.cpfl-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;padding: 30px;z-index:2;}
.cpfl-b a dl dt{width:380px;color:#fff;max-width:100%;}
.cpfl-b a dl dt h3{font-size: 24px;margin-bottom: 10px;}
.cpfl-b a dl dt p{font-size: 12px;line-height: 18px;color: #dbdbdb;}
.cpfl-b a dl h5{width:200px;height:50px;border-bottom:5px;background:#fff;color:#000;text-transform:uppercase;position:absolute;right:40px;bottom:40px;border-radius:5px;font-size: 16px;}
.cpfl-b a:hover dl h5{background:var(--colors);color:#fff;}
.cpfl-b a:hover img{transform:scale(1.1)}

.cptx{padding: 0 0 60px 0;overflow:hidden;/* background:#f8f8f8; */}
.cptx-b{}
.cptx-b>div{overflow:inherit;}
.cptx-b a{display:block;border-radius:10px;overflow:hidden;position:relative;color:#fff;}
.cptx-b a h4{overflow:hidden;}
.cptx-b a h4 img{display:block;width:100%;}
.cptx-b a dl{padding: 20px;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.cptx-b a dl h3{font-size: 24px;margin-bottom: 10px;}
.cptx-b a dl p{font-size: 12px;line-height: 18px;color:#dbdbdb;}
.cptx-b a dl h5{width:50px;height:50px;border-radius:50px;background:#414141;position: absolute;bottom:25px;right:25px;}
.cptx-b a dl h5 img{height: 25px;}
.cptx-b a:hover{transform:scale(1.01);}
/*.cptx-b a:hover dl h5{background:var(--colors);}*/

.cptx2{position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%;display:none;}
.cptx2>h5{position:absolute;backdrop-filter: blur(4px);left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.6);z-index:-1;}
.cptx2-s2{display: block;
    width: 100%;
    min-height: 100%;
    position: fixed;
    inset: 0px;
    z-index: 9999;
    overflow-y: scroll;
    scrollbar-width: none;}
.cptx2-s{position: relative;
    margin: 96px auto;
    max-width: 1250px;
    width: 88%;}
.cptx2-t{position: sticky;
    top: 0px;
    z-index: 9;}
.cptx2-t h5{position:absolute;right:16px;top:16px;background:#fff;border-radius:6px;z-index:9;cursor:pointer;width:36px;height:26px;}
.cptx2-t h5 svg{width:24px;height:24px;}
.cptx2-b{background:#fff;border-radius: 10px;padding: 65px 65px 80px;}
.cptx2-b2{display:none;}
/*.cptx2-b2.active{display:block;}*/
.cpzx2-b2-t{margin-bottom:55px;}
.cpzx2-b2-t h3{font-size: 36px;margin-bottom:20px;}
.cpzx2-b2-t p{font-size: 16px;line-height:100%;}
.cpzx2-b2-b{}
.cpzx2-b2-b dl{background:#f1f1f1;margin-bottom:50px;padding:45px 75px 45px 60px;}
.cpzx2-b2-b dl{background:#f1f1f1;margin-bottom:50px;padding:45px 75px 45px 60px;}
.cpzx2-b2-b dl:last-child{margin-bottom:0!important;}
.cpzx2-b2-b dl:nth-child(2n){flex-direction:row-reverse}
.cpzx2-b2-b dl h4{width:47%;border-radius:10px;overflow:hidden;}
.cpzx2-b2-b dl h4 img{display:block;width:100%;}
.cpzx2-b2-b dl h4:hover img{transform:scale(1.1);}
.cpzx2-b2-b dl dt{width:47%;padding-top:40px;}
.cpzx2-b2-b dl dt h3{font-size: 30px;margin-bottom:30px;}
.cpzx2-b2-b dl dt .div1{font-size: 14px;line-height:24px;color:#333;}

.xwzx{background:#f8f8f8;padding-bottom:70px;padding-top: 70px;}
.xwzx-b{}
.xwzx-b a{display:block;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;color:#000;}
.xwzx-b a h4{overflow:hidden;margin:-1px;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{padding: 20px 20px 30px;}
.xwzx-b a dl h5{font-size: 14px;margin-bottom:20px;color: #666;}
.xwzx-b a dl h3{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
.xwzx-b a dl p{font-size: 14px;line-height:24px;color: #333;/* margin-bottom:2px; */margin-bottom: 20px;}
.xwzx-b a dl i{width:50px;height:50px;border-radius:50px;background:#414141;margin-left:auto;}
.xwzx-b a dl i img{height:25px;}
.xwzx-b a:hover h4 img{transform:scale(1.1);}
.xwzx-b a:hover h3{color:var(--colors);}
.xwzx-b a:hover i{background:var(--colors);}

.footer{display:none;}

@media screen and (max-width:1200px){
    .cpzx-b dl dd  a{width:100%;height: 40px;font-size: 14px;}
    .cpzx-b dl dd .div{width:100%}
    .cpzx-b{justify-content:space-between;}
    .cpzx-b dl{width:calc(50% - 10px);}
    .cpzx-b dl dt i{right:10px;bottom:10px;}
    .cpfl-b a dl h5{right:20px;bottom:20px;width:130px;height:40px;}
    .cptx-b{overflow:hidden;width:calc(100% + 15px)!important;}
    .cptx{padding-top:0!important;padding-bottom: 0!important;}
    .cpzx-b dl dt{margin-bottom:20px!important}
    .banner dl{display:flex!important;position: relative;color: #000;padding-top: 20px;}
    .banner dl dt a{width:100%;height:40px}
    .banner dl dt h3{font-size:30px!important}
    .banner dl dt p{font-size:14px!important}
    .cpzx-b dl dd h4{margin-bottom:20px!important}
    .cpfl-b a dl dt h3{font-size:24px!important;}
    .cpzx2-b2-t h3{font-size:24px!important}
    .cpzx2-b2-b dl dt h3{font-size:18px!important}


}