.head{background:none;}
.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#2a86c3;}
.banner-an{width:1200px;position:absolute;left: 50%;bottom: 50px; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);display:flex;justify-content:flex-end;z-index:30;}
.banner-an a{display:block;width:30px;height:30px;}
.banner-an .a1{background:url(../images/l.png);background-size:100% 100%;}
.banner-an .a1:hover{background:url(../images/l-1.png);background-size:100% 100%;}
.banner-an .a2{background:url(../images/r.png);background-size:100% 100%;margin-left:12px;}
.banner-an .a2:hover{background:url(../images/r-1.png);background-size:100% 100%;}

.cpzx{margin:50px auto;position:relative;}
.cpzx-t{text-align:center;text-transform:uppercase;color:#040c1b;font-size:48px;margin-bottom:40px;font-family: bold;}
.cpzx-b2{position:absolute;left: 50%;top: 150px; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);width:960px;z-index:10;}
.cpzx-b2>div{height:104px;}
.cpzx-b2 a{display:block;text-align:center;color:#fff}
.cpzx-b2 a h3{text-transform:uppercase;margin-bottom:20px;font-size:24px;line-height:30px;}
.cpzx-b2 a p{line-height:18px;font-family: regular;}
.cpzx-b{overflow:hidden;}
.cpzx-b>div{width:3640px;position:relative;left: 50%;top: 0%; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);}
.cpzx-b a{display:block;position:relative;overflow:hidden;color:#fff;}
.cpzx-b a img{width:100%;display:block;}
.cpzx-b a dl{position:absolute;top:60px;width:200px;}
.cpzx-b a dl h3{text-transform:uppercase;margin-bottom:20px;font-size:24px;line-height:30px;}
.cpzx-b a dl p{line-height:18px;display:none;font-family: regular;}
.cpzx-b a h4{position:absolute;width:100%;left:0;text-align:center;bottom:74px;font-family: regular;}
.cpzx-b .swiper-slide-prev a dl{right:20px;}
.cpzx-b .swiper-slide-next a dl{left:20px;width:300px;}
.cpzx-b .swiper-slide-active a dl{text-align:center;width:80%;left:10%;}
.cpzx-b .swiper-slide-active a dl h3{font-size:36px;font-family: bold;}
.cpzx-b .swiper-slide-active a dl p{display: -webkit-box;}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-an{position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);display:flex;justify-content:space-between;z-index:10;width:1200px;}
.cpzx-an a{width: 30px;height: 30px;}
.cpzx-an .a1{background:url(../images/l.png);background-size:100% 100%;margin-left:40px;}
.cpzx-an .a1:hover{background:url(../images/l-1.png);background-size:100% 100%;}
.cpzx-an .a2{background:url(../images/r.png);background-size:100% 100%;margin-right:40px;}
.cpzx-an .a2:hover{background:url(../images/r-1.png);background-size:100% 100%;}

.cpzx .swiper-pagination{display:flex;justify-content:center;bottom:38px!important;}
.cpzx .swiper-pagination span{width:60px;height:3px;border-radius:30px;background:rgba(255,255,255,0.5);position:relative;overflow:hidden;opacity:1!important}

@-webkit-keyframes tuski {  
    0% {  
        width:0;
    }  
    100% {  
        width:100%;
    }  
}  
@-moz-keyframes tuski {  
    0% {  
        width:0;
    }  
    100% {  
        width:100%;
    }  
}  
@keyframes tuski {  
    0% {  
        width:0;
    }  
    100% {  
        width:100%;
    }  
} 

.cpzx .swiper-pagination span:before{content: '';position:absolute;left:0;height:3px;background:#fff;border-radius:30px;}
.cpzx .swiper-pagination-bullet-active:before{-webkit-animation: tuski 1s 1;-moz-animation: tuski 1s 1;  animation: tuski 1s 1;  animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}

.xwzx{margin-bottom:60px;}
.xwzx-t{text-align:center;margin-bottom:45px;}
.xwzx-t h3{text-align:center;text-transform:uppercase;color:#040c1b;font-size:48px;margin-bottom:30px;font-family: bold;}
.xwzx-t p{display: flex;justify-content:center;flex-wrap: wrap;}
.xwzx-t p a{display:block;/* margin:0 10px; */width: 215px;line-height: 48px;/* border-radius:50px; */border:1px solid #e2e2e2;color:#000;font-size:18px;font-family: regular;margin-right: -1px;}
.xwzx-t p a:hover,.xwzx-t p a.active{background:#2a86c3;color:#fff;}
.xwzx-b{}
.xwzx-b>div{display:none;}
.xwzx-b>div:nth-child(1){display:block;}
.xwzx-b a{display:block;background:#f6f6f6;color:#5f5f5f;}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{padding:25px 23px 50px 23px;}
.xwzx-b a dl h3{margin-bottom:23px;font-family: regular;}
.xwzx-b a dl p{font-size:20px;line-height:28px;font-family: bold;height: 56px;}
.xwzx-b a:hover img{transform:scale(1.1);}
.xwzx-b a:hover p{color:#2a86c3;}

@-webkit-keyframes ripple {
    0% { opacity: 0; -webkit-transform:translateY(-50%) translateX(-50%) scale(0.7); }
    5% { opacity: 1; }
    to { opacity: 0; -webkit-transform:translateY(-50%) translateX(-50%) scale(1); }
}

@keyframes ripple {
    0% { opacity: 0; -webkit-transform:translateY(-50%) translateX(-50%) scale(0.7); }
    5% { opacity: 1; }
    to { opacity: 0; -webkit-transform:translateY(-50%) translateX(-50%) scale(1); }
}

.spzx{position:relative;overflow:hidden;height:400px;background:url(../images/spzx-1.jpg)no-repeat center;}
.spzx>img{width:100%;display:block;}
.spzx dl{left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);text-align:center;color:#fff;position:absolute;cursor:pointer;}
.spzx dl img{}
.spzx dl h4{position: relative;margin:0 auto 20px auto;text-align:center;width:100px;height:100px;display:flex;align-items: center;justify-content: center;z-index:10;}
.spzx dl h4 img{/* width:60px; */}
.spzx dl h4:before,.spzx dl h4:after{content: '';position: absolute;width: 100%;height: 100%;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);border-radius: 100%;border: 2px solid #fff;    opacity: 0;}
.spzx dl h4:hover:before{-webkit-animation: ripple 2.5s ease-out 225ms infinite;
    animation: ripple 4.5s ease-out 225ms infinite;}
.spzx dl h4:hover:after{-webkit-animation: ripple 2.5s ease-out 1575ms infinite;
    animation: ripple 4.5s ease-out 1575ms infinite;}
    
/*.spzx b{font-size:24px;font-family: bold;}*/
/*.spzx dl:hover img{transform: rotateY(180deg);}*/

@media screen and (max-width:1200px){
	.banner{margin-top:60px;}
	.cpzx-b .swiper-slide-active a dl{top:20px!important;width:90%;left:5%;line-height:24px;}
	.cpzx-b a dl p{display:none!important}
	.cpzx-b2{top: 60px;width:90%;}
    .cpzx-b2>div{height:50px;}
    .cpzx-b2 a{display:block;text-align:center;color:#fff}
    .cpzx-b2 a p{display:none;}
	.cpzx .swiper-pagination{bottom: 10px!important;}
	.cpzx-b a h4{bottom:30px;}
	.xwzx-t p{justify-content:space-between}
	.xwzx-t p a{margin:5px;width: calc(50% - 10px);}
	.spzx dl img{width:50px;}
	.spzx{height:200px;}
	.spzx b{top:130px!important;display:none;}
}