.banner{overflow: hidden;}
.banner img{display: block;	position: relative;	left: 50%;	margin-left: -1000px;max-width: none}
.zt-bg{ background: url(../imgs/bg.jpg) no-repeat top center #82dbfd; background-size:100% ; padding-bottom: 0px; overflow: hidden;}
.zt-cont{ width: 61.6%; margin: 0 auto; margin-top: 3%;position: relative;}
.zt-title{ text-align: center; position: relative; top: 0px;z-index: 9;}
.zt-cont .info-bg{ background-size: 100% 100%; width: 100%; margin: 0 auto; position: relative; top: -50px;}
.zt-cont .info{ width: 95%; margin: 0 auto;    background: #ffffff;    padding-left: 3%;padding-right: 3%;    border-radius: 25px;}
.zt-cont .info .s1{ font-size: 16px; line-height: 32px; color: #38a2d9; text-align: center; padding-top: 27px;}
.zt-cont .info .s1 span{ color: #2E8EDA;}
.zt-cont .pic{ text-align: center; padding-bottom: 2%;overflow: hidden; }
.zt-cont .pic img{padding-top: 5%;}
.zt-cont .pic.quan img{ margin: 0 auto;}
.zt-cont .tips{ padding-bottom: 30px;width: 100%;}
.zt-cont .tips .s2{ padding-top: 20px; line-height: 42px; }
.zt-cont .tips span{ font-size: 20px; padding:4px 12px; border-radius:20px ; background: #0899c8; color: #fff;}
.zt-cont .tips strong{ font-size: 20px; color: #0899c8; font-weight: normal; padding-left: 0px;}
.zt-cont .tips p{ font-size: 16px; color: #005bc9;}


.zt-pc { display: block;    width: 100%;}
.zt-phone { display: none;    width: 100%;}
@media screen and (max-width: 640px) {
	.zt-pc { display: none;    width: 100%;}
	.zt-phone { display: block;    width: 100%;}
	.banner img{position: relative;	width: 170%;margin-left: -35%;left: 0;	}
	.zt-cont{ width: 94%; margin-top:8%;}
	.zt-cont .info-bg{ width: 98%;}
	.zt-cont .info{ width: 90%;}
	.zt-cont .pic img,.zt-cont .pic.quan img{ width: 67%;}	
	.zt-title{ top: -19px;}
	.zt-title img{ width: 100%;}
	.zt-cont .info .s1{text-align: left;}
	.zt-cont .tips .s2{ line-height: 30px;}
	.zt-cont .tips p{ padding-left: 0; padding-top: 10px; }
	.zt-cont .tips strong{font-size: 16px; display: block; padding-top: 10px;}
	.flexContainer{
		    width: 26%;

    text-align: center;
	}
	.flex-container {
		    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	}
	.flexContainer img{
		width: 100%;
	}
	.zt_head_img{
		width: 90%
	}
	.zt_head_div{
		 display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	    margin: 0 auto;width: 90%;text-align: center;
	}
	.tips_content img{
		width: 100%;
	}
	.zt_content_bodera{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		margin-top: 3%;
	}
	.zt_content_boderb{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		margin-top: 3%;

	}
	.zt_content_bodera1{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		margin-top: 3%;
	}
	.zt_content_boderb1{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		margin-top: 3%;

	}
	.zt_content_boderc{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		margin-top: 3%;
	}
	.tips_content lable{
		font-size: 23px;
	}
	.zt_contenta_img{
		width: 67%;
	}
	.tips_contenta img{
		width: 100%;
	}
	.zt-sideEdge{
		position: fixed;
	    top: 20%;
	    z-index: 9999;
	    right: 0%;
	    text-align: center;
	}
	.zt-sideEdge img{
		width:61%;
		position: relative;
    	z-index: 99;
	}
	.zt-sideEdge_div{
		text-align: center;
	    font-size: 13px;
	    /* line-height: 20px; */
	    background: #0052b2;
	    color: #a2ba69;
	    padding-top: 30%;
	    width: 51%;
	    margin: 0 auto;
	    position: relative;
	    top: -48px;
	    z-index: 0;
	}
	.zt-sideEdge_div div{
		width: 80%;
		margin: 0 auto;
		border-bottom: 1px dashed #333;
   		padding-bottom: 5%;
   		color: #e2ee1f;
	}
	.zt-sideEdge_div img{
		width: 60%;
    	margin-top: 14%;
	}
	.zt-sideEdgeImg{
		position: fixed;
	    top: 20%;
	    z-index: 9999;
	    right: 1%;
	    text-align: center;
	    display: none;
	}
	.zt-sideEdgeImg img{
		width: 95%;
	}
	.zt-sideEdgeImgX{
		position: fixed;
	    top: 20%;
	    z-index: 9999;
	    right: 1%;
	    text-align: center;
	    display: block;
	}
	.zt-sideEdgeImgX img{
		width: 95%;
	}
}
@media screen and (min-width: 640px) {
	.flexContainer{
		    width: 14%;
    text-align: center;
	}
	.flex-container {
		    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	}
	.flexContainer img{
		width: 92%;
	}
	.zt-title img{ width: 66%;}
	.zt_head_img{
		width: 100%
	}
	.zt_head_div{
		 display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	    margin: 0 auto;width: 54%;text-align: center;
	}
	.tips_content{
		 display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	    margin: 0 auto;width: 100%;
	}
	.tips_content img{
		width: 100%;
	}
	.zt_content_bodera{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		width: 33%;
	}
	.zt_content_boderb{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		width: 30.7%;
	}
	.zt_content_boderc{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		width: 33%;
	}
	.tips_content lable{
		font-size: 23px;
	}
	.zt_contenta_img{
		width: 35%;
	}
	.tips_contenta{
		 display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	    margin: 0 auto;width: 100%;    margin-top: 1%;
	}
	.tips_contenta img{
		width: 100%;
	}
	.tips_contenta lable{
			font-size: 23px;
	}
	.zt_content_bodera1{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		width: 40%;
		    margin-right: 3%;
	}
	.zt_content_boderb1{
		text-align: left;
		background-color: #fff2c7;
		padding-top: 0.5%;
		width: 40%;
	}
	.zt-sideEdge{
		position: fixed;
	    top: 20%;
	    z-index: 9999;
	    right: 11%;
	}
	.zt-sideEdge img{
		width:100%;
		position: relative;
    	z-index: 99;
	}
	.zt-sideEdge_div{
		text-align: center;
	    font-size: 16px;
	    /* line-height: 20px; */
	    background: #0052b2;
	    color: #a2ba69;
	    padding-top: 30%;
	    width: 78%;
	    margin: 0 auto;
	    position: relative;
	    top: -48px;
	    z-index: 0;
	}
	.zt-sideEdge_div div{
		width: 80%;
		margin: 0 auto;
		border-bottom: 1px dashed #333;
   		padding-bottom: 5%;
   		color: #e2ee1f;
	}
	.zt-sideEdge_div img{
		width: 31%;
    	margin-top: 14%;

	}
	.zt-sideEdgeImg{
		display: none;
	}
	#xImg{
		display: none;
	}
}

.zt-title p{
	position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
}

	.zt-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background-image: url('../imgs/list_02.jpg');

}
.zt_head{
	width: 100%;
    background-image: url(../imgs/list_02.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}