@charset "utf-8";
/* CSS reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th,td {margin: 0;padding: 0;}
ul{ list-style:none;}
body{font-family:"微软雅黑","microsfot "; color: #2f2f2f; font-size: 16px;overflow-x: hidden;background: #fff;}
ul li{list-style:none;}
img{border:0; vertical-align: middle;max-width: 100%}
a,a:hover { text-decoration: none;-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
i,em{ font-style: normal;}
table{ border-collapse:collapse; content:"";}
.clearfix{ clear: both; overflow: hidden;}
.z-in{ position: relative; z-index:1}

.s_banner .s-pic{display: block; text-align: center;}
.s_banner .m-pic{display: none;}
*,*:before,*:after{box-sizing:border-box;}
.tqedu-head{box-sizing: initial;}




/*清除浮动*/
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}

/*手机顶部返回栏and手机底部版权栏*/
.pc_none{display:none !important;}
.pc_none .footer{margin-bottom: 50px;}

.copyright{display: none;}



/*顶部图片*/
.s_banner .s-pic { display: block;}
.s_banner .m-pic { display: none;}

/*内容标题*/
.n_title > h1 {
    margin: 0;
    padding: 55px 0;
    font-size: 42px;
    text-align: center;
}
.n_title > h2 {
    margin: 0;
    padding: 55px 0;
    font-size: 42px;
    text-align: center;
}
.color-white{color: #fff !important;;}

/*内容部分尺寸*/
.min-w{width:1200px; margin:auto;}


/*预约背景*/
.bg-consult {
    background: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/birdplan/images/consult-bg.jpg) no-repeat;
    background-size: cover;
    padding: 55px 0;
}
.bg-consult1{
     background: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/birdplan/images/consult-bg1.jpg) no-repeat;
}
.bg-consult2{
     background: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/birdplan/images/consult-bg2.jpg) no-repeat;
     margin-top:0;
      background-size: 100% 100%;
}


/**讲座**/
.bg-grey{
    background: #f2f2f2;
}
.other-active-con ul{
    text-align: center;
}
.other-active-con ul li {
    margin-top: 15px;
    width: 24%;
    display: inline-block;
    text-align: left;
}
@media screen and (min-width: 1000px){
.other-active-con ul li:nth-last-child(2):first-child, .other-active-con ul li:nth-last-child(2):first-child ~ li{ width: calc(100% / 4);}
}


.other-active-list{ width:98%; position: relative; background: #fff; border-radius: 5px; margin: 0 20px 0 0;}
.other-active-list .campus-pic{ width:100%; height:auto; border-radius: 5px 5px 0px 0px; position: relative; overflow:hidden;}
.other-active-list .campus-pic a img { vertical-align: middle; border: none; width: 100%; -webkit-transition: .1s; transition: .1s; display: block;}
.other-active-list .campus-pic a img:hover{ opacity:0.8;}
.campus-active-info{ border-bottom: 1px solid #eee; padding: 11px 20px 13px; position: relative;}
.campus-info-title {
    margin-top:10px;
    margin-bottom: 10px;
    position: relative;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.campus-info-title a {
    font-size:18px;
    color:#0e0e0e;
    display: inline-block;
    float: left;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.campus-info-title a:hover{ color:#ff6600;}
.campus-info-time {
    font-size: 12px;
    color: #bbb;
    margin-bottom: 15px;
}
.campus-active-info p:nth-child(3).campus-info-time {height:36px;}

.campus-info-item {
    font-size: 12px;
    color: #bbb;
    overflow:hidden;
}
.display-addtime{ float:left;}
.display-read{ float:right;}


.campus-active-btn {
    padding: 15px 20px 15px 0;
    font-size: 12px;
    position: relative;
    overflow:hidden;
}
.campus-btn{ float:right;}
.campus-btn a{ display:block; padding:10px; background:#408ed6; color:#fff; border-radius:5px; text-align:center; border:1px solid #408ed6}
.campus-btn a:hover{ border:1px solid #ff6600; background:#ff6600; color:#fff;}

.campus-map{ float:left;}
.campus-map a{ display:block; padding:10px; background:#fff; color:#408ed6; border-radius:5px; text-align:center; border:1px solid #408ed6}
.campus-map a:hover{ border:1px solid #3266a5; background:#3266a5; color:#fff;}

.campus-active-info i,.campus-map a i{ margin-right:10px; font-size:14px;}

.other-active-con ul{ width:100%;}
.campus-active-btn{padding:15px 10px;}
.campus-btn{width:50%;}
.campus-map{width:50%;}

.campus-btn a,.campus-map a{padding:10px 0;    width: 90%;margin: 0 auto;}



/**在线预约**/
.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 20px 0 20px; overflow:hidden;}
.online-sub-left,.online-sub-right{ float:left; width:50%;}

.online-form{ 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: 16px;
    color: #fff;
    background: #408ed6;
    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:#1f6fbf;}
.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:250px;}

.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;}
/**在线预约end***/

/*分校名片*/
.area-info{ margin:15px 0; background:#fff; overflow:hidden;}
.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;}

/**分校名片end**/

/*弹框按钮*/
.sub-horizontal .btn {    height: auto;}

/* 数字品牌*/
.footer-data{
	padding:60px 0;
	background:url(http://www.tqedu.net/Template/Default/Skin/2021/MBAattackimg/bg_02.png) no-repeat;
	position: relative;
	background-size: cover;
}
.footer-data-box{
	display: flex;
	flex-wrap: wrap;
}
.footer-data-box li{
	width: 25%;
	color:#fff;
	text-align: center;
	position: relative;
}
.footer-data-box li span{
	font-size: 72px;
	font-weight: bold;
	line-height: 72px;
	color:#ffe1af;
}
.footer-data-box li em{
	right: 0;
	display: inline-block;
	position: absolute;
	top: -10px;
	font-size: 40px;
	color:#ffe1af;
}
.local-form select:focus,.local-form input:focus{
	outline: none;
}
.deve-course{
	position: relative;
}
.deve-course .point,.sp_header,.a_txt{
	display: none;
}

@media screen and (max-width: 1000px){
    body{font-size: 14px;}
/*顶部返回*/
.pc_none{display:block !important;}

/*中间类容*/
.n_cont {    width: 100%; margin: auto;}
.min-w {  padding:0 3%;  width: 100%; margin: auto;}
/*宣讲会部分*/
.bg-consult .min-w{ padding:0 2%;}

/*顶部图片*/
.s_banner .s-pic {    display: none;}
.s_banner .m-pic {    display: block;}
/*底部隐藏*/
.bg-consult2 {    display: none;}

.copyright{display: block;}


/*内容标题*/
.n_title > h1{
    font-size: 24px;
    padding:20px 0;
}
.n_title > h2{
    font-size: 24px;
    padding:20px 0;
}

/*讲座*/
.bg-consult{padding:22px 0 !important; width:100%; background: #e0e0e0;}

.other-active-con ul li{width: 49% !important; float: left;margin-right: 2%;}
.other-active-con ul li:nth-child(2n){margin-right: 0;}
.other-active-con ul li .other-active-list{ width: 100%;}

.display-addtime{float: none; display: block;}
 .display-read{float: none; display: block;}

.campus-active-info{padding: 11px 5px 13px;}
.campus-info-time{height: 36px; overflow: hidden;}

/*预约框*/
.online-sub-left{    width: 100%;}
.online-sub-right {   display: none;}

/*手机顶部返回栏and手机底部版权栏*/
.ph_block{display:block;}
.back-btn{display: block;padding: 10px 15px;top: 10px;left: 10px;border-radius: 0px;background: #393939;color: #fff;text-align: center;}


/*底部联系我们*/
.area-info-left{float: none; width: 100%;}
.area-info-right{float: none; width: 100%;}
.area-info-con ul li{float: none; width: 100%;}

/*底部切换栏*/
.aui-bar.aui-bar-tab{
    display:block !important;
    padding:0 !important;
    }
.aui-bar-tab {
    position: fixed;
    top: auto;
    bottom: 0;
    table-layout: fixed;
    background-color: #ffffff;
    color: #757575;
}
.aui-bar-tab .aui-bar-tab-item {
    display: table-cell;
    position: relative;
    width: 1%;
    height: 52px;
    text-align: center;
    vertical-align: middle;
}
.aui-bar-tab .aui-bar-tab-item i.iconfont{
    font-size:20px;}
.aui-bar-tab .aui-bar-tab-item a{
    color:#666;
}
.aui-bar-tab .aui-active {
    color: #039be5;
    font-weight:bold;
}
.aui-bar-tab .aui-active{
    color:#666;}
.aui-bar-tab .aui-bar-tab-item .aui-iconfont {
    position: relative;
    z-index: 20;
    top: 0.1rem;
    height: 1.2rem;
    font-size: 1rem;
    line-height: 1rem;
}
.aui-bar-tab .aui-bar-tab-label {
    display: block;
    font-size: 0.8rem;
    position: relative;
}
.aui-bar-tab .aui-badge {
    position: absolute;
    top: 0.1rem;
    left: 55%;
    z-index: 99;
}
.aui-bar-tab .aui-dot {
    position: absolute;
    top: 0.1rem;
    right: 30%;
    z-index: 99;
}


/* 手机版底部浮动标签 */
.ph_footer{margin-bottom: 50px;}

.pc_none #footer { margin-bottom: 0;}

/*数字品牌*/
.footer-data-box li{
		width:50%;
	}
.footer-data-box li:nth-of-type(1),.footer-data-box li:nth-of-type(2){
	margin-bottom:40px;
}
.footer-data-box li span{
	font-size: 38px;
}


}



/* 2021.3.16专题模板中样式 */
.copyrightLink img{    width: auto;}
@media (max-width: 480px){
.s_form img {
    width: auto;
}
}

/* 底部菜单栏 2022/9/8*/
/* 版权信息 */
.copyright{
    background: #fafafa;
    padding:10px 20px;
    text-align: center;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.copyright a{color: #999;}
/* 底部固定 */
footer{
    width: 100%;
    height: 60px;
    background: #fff;
    z-index: 1000;
}
.ph_footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 60px;
    margin: 0;
    background: #fff;
    box-shadow: 0px 0px 5px 0px #8eaff352;
    z-index: 1000;
}
.ph_footer li{
    float: left;
    width: 33.33%;
    text-align: center;
    font-size: 16px;
}
.ph_footer li a{
    display: block;
    padding: 0;
}
.ph_footer li i{
    font-size: 26px;
    line-height: 1.2
}
.ph_footer li a{
    color: #999;
}
.ph_footer li a.active{
    color: #2467f4;
}







/* 2022/11/8 弹框新样式 */
/* .layui-layer{background: transparent !important; left: 100px;box-shadow: none !important;position: fixed !important;top: 100px !important;left: 50% !important;transform: translateX(-50%) !important;height: 630px !important;} */

.layui-layer{background: transparent !important; left: 100px;box-shadow: none !important;height: 630px !important;}
.layui-layer-page .layui-layer-content{height: 630px !important;}
.submit-layer{background: url(http://www.tqedu.net/Template/Default/Skin/group/2022img/layer-mask.png) no-repeat center; background-size: 100% 100%; height: 630px;padding: 60px 0;}
.sub-layer-l{display: none;}
.sub-layer-title{padding: 180px 60px 5px 76px;width: 100%;}
.sub-layer-title h3{display: none;}
.sub-layer-title em{font-size: 22px;font-weight: bold;color: #fff;text-align: left;line-height: 1.2; height: 60px;}
.sub-layer-r{padding:0 60px;overflow: hidden;}
.sub-horizontal{background: transparent;}
.sub-horizontal .sub-group{width: 100%;margin-bottom: 15px;}
.sub-horizontal .btn{background: linear-gradient(90deg,#ffe381 0%, #ffb267 100%);color: #333;transition: all 0.3s;}
.sub-horizontal .btn:hover{background: linear-gradient(90deg,#ff6600 0%, #ff6600 100%);color: #fff;}
.sub-control{width: 100%;}
.sub-Privacy{padding:0 60px;}
.sub-Privacy p{color:#fff;padding:0 20px;font-size: 14px; padding-bottom: 20px;}
.layui-layer-setwin .layui-layer-close2{top: 50px !important;right: 30px !important;}
.sub-horizontal .sub-group i{color: #1937c7;    top: 50%; transform: translateY(-50%);}
.layui-layer-ico{background-image: url(http://www.tqedu.net/Template/Default/Skin/group/2022img/icon.png) !important; }

.layui-layer-dialog{width: 260px !important;height: auto !important; background: #fff !important;} 

/* .layui-layer-dialog{width: 260px !important;height: auto !important; background: #fff !important;top: 200px !important;} */

@media screen and (max-width: 800px){
    /* .layui-layer{width: 100% !important; top:50px !important;height: auto !important;} */
   .layui-layer{width: 100% !important;height: 100% !important;}
   .layui-layer-page .layui-layer-content{height: auto !important;}
   .submit-layer{height: auto!important; }
   .submit-layer{padding:30px 0;}
   .sub-layer-title em{font-size: 18px;height: auto;}
   .sub-layer-r{padding: 0 35px;}
   .layui-layer-setwin .layui-layer-close2{right: 15px !important;}
   .sub-horizontal .sub-group{margin-bottom: 10px;}
   .sub-Privacy p{padding: 0; font-size: 12px;}
   .sub-layer-title{padding:170px 60px 0px 54px;}
   .sub-Privacy{ padding: 0 56px; padding-bottom: 30px;}
   .sub-yy{    padding: 0px 20px;}
   
   .layui-layer-dialog{width:auto !important;height: auto !important;top: 100px !important; } 
}

@media screen and (max-width: 380px){
    /* .layui-layer{top:0 !important; } */
    /* .layui-layer-dialog{top:100px !important; } */
}
#topcontrol{z-index: 100;}
*{transition: all 0.3s;}

.section{padding-bottom: 0;}


.sectionbg{background:url(http://www.tqedu.net/Template/Default/Skin/2022/images/tm-xly-bg.png);}
.sectionbgColor{background:#5991fb; padding-bottom: 50px;}
.color-white

.n_title{padding: 50px 0;}
.n_title > h2{font-size:36px; color: #333; }
.n_title >p{font-size: 22px; font-weight: bold; text-align: center;text-transform: uppercase;
	-webkit-text-fill-color: white; -webkit-text-stroke-color: #333; -webkit-text-stroke-width: 1px; text-fill-color:white;text-stroke-color: #333;text-stroke-width: 1px;
}

.tm_xly_three{padding-top: 70px;}
.tm_xly_three li{width:32% ; margin-right: 2%; float: left; padding: 15px; background: #fff;}
.tm_xly_three li:last-child{margin-right: 0;}
.tm_xly_three li .tm_xly_three_cont{border:1px dashed #8bcaff; padding: 30px 0; padding-left: 120px; position: relative;}
.tm_xly_three li .tm_xly_three_cont .tm_xly_three_icon{position: absolute; border-radius: 50%; width: 80px;height: 80px;background: linear-gradient(45deg,#80b9ff 0%, #a2ffe8 100%); 
	display: flex; justify-content: center; align-items:center; color: #fff; left:20px;}
.tm_xly_three li .tm_xly_three_cont .tm_xly_three_icon i{font-size: 40px; }
.tm_xly_three li .tm_xly_three_cont h6{font-size: 20px; font-weight: bold;}
.tm_xly_three li .tm_xly_three_cont p{color:#5f5e5e;}
.tm_xly_three li:hover{box-shadow: -20px 0px 40px 20px rgba(85,149,181,0.23); }


.tm_xly_classroom{background: #e3fffc;border-radius: 0px 60px 0px 60px; overflow: hidden;}
.tm_xly_classroom li{width: 33.3%;  height: 170px; float: left; position: relative; padding: 30px;}
.tm_xly_classroom li:nth-child(1){background: #f3faff;border-radius: 0px 60px 0px 60px; padding-left: 150px;}
.tm_xly_classroom li:nth-child(2){background: #fffce4; border-radius: 0px 60px 0px 0px; padding-left: 160px;}
.tm_xly_classroom li:nth-child(3){background: #e3fffc;border-radius: 0px 60px 0px 0px; padding-left: 170px;}
.tm_xly_classroom::before{display: block; content: ""; width: 80px; height: 80px;background: #fffce4; position: absolute;left: 37%;}
.tm_xly_classroom li img{position: absolute; top: 50%; transform: translateY(-50%); left: 60px;}
.tm_xly_classroom li h6{font-size: 20px;font-weight: bold;}
.tm_xly_classroom li:nth-child(1) h6 em{color:#3f96f3; }
.tm_xly_classroom li:nth-child(2) h6 em{color:#ffa749; }
.tm_xly_classroom li:nth-child(3) h6 em{color:#00cdcb; }
.tm_xly_classroom li h6 em{font-size: 32px;font-weight: bold; padding-right: 5px;}
.tm_xly_classroom li p{color:#5f5e5e;}

.students_ph{width: 100%; display: none;padding-left: 10px;}
.students_ph .students_ph_li{width: 100%; font-size: 18px; padding: 10px 15px 10px 20px; background: #fff; margin-bottom: 15px;position: relative;}
.students_ph .students_ph_li::after{position: absolute; display: block; content: ""; left: -10px; top: 50%; transform: translateY(-50%);
	width: 0; height: 0;border-top:10px solid transparent; border-bottom:10px solid transparent;border-right:10px solid #FFF;}

.tm_xly_teacher{    padding-top: 50px;}
.tm_xly_teacher li{width:31.3% ; margin-right: 2%;  height: 360px; float: left;background: #fff; position: relative; padding: 20px; margin-bottom: 8%; border-radius: 10px;}
.tm_xly_teacher li:last-child{margin-right: 0;}
.tm_xly_teacher li .teacher_photo{width: 100px; height: 100px; display: block; background: #fff; border-radius: 50%; position: relative; left: 50%; margin-left: -50px; top: 10px; overflow: hidden;}
.tm_xly_teacher li .teacher_photo img{width: 100%;}
.teacher_photo_white{width: 120px; height: 120px; display: block; background: #fff; border-radius: 50%; position: absolute; left: 50%; margin-left: -60px; top: -50px; overflow: hidden;}
.tm_xly_teacher li .teacher_name{position: relative;    text-align: center;    margin-top: 60px;}
.tm_xly_teacher li .teacher_name h6{font-size: 24px; font-weight: bold;}
.tm_xly_teacher li .teacher_name p{color: #b7b6b6; font-size: 14px;}
.tm_xly_teacher li>p{color:#5f5e5e; padding-top: 20px; width: 96%; margin: 0 auto;}

.tm_xly_course li{width:32% ; margin-right: 2%;  height: 310px; float: left; background: linear-gradient(to right,#80b9ff 0%, #a2ffe8 100%);border-radius: 10px 10px 0px 0px;}
.tm_xly_course li:last-child{margin-right: 0;}
.tm_xly_course li h5{font-size: 20px; font-weight: bold; color: #fff; padding-left: 40px; line-height: 40px;}
.tm_xly_course li .tm_xly_course_cont{border-radius: 0px 60px 0px 0px; background: #fff; height: 270px; padding: 30px;}
.tm_xly_course li .tm_xly_course_cont h6{font-size: 20px; font-weight: bold; height: 64px;}
.tm_xly_course li .tm_xly_course_cont p{font-size: 14px; color: #b7b6b6; height: 44px;}
.tm_xly_course li .tm_xly_course_cont span{font-weight:bold; margin-top: 20px; display: block; width: 100%;padding: 16px 20px; background:#f3faff; color:#5f5e5e;}

.tm_xly_welfare{width:100%; background:linear-gradient(to right, #fff0 0%, #fff 40%);}
.tm_xly_welfare .tm_xly_welfare_l{width: 600px; height: auto;float: left; box-shadow: -16px 0px 30px 16px rgba(141,195,255,0.20); padding: 30px; background: #fffce4;text-align: center;}
.tm_xly_welfare .tm_xly_welfare_l h5{font-weight: bold;font-size: 30px; line-height: 46px;margin-bottom: 25px; text-align: center;}
.tm_xly_welfare .tm_xly_welfare_l h5 span{ color: #ffa749;}
.tm_xly_welfare .tm_xly_welfare_l a{ display: inline-block; margin: 20px auto; padding: 20px 100px; background: #e08b33; color: #fff; border-radius: 50px;}
.tm_xly_welfare .tm_xly_welfare_l a:hover{ background: #d4750f;}
.tm_xly_welfare .tm_xly_welfare_r{width: 600px; height: auto;float: left; box-shadow: -16px 0px 30px 16px rgba(141,195,255,0.20); padding: 30px; background: #e3fffc;text-align: center;}
.tm_xly_welfare .tm_xly_welfare_r h5{font-weight: bold;font-size: 30px; line-height: 46px;margin-bottom: 25px; text-align: center;}
.tm_xly_welfare .tm_xly_welfare_r h5 span{ color: #11a4a3;}
.tm_xly_welfare .tm_xly_welfare_r a{ display: inline-block; margin: 20px auto; padding: 20px 100px; background: #11a4a3; color: #fff; border-radius: 50px;}
.tm_xly_welfare .tm_xly_welfare_r a:hover{ background: #086868;}
.tm_xly_welfare .tm_xly_welfare_r .schedule tr:nth-of-type(2n) td { background: #c9fff9; }
.tm_xly_welfare .tm_xly_welfare_r .schedule tr th { background: #11a4a3; color: #fff; font-weight: bold; font-size: 16px; }

.schedule { width: 100%; border-top: 1px solid #333; border-left: 1px solid #333; }
table { border-collapse: collapse; content: ""; }
.schedule tr th,.schedule tr td { border-bottom: 1px solid #333; border-right: 1px solid #333; font-size: 14px; text-align: center; color: #333; line-height: 1.25; padding: 10px 15px; }
.schedule tr th,.schedule tr td { padding: 30px 15px; }
.schedule tr th { background: #e08b33; color: #fff; font-weight: bold; font-size: 16px; }
.schedule tr td.ok { color: #f8faff }
.schedule tr td { width: 20%; }
.schedule tr td:nth-of-type(4) { width: 40%!important; }
.schedule tr:nth-of-type(2n) td { background: #fef8cc; }
.mark { display: block; font-size: 18px; color: #ff6666; margin: 20px 0; padding: 15px; background: #fff6e0; }
.schedule_prep tr th:nth-of-type(1),.schedule_prep tr th:nth-of-type(3) { width: 16% !important; }
.schedule_prep tr th:nth-of-type(2n) { width: 33% }

.tm_xly_yy{width: 100%; height: 400px;    margin-bottom: 60px;}
.tm_xly_yy .tm_xly_yy_l{width: 400px; height: 100%; background: linear-gradient(to right,#80b9ff 0%, #a2ffe8 100%); float: left; text-align: center;}
.tm_xly_yy .tm_xly_yy_l h5{font-size:20px; font-weight: bold;padding: 40px 0 30px 0;}
.tm_xly_yy .tm_xly_yy_l p{margin-top: 30px;}
.tm_xly_yy .tm_xly_yy_r{width: 800px; float: right; height: 100%; background: #fff; padding: 30px 40px;}
.tm_xly_yy .tm_xly_yy_r h3{font-size: 20px;padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.tm_xly_yy .tm_xly_yy_r .form_group{    width: 100%;margin-bottom: 20px; position: relative;}
.tm_xly_yy .tm_xly_yy_r .form_group .form-input{ height: 60px; text-indent: 2em; background: #f3faff; border:0; font-size: 16px;box-shadow:none;padding-left: 30px;}
.tm_xly_yy .tm_xly_yy_r .form_group i { position: absolute; top:50%; transform: translateY(-50%); left: 30px;font-size: 18px; color: #85c3fb;transition: all 0.5s ease 0s;}
.tm_xly_yy .tm_xly_yy_r .form_group .btn{background: linear-gradient(to right,#80b9ff 0%, #a2ffe8 100%); border-radius: 34px; font-size: 20px; font-weight: bold; border: 0; height: 60px; color: #333;}

.mpacc_img{ padding-bottom: 50px; overflow: hidden;}
.mpacc_img li{width: 23.5%; margin-right: 2%;float: left; margin-bottom: 20px; cursor: pointer;transition: all 0.3s;}
.mpacc_img li:nth-child(4n){margin-right: 0;}
.mpacc_img li .img_txt{width: 100%; padding:15px 10px; text-align: center;background: #fff; border-radius: 0 0 5px 5px; font-size: 16px;transition: all 0.3s;}
.mpacc_img li:hover .img_txt{background: #5991fb; color: #fff;transition: all 0.3s;}
.mpacc_img li:hover{box-shadow: #97a9e1 2px 2px 0px 1px;border-radius:5px;}


.table-list {display:flex;width:100%;justify-content: space-between;}
.table-list li{width:24.5%;line-height: 58px;background:#d8dfff; text-align:center;font-size:20px; cursor: pointer;}
.table-list li.select{background:#fff;color:#333; font-weight: bold;}
.teach-box{background: #fff;padding: 50px;}
.teach-box .teach-info{width:48%;float:left;display: flex;justify-content: space-between;}
.teach-box .teach-info:nth-of-type(2n){float:right;}
.teach-box .teach-info:nth-of-type(2n-1){float:left;}
.teach-box .teach-info .teacher-area-item li{float:left;color:#999;font-size: 14px;}
.teacher-area-item li span{margin:0 10px;display:inline-block}
.teach_pic{width:120px;height:120px;overflow: hidden;border-radius: 50%;}
.teach_text{width:calc(100% - 120px);padding:10px 10px 0 10px;}
.teach_text h5{overflow: hidden;font-size: 20px;}
.teach_text h5 .teacher-area-item li{font-size:14px;color:#999;font-weight: normal;}
.teach_text p{font-size:14px;line-height: 1.85;min-height: 130px;margin: 26px 0;
	display: -webkit-box; 
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}
.teach_text .zixun{margin:0;}
.teach-box >ul >li{display: none;/* display: flex; */}
.teach-box >ul >li.select{display: block;}

.shjianzhang { width: 100%; border-top: 1px solid #333; border-left: 1px solid #333; }
.shjianzhang tr th,.shjianzhang tr td { border-bottom: 1px solid #333; border-right: 1px solid #333; font-size: 14px; color: #333; line-height: 1.25; padding: 10px 15px; }
.shjianzhang tr th,.shjianzhang tr td { padding: 15px; }
.shjianzhang tr th { background: #e08b33; color: #fff; font-weight: bold; font-size: 16px; }
.shjianzhang tr td.ok { color: #f8faff }
.shjianzhang tr td { width: 20%; }
.shjianzhang tr td:nth-of-type(4) { width: 40%!important; }
.mark { display: block; font-size: 18px; color: #ff6666; margin: 20px 0; padding: 15px; background: #fff6e0; }
.font-36{ font-size: 18px!important;}
.fb{ font-weight: bold;}
.text-center{ text-align: center;}

.sectionbg3 {
    background: url(http://www.tqedu.net/Template/Default/Skin/2023/images/style-bg1.png) no-repeat top;
}


@media screen and (max-width: 1000px){
	
	body{line-height: 1.4;}
	.section{padding-bottom: 30px;}
	
	.n_title{ padding: 10px 0 30px 0;}
	.n_title > h2{font-size: 28px;}
	.n_title >p{font-size: 14px;}
	
	.tm_xly_three{padding-top: 3%;}
	.tm_xly_three li{width: 100%;margin-bottom: 15px;}
	.tm_xly_three li .tm_xly_three_cont{padding-left: 90px;}
	.tm_xly_three li .tm_xly_three_cont .tm_xly_three_icon{width: 60px; height: 60px; left: 10px;}
	.tm_xly_three li .tm_xly_three_cont .tm_xly_three_icon i{font-size: 32px;}
	.tm_xly_three li .tm_xly_three_cont h6{font-size: 18px;}

    .table-list li {
        width: 24.5%;
        line-height: 58px;
        background: #d8dfff;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
    }
    .teach-box {
        background: #fff;
        padding: 3%;
    }
    .shjianzhang tr td {
        width: 32%;
    }
    .shjianzhang tr th, .shjianzhang tr td {
        padding: 5px;
    }


    .tm_xly_welfare .tm_xly_welfare_l {
        padding: 3%;
    }
    .schedule tr td {
        width: 24%;
    }
    .schedule tr th, .schedule tr td {
        padding: 10px;
    }
	
	.tm_xly_classroom{background: transparent; border-radius: 0;}
	.tm_xly_classroom li{width: 100%;margin-bottom: 15px; padding: 10px; height: 100px;}
	.tm_xly_classroom::before{display: none;}
	.tm_xly_classroom li img{left: 0; transform: translateY(-50%) scale(0.6);}
	.tm_xly_classroom li:nth-child(1){padding-left: 100px;border-radius: 0px 30px 0px 30px;}
	.tm_xly_classroom li:nth-child(2){padding-left: 100px;border-radius: 0px 30px 0px 30px;}
	.tm_xly_classroom li:nth-child(3){padding-left: 100px;border-radius: 0px 30px 0px 30px; margin-bottom: 0;padding-top: 20px;}
	.tm_xly_classroom li h6{font-size: 18px;}
	.tm_xly_classroom li h6 em{font-size: 22px;}
	
	.students_pc{display: none;}
	.students_ph{display: block;}
	
	.tm_xly_teacher li{width: 100%; margin-bottom: 80px; height: auto;}
	.tm_xly_teacher li .teacher_name h6{font-size: 18px;}
	.tm_xly_teacher li:last-child{margin-bottom: 0;}
	
	.tm_xly_course li{width: 100%; height: auto; margin-bottom: 15px;}
	.tm_xly_course li .tm_xly_course_cont{height: auto; padding: 20px;}
	.tm_xly_course li .tm_xly_course_cont h6{font-size: 18px; height: auto; padding-bottom: 10px;}
	.tm_xly_course li .tm_xly_course_cont p{height: auto;}
	.tm_xly_course li .tm_xly_course_cont span{padding: 10px;}
	.tm_xly_course li:last-child{margin-bottom: 0;}
	.tm_xly_course li h5{padding-left: 20px;}
	
	.tm_xly_welfare{background: transparent; height: auto;}
	.tm_xly_welfare .tm_xly_welfare_l{width: 100%; height: auto;  padding-top: 20px; margin-bottom: 15px;}
	.tm_xly_welfare .tm_xly_welfare_l h5{font-size: 30px; line-height:1.2;margin-bottom: 15px;padding: 10px 10px 10px 22px;}
	
	.tm_xly_welfare .tm_xly_welfare_r{width: 100%;padding: 20px; background: #fff;height: auto;}
	.tm_xly_welfare .tm_xly_welfare_r .welfare_r_wx{width:150px; padding: 10px;}
	.tm_xly_welfare .tm_xly_welfare_r .welfare_r_txt span{width: auto; font-size: 16px; padding: 0 10px; margin-top: 10px; line-height: 30px; height: 30px;}
	.tm_xly_welfare .tm_xly_welfare_r .welfare_r_txt span em{font-size: 30px;}
	.tm_xly_welfare .tm_xly_welfare_r .welfare_r_hand img{display: none;}
	.tm_xly_welfare .tm_xly_welfare_l h5::after{bottom: -18px;}
	
	.tm_xly_yy{height: auto; margin-bottom: 0;}
	.tm_xly_yy .tm_xly_yy_l{width: 100%; position: relative; height: 170px;}
	.tm_xly_yy .tm_xly_yy_l h5{font-size: 18px; padding: 20px 0; width: 60%; float: right; text-align: left;padding-top: 50px;}
	.tm_xly_yy .tm_xly_yy_l img{    position: absolute; left: 20px; transform: scale(0.6); transform-origin: left top;top: 28px;}
	.tm_xly_yy .tm_xly_yy_l p {margin-top: 0px; width: 60%; float: right; text-align: left;}
	
	.tm_xly_yy .tm_xly_yy_r{width: 100%; padding: 20px; height: auto;}
	.tm_xly_yy .tm_xly_yy_r h3{font-size: 18px; padding-bottom: 15px;}
	.tm_xly_yy .tm_xly_yy_r .form_group .form-input{height: 50px;}
	.tm_xly_yy .tm_xly_yy_r .form_group .btn{height: 50px;}
	

    .mpacc_img li {
        width: 48%;
        margin-right: 2%;
        float: left;
        margin-bottom: 20px;
        cursor: pointer;
        transition: all 0.3s;
    }

}

@media screen and (max-width: 390px){
	.tm_xly_welfare .tm_xly_welfare_r .welfare_r_txt{width: 100%;}
	.tm_xly_welfare .tm_xly_welfare_r .welfare_r_hand .hand_txt{text-align: center;}
	.tm_xly_welfare .tm_xly_welfare_r .welfare_r_hand .hand_txt br{display: none;}
	.tm_xly_welfare .tm_xly_welfare_r .welfare_r_wx{margin: 0 auto; float: none;}
	.tm_xly_yy .tm_xly_yy_l h5{width: 51%;}
	.tm_xly_yy .tm_xly_yy_l p{width: 51%;}
	
}