/* -------头部系列-------------- */

.head-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 9999999999;
	transform: translate(-50%);
	height: 111px;
}
.nav ul{
	width: 786px;
	justify-content: space-between;
	display: flex;
	margin-left: 87px;
	height: 40px;
	align-items: center;
}
.nav ul li a{
	cursor: pointer;
	color: #FFFFFF;
}
.nav ul li a.current{
	color:#005193;
	  border-radius: 19px;
	  background-color: rgb(255, 255, 255);
	  top: 35px;
	  width: 90px;
	  height: 40px;
	  line-height: 2.5em;
text-align: center;
display: inline-block;
}
.head-right{
	width: 170px;
	justify-content: space-between;
	display: flex;
}
.head-right div{
	justify-content: space-between;
}
/* ----------banner轮播----------------------------- */
 .swiper {
        width: 100%;
        height: 100%;
      }

 


      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
	  .sw-box{
		  position: relative;
		  
	  }
	  
.banner-box{
	position: relative;
}	 
.banner-imgs {
    overflow: hidden;
}
.bannertext ul li{
	  font-size: 60px;
	  font-family: "Source Han Sans SC";
	  color: rgb(255, 255, 255);
	  line-height: 1.5;
	  text-shadow: 0px 8px 9px rgba(6, 0, 1, 0.53);
}
.bannertext{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-97%,-50%);
}
/* .swiper-container {
    min-width: 1300px;
} */
.wx-logo{
	position: absolute;
	right: 87px;
	    top: 72px;
		display: none;
}
.nav-mobile{
	display: none;
}
/* -------------------第一部分------------------------- */
.zp1 ul{
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 30px;
	padding-right: 30px;
}
.zp2{
	cursor: pointer;
	
	background-color: rgb(242, 243, 245);
}
.zp2 ul{
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 30px;
	padding-right: 30px;
}
.zp2 ul li:nth-child(2){
	position: absolute;
	left: 49%;

}
.zp3{
	position: relative;
}
.zp3-box ul{
padding-left: 30px;
	padding-right: 30px;padding-top: 40px;
}
.zp3-bottom {
    
	padding-top: 40px;
}
.zp3-bottom ul{
	padding-left: 30px;
		padding-right: 30px;
}
.zp3-box ul:nth-child(1) li:nth-child(1){
	color: #000000;
	font-size: 18px;
	font-weight: 600;
}
.zp3-box ul:nth-child(1) li:nth-child(2){
	color: #000000;
	font-size: 14px;
	padding-top: 20px;
}
.zp3-box ul:nth-child(2) li{
	padding-bottom: 26px;
}
.zp3{
	display: flex;
	justify-content: space-between;
}
.zp3-right {
    left: 800px;
    bottom: 52px;
    position: relative;
}
.zp3-bottom ul li{
	padding-bottom: 26px;
}

/* ------- */
.btn{
	width: 253px;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.btn ul li{
	width: 28px;
	height: 28px;
	display: flex;
	    justify-content: center;
	    align-items: center;
		cursor: pointer;
         border-width: 1px;
	  border-color: rgb(34, 34, 34);
	  border-style: solid;
}
.btn ul li:nth-child(1){
	  border-width: 1px;
	  border-color: rgb(34, 34, 34);
	  border-style: solid;
	  width: 28px;
	  height: 28px;
	  display: flex;
	      justify-content: center;
	      align-items: center;
}
.btn ul li:nth-child(7){
	  border-width: 1px;
	  border-color: rgb(34, 34, 34);
	  border-style: solid;
	  width: 28px;
	  height: 28px;
	  display: flex;
	      justify-content: center;
	      align-items: center;
}
.btn ul{
	display: flex;
	justify-content: space-between;
}
.buttons{
	background: #1b5f96;
	color:#FFFFFF;
}
.zp3-main{
    
	display: none;
	border: 1px solid #1b5f96;
}

/* ----------------底部 */
footer{
	height: 223px;
	  background-color: rgb(242, 242, 242);
}
.footer-left{
	height: 223px;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
}
.footer2{
	width: 444px;
	display: flex;
	justify-content: space-between;
	padding-top: 60px;
}

.footer2 ul:nth-child(1){
	display: flex;
}
.footer2 ul:nth-child(2){
	display: flex;
}
.footer2{
	display: flex;
}
.footer1 ul{
	display: flex;
	width: 677px;
	justify-content: space-between;

}
.footer1 ul:nth-child(2) li{
	color: #555555;
	font-size: 15px;
	    padding-top: 21px;
}
.footer1 ul:nth-child(1) li{width: 75px;border-right: 2px solid #cecece;
color: #333333;font-size: 15px;}
.footer2 ul li:nth-child(2){
	color: #555555;font-size: 15px;
}

.footer-box {
    margin-bottom: -2px;
}
.footer2 ul:nth-child(1) li:nth-child(2){
	padding-left: 10px;
}
.footer2 ul:nth-child(2) li:nth-child(2){
	padding-left: 10px;
}
/* ---------移动端导航条------------- */

	/* .mobile-bottom{
		display:none; 
	} */

.nav-mobile {
    position: absolute;
    top: 0px;
	
   
    z-index: 999;
    width: 100%;
}
.mobile-top{    height: 2rem;
    width: 100%;
    background: #ffff;}
.mobile-bottom{
	background: #ffff;
}
ul.ullists {
    text-align: center;
}

ul.ullists li a{
	color: #333333;
}
.xial{
	position: absolute;
}
.mo-img{
	position: absolute;
	right: 0;
}
.ullists {
    padding-bottom: 30px;
}
.ullists li {
    padding-top: 27px;

}

.mobile-bottom{
	display: none;
}


@media only screen and (max-width: 769px) {
	

	.bannertext ul li{
			font-size: 15px;
	}
	.bannertext{
		top: 50%;
		left: 42%;
	}


	.head-box{
		display: none;
	}
.nav-mobile{
	display:block ;
}
.banner-imgs{
	width: 100%;
}
.banner-imgs img{
	width: 100%;
}

}

@media only screen and (max-width: 1200px) {
	
	.bannertext{
		top: 50%;
		left: 50%;
	}

}