.banner{
	width: 100%;
	float: left;
}
.banner .bannerinfo{
	position: relative;
	width: 100%;
	float: left;
}
.banner .bannerinfo img{
	width: 100%;
	display: inline-block;
}
.banner .bannerinfo .bannertxt{
	width: 300px;
	position: absolute;
	left: 5%;
	bottom: 18%;
}
.banner .bannerinfo .bannertxt .bannercntxt{
	width: 100%;
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 45px;
	float: left;
}
.banner .bannerinfo .bannertxt .bannerentxt{
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 32px;
	float: left;
}





.jsjs{
	width: 100%;
	background: #E9F4F5;
	float: left;
}
.jsjs .jsjsinfo{
	width: 100%;
	padding:80px 96px;
	float: left;
}
.jsjs .jsjsinfo .jsjsxx{
	width: 100%;
	float: left;
}
.jsjs .jsjsinfo .jsjsxx .jsjstitle{
	width: 100%;
	font-size: 30px;
	font-weight: 400;
	color: #0079D6;
	line-height: 32px;
	float: left;
	text-align: center;
}
.jsjs .jsjsinfo .jsjsxx .jsjsmess{
	width: 100%;
	margin-top: 10px;
	float: left;
}
.jsjs .jsjsinfo .jsjsxx .jsjsmess p{
	width: 100%;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
	font-size: 18px;

}
.jsjs .jsjsinfo .jsjsxx .jsjsmess p img{
	width: auto;
	text-align: center;
}




.zyjl{
	width: 100%;
	height: auto;
	float: left;
}
.zyjl .zyjlinfo{
	width: 100%;
	float: left;
}
.zyjl .zyjlinfo .zyjlxx{
	position: relative;
	width: 100%;
	float: left;
}
.zyjl .zyjlinfo .zyjlxx .zyjlpic{
	position: absolute;
	width: 100%;
	height: 100%;
	float: left;
	z-index: -1;
}
.zyjl .zyjlinfo .zyjlxx .zyjlpic img{
	width: 100%;
	height: 100%;
	display: block;
}
.zyjl .zyjlinfo .zyjlxx .zyjltxt{
	width: 60%;
	height: auto;
	background: rgba(255, 255, 255, 0.75);
	margin:120px 96px;
	margin: 5% 10%;
	padding:85px 75px;
	float: left;
}
.zyjl .zyjlinfo .zyjlxx .zyjltxt .zyjltitle{
	width: 100%;
	font-size: 30px;
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	float: left;
}
.zyjl .zyjlinfo .zyjlxx .zyjltxt .zyjlmess{
	width: 100%;
	margin-top: 40px;
	float: left;
}
.zyjl .zyjlinfo .zyjlxx .zyjltxt .zyjlmess p{
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
}




.zl{
	width: 100%;
	float: left;
}
.zl .zlinfo{
	width: 100%;
	padding:70px 96px;
	float: left;
}
.zl .zlinfo .zlxx{
	width: 100%;
	float: left;
}
.zl .zlinfo .zlxx .zltitle{
	width: 100%;
	font-size: 30px;
	font-weight: 400;
	color: #0079D6;
	line-height: 32px;
	text-align: center;
	float: left;
}
.zl .zlinfo .zlxx .zlmess{
	width: 100%;
	margin-top: 30px;
	text-align: center;
	float: left;
}
.zl .zlinfo .zlxx .zlmess p{
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
	float: left;
}
.zl .zlinfo .zlxx .zlpic{
	width: 100%;
	margin-top: 35px;
	float: left;
	display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.zl .zlinfo .zlxx .zlpic .zlpicitem{
	width: 22%;
	padding:35px;
	background: url('../images/zlbg.jpg') center center no-repeat;
	background-size:cover; 
	float: left;
	overflow: hidden;
}
.zl .zlinfo .zlxx .zlpic .zlpicitem img{
	width: 100%;
	box-shadow: 0px 6px 5px 0px rgba(173,173,173,0.46);
	display: block;
}





@media (max-width: 1700px){
 
    
    
}
@media (max-width: 1600px){
    

}
/*! 1500 ~ 1520 */
@media (max-width: 1520px){
	

}

/*! 1200 ~ 1500  主内容区1140 */
@media (max-width: 1500px) { 





}






/*====================================================================================================================*/
/*! 1439   */
@media (max-width: 1440px) { 



}
@media (max-width: 1360px) { 



}
@media (max-width: 1300px) { 
	


}

/*! 992 ~ 1199  主内容区960 */
@media (max-width: 1299px) { 
    

}
@media (max-width: 1199px) { 

.banner .bannerinfo .bannertxt .bannerentxt {
    font-size: 18px;
}






}





@media (max-width: 1100px) { 
    
    
}

/*====================================================================================================================*/


@media (max-width: 1000px) { 
  


}

/*! <=991 手机端 */
@media (max-width: 991px) { 

.banner .bannerinfo .bannertxt .bannercntxt {
    font-size: 0.48rem;
    line-height: 0.5rem;
}
.banner .bannerinfo .bannertxt .bannerentxt {
    font-size: 0.26rem;
    line-height: 0.5rem;
}

.jsjs .jsjsinfo {
    padding: 0.8rem 0.96rem;
}
.jsjs .jsjsinfo .jsjsxx .jsjstitle {
    font-size: 0.36rem;
    line-height: 0.32rem;
}
.jsjs .jsjsinfo .jsjsxx .jsjsmess {
    margin-top: 0.1rem;
}
.jsjs .jsjsinfo .jsjsxx .jsjsmess p {
    line-height: 0.5rem;
    font-size: 0.26rem;
}
.zyjl .zyjlinfo .zyjlxx .zyjltxt {
    padding: 0.85rem 0.75rem;

}
.zyjl .zyjlinfo .zyjlxx .zyjltxt .zyjltitle {
    font-size: 0.36rem;
    line-height: 0.32rem;
}
.zyjl .zyjlinfo .zyjlxx .zyjltxt .zyjlmess {
    margin-top: 0.4rem;
}
.zyjl .zyjlinfo .zyjlxx .zyjltxt .zyjlmess p {
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.zl .zlinfo {
    padding: 0.7rem 0.96rem;
}
.zl .zlinfo .zlxx .zltitle {
    font-size: 0.36rem;
    line-height: 0.32rem;
}
.zl .zlinfo .zlxx .zlmess {
    margin-top: 0.3rem;
}
.zl .zlinfo .zlxx .zlmess p {
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.zl .zlinfo .zlxx .zlpic {
    margin-top: 0.35rem;
}
.zl .zlinfo .zlxx .zlpic .zlpicitem {
    padding: 0.35rem;
}
.zl .zlinfo .zlxx .zlpic .zlpicitem img {
    box-shadow: 0rem 0.06rem 0.05rem 0rem rgba(173,173,173,0.46);
}

}
@media (max-width: 767px) {

.banner .bannerinfo .bannertxt {
    width: 80%;
    left: 5%;
    bottom: 10%;
}
.jsjs .jsjsinfo {
    padding: 0.4rem 0.5rem;
}
.zl .zlinfo {
    padding: 0.4rem 0.5rem;
}
.zyjl .zyjlinfo .zyjlxx .zyjltxt {
    width: 80%;
}
.zl .zlinfo {
    padding: 0.4rem 0.5rem;
}


}
@media (max-width: 600px){
    
.zl .zlinfo .zlxx .zlpic {
    display: block;
}
.zl .zlinfo .zlxx .zlpic .zlpicitem {
    width: 48%;
    margin-bottom:0.4rem;
    display: inline-block;
    float: left;
}
.zl .zlinfo .zlxx .zlpic .zlpicitem:nth-child(2n){
	display: inline-block;
	float: right;
	margin-right:0;
}



}
@media (max-width: 472px){
.zl .zlinfo .zlxx .zlpic .zlpicitem {
    margin-bottom:0.2rem;
}

}
@media (max-width: 414px){
  
    
}