﻿body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; color:#333;}
body,button,input,select,textarea{font:12px/1.6 microsoft yahei;}
body{ background-color:#f8f8f8;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
a{ text-decoration:none;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
.layout:after{content:'\20';display:block;height:0;clear:both;}
.layout{*zoom:1;}
.cf:before,.cf:after{content:'';display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
img{border:0;vertical-align: middle;}
small, cite, code, em, th, i, b {
font-size: 1em;
font-style: normal;
font-weight: 500;}
*{margin:0; padding:0; border:0;box-sizing: border-box; transition: all 0.3s;}

/* 清除样式 */
.layui-layer-msg{transition: all 0s;}
#topcontrol{
	background: #2467f4;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
	color: #fff;
}
#topcontrol:hover{
	background: #fff;
	box-shadow: #f1f1f1 0px 0px 4px 0px;
	color: #333;
}
#topcontrol:hover .tq-mobileVisit{color: #333;}


/* 品牌顶部 */
.brand_top{
	width: 100%;
	position: relative;
	height: 70px;
	overflow: hidden;
}
.brand_top img{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.brand_top .brand_close{
	position: absolute;
	right: 100px;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}
.brand_top .brand_close i{
	font-size: 26px;
	color: #fff;
}
/* 导航 ------------------------- */
/* logo */
.tqedu_head{
	width: 100%;
	background: #fff;
	height: 70px;
	padding: 0 5%;
}
.tqedu_logo{
	width: 118px;
	height: 55px;
	float: left;
	margin-top:5px;
}
.tqedu_logo a {
    display: block;
    height: 55px;
    line-height: 100;
    overflow: hidden;
    background: url(http://www.tqedu.net/Template/Default/Skin/2019/pubimages/logo_2021.png) no-repeat;
}
/* 校区 */
.tqedu_channel_more{
	display: block;
	height: 70px;
	float: left;
	position: relative;
	padding-left: 20px;
}
.tqedu_channel_more .channel_item{
    float: left;
	font-size: 14px;
   background: #f1f6ff;
    padding:4px 15px;
	border-radius: 35px;
	color: #2467f4;
	margin-top: 18px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.tqedu_channel_more .channel_item em{
    float: left;
    display: inline-block;
    margin-right: 5px;
}
.tqedu_channel_more .channel_item i{color:#2467f4}
/* 校区下拉 */
.tqedu_more_channels{
	display: none; 
	width: 485px;
	background: #fff;
	padding: 8px 14px;
	position: absolute;
	top: 70px;
	left: -1px;
	border-top: 2px solid #ff6600;
	box-shadow: #ccc 0px 0px 5px;
	z-index: 200;
}
.tqedu_more_channels::after{
	display: block;
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border: 0 none;
    border-top: 2px solid #ff6600;
    border-right: 2px solid #ff6600;
    transform: rotate(315deg);
    background: #fff;
    top: -7px;
    left: 60px;
}
.tqedu_more_channels .tqedu_list_left{overflow: hidden;}
.tqedu_list_left .city_list{
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 0 10px;
	margin-bottom:8px;
}
.tqedu_list_left h2 {
    display: block;
    padding: 10px 15px;
    background: #f6f6f6;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}
.tqedu_list_left .city_list .city_l{
	float: left;
	font-weight: bold;
	font-size: 16px;
	width: 60px;
	line-height: 28px;
	color: #626262;
}
.tqedu_list_left .city_list .city_r{
	float: left;
	width: calc(100% - 60px);
}
.city_list_two{overflow: hidden;}
.city_list_two .city_list{
	float: left;
	width: auto;
	margin-right: 30px;
}
.tqedu_list_left .city_list .city_r a{
	display: inline-block;
	color: #919090;
	font-size: 14px;
	padding:0 8px;
	transition: all 0.3s;
	line-height: 28px;
}
.tqedu_list_left .city_list .city_r a:hover{
	background: #004be8;
	color: #fff;
}

.tqedu_more_channels.active{display: block;}
/* 分校导航内容 */
.school_nav{
	float: left;
	padding-left: 20px;
}
.school_nav li{
	float: left;
	position: relative;
}
.school_nav li a{
	color: #333;
	font-size: 18px;
	width: 110px;
	text-align: center;
	line-height: 70px;
	display: block;
	white-space: nowrap;
}
.school_nav li:hover > a{
	color: #2467f4;
	font-weight: bold;
	background: #f1f6ff;
}
.school_nav li .school_nav_about{
	position: absolute;
	left: 0;
	top: 70px;
	background: #fff;
	box-shadow: #ccc 0px 2px 2px 0px;
	z-index: 200;
	width: 100%;
	text-align: center;
	display: none;
}
.school_nav li .school_nav_about span{
	display: block;
	width: 100%;
}
.school_nav li .school_nav_about a{
	line-height:48px;
	font-size: 16px;
}
.school_nav li .school_nav_about a:hover{
	color: #2467f4;
}
.school_nav li:hover .school_nav_about{display: block;}
/* 右侧电脑微信 */
.tqedu_contact{
	float: right;
}
.tqedu_contact_tall{
	float: left;
	background: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/ico-phone.png) no-repeat center left;
	text-indent: 40px;
	height: 70px;
	padding-top: 10px;
	width: 260px;
	position: relative;
}
.tqedu_contact_tall>span{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.tqedu_contact_tall .tqedu_contact_tall1{
	font-size: 16px;
}
.tqedu_contact_tall .tqedu_contact_tall2{
	font-size: 12px;
	color: #666;
}
.tqedu_contact_wx{
	float: left;
	position: relative;
	padding-top: 15px;
	height: 70px;
}
.tqedu_contact_wx a{
	display: block;
	padding:6px 20px ;
	border-radius: 24px;
	font-size: 14px;
	background:#f1f1f1;
	color:#333;
}
.tqedu_contact_wx a i{
	font-size: 18px;
	color:#07af12;
}
.tqedu_contact_wx_down{
	display: none;
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
	width: 150px;
	top: 70px;
	text-align: center;
	padding: 15px;
	background: #fff;
	border-top: 2px solid #ff6600;
	box-shadow: #ccc 0px 0px 5px;
	z-index: 200;
}
.tqedu_contact_wx_down::after{
	display: block;
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border: 0 none;
    border-top: 2px solid #ff6600;
    border-right: 2px solid #ff6600;
    background: #fff;
    top: -11px;
    left: 50%;
    transform:rotate(315deg) translateX(-50%);
}
.tqedu_contact_wx_down img{width: 100%;}
.tqedu_contact_wx_down.active{display: block;}
/* 导航 ------------------------- */
/* banner */
.banner_cont{
	width: 100%;
	position: relative;
}
.banner_cont .banner_img{
	width: 100%;
	height: 430px;
	overflow: hidden;
	position: relative;
}
.banner_cont .banner_img li{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	cursor: pointer;
	width: 100%;
}
.banner_cont .banner_img li a{
	display: block;
	width: 100%;
	height: 100%;
}
.banner_cont .banner_img li img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.banner_cont .banner_img li:nth-child(1){display: block;z-index: 10;}
.banner_cont .banner_img li.active{
	display: block;
	z-index: 10;
}
.position_r{position: relative;z-index: 100;}
.banner_mark{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 45px;
}
.banner_mark span{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius:6px;
	cursor: pointer;
	margin:0 5px;
	background:rgba(255,255,255,0.6);
}
.banner_mark span.active{
	width: 50px;
	background:rgba(255,255,255,1);
}
/* banner左侧导航 */
.position_a{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 10px;
	z-index: 100;
}
.banner_cont .banner_nav{
	position: absolute;
	width: 172px;
	height: auto;
	background:rgba(255,255,255,0.9);
	left: 0;
	top: 0;
}
.banner_cont .banner_nav li a{
	display: block;
	height: 56px;
	line-height:56px;
	padding:0 20px;
	font-size: 18px;
	color: #333;
	position: relative;
}
.banner_cont .banner_nav li a i{
	font-size: 20px;
	padding-right: 10px;
}
.banner_cont .banner_nav li:hover a{
	background: #f1f6ff;
	color: #2467f4;
}
.banner_cont .banner_nav li:hover a i{color: #2467f4;}
.banner_cont .banner_nav li a::after{
	position: absolute;
	width: 3px;
	height: 0;
	left: 0;
	top: 0;
	display: block;
	content: "";
	background: #2467f4;
	transition: all 0.3s;
}
.banner_cont .banner_nav li:hover a::after{
	height: 100%;
}
/* 预约框 */
.taedu_form{
	width: 100%;
	height: 48px;
	background: #f8f8f8;
}
.form_horizontal{
	width: 100%;
	padding:14px 28px;
	overflow: hidden;
	background: #fff;
	position: absolute;
	z-index: 100;
	left: 50%;
	transform: translateX(-50%);
	top: -30px;
}
.form_horizontal .form_group{
	width: 300px;
	background: #fff;
	height: 52px;
	border-radius:4px;
	float: left;
	margin-right: 16px;
	text-align: center;
	line-height: 52px;
	position: relative;
	padding:0 30px 0 50px; 
	background: #f1f6ff;
	
}
.form_horizontal .form_group.form_group_btn{
	width: 190px;
	margin-right: 0;
	background: #ff9718;
	padding:0;
}
.form_horizontal .form_group.form_group_btn button{
	background: transparent;
	font-size: 20px;
	color:#fff;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.form_horizontal .form_group.form_group_btn button:hover{background: #f55002;}
.form_horizontal .form_group i{
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #2467f4;
	font-size: 36px;
}
.form_horizontal .form_group .form_input{
	width: 100%;
	height: 100%;
	text-indent: 1em;
	border-radius: 35px;
	font-size: 16px;
	background: transparent;
	cursor: pointer;
}
input:focus{outline: none;}
select:focus{outline: none;}
/* 预约框 -----------------------*/


.section_box{
	background: #f8f8f8;
	margin-top: 20px;
}
.section_bg1{background: #f1f1f1;}

/* 版心 */
.section_box_type{
	width: 1200px;
	margin: 0 auto;
}
/* 学习工具 */
.section_tool{
	width: 100%;
	overflow: hidden;
	height: 120px;
}
.section_tool li{
	width: 24.25%;
	margin-right: 1%;
	height: 100%;
	background: #fff;
	border-radius: 4px;
	float: left;
	cursor: pointer;
	position: relative;
}
.section_tool li:last-child{margin-right: 0;}
.section_tool li img{width: 100%;}
.section_tool li .section_tool_cont{
	position: absolute;
	left: 0;
	top: 0;
}
.section_tool li:hover .section_tool_cont{transform: scale(1.1);}
/* 板块标题 */
.section_box_title{
	width: 100%;
	margin-bottom: 25px;
}
.section_box_title h2{
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	line-height: 1;
}
.section_box_title h2 a{
	color: #333;
	display: block;
	position: relative;
	padding-left:40px;
}
.section_box_title h2 img{
	display: block;
	position: absolute;
	left: 0;
	top: 50%; 
	transform: translateY(-50%);
}
/* 活动/资讯 */
.section_box_one{
	width: 100%;
	overflow: hidden;
	height: 520px;
}
.section_box_one .section_events{
	width: 400px;
	background: #fff;
	float: left;
	padding: 40px 28px;
	height: 520px;
}
.section_box_one .section_events li{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: #fff;
	height: 390px;
}
.section_box_one .section_events li:nth-child(1){opacity: 1;z-index: 10;}
.section_box_one .section_events li.active{opacity: 1;z-index: 10;}
.section_events_cont{position: relative;}
.events_mark{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top:240px;
	z-index: 20;
}
.events_mark span{
	width: 10px;
	height: 10px;
	background: rgba(255,255,255,0.7);
	display: inline-block;
	margin:0 5px;
	border-radius: 50%;
}
.events_mark span.active{background:rgba(255,255,255,1) ;}
/* .section_events_cont{
	width: 344px;
	overflow: hidden;
	position: relative;
}
.section_events_cont ul{position: relative;}
.section_box_one .section_events li{
	float: left;
	width: 344px;
} */




.section_box_one .section_events .section_box_title h2 i{
	color:  #ff763b;
}
.section_box_one .section_events .section_events_cont{
	width: 100%;
	display: block;
	height: 390px;
}
.section_box_one .section_events .section_events_img{
	width: 100%;
	height: 260px;
	overflow: hidden;
}
.section_box_one .section_events .section_events_img img{width: 100%;}
.section_events .section_events_txt{
	padding-top: 15px;
}
.section_events .section_events_txt h5{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}
.section_events .section_events_txt h5 a{
	color: #333;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.events_banner li:hover .section_events_img img{transform: scale(1.1);}
.section_events .section_events_txt h5:hover a{color:#ff6600;}
.section_events .section_events_txt h5 em{
	border-radius: 4px;
	background: #2467f4;
	color: #fff;
	font-size: 14px;
	padding:2px 6px;
	margin-right: 10px;
}
.section_events .section_events_txt p{
	color: #999;
	font-size: 16px;
}
.section_box_one .section_message{
	width:780px;
	background: #fff;
	float: right;
	padding: 40px 28px;
	height: 520px;
}
.section_box_one .section_message .section_box_title{
	overflow: hidden;
	position: relative;
}
.section_message .section_box_title h2{
	float: left;
	display: inline-block;
	border-right: 1px solid #999;
	padding:0 20px;
	font-weight: normal;
}
.section_message .section_box_title h2 span{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: normal;
	display: none;
}
.section_message .section_box_title h2 span > a{
	color:#999;
	padding: 5px 10px;
}
.section_message .section_box_title h2:nth-child(2) a{padding-left: 0;}
.section_message .section_box_title h2:nth-child(3) a{padding-left: 0;}
.section_message .section_box_title h2 span a:hover{color:#2467f4;}
.section_message .section_box_title h2:nth-child(1){padding-left: 0;}
.section_message .section_box_title h2:last-child{border-right: 0;}
.section_message .section_box_title h2.active > a{color: #2467f4;font-weight: bold; }
.section_message .section_box_title h2.active > a i{color: #2467f4;}
.section_message .section_box_title h2.active span{display: block;}
.section_message .section_message_txt{
	width: 100%;
}
.section_message .section_message_txt li{
	overflow: hidden;
}
.section_message .section_message_txt .message_txt_img{
	width: 200px;
	height: 150px;
	overflow: hidden;
	float: left;
}
.section_message .section_message_txt .message_txt_img img{width: 100%;}
.section_message .section_message_txt .message_txt_right{
	float: right;
	width: 500px;
}
.section_message_txt .message_txt_right h5{
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.section_message_txt .message_txt_right p{
	font-size: 14px;
	color: #999;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding-top: 15px;
}
.section_message_txt .message_txt_right p.message_txt_right_remark{
	padding-top: 15px;
	color: #cfcece;
}
.section_message_txt .message_txt_right p.message_txt_right_remark span:last-child{
	float: right;
}
.section_message_txt .message_txt_right p.message_txt_right_remark span i{padding-right: 5px;}
.section_message_txt li:nth-child(1){
	margin-bottom:15px;
}
.section_message_txt li:nth-child(1) .message_txt_right h5 a{
	display: block;
	line-height: 2;
	margin-bottom:10px;
}
.section_message_txt li a{
	padding:6px 0;
	color: #333;
	font-size: 16px;
	display: block;
	padding-left: 30px;
	position: relative;
	overflow: hidden;
}
.section_message_txt li a::after{
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 2px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.section_message_txt li:nth-child(1) .message_txt_right{padding-top: 10px;}
.section_message_txt li:nth-child(1) a{padding-left: 0; padding:0; display: inline;}
.section_message_txt li:nth-child(2) a::after{background: #ff0d0d;content: '1';}
.section_message_txt li:nth-child(3) a::after{background: #ff7f0d;content: '2';}
.section_message_txt li:nth-child(4) a::after{background: #ffda0d;content: '3'; color:#333;}
.section_message_txt li:nth-child(5) a::after{background: #e1ebfc;content: '4'; color:#333;}
.section_message_txt li:nth-child(6) a::after{background: #e1ebfc;content: '5'; color:#333;}
.section_message_txt li:nth-child(7) a::after{background: #e1ebfc;content: '6'; color:#333;}
.section_message_txt li a:hover{color: #ff6600;}
.section_message_txt li a:hover .message_txt_right h5{color: #ff6600;}
.section_message_txt li a:hover .message_txt_img img{ transform: scale(1.2);}
.section_message_txt ul{display: none;}
.section_message_txt ul.active{display: block;}
.section_message .message_guide li .message_txt_img{
	width: 140px;
	height: 60px;
	border-radius: 4px;
}
.section_message .message_guide li .message_txt_right{width: 550px;}
.message_guide li .message_txt_right p{-webkit-line-clamp: 1; padding-top:0;}
.message_guide li .message_txt_right h5{padding-bottom: 10px;}
.message_guide li{margin-bottom: 10px;padding: 5px 0;}
.message_guide li:nth-child(1){margin-bottom: 10px;}
.message_guide li a{padding-left: 0 !important; padding:0;}
.message_guide li a::after{display: none !important;}
.section_message_txt .message_guide li .message_txt_right{padding-top: 4px;}

.message_interact li{
	width: 32%; 
	margin-right: 2%;
	float: left;
	margin-bottom: 20px;
}
.message_interact li:nth-child(3n){margin-right: 0;}
.section_message .message_interact li .college-pic{
	height: 115px;
	border-radius: 4px;
	width: 100%;
	overflow: hidden;
}
.section_message .message_interact li .college-pic i{display: none;}
.message_interact li .college-pic img{width: 100%;}
.message_interact li a{padding-left: 0 !important; padding:0;}
.message_interact li a::after{display: none !important;}
.message_interact li .college-title{
	width: 100%;
	padding-top: 15px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding-bottom: 0;
	font-weight: normal;
	height: 70px;
}
.message_interact li:hover{transform: translateY(-5px);}

/* 广告条 */
.gg_img{
	width: 100%;
	overflow: hidden;
}
.gg_img a{display: block;}
.gg_img img{width: 100%;}


/* 时间轴 */
.section_box_two{
	padding:40px 28px;
	background: #fff;
}
.section_timeline{
	width: 100%;
	height: 330px;
	border-radius:4px;
	background: #f1f6ff;
	margin-bottom: 20px;
}
.section_timeline_l{
	float: left;
	width: 140px;
}
.section_timeline_l img{
	width: 100%; 
	height: 100%;
}
.section_timeline_r{
	float: right;
	padding:20px 0;
	width:1000px;
	position: relative;
	height: 330px;
}
.section_timeline_r::before{
	display: block;
	content: "";
	width: 850px;
	height: 10px;
	position: absolute;
	bottom:60px;
	left:75px;
	background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/time-img1.png) no-repeat bottom;
}
.section_timeline_r li{
	width: 14.28%;
	text-align: center;
	position: relative;
	float: left;
}
.section_timeline_r li .timeline_icon{
	display:flex;
	justify-content: center;
	align-items: center;
	width: 54px;
	height:54px;
	border-radius: 50%;
	background: #2467f4;
	position: relative;
	margin: 0 auto;
}
.section_timeline_r li .timeline_icon::after{
	display: block;
	content: '';
	position: absolute;
	width:68px;
	height: 68px;
	border-radius: 50%;
	border:1px dashed #2467f4;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.section_timeline_r li .timeline_line{
	border:1px dashed #2467f4;
	height: 90px;
	display: block;
	width: 0;
	margin: 0 auto;
	position: relative;
	margin-top: 10px;
}
.section_timeline_r li .timeline_icon i{
	font-size: 30px;
	color: #fff;
}
.section_timeline_r li .timeline_txt_t{
	padding-bottom: 15px;
	font-size: 16px;
	white-space: nowrap;
}
.section_timeline_r li .timeline_txt_b{
	font-size: 16px;
	padding-top:20px;
	font-weight: bold;
}
.section_timeline_r li .timeline_line::after{
	display: block;
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #2467f4;
	left: 50%;
	transform: translateX(-50%);
	bottom:-17px;
}
.section_timeline_r li .timeline_line::before{
	display: block;
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border:1px dashed #2467f4;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
}
.section_timeline_r li::after{
	display: block;
	width: 44px;
	height: 22px;
	content: "";
	background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/time-img3.png) no-repeat center;
	position: absolute;
	right: -20px; 
}
.section_timeline_r li.list1{padding-top: 60px;}
.section_timeline_r li.list1 .timeline_line{height:45px;}
.section_timeline_r li.list2{padding-top: 10px;}
.section_timeline_r li.list2 .timeline_line{height:119px;}
.section_timeline_r li.list3{padding-top:79px;}
.section_timeline_r li.list3 .timeline_line{height:50px;}
.section_timeline_r li.list4{padding-top:38px;}
.section_timeline_r li.list4 .timeline_line{height:91px;}
.section_timeline_r li.list5{padding-top:20px;}
.section_timeline_r li.list5 .timeline_line{height:85px;}
.section_timeline_r li.active .timeline_icon::after{border: 1px dashed #f55002;}
.section_timeline_r li.active .timeline_icon{background: #f55002;}
.section_timeline_r li.active .timeline_line{border: 1px dashed #f55002;}
.section_timeline_r li.active .timeline_line::after{background: #f55002;}
.section_timeline_r li.active .timeline_line::before{border: 1px dashed #f55002;}
.section_timeline_r li:nth-child(1)::after{top: 110px;transform:rotate(-14deg);}
.section_timeline_r li:nth-child(2)::after{top: 95px; transform:rotate(40deg);}
.section_timeline_r li:nth-child(3)::after{top: 115px; transform:rotate(-12deg);}
.section_timeline_r li:nth-child(4)::after{top: 75px; transform:rotate(-5deg);}
.section_timeline_r li:nth-child(5)::after{top: 75px; transform:rotate(40deg);}
.section_timeline_r li:nth-child(6)::after{top: 110px; transform:rotate(36deg);}
.section_timeline_r li.active::after{
	background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/time-img2.png) no-repeat center;
}
.section_timeline_r li:nth-child(7)::after{display: none;}

/* 竞价模块 */
.section_price{width: 100%;}
.section_price_list{
	float: left;
	width: 32%;
	border-radius: 4px;
	overflow: hidden;
	padding-right: 20px;
	padding:20px;
	margin-right: 2%;
	padding-bottom: 30px;
}
.section_price_list:nth-child(1){background: #fff3ee;}
.section_price_list:nth-child(2){background: #eaf8ff;}
.section_price_list:nth-child(3){border-right: 0;background: #fff6e2;margin-right:0;}
.section_price_list h4{
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	line-height: 1;
	padding-left: 15px;
	margin-bottom: 15px;
	position: relative;
}
.section_price_list h4::after{
	position: absolute;
	display: block;
	content: "";
	width: 4px;
	height: 100%;
	background: #ff7e4b;
	left: 0;
	top: 0;
}
.section_price_list:nth-child(2) h4::after{background: #3eb7f3;}
.section_price_list:nth-child(3) h4::after{background: #ffbb37;}
.section_price_list li{
	width: 33.33%;
	float: left;
	text-align: center;
	margin-top: 10px;
	display:flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.section_price_list li .price_list_cont{
	width: 100px;
	height: 108px;
	background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/major2.png) no-repeat;
	background-size: 100% 100%;
	padding-top:24px;
}
.section_price_list li p{
	font-size: 14px;
}
.section_price_list li i{
	font-size: 30px;
	color: #2467f4;
	line-height: 1.2;
}
.price_bg1 li .price_list_cont i{color:#ff7e4b;}
.price_bg2 li .price_list_cont i{color:#3eb7f3;}
.price_bg3 li .price_list_cont i{color:#ffbb37;}
.price_bg1 li:hover .price_list_cont{background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/major_hover1.png) no-repeat;background-size: 100% 100%;}
.price_bg2 li:hover .price_list_cont{background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/major_hover2.png) no-repeat;background-size: 100% 100%;}
.price_bg3 li:hover .price_list_cont{background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/major_hover3.png) no-repeat;background-size: 100% 100%;}
.section_price_list li:hover p{
	color: #fff;
}
.section_price_list li:hover i{
	color: #fff;
}

/* 课程 */
.section_box_three{height: 520px;}
.section_course li{
	width: 100%;
	height: 120px;
	border-radius: 4px;
	margin-bottom: 16px;
	overflow: hidden;
	padding: 20px;
	padding-left: 130px;
	position: relative;
	z-index: 1;
}
.section_box_three .section_events li{
	display: block;
	position: relative;
	opacity: 1;
	height: auto;
}
.section_course li:nth-child(1){background: #fff6e2;}
.section_course li:nth-child(2){background: #f1f6ff;}
.section_course li:nth-child(3){background: #fff3ee; margin-bottom:0;}

.section_course li .section_course_img{
	position: absolute;
	left: 0;
	top: 0;
}
.section_course li .section_course_txt h6{
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
}
.section_course li .section_course_txt p{
	font-size: 14px;
	line-height: 1.4;
	color:#666;
}
.section_box_three .section_events li:hover{transform: translateY(-5px);}

.section_premium li{
	float: left;
	width: 230px;
	margin: 0;
	margin-right:15px;
	border-radius: 4px;
}
.section_premium li a{display: block; padding:0;}
.section_premium li:nth-child(3n){margin-right: 0;}
.section_premium li:nth-child(1){margin-bottom: 0;}
.section_premium li .section_premium_img{
	width: 100%;
	height: 130px;
	border-radius: 4px;
	overflow: hidden;
}
.section_premium li .section_premium_img img{width: 100%;}
.section_premium li .section_premium_txt{
	padding:5px 0 10px 0;
}
.section_premium li .section_premium_txt h6{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 6px;
}
.section_premium li .section_premium_txt p{
	font-size: 14px;
	color: #ea1c1c;
	overflow: hidden;
}
.section_premium li .section_premium_txt p .price{text-decoration: line-through; font-style: italic;margin-right: 5px;color:#999; font-size:12px;}
.section_premium li .section_premium_txt p > span:nth-child(2){
	color:#999;
	float: right;
}
.section_premium li a::after{display: none;}
.section_premium li:hover{
	transform: translateY(-5px);
}
.section_box_three .section_message .section_box_title h2 > a{color:#333; font-weight: bold;}
/* 二维码 */
.section_code{
    width: 100%;
    overflow: hidden;
    height: 120px;
}
.section_code li{
	width: 24.25%;
	margin-right: 1%;
	height: 100%;
	background: #fff;
	border-radius: 4px;
	float: left;
	cursor: pointer;
	padding: 15px;
	position: relative;
}
.section_code li:nth-child(4){margin-right: 0;}
.section_code li .section_code_img{
	float: left;
	width: 90px;
	height: 90px;
	overflow: hidden;
}
.section_code li .section_code_img img{width: 100%;}
.section_code li .section_code_txt{
	position: absolute;
	right:20px;
	top: 50%;
	transform: translateY(-50%);
	width: 150px;
}
.section_code li .section_code_txt h6{
	font-size: 18px;
	font-weight: bold;
}
.section_code li .section_code_txt p{
	font-size: 14px;
	color: #999;
}
/* 品宣 */
.section_bg1{
	background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/style-bg1.png) #004be8 no-repeat center;
}
.section_brand{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 100px;
}
.section_brand li{
	display: inline-block;
	text-align: center;
	padding-right: 125px;
}
.section_brand li:nth-child(4){padding-right: 0;}
.section_brand li h6{
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}
.section_brand li h6 span{
	font-size: 60px;
	color: #ffdc99;
	font-weight: bold;
	line-height: 1;
}
.section_brand li h6 span.section_brand_pe{
	position: relative;
	padding-right: 40px;
}
.section_brand li h6 span em{
	font-size: 40px;
	position: absolute;
	right: 0;
	top: 10px;
}
.section_brand li p{
	font-size: 20px;
	color: #fff;
}


/* 线下学习中心 */
.section_bg2{background: #004be8; margin-top:0;}
.section_city{
	width: 100%;
	padding-bottom: 80px;
}
.section_city .section_box_title{padding-top: 40px;}
.section_city .section_box_title h2{color: #fff;text-align: center;}
.section_city_ul>li{
	width:110px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	text-align: center;
	font-size: 16px;
	margin-right:26px;
	margin-bottom: 16px; 
	border-radius: 4px;
	float: left;
	cursor: pointer;
}
.section_city_ul>li:last-child{margin-right: 0;}
.section_city_ul>li:nth-child(9n){margin-right: 0;}
.city_location{
	width: 100%;
	margin-top: 20px;
	background: #2467f4;
	overflow: hidden;
	margin-bottom:15px;
}
.city_location .city_location_list{
	width: 100%;
	display: none;
	height: 185px;
	padding: 20px;
}
.section_city_ul>li.active{background: #2467f4; color:#fff;}
.section_city_ul>li:hover{background: #2467f4; color:#fff;}
.city_location .city_location_list.active{display: block;}
.city_location_list ul{height: 100%;}
.city_location_list ul>li{
	overflow: hidden;
	position: relative;
	height: 100%;
}
.city_location_list ul>li .city_list_l{
	position: absolute;
	display: none;
	width: 49%;
	left: 0;
	top: 25%;
	background: #2467f4;
}
.city_location_list ul>li .city_list_l.active{display: block;}
.city_location_list ul>li .city_list_l li{ height: 100%;}
.city_location_list ul>li .city_list_l p{
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.city_location_list ul>li .city_list_r{
	max-width: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.city_location_list ul>li .city_list_r span{
	display: block;
	width: 108px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	background:#004be8;
	color: #fff;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	float: left;
	margin:10px 10px 0 0;
}
.city_location_list ul>li .city_list_r span:nth-child(5n){margin-right: 0;}
.city_location_list ul>li .city_list_r span.active{background: #fff; color:#333;}
.city_location_list ul>li .city_list_r span:hover{background: #fff; color:#333;}
.city_location_list ul>li .city_list_r span:nth-child(1){margin-top: 0;}
.city_location_list ul>li .city_list_r span:nth-child(2){margin-top: 0;}
.city_location_list ul>li .city_list_r span:nth-child(3){margin-top: 0;}
.city_location_list ul>li .city_list_r span:nth-child(4){margin-top: 0;}
.city_location_list ul>li .city_list_r span:nth-child(5){margin-top: 0;}

/* 备案底部 */
#footer {
    width: 100%;
    padding: 10px 0 30px;
    background: #282828;
    color: #666;
    z-index: 1000;
}
#footer .footer-wrapper {
    margin: 0 auto;
    background: #282828;
    width: 1200px;
}
#footer .footer-wrapper .footer-wrapper-top{display: none;}
#footer .footer-wrapper .space-footer-bottom{
	margin-top: 20px;
	position: relative;
}
#footer .footer-wrapper .footer-wrapper-bottom .copyrightLink {
    position: absolute;
    right: 0;
}
.copyrightLink > a {color: #666;}

/* 动画 向下 */
@keyframes bounceInDown {
 from {
    opacity: 0;
    -webkit-transform: translate3d(0, -60%, 0);
    transform: translate3d(0, -60%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* 动画 小到大 */
@keyframes slideInDown{
 from {
		margin-top: 20px;
   }
   to {
		margin-top: 0;
   }
 }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

/* 屏幕尺寸 */
/* 导航 */
@media screen and (max-width: 1600px){
	.tqedu_head{padding:0 3%;}
}
@media screen and (max-width: 1500px){
	.tqedu_contact_tall{display: none;}
	.tqedu_head{padding:0 2%;}
	.brand_top .brand_close{right: 1.5%;}
}

@media screen and (max-width: 1200px){
	.tqedu_head{min-width: 1200px; padding:0 3%;}
	.banner_cont{min-width: 1200px;}
	.taedu_form{min-width: 1200px;}
	.section_box{min-width: 1200px;}
	.brand_top{min-width: 1200px;}
	.brand_top .brand_close{right: 0;}
}

/* 53客服 */
.fixed53{z-index: 9999;position:fixed; right: 0; top: 30%; width:70px;padding: 9px;box-sizing: border-box;border-radius: 8px;background:linear-gradient(to right, #2467f4 0%, #528aff 100%); border:2px solid #fff; box-shadow: 0px 0px 10px 0px rgba(36, 103, 244, 0.4);}
.fixed53 li{border-bottom: 1px solid #fff; text-align: center; position: relative; cursor: pointer; padding:15px 0;}
.fixed53 li p{color: #fff; font-size: 12px;white-space:nowrap;}
.fixed53 li .app_box{display: none; position: absolute; width:320px;height: 120px;left: -320px; top: 50%; transform: translateY(-50%);}
.fixed53 li .app_box_cont{position: absolute; padding: 10px; width: 290px;height: 100%;  background: #fff; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(36, 103, 244, 0.4);}
.fixed53 li .app_box_cont::after{display: block; content: "";width: 0; height: 0; border: 10px solid;border-color: transparent transparent transparent #fff;position: absolute; top: 50%;transform: translateY(-50%);right: -20px;}
.fixed53 li .app_box_cont>img{display: block; float: left; width: 100px;}
.fixed53 li .app_box_cont>span{float: right; text-align: left; width: 140px;padding-right: 10px;padding-top: 10px;}
.fixed53 li .app_box_cont h6{font-size: 20px;}
.fixed53 li .app_box_cont p{font-size: 14px; color: #999;white-space:pre-line;}
.fixed53 li:hover .app_box{display: block;}
.fixed53 li i{font-size: 32px; color: #fff; line-height: 1;}
.fixed53 li.back_top{padding:0; border:0;}
.fixed53 li.back_top i{font-size: 26px;}