.banner{
	overflow: hidden;
	width: 100%;
	background: #ffc768;
}

.banner img{
	display: block;
	width: 100%;
}
.zt-bg-box { width: 100%; background: linear-gradient(#bed4e8,#8fd1e1);}
.zt-box-first { margin-top: -170px;}
.zt-bg-png { width: 100%; background: url("./../imgs/bg02.png") repeat-y 0 275px; background-size: contain;}
.zt-box { position: relative; margin: 0 auto; padding-top: 120px; width: 1269px; transform: translate(80px,0)}
.zt-title { margin-left: 80px; width: 1206px;}
.zt-title img { width: 100%;}
.zt-w { position: relative; z-index: 2; margin-top: 44px; width: 1093px; padding: 10px; background: #33a7a3; border-radius: 8px; box-shadow: 0 5px 5px #666;}
.zt-bg03 { position: absolute; left: -200px; bottom: -55px; width: 1470px; height: 650px;}
.zt-content-box {}
.zt-content { position: relative ; padding-top: 40px; margin: 0 auto;  width: 920px; color: #fff;}
.zt-content-bottom { padding: 0 0 60px 0;}
.zt-main .zt-left-up { position: absolute; left: 15px; top: 15px; width: 108px; height: 116px;}
.zt-content-bottom .zt-right-bottom { position: absolute; bottom: 15px; right: 15px; width: 108px; height: 116px; transform: rotate(180deg)}
.zt-main , .zt-import { margin: 0 auto; }
.zt-main-padding { padding-top: 46px;}
.zt-text { text-align: center; line-height: 40px; font-size: 18px; }
.zt-text-color { margin-top: 10px; font-size: 19px; color: #a0090a;}
.zt-text-color span { margin-left: 30px;}
.zt-text-center { text-align: center;}
.zt-text-left { text-align: left; }
.zt-img { padding: 60px 0;  width: 100%; text-align: center;}
.zt-img-n { padding: 20px 0 ;}
.zt-phone { display: none;}
.zt-main img { margin: 0 auto; width: 100%;}
.zt-main  .zt-w-70 { width: 70%;}
.zt-main .zt-w-70+.zt-w-70 { margin-top: 20px;}
.zt-import p { line-height: 36px; font-size: 14px;}
.zt-import .zt-import-title { margin-bottom: 5px; font-size: 18px; }
.zt-import .zt-import-title span { font-size: 18px;}
.zt-color { font-weight: bold;}
.text-grey-color { color: #004828;}

.zt-bottom { height: 163px; }

/*报名*/
.form { margin: 30px auto; padding: 42px 0 0 180px; width: 699px; height: 230px; background: #b5d3e7;}
.zt-ipt { display: inline-block; width: 405px;}
.zt-ipt p { height: 38px; line-height: 38px; font-size: 18px; color: #33a7a3;}
.zt-ipt p+p { margin-top: 28px;}
.zt-ipt p input { padding-left: 5px; margin-left: 5px; width: 226px; height: 36px; border: 1px solid #33a7a3;}
.zt-ipt p .zt-yzm-ipt { width: 131px;}
#zt-send{ cursor: pointer;}
.zt-ipt p span { display: inline-block; margin-left: 6px; width: 90px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #33a7a3; border-radius: 5px;}
.zt-btn { display: inline-block; vertical-align: top; margin-top: 16px; padding: 13px 0 0 20px; width: 183px; height: 170px; line-height: 70px; text-align: center; font-size: 40px; color: #fff; letter-spacing: 22px; box-sizing: border-box; background: #33a7a3; border-radius: 8px; cursor: pointer;}


@media screen and (max-width: 640px) {
	.banner img { width: 110%; margin-left: -3%; max-width: none !important; }
	.zt-bg-box { margin-top: -1px; padding-bottom: 30px; }
	.zt-box-first { margin-top: -45px;}
	.zt-bg03 { display: none;}
	.zt-bg-png { background: none;}
	.zt-box { padding-top: 30px; width: 100%; transform: none;}
	.zt-w { padding: 2px; margin: 0 auto; margin-top: 10px; width: 86%; }
	.zt-title { margin: 0 auto; width: 92%;}
	.zt-title img { margin-left: 8%; width: 96%;}
	.zt-content { padding-top: 20px; width: 94%;}
	.zt-content-bottom { margin-top: -1px;padding: 10px 0; }
	.zt-main .zt-w-70+.zt-w-70 { margin-top: 10px;}
	.zt-main .zt-left-up , .zt-content-bottom .zt-right-bottom { display: none;}
	.zt-main-padding { padding-top: 20px;}
	.zt-main , .zt-import { width: 94%;}
	.zt-text { line-height: 24px; font-size: 14px;}
	.zt-text-color { margin-top: 5px; font-size: 14px; color: #a0090a;}
	.zt-text-color span { margin-left: 10px;}
	.zt-img { padding: 20px 0;}
	.zt-main .zt-w-70 { width: 100%;}
	.zt-import { padding-bottom: 10px;}
	.zt-import p { line-height: 20px; font-size: 12px;}
	.zt-import .zt-import-title { font-size: 14px;}
	.zt-text-color span { display: block; margin-left: 0;}
	.zt-import .zt-import-title span {  margin-top: 5px; font-size: 14px;}
	.zt-bottom { height: 20px;}
	.zt-pc { display: none;}
	.zt-phone { display: block;}

	/*报名*/
	.form { margin: 20px auto;  width: 91%; padding: 5%; height: auto;}
	.zt-ipt { width: 95%;}
	.zt-ipt p { height: 24px; font-size: 14px;}
	.zt-ipt p+p { margin-top: 15px;}
	.zt-ipt p input { width:68%; height: 22px;}
	.zt-ipt p .zt-yzm-ipt { width: 26%;}
	.zt-ipt p span { margin-left: 1%; width: 40%; height: 24px; line-height: 24px; font-size: 12px;}
	.zt-btn { padding: 0; margin-top: 20px; width: 100%; height: 24px; line-height: 24px; font-size: 14px; letter-spacing: 4px;}
}