/* CSS Document */
body{ background:#fff;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{border: 0;
    vertical-align: middle;
    max-width: 100%;
}}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1562568181528'); /* IE9 */
  src: url('iconfont.eot?t=1562568181528#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALQAAsAAAAABmwAAAKEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApwfwE2AiQDCAsGAAQgBYRtBzUbqgXIvkA8Nk4VpZoCSMwySR3ceatJ/X6BAz4a8fC13+u5bzeIClGCAtSAKhZImLhvkwKrjmdhy7Yd345nXf3uf243xEq61ze0kUyT9sn9id8Oe52WSYkQITQeCSDj23vA0vUGz228aVC+gY7ye4Xdit/+zoYxbZjIWcsClZs8O5NuShm6K75Qsfk8l9ObQAcyP9A5tgeNNWlSL6BeHEiB7oFRZKWSN4xd8AIfE6jXR6dtLHZHaMjsVYG48l0TGoWoLLNCrVDdcDCLh6rUFjfFVzyIvh//FLUUqhK7Zftk7sDoJ6ckVcqKo4AQI6DjVUiYATKx35jdVBaMK6vPVgyBYzUGP5Vl4BFHdQr219n1jaAHqp5J7WketVDAY001DIxP+lHEMN/ohdP2noyVKu9sFM/foIY7r4CGFx9gevbiP6g56Oz9SZcdz9vxxL4f+VtX5MN/fNXXcs4rKwDl6UtaBw3B2/jfFrYhg+/zPwqXZ8P8oHafvuDfqAcOZENru4usqRtHC8PnbKtXjxIOtvtOtXXdSDHU6prgr9GbIak1QmZ2BlUazKJarWXUm7Y83qADK4tchylPgNDqhUKzD0havcnMflCl2w/VWiOh3mF0XNhgLM5b60ymkINWg36QJsr1Situ3JN7iUzOayP+TFz4Cey1u+XCkhLiJbYUpduXXKFK0xgX4DmKohSzNA3IlraXSzbsdFTTm9p2FEPLOkZMgjiQ5QH5bKmECsaLVuXze8R1ETFxR19deUZYwZ8d9bR1B5BLUzKo71FeKVy5+oRQkMJSMbQA80gkkkJZ87wAsYk2b0I6M9Rxhqmhpvb2lvjvTkA9216EszNpuKbYNxPDjrIHAAAA') format('woff2'),
  url('iconfont.woff?t=1562568181528') format('woff'),
  url('iconfont.ttf?t=1562568181528') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1562568181528#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-yemian-copy:before {
  content: "\e69d";
}


.home_return{padding:0 2%; width: 100%; height:44px;background: #fff; color: #666; line-height: 44px; font-size: 16px; display: none;}
.home_return .ho_icon{ font-size: 18px; margin-right: 10px;}
.home_return .ho_abtn{color: #666;text-decoration:none;}
.home_return .ho_call{ font-style: normal; float: right; margin-right: 10px;}


.lqm-dyt span{ float:left; height:76px;}
.dyt-1{ margin-right:100px;}
.dyt-2{ margin-right:50px;}
#wrap-nav{ margin-top:0;}

/**通用品牌宣传栏_pc**/
@media (min-width:1200px){
.tqedu-head{height:66px;}
.tongyong-dyt{ margin: 0 auto; width:100%;background:url(http://www.tqedu.net/Template/Default/Skin/2019/dyt/images/lqm-bg.jpg) no-repeat;background-size:cover;}
.lqm-dyt{width:1200px;height:76px;margin:0 auto;display: block;}
.pc_none{display:none}


.s_banner .s-pic{display: block;}
.s_banner .m-pic{display: none;}
}
/**通用品牌宣传栏_p**/
@media (max-width: 1199px){
.ph_none{display:none}
.pinpai-dyt{ display:block; margin-top:0px;}
.pinpai-dyt img{ width:100%; height:auto;}
.swiper3 { margin-top:0;}
}



.abox{ display:block;}
.a-history{background: -webkit-linear-gradient(transparent 25%,#311a37 25%);background: linear-gradient(transparent 25%,#311a37 25%);overflow:hidden;}
.a-process{ padding-bottom:50px; overflow:hidden;}
.relative-bottom{}
.a-guest{ padding-bottom:50px; overflow:hidden; background:#f2ebe3;}
.history-bottom{ position:relative; height:445px; text-align:center;}
@media screen and (min-width: 1200px){ 
.box-title, .box-body{ margin:0 auto; width:1200px;}
.box-process{ width:800px;}
}
.relative-img{position: absolute;z-index: -1;}
.box-title{ text-align:center; padding:50px 0;}
.box-title h3{ font-size:36px; color:#c2b590;}
.box-title .brown{ color:#4c290c}
.box-title h3 i{ font-size:36px;}
.box-title h3 em{ font-weight:bold; margin:0 50px;}
.title-pai{ margin:0 auto; max-width:300px; background-image: linear-gradient(to right, #caae7e, #e4d6b0 ,#caae7e); padding:10px 0;}
.title-pai h4{ font-size:16px; color:#4c290c; margin-bottom:5px; font-style:normal;}
.title-pai span{ background:#ebe2ca; font-size:15px; color:#6a3a12; padding:5px 55px;}



.a-record{ display:block;}
.a-record ul li{ border:1px solid #c2b590; border-radius:20px; margin-bottom:20px; overflow:hidden;}
.a-record ul li em, .a-record ul li p{ float:left; padding:20px; color:#c2b590;}
.a-record ul li em{ font-size:36px;    line-height: 48px; border-right:1px solid #c2b590}
.a-record ul li p{ font-size:16px;}

.a-probody{ display:block;}
.a-probody ul li{ margin-bottom:20px; overflow:hidden;}
.a-probody ul li em{ float:left; }
.a-probody ul li em{ font-size:24px; width:50px; height:50px; text-align:center; line-height:50px; background:#4c290c; border-radius:50%; color:#fff; margin-right:20px;}
.a-probody ul li p{ margin-left:60px; min-width:500px; font-size:16px; font-weight:bold; line-height:50px; background-image: linear-gradient(to right, #caae7e, #e4d6b0 ,#caae7e); border-radius:10px; padding:0 20px; text-align:center; color:#4c290c }

.a-guestbody{ display:block;}
.a-guestbody ul li{ float:left; width:18%; margin:1%; margin-bottom:20px; background:#fff; padding:20px 0; overflow:hidden;}
.a-guestbody ul li em, .a-guestbody ul li p{ display:block;}
.a-guestbody ul li em{  text-align:center;}
.a-guestbody ul li p{ font-size:16px; font-weight:bold; text-align:center;}

.a-yuyuebody{ display:block; box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}

.ab-btn{ position:absolute; top:0; left:0; width:100%;}
.btn-hover {
	display:inline-block;
	margin:80px 0;
	padding:20px 50px;
    font-size: 18px;
    font-weight: bold;
    color: #4c290c;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color-1 {
    background-image: linear-gradient(to right, #caae7e, #e4d6b0 ,#caae7e);
}


/*在线预约*/
.online-submit{ margin:15px 0; background:#fff; padding:10px 20px;}
.online-submit-title{ padding:20px; font-size:18px; border-bottom:1px solid #eee;}
.online-submit-con{ padding:20px; overflow:hidden;}
.online-sub-left,.online-sub-right{ float:left; width:50%;}

.online-form{ padding:20px 0 0 20px;}
.yy-text{ padding:20px 0 0 20px; font-size:16px; color:#4d2a0a;}
.yy-text span{ display:block; font-weight:bold; padding-top:20px;}
.form-input{text-indent:70px;}
.form-control {
    display: block;
    width: 100%;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-horizontal{
		background: #fff;
		border-radius: 15px;
	}
.form-horizontal .heading{
	display: block;
	font-size: 35px;
	font-weight: 700;
	padding: 35px 0;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 30px;
}
.form-horizontal .form-group{
	margin: 0 0 20px 0;
	position: relative;
}

.form-horizontal .form-control{
	background: #f0f0f0;
	border: none;
	border-radius: 5px;
	box-shadow: none;
	height: 50px;
	transition: all 0.3s ease 0s;
	
}
.form-horizontal .form-control:focus{
	background: #e0e0e0;
	box-shadow: none;
	outline: 0 none;
}
.form-horizontal .form-group i{
	position: absolute;
	top: 17px;
	left: 30px;
	font-size: 17px;
	color: #c8c8c8;
	transition : all 0.5s ease 0s;
}
.form-horizontal .form-control:focus + i{
	color: #00b4ef;
}
.form-horizontal .fa-question-circle{
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 60px;
	font-size: 20px;
	color: #808080;
	transition: all 0.5s ease 0s;
}
.form-horizontal .fa-question-circle:hover{
	color: #000;
}
.form-horizontal .main-checkbox{
	float: left;
	width: 20px;
	height: 20px;
	background: #11a3fc;
	border-radius: 50%;
	position: relative;
	margin: 5px 0 0 5px;
	border: 1px solid #11a3fc;
}
.form-horizontal .main-checkbox label{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.form-horizontal .main-checkbox label:after{
	content: "";
	width: 10px;
	height: 5px;
	position: absolute;
	top: 5px;
	left: 4px;
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.form-horizontal .main-checkbox input[type=checkbox]{
	visibility: hidden;
}
.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
	opacity: 1;
}
.form-horizontal .text{
	float: left;
	margin-left: 7px;
	line-height: 20px;
	padding-top: 5px;
	text-transform: capitalize;
}
.form-horizontal .btn{
	display:block;
	font-size: 18px;
	font-weight:bold;
	color: #4d2a0c;
	background: #caae7e;
	background-image: linear-gradient(to right, #caae7e, #e4d6b0 ,#caae7e); padding:10px 0;
	border-radius: 5px;
	padding: 10px 25px;
	border: none;
	text-transform: capitalize;
	transition: all 0.5s ease 0s;
	cursor:pointer;
	height:60px;
}
.form-horizontal .btn:hover{ background:#caae7e;}
.form-horizontal .m-b-35{ margin-bottom:35px;}





.online-notice{ padding:20px; padding-right:0;}
.online-phone{ display:block; background:#f4f4f4; border-radius:5px; text-align:center; padding:20px 0; width:48%; float:left;}
.online-phone i{ font-size:60px;}
.online-phone h3{ font-size:18px; font-weight:normal;}
.online-phone em{ font-size:30px; margin-top:20px; display:block;}

.online-phone,.online-kf{ min-height:220px;}

.online-kf{ display:block; background:#f4f4f4; border-radius:5px; text-align:center; padding:20px 0; width:48%; float:right;}
.online-kf i{ font-size:60px;}
.online-kf h3{ font-size:18px; font-weight:normal;}
.online-kf em{ font-size:16px; margin-top:30px; display:block;}
.icon-kefu{ color:#408ed6}
.online-kf em a{ background:#408ed6; color:#fff; padding:15px 25px;}
.online-kf em a:hover{ background:#1f6fbf; color:#fff;}
.online-warn{ display:block; font-size:14px; color:#528e62; padding:20px 30px; text-align:left; background:#e0f9e6; margin:0 20px 20px 20px;}



/*分校名片*/
.area-info{ margin:15px 0 0 0; background:#fff; overflow:hidden; padding-bottom:50px;}
.area-info-left{ float:left; box-shadow: 10px 0px 5px rgba(0,0,0,.3); width:30%; position:relative;}
.area-info-left-head{ padding:50px;}
.area-info-name{ display:block; text-align:center; font-size:24px; font-weight:bold; color:#333; padding:10px 0}
.area-info-url{ display:block; text-align:center; font-size:16px; color:#666; padding:10px 0}
.area-info-ewm{ display:block; text-align:center; padding:10px 0;max-width: 150px;
    margin: 0 auto;}
.area-info-ewm img{ width:100%; height:auto;}
.area-info-txt{ display:block; text-align:center; font-size:14px; color:#666; padding:10px 0}
.area-info-foot{ display:block; text-align:center; padding:20px; color:#fff; font-size:18px; background:#408ed6;}

.area-info-right{ float:left; width:70%;}
.area-info-title{ display:block; padding:15px 50px; margin-top:20px; color:#fff; font-size:24px; font-weight:bold; background:#408ed6}
.area-info-title span{ font-size:14px; font-weight:normal;}
.area-info-con{ padding:20px 50px;}
.area-info-con ul li{ float:left; width:50%;}
.area-info-con h5{ font-size:16px; color:#333; margin:10px 0; border-bottom:1px solid #f0f0f0; line-height:30px;}
.area-info-con h5 a{ margin-left:10px; color:#666; font-size:14px; font-style:normal;}
.area-info-con h5 a:hover{ color:#ff6600;}
.area-info-con p{ line-height:25px; font-size:14px; color:#666; padding-right:20px;}

@media screen and (max-width: 640px){ 
.home_return{display: block;}
.s_banner .s-pic{display: none;}
.s_banner .m-pic{display: block;}
.box-title{ text-align:center; padding:10px 0;}
.a-history{
	background: -webkit-linear-gradient(transparent 1%,#311a37 1%);
	    background: linear-gradient(transparent 1%,#311a37 1%);
	}

.a-record ul li {
	margin:0 20px;
    border: 1px solid #c2b590;
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.a-record ul li em {
	float: inherit;
line-height: 24px;
	border-bottom:1px solid #c2b590;
	display:block;
	text-align:center;
    font-size: 18px;
	font-weight:bold;
    border-right: 0 solid #c2b590;
}
.a-record ul li p {
    font-size: 14px;
}
.btn-hover{margin: 10px 0;padding: 5px 20px;font-size: 16px;}
.history-bottom {
    max-height: 100px;
}
.a-probody ul li {
	margin:10px;
    overflow: hidden;
}

.a-probody ul li p {
    margin-left: 60px;
	min-width: 100px;
    max-width: 500px;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    background-image: linear-gradient(to right, #caae7e, #e4d6b0 ,#caae7e);
    border-radius: 10px;
    padding: 0 20px;
    text-align: center;
    color: #4c290c;
}

.a-guestbody ul li {
    float: left;
    width: 31%;
    margin: 1%;
    margin-bottom: 5px;
    background: #fff;
    padding: 20px 0;
    overflow: hidden;
}
.online-sub-left, .online-sub-right {
    float: left;
    width: 100%;
}
.online-submit-con {
    padding: 10px 0 0 0;
    overflow: hidden;
}
.yy-text {
    padding: 20px 0 0 0;
    font-size: 16px;
    color: #4d2a0a;
}
.online-form {
    padding: 20px 0 0 0;
}


/*分校名片*/
.area-info-left,.area-info-right{
	width:100%;
}
.area-info-con ul li{
	width:100%;
}
.ph_block {
    display: block;}
.back-btn {
    font-size: 12px;
    display: block;
    padding: 10px 15px;
    top: 10px;
    left: 10px;
    border-radius: 0px;
    background: #393939;
    color: #fff;
}
}
#topcontrol {
    background: #caae7e;}
#topcontrol:hover{ background:#311a37;}