.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 #48c6f0; background-size:100% ; padding-bottom: 60px; overflow: hidden;  }
.zt-cont{ width: 61.6%; margin: 0 auto;position: relative;   }
.zt-title{ text-align: center; position: relative; top: 11px;}
.zt-cont .info-bg{ background-size: 100% 100%; width: 96%; margin: 0 auto; position: relative;}
.zt-cont .info{ width: 80%; margin: 0 auto;    background: #ffffff;    padding-left: 3%;padding-right: 3%;}
.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: 30px;overflow: hidden; }
.zt-cont .pic img{padding-top: 30px;}
.zt-cont .pic.quan img{ margin: 0 auto;}
.zt-cont .tips{ border-top:1px dashed #fba135; padding-bottom: 30px;}
.zt-cont .tips .s2{ padding-top: 20px; line-height: 42px; }
.zt-cont .tips span{ font-size: 16px; padding:4px 12px; border-radius:20px ; background: #fba135; 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: #0899c8;padding-left: 0px;}


.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%;}
	.zt-cont .info-bg{ width: 98%;    padding-top: 2%;}
	.zt-cont .info{ width: 94%;}
	.zt-cont .pic img,.zt-cont .pic.quan img{ width: 100%;}	
	.zt-title{ }
	.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%;
	}
	.pc_conta{
		top: -20px;
	}
	.pc_contb{
		top: -44px;
	}

}
@media screen and (min-width: 640px) {
	.zt-cont .info-bg{ width: 98%;    padding-top: 5%;}
	.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: 100%;}
	.pc_conta{
		top: -45px;
	}
	.pc_contb{
		top: -98px;
	}
	.zt_imgd{
		 width: 82%;
	}
}

.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;
	}
	.pc_border{
		width: 92%;
	    background: #8ce9ff;
	    padding: 4%;
	    border-radius: 10px;
	}