.banner{overflow: hidden;}
.banner img{display: block;	position: relative;	max-width: none;width: 100%;}
.zt-bg{ background: url(../imgs/bg.jpg) no-repeat top center #fef8de; background-size:100% ;}
.zt-cont{ width: 61.6%; margin: 0 auto; margin-top: 120px;}
.zt-title{ text-align: center; position: relative; }

.zt-cont .info{ width: 75%; margin: 0 auto;}
.zt-cont .info .s1{ font-size: 16px; line-height: 32px; color: #333333; text-align: left;text-align: center;}
.zt-cont .info .s1 span{ color: #2E8EDA;}
.zt-cont .pic{ text-align: center; padding-bottom: 30px;overflow: hidden; }
.zt-cont .pic img{padding-top: 30px;}
.zt-cont .pic.quan img{ margin: 0 auto;}
.zt-phone1{
	display: none;
}
.zt-cont .tips .s2{ padding-top: 20px; line-height: 42px; }
.zt-content{
	border:1px dotted #a60000;float: left;color: #a60000;font-size: 14px;    padding: 1%;
       text-align: center;    line-height: 39px;    margin: 1%;
}
.s3 span{
	font-size: 18px;
    padding: 4px 12px;
    /* background-image: url(../imgs/tbj_03.png); */
    color: #ffffff;
    background-size: 100%;
    /* height: 189px; */
    background-repeat: no-repeat;
    display: block;
    width: 104px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px dashed #fbdc9d;
    font-weight: normal;
    border-radius: 50px;
}
.s3 strong{
	font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    padding-left: 0px;
}
.s3{
	    padding-top: 5px;
    line-height: 42px;
}
.by-info-bg{
	border-radius: 20px;width: 100%;padding-bottom:7%;
}
.zt-cont .tips span{     font-size: 20px;
    padding: 4px 12px;
    /* background-image: url(../imgs/tbj_03.png); */
    color: #ffffff;
    background-size: 100%;
    /* height: 189px; */
    background-repeat: no-repeat;
    display: block;
    width: 104px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #f11241;
    font-weight: normal;
    border-radius: 30px;
    background: #f11241;}
.zt-cont .tips strong{ font-size: 20px; color: #f11241; font-weight: normal; padding-left: 0px;}
.zt-cont .tips p{ font-size: 16px; color: #f11241;}
.bjt{
	
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 98%;
    margin: 0 auto;
    /* margin-bottom: -7px; */
    position: relative;
    bottom: 10px;
}

.zt-pc { display: block;    width: 50%;}
.zt-phone { display: none;    width: 100%;}
@media screen and (max-width: 640px) {
	.zt-cont .tips{  padding-bottom: 30px;}
	.zt-pc {    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:78px ;}
	.zt-cont .info-bg{ width: 83%;}
	.zt-cont .info{ width: 90%;}
	.zt-cont .pic img,.zt-cont .pic.quan img{ width: 100%;}	
	.zt-title{   margin-top: 2%;}
	.zt-title img{     width: 82%;
    position: relative;}
	.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%;
	}
	.bg-red{
		margin-top: 0px;
	}
	.zt_img{
		display: none;
	}
	.zt-titlepc{
		display: none;
	}
	.zt-ip{

	}
	.zt-content{
		width: 95%;
		line-height: 5vh;
	}
	.zt-cont .info-bg{     background: #ffffff; background-size:100% ;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-cont .info-bg1{     background: #ffffff; background-size:100% ;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-cont .info-bg3{     background: #ffffff; background-size:100% ;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-cont .info-bg2{     background: #ffffff; background-size:100% ;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-cont .info-bg4{     background: #ffffff; background-size:100% ;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-conneta{
		width: 87%
	}
}

@media screen and (min-width: 640px) {
	#zt-pc{
		width: 55%;
	}
	.zt-cont .info-bg{      padding-top: 77px;   padding-bottom: 5%;background: url(../imgs/bj1_03.png) no-repeat top center ; background-size:100% 100%;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-cont .info-bg1{      padding-top: 77px;   padding-bottom: 5%;background: url(../imgs/bj2_03.jpg) no-repeat top center ; background-size:100% 100%;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-cont .info-bg3{      padding-top: 77px;   padding-bottom: 5%;background: url(../imgs/bj3_03.jpg) no-repeat top center ; background-size:100% 100%;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-cont .info-bg2{      padding-top: 77px;   padding-bottom: 5%;background: url(../imgs/bj2_03.jpg) no-repeat top center ; background-size:100% 100%;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-cont .info-bg4{      padding-top: 77px;   padding-bottom: 5%;background: url(../imgs/bj1_03.png) no-repeat top center ; background-size:100% 100%;width: 94%; margin: 0 auto; position: relative;border-radius: 20px;  margin-top: 3%;}
	.zt-titlepc{
		
	}
	.zt-cont .tips{  padding-bottom: 13px;}
	.zt-conneta{
		width: 33%
	}
	.zt-ip{
		display: none;
	}
	.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: 50%;}
	.zt-title{
		
	}
	.bg-red{
		margin-top: 38px;
	}
	.zt_img{
		display: block;
	}
	.zt-pc1{
		width: 64%;
	}
	.zt-content{
		width: 45%;
		height: 185px;
	}
}

.zt-title p{
	position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
}

.flex-container {
	    position: relative;
    overflow: hidden;
    background: url(../imgs/tiao_02.png) no-repeat ; background-size:100% ; overflow: hidden;
        padding-top: 11px;
	}