.container,
.container-fluid,
dl,
h1,
h2,
ul {
	padding: 0
}

body,
html {
	width: 100%;
	font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
	font-size: 16px;
	overflow-x: hidden
}

em {
	font-style: normal
}

img {
	max-width: 100%;
	height: auto
}

a {
	color: #323232;
	text-decoration: none !important
}

dl,
ul,
p {
	list-style: none;
	margin: 0
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin: 0 auto
}

.container {
	width: 1200px
}

.banner>h1 {
	position: absolute;
	left: -9999px;
	z-index: -999
}

.banner-bg {
	position: relative;
	text-align: center;
	background: url(../image/banner-bg.jpg) no-repeat center
}

.navbar-mark {
	position: fixed;
	top: 71px;
	left: 0;
	background: none;
	width: 100%;
	height: 100%
}

.tabNav-box {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: left
}

.main-color {
	font-style: normal;
	color: #ce9167 !important
}

.tabNav-main {
	position: relative;
	top: -60px;
	background-color: #fff;
	border-radius: 20px 0 20px 0;
	box-shadow: 0px 5px 10px rgba(121, 121, 121, 0.2);
	z-index: 1
}

.tabNav-main ul {
	padding: 0 39px
}

.tabNav-main ul li {
	position: relative;
	float: left;
	width: 16.666%;
	line-height: 20px;
	padding: 25px 0;
	text-align: center
}

.tabNav-main ul li a {
	display: inline-block;
	position: relative;
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.tabNav-main ul li a:hover {
	color: #ce9167
}

.tabNav-main ul li a:hover::after {
	display: block;
	content: '';
	position: absolute;
	height: 6px;
	width: 100%;
	background: #ce9167;
	bottom: -26px;
	border-radius: 3px 3px 0 0
}

.tabNav-main ul li::after {
	display: block;
	content: '';
	width: 1px;
	height: 18px;
	position: absolute;
	top: 25px;
	right: 0;
	background: #ddd
}

.tabNav-main ul li:last-child::after {
	display: none
}

.breadcrumb-bg {
	position: absolute;
	width: 100%;
	background: none;
	bottom: -40px
}

.breadcrumb-bg .breadcrumb {
	padding: 8px 0;
	background: none
}

.breadcrumb-bg .breadcrumb a {
	background: none;
	color: #999
}

.breadcrumb-bg .breadcrumb a:hover {
	color: #ce9167
}

.module {
	padding: 80px 0 70px
}

.main01 {
	padding-top: 77px;
	background: #fff url(../image/main01-bg.jpg) no-repeat top center
}

.module-title {
	margin-bottom: 40px
}

.module-title h2 {
	font-size: 46px;
	color: #333;
	font-weight: bold;
	padding-top: 40px;
	text-align: center
}

.module-title>span {
	position: relative;
	display: inline-block;
	font-size: 42px;
	font-weight: bold;
	color: #333
}

.module-title .tit-line {
	text-align: center;
	height: 6px;
	margin-top: 20px;
	background: url(../image/tit-line.png) no-repeat center center
}

.white .module-title h2 {
	color: #fff
}

.title1 {
	background: url(../image/tit1.png) no-repeat top center
}

.title2 {
	background: url(../image/tit2.png) no-repeat top center
}

.title3 {
	background: url(../image/tit3.png) no-repeat top center
}

.title4 {
	background: url(../image/tit4.png) no-repeat top center
}

.title5 {
	background: url(../image/tit5.png) no-repeat top center
}

.title6 {
	background: url(http://file.yuloo.com/zzy/tdxljj/images/tit6.png) no-repeat top center
}

.title7 {
	background: url(http://file.yuloo.com/zzy/tdxljj/images/tit7.png) no-repeat top center
}

.advantage {
	margin-bottom: 60px
}

.advantage-main {
	margin: -1% -1% 0
}

.advantage-main dl {
	float: left;
	width: 23%;
	margin: 1%;
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.175)
}

.advantage-main dl dt {
	text-align: center;
	margin-bottom: 10px
}

.advantage-main dl .advantage-tit {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px
}

.advantage-main dl p {
	font-size: 16px;
	line-height: 30px
}

.hot-school {
	margin: -1.75% -1% 0
}

.hot-school dl {
	float: left;
	width: 23%;
	margin: 1.75% 1% 0;
	background: #fff;
	border-radius: 4px;
	padding: 10px 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.175)
}

.hot-school dl dt {
	float: left;
	width: 56px;
	height: 56px;
	margin-right: 12px
}

.hot-school dl dd {
	font-size: 16px;
	line-height: 26px;
	height: 56px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: flex;
	align-items: center;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.hot-school dl dd:hover {
	color: #ce9167
}

.hot-school dl dd a {
	color: #333
}

.hot-school dl dd a:hover {
	color: #ce9167
}

.hot-school dl dd dt {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 10px
}

.main02 {
	background: url(../image/main02-bg.jpg) no-repeat center center;
	background-size: cover
}

.rules-list {
	background: #fff;
	padding: 30px 20px;
	margin-bottom: 60px;
	border-radius: 8px
}

.rules-list:last-child {
	margin-bottom: 0 !important
}

.rules-list .module-sub-title {
	position: relative;
	height: 39px
}

.rules-list .module-sub-title h2 {
	position: absolute;
	background: url(../image/module-sub-title.png) no-repeat center top;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	color: #fff;
	height: 60px;
	top: -40px;
	padding-top: 8px
}

.school-list {
	margin: 0 -1%
}

.school-list dl {
	float: left;
	width: 18.5%;
	margin: 10px 0.75%;
	padding: 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	overflow: hidden;
	background: #fff
}

.school-list dl:hover dt,
.school-list dl:hover dd {
	border-color: #fff
}

.school-list dt {
	height: 84px;
	border-bottom: none;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px
}

.school-list dd p {
	font-size: 12px
}

.school-list dd .school-name:hover,
.school-list dd .school-cnt a {
	color: #ce9167
}

.school-list dd .school-cnt {
	height: 32px;
	color: #888;
	line-height: 16px;
	margin-bottom: 16px;
	overflow: hidden
}

.school-list dd .school-name {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.school-list dd .school-logo {
	position: relative;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	margin-left: 5px
}

.school-list dd .school-logo a {
	position: absolute;
	width: 60px;
	height: 60px;
	padding: 5px;
	background-color: #fff;
	left: 0;
	bottom: 0;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1)
}

.school-list dd .school-logo p {
	text-align: right;
	color: #8d959d;
	white-space: nowrap
}

.school-list .address-icon {
	margin-right: 4px;
	background-position: 0 -238px
}

.school-list-main .tag-list {
	position: relative;
	font-size: 12px;
	color: #666;
	max-height: 42px;
	line-height: 24px;
	overflow: hidden;
	padding-left: 60px
}

.school-list-main .tag-list span {
	position: absolute;
	left: 0;
	width: 60px;
	font-size: 12px;
	color: #333
}

.tag {
	font-size: 12px;
	color: #fff;
	line-height: 1;
	padding: 0 5px;
	margin: 0 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px
}

.school-logo .tag {
	margin-left: 4px;
	padding: 0 4px;
	color: #c97b10;
	border: 1px solid #c97b10
}

.list-item-title {
	position: relative;
	display: block;
	font-size: 16px;
	height: 36px;
	color: #333;
	font-weight: 900
}

.list-item-title:after {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background-color: #323232;
	position: absolute;
	bottom: 0;
	left: 0
}

.logo-zw {
	float: left;
	position: relative;
	width: 70px;
	height: 60px;
	margin-top: 10px
}

.main03 {
	background: #fff url(../image/main03-bg.jpg) no-repeat top center
}

.bm-btn {
	text-align: center;
	margin-top: 30px
}

.bm-btn a {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	padding: 13px 50px;
	background: #ce9167;
	background-size: cover !important;
	border-radius: 46px;
	box-shadow: 0 5px 10px rgba(224, 153, 105, 0.6);
	border-bottom: 1px solid #fff
}

.bm-btn a i {
	padding: 2.5px 13px;
	margin-left: 8px;
	background: url(../image/bm-btn-icon.png) no-repeat center bottom 3px
}

.bm-btn a:hover {
	background: #bc7340
}

.news-bg {
	background: url(../image/news-bg.png) no-repeat center center
}

.news-box .bm-btn {
	margin-top: 0
}

.news-box ul {
	float: left;
	width: 420px;
	background: #fff;
	padding: 16px 30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.175)
}

.news-box ul.news-r {
	float: right;
	border-radius: 60px 6px 60px 6px
}

.news-box ul.news-l {
	border-radius: 6px 60px 6px 60px
}

.news-box ul li {
	padding: 10px 0;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.news-box ul li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px
}

.news-box ul li a:hover {
	color: #ce9167
}

.news-box ul li em {
	padding: 0 2px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #ce9167;
	border-radius: 4px 4px 0 4px;
	margin-right: 8px
}

.flow-box {
	margin-top: 70px
}

.flow-main {
	padding: 0 0px 10px;
	position: relative;
	background: url(../image/flow-main-bg.png) repeat-x center top 90px
}

.flow-main .flow-icon1,
.flow-main .flow-icon2 {
	position: absolute;
	height: 100%
}

.flow-main .flow-icon1 {
	background: url(../image/flow-img3.png) no-repeat center top 87px;
	width: 8px;
	left: 0
}

.flow-main .flow-icon2 {
	background: url(../image/flow-img4.png) no-repeat right top 84px;
	width: 14px;
	right: 0
}

.flow-main dl {
	float: left;
	width: 16.666%;
	margin: 0 0 10px
}

.flow-main dl dt {
	position: relative;
	padding: 0;
	text-align: center;
	margin: 0 12px 58px;
	border-radius: 8px;
	padding-bottom: 20px
}

.flow-main dl dt::before {
	display: block;
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: -40px
}

.flow-main dl.flow-dl1 dt::before {
	background: url(../image/flow-img2-1.png) no-repeat center center
}

.flow-main dl.flow-dl2 dt::before {
	background: url(../image/flow-img2-2.png) no-repeat center center
}

.flow-main dl.flow-dl3 dt::before {
	background: url(../image/flow-img2-3.png) no-repeat center center
}

.flow-main dl.flow-dl4 dt::before {
	background: url(../image/flow-img2-4.png) no-repeat center center
}

.flow-main dl.flow-dl5 dt::before {
	background: url(../image/flow-img2-5.png) no-repeat center center
}

.flow-main dl.flow-dl6 dt::before {
	background: url(../image/flow-img2-6.png) no-repeat center center
}

.flow-main dl dd {
	position: relative;
	text-align: left;
	padding-top: 0;
	margin: 0 12px
}

.flow-main dl dd::after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 12px;
	background: url(../image/flow-sj.png) no-repeat center bottom;
	top: -12px
}

.flow-main dl dt p {
	font-size: 24px;
	color: #fff;
	font-weight: bold
}

.flow-main dl dt span {
	font-size: 16px;
	color: #ffe3ad;
	font-weight: normal;
	padding-left: 25px;
	background: url(http://file.yuloo.com/zzy/tdxljj/images/flow-img-tit.png) no-repeat center left
}

.flow-cnt {
	padding: 11px 15px 11px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 4px
}

.flow-cnt p {
	font-size: 16px;
	color: #333;
	margin-bottom: 7px
}

.flow-cnt p:last-child {
	margin-bottom: 0
}

.flow-main dl.flow-dl6 dd,
.flow-main dl.flow-dl6 dt {
	margin-right: 0
}

.flow-main dl.flow-dl1 dd,
.flow-main dl.flow-dl1 dt {
	margin-left: 0
}

.flow-main dl.flow-dl1 .flow-cnt,
.flow-main dl.flow-dl6 .flow-cnt {
	text-align: center
}

.select-search {
	height: 34px;
	position: relative
}

.schoolName-box,
.school-option ul {
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden
}

select[multiple],
select[size] {
	width: 100%;
	max-height: 200px !important
}

.school-option select {
	border: none !important
}

.select-search .school-option.hidden {
	display: none
}

.select-search button {
	height: 34px;
	line-height: 1.42857143;
	color: #999;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: left;
	background: url(http://file.yuloo.com/zzy/tdxljj/images/select-icon.png) no-repeat center right 5px
}

.select-search .school-option input {
	font-size: 14px;
	margin: 10px auto 5px;
	height: 30px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	width: 100%
}

.select-search .school-option {
	position: absolute;
	background-color: #fff;
	width: 100%;
	min-width: 240px;
	top: 32px;
	right: 0;
	padding: 0 15px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 99;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)
}

.select-search .school-option li {
	font-size: 14px;
	color: #555;
	line-height: 30px;
	cursor: pointer
}

.school-option select option {
	font-size: 14px;
	padding: 8px 12px;
	line-height: 30px;
	border: none !important
}

.control-label,
.form-group-main {
	float: left
}

.control-label {
	position: relative;
	font-size: 14px;
	font-weight: normal;
	width: 92px;
	padding-left: 27px;
	line-height: 30px\9;
	margin-bottom: 0\9;
	color: #666;
	z-index: 0
}

.form-group-main {
	position: relative;
	width: 90%;
	height: 34px;
	width: calc(100% - 92px)
}

.school-form {
	padding: 30px 30px 20px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
	margin-bottom: 40px;
	border-radius: 8px
}

.school-form .sub-tit {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	margin-bottom: 25px;
	overflow: hidden
}

.school-form .form-group {
	width: 19%;
	margin: 0 .5% 20px;
	float: left;
	border: 1px solid #ddd;
	border-radius: 3px
}

.school-form .submit-group {
	width: 100% !important;
	text-align: center;
	margin-bottom: 10px
}

.school-form .submit-group .btn-default {
	width: 140px;
	font-size: 16px;
	line-height: 20px;
	background: #ce9167;
	color: #fff;
	border: none !important;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(63, 42, 140, 0.16)
}

.school-form .submit-group,
.form-control {
	border: none !important;
	box-shadow: none !important;
	background: none !important;
	color: #999;
	line-height: 30px
}

.control-label em {
	position: absolute;
	color: #ae2a2a;
	z-index: 0;
	left: 5px
}

.input-group-addon {
	border: none !important;
	border-radius: 0 !important
}

.school-form .sex-bg {
	background: url(../image/form-icon.png) no-repeat -5px 10px
}

.school-form .custom-bg {
	background: url(../image/form-icon.png) no-repeat -5px -47px
}

.school-form .phone-bg {
	background: url(../image/form-icon.png) no-repeat -5px -103px
}

.school-form .yixiang-bg {
	background: url(../image/form-icon.png) no-repeat -5px -162px
}

.school-form .grade-bg {
	background: url(../image/form-icon.png) no-repeat -5px -219px
}

.school-form .birthday-bg {
	background: url(../image/form-icon.png) no-repeat -5px -276px
}

.school-form .card-bg {
	background: url(../image/form-icon.png) no-repeat -5px -328px
}

.school-form .major-bg {
	background: url(../image/form-icon.png) no-repeat -5px -428px
}

.form-group .layui-bg-value,
.form-group .layui-bg-value {
	position: absolute;
	left: 0;
	height: 32px;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	line-height: 30px;
	padding: 2px 12px;
	cursor: text;
	z-index: 0
}

.form-group .bg-value-left {
	left: 3%
}

.form-group .layui-bg-value em {
	color: #ae2a2a;
	margin-right: 3px
}

.main09 .school-form {
	padding: 25px 0 20px !important;
	margin-top: 50px;
	margin-bottom: 0;
	background: url(../image/form-bg.jpg) no-repeat;
	background-size: cover
}

.main09 .school-form .form-box {
	margin: 0 20px;
	padding: 40px 10px 20px;
	background: #fff;
	border-radius: 10px
}

.main09 .sub-tit {
	margin-bottom: 30px;
	text-align: center
}

.main09 .sub-tit span {
	position: relative;
	font-size: 32px;
	color: #fff
}

.main09 .sub-tit span:after,
.main09 .sub-tit span:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	width: 88px;
	height: 100%
}

.main09 .sub-tit span:after {
	left: -108px;
	background: url(../image/form-tit-l.png) no-repeat center right
}

.main09 .sub-tit span:before {
	right: -108px;
	background: url(../image/form-tit-r.png) no-repeat center left
}

@media only screen and (max-width: 1200px) {
	.container {
		width: 95%;
		margin: 0 auto
	}

	.tabNav-main ul {
		padding: 2%
	}

	.tabNav-main ul li {
		float: left;
		width: 16.666%;
		margin: 1% 0;
		padding: 0
	}

	.tabNav-main ul li a::after {
		top: 0;
		display: none !important
	}
}

@media only screen and (max-width: 1024px) {
	.module {
		padding: 5% 0
	}

	.main01 {
		padding-top: 8%
	}

	.module-title h2 {
		font-size: 38px
	}

	.flow-box,
	.main09 .school-form {
		margin-top: 5%
	}

	.advantage,
	.module-title {
		margin-bottom: 5%
	}

	.news-bg {
		background: none;
		margin-bottom: 3%
	}

	.news-box ul {
		width: 47%;
		margin: 0 1.5%;
		border-radius: 5px !important;
		padding: 3%
	}

	.flow-main {
		margin-top: -1%;
		padding: 0;
		background: none
	}

	.flow-main dl {
		width: 31.333%;
		margin: 1%;
		border: 1px solid #ddd;
		background: #fff
	}

	.flow-main dl dt {
		padding-top: 15px;
		padding-bottom: 0;
		margin: 0 auto
	}

	.flow-main dl dd {
		padding: 0;
		margin: 0 auto
	}

	.flow-cnt,
	.wx-box,
	.form-box {
		box-shadow: none
	}

	.flow-main dl dd::after,
	.flow-main .flow-icon1,
	.flow-main .flow-icon2,
	.flow-main dl dt::after,
	.flow-main dl dt::before {
		display: none
	}

	.school-form .form-group {
		width: 31.333%
	}
}

@media only screen and (max-width: 767px) {
	#f2 {
		display: none !important
	}

	.form-horizontal .control-label {
		padding-top: 7px
	}

	.select-search button,
	.select-search .school-option input {
		display: none
	}

	.select-search .school-option {
		display: block !important;
		position: static;
		padding: 0;
		height: auto;
		box-shadow: none;
		border: none
	}

	.schoolName-box {
		height: auto
	}

	.school-option select {
		height: 34px;
		line-height: 34px
	}

	.tabNav-main {
		top: -30px;
		border-radius: 5px
	}

	.tabNav-main ul li::after {
		display: none !important
	}

	.module-title {
		background-size: 80px !important
	}

	.module-title h2 {
		padding-top: 25px
	}

	.module-title h2,
	.main09 .sub-tit span {
		font-size: 30px
	}

	.flow-box,
	.main09 .school-form {
		margin-top: 40px
	}

	.rules-name {
		height: auto
	}

	.rules-list .module-sub-title h2 {
		height: 50px;
		font-size: 20px;
		line-height: 20px;
		padding: 15px 0;
		top: -30px;
		background: #ce9167
	}

	.rules-list {
		margin-bottom: 5%;
		padding: 30px 2%
	}

	.advantage-main dl .advantage-tit,
	.bm-btn a {
		font-size: 16px
	}

	.advantage-main dl dt {
		width: 80px;
		margin: 0 auto 10px
	}

	.advantage-main dl p {
		line-height: 24px
	}

	.rules-item,
	.school-list dl,
	.hot-school dl,
	.advantage-main dl {
		width: 31.333%;
		margin: 1%
	}

	.school-form .form-group {
		width: 46%
	}

	.form-horizontal .control-label {
		padding-top: 7px
	}

	select,
	select.form-control {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		font-size: 14px;
		height: 32px;
		line-height: 30px;
		color: #999 !important;
		padding-left: 12px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		background: #fff url(http://file.yuloo.com/zzy/tdxljj/images/select-icon.png) no-repeat right 5px center !important;
		border-radius: 0 !important
	}

	.form-main .select-search .school-option {
		border-radius: 0
	}

	select[disabled] {
		background-color: #eee !important
	}

	.bm-btn {
		margin-top: 3%
	}
}

@media only screen and (max-width: 680px) {

	.rules-item,
	.school-list dl,
	.hot-school dl,
	.advantage-main dl {
		width: 46%;
		margin: 1%
	}

	.news-box ul {
		width: 98%;
		margin: 1%
	}

	.news-r {
		display: none !important
	}
}

@media only screen and (max-width: 425px) {
	.tabNav-main ul li {
		width: 31.333%
	}

	.tabNav-main ul li a {
		font-weight: normal;
		font-size: 16px
	}

	.main01 {
		padding-top: 80px
	}

	.school-form .form-group,
	.hot-school dl {
		width: 98%
	}

	.hot-school dl dd {
		display: flex;
		align-items: center
	}

	.flow-main dl {
		width: 48%
	}

	.school-form .submit-group>a {
		display: block;
		text-align: center
	}
}