.contact-banner{
    width: 100%;
   
}
.contact{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: .8rem auto auto auto;
}
.titles{
	font-size: .4rem;
	font-family: PingFang;
	font-weight: 800;
	color: #062D7D;
}

.news-title{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin-bottom: .5rem;
}
.news-title-en{
    font-size: .2rem;
    /* font-family: "PingFang Regular"; */
    font-weight: 400;
    color: #B9B7B8;
    line-height: 1;
    margin-bottom: .25rem;
}
.news-title-cn{
    font-size: .5rem;
    /* font-family: "PingFang Medium"; */
    color: #000000;
    line-height: 1;
}
.contact{
    width: 100%;
	 background-color: #4fc3f5;
    /* height: 8.41rem; */
    overflow: hidden;
	padding-top: .41rem;
    /* margin: 1rem auto; */
}
.contact-main{
    width: 100%;
    height: 8.41rem;
   
    /* background-image: url("../images/contact_04.png"); */
    background-position: left center;
    background-size: 9.51rem 8.41rem;
    background-repeat: no-repeat;
	position: relative;
}
.contact-con{
    width: 6.8rem;
    height: 8.01rem;
    padding: .2rem .76rem;
    /* background-color: #FFFFFF; */
    margin-left: 9.51rem;
}
.clear{ clear: both; height:0px; width: 100%;}
.contact-form{
    width: 560px;
	height: 400px;
    overflow: hidden;
    float: right;
	/* background-color: #f5f5f5;
	padding: 0.2rem 0.8rem; */
}
.contact-form2-1{ width: 1200px; margin: 0 auto; padding-top:50px; height: 400px; display: block;}
.zp1{ width: 540px; height: 400px; float: left;}
.zp2{ width: 540px; height: 400px; float: right;}


.contact-input{
    display: block;
    width:520px;
    height:50px;
    box-sizing: border-box;
    border: 1px solid #062D7D;
    padding:0px 10px;
    font-size: 20px;
    /* font-family: "PingFang Regular"; */
    color: #333333;
	background: #FFFFFF;
	border-radius: .1rem;
    margin-bottom: 20px;
    float: right;
}
.contact-sub{
    display: block;
    width: 40%;
    height: .5rem;
    background: #062D7D;
    border: 1px solid #062D7D;
    padding: 0 .2rem;
    box-sizing: border-box;
    font-size: .24rem;
    /* font-family: "PingFang Regular"; */
    color: #ffffff;
	border-radius: .25rem;
	margin: 0 auto;
    /* margin-bottom: .2rem; */
}
.contact-zt-p1{
    width: 100%;
    height: auto;
    font-size: .5rem;
    /* font-family: "PingFang Medium"; */
    line-height: 1.5;
    color: #062D7D;
}
.contact-zt-p2{
    width: 100%;
    height: auto;
    font-size: 20PX;
    /* font-family: "PingFang Medium"; */
    /* line-height: 1.5; */
    color: #062D7D;
}
.contact-zt-p3{
    width: 100%;
    height: auto;
    font-size: .2rem;
    /* font-family: "PingFang Regular"; */
    /* line-height: 1.5; */
    color: #333333;
	margin: .17rem 0 .28rem 0;
}
.xhx{
    width: 100%;
    height: 1px;
    background: #062D7D;
    margin: .15rem auto;
}
.contact-zt{
    width: 100%;
    height: auto;
    font-size: .24rem;
    /* font-family: "PingFang Regular"; */
    color: #333333;
    /* line-height: 1.5; */
	
}
/* .contact-zt p:nth-child(2){
    padding-top: .1rem;
} */
.contact-zt p a{
    color: #062D7D;
}
.contact-zt p a:hover{
    color: #333333;
}

.contact-con .box_main{
	width: 8.26rem;
	float: right;
	background-color: #fff;
	padding: .2rem .8rem;
}
.introduct{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: auto;
}
.introduct-img{
    width: 100%;
    height: 5rem;
}
.introduct-img img{
    display: block;
    width: 100%;
    height: 5rem;
}
.about-title{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin-bottom: .5rem;
    margin-top: .7rem;
}
.about-title-en{
    font-size: .16rem;
    /* font-family: "PingFang Regular"; */
    font-weight: 400;
    color: #B9B7B8;
    line-height: 1;
    margin-bottom: .25rem;
}
.about-title-cn{
    font-size: .4rem;
    /* font-family: "PingFang Medium"; */
    color: #062D7D;
    line-height: 1;
}
.introduct ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: .5rem auto auto auto;
}
.introduct ul li{
    /* width: 7.45rem; */
    /* height: 6rem; */
    font-size: 18PX;
    /* font-family: "PingFang Regular"; */
    color: #000;
    line-height: .1.6;
    /* s */
    box-sizing: border-box;
    text-align: left;
}


.introduct ul li p{
   /* font-size: 18PX; */
    color: #333;
    /* line-height: 1.6; */
    box-sizing: border-box;
   /* text-align: left; */
}
.about-nav{
    margin: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: .54rem 0 .55rem 0;
    border-bottom: 1px solid #E6E8ED;
}
.about-nav ul{
    height: auto;
    overflow: hidden;
	width: 100%;
}
.about-nav ul li{
  width: 280px;
}
/* .about-nav ul li:nth-child(4){
    margin-right: 0;
} */
.about-nav ul li a{
  
  height: auto;
  overflow: hidden;
  border: 1px solid #062D7D;
  border-radius: .4rem;
  line-height: .6rem;
  font-size: .24rem;
  /* font-family: "PingFang Regular"; */
  text-align: center;
  display: block;
  color: #062D7D;
  box-sizing: border-box;
}
.about-nav ul li a:hover{
    background-color: #062D7D;
    color: #FFFFFF;
}



@media(max-width:1024px){
    .contact-banner{
        width: 100%;
        
    }
.contact-con .box_main{
	width: 100%;
	padding: 0.2rem .3rem;
}
.about-nav.main_box {
	padding:.5rem .75rem;
}

    .news-title{
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: center;
        margin-bottom: .5rem;
    }
    .news-title-en{
        font-size: .24rem;
    }
    .news-title-cn{
        font-size: .36rem;
    }
   /* .contact{
        margin: .5rem auto;
    } */
    .contact-main{
        width: 100%;
        height: auto;
        background: none;
    }
    .contact-con{
        width: 100%;
        height: auto;
        background-color: #FFFFFF;
        margin-left: 0;
        padding: .2rem 0;
    }
    .contact-form{
        width: 100%;
        height: auto;
        overflow: hidden;
		position: absolute;
		right: 0;
    }
    .contact-input{
       width: 100%;
        margin: auto;
        margin-bottom: .2rem;
        height: .66rem
    }
    .contact-sub{
        display: block;
       width: 100%;
        height: .66rem;
        margin: auto;
        margin-bottom: .2rem;
    }
    .contact-zt-p1{
        width: 100%;
        margin: auto;
        font-size: .36rem;
    }
    .contact-zt-p2{
        width: 100%;
        margin: auto;
        font-size: .24rem;
		margin-bottom: .22rem;
    }
    .contact-zt-p3{
        width: 100%;
        height: auto;
        margin: auto;
        font-size: .24rem;
		color: #333333;
		margin-bottom: .36rem;
    }
    .xhx{
        width: 100%;
        height: 1px;
    }
    .contact-zt{
        width: 100%;
        height: auto;
        margin: auto;
        font-size: .24rem;
    }

	.about-nav ul li{
		width: 1.5rem;
		height: .5rem;
		line-height: .5rem;
	}
	.about-nav ul li a{
		height: .5rem;
		line-height: .5rem;
	}
	.contact-form2-1{
		width: 100%;
		padding: 0 .5rem;
	}
	.zp2{
		width: 100%;
		height: auto;
	}
	.zp1{
		width: 100%;
		height: auto;
		margin: .4rem 0;
	}
}