.banner{overflow: hidden;}
.banner img{display: block;	position: relative;	max-width: none;width: 100%;}
.zt-bg{ background: url(../imgs/bg.png) no-repeat top center #0f84b9; background-size:100% ; padding-bottom: 60px; overflow: hidden;}
.zt-cont{ width: 61.6%; margin: 0 auto; margin-top: 120px;}
.zt-title{ text-align: center; position: relative; top: -88px;}
.zt-cont .info-bg{ background: #ffffff; width: 100%; margin: 0 auto; position: relative; top: -50px;border-radius: 20px;}
.zt-cont .info{ width: 75%; margin: 0 auto;}
.zt-cont .info .s1{ font-size: 16px; line-height: 32px; color: #126cd8; text-align: left; padding-top: 27px;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-cont .tips{  padding-bottom: 30px;}
.zt-cont .tips .s2{ padding-top: 20px; line-height: 42px; }
.zt-cont .tips span{ font-size: 20px; padding:4px 12px; background-image: url(../imgs/tbj_03.png); color: #fff;background-size: 100%;
    /* height: 189px; */background-repeat: no-repeat;display: block;width: 89px;height: 50px;line-height: 26px;text-align: center;}
.zt-cont .tips strong{ font-size: 20px; color: #2e8eda; font-weight: normal; padding-left: 0px;}
.zt-cont .tips p{ font-size: 16px; color: #00316c;}
.bjt{
	    background: #fff5d2;
    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: 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:78px ;}
	.zt-cont .info-bg{ width: 98%;}
	.zt-cont .info{ width: 90%;}
	.zt-cont .pic img,.zt-cont .pic.quan img{ width: 100%;}	
	.zt-title{ top: -48px;}
	.zt-title img{ width: 65%;}
	.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%;
	}
	.isbanner{
		display: block
	}
	.ispcbanner{
		display: none
	}
	
}
@media screen and (min-width: 640px) {
	.isbanner{
		display: none;
	}
	.ispcbanner{
		display: block
	}
	
	.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: 65%;}
}

.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;
	}