body{color: #333;}
#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);}

.n_title{padding: 50px 0;}
.n_title > h2{font-size:36px; color: #333; padding: 0;}
.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 li{width:32% ; margin-right: 2%;  height: 250px; float: left;background: #fff; position: relative; padding: 20px;}
.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%;padding: 10px; position: absolute; left: 20px; top: -20px;}
.tm_xly_teacher li .teacher_photo img{width: 100%;}
.tm_xly_teacher li .teacher_name{padding-left: 110px;}
.tm_xly_teacher li .teacher_name h6{font-size: 20px; 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%; height: 310px; padding-left: 22px;background:linear-gradient(to right, #fff0 0%, #fff 40%);}
.tm_xly_welfare .tm_xly_welfare_l{width: 610px; height: 310px;float: left; box-shadow: -16px 0px 30px 16px rgba(141,195,255,0.40); padding-top: 30px; background: #fff;}
.tm_xly_welfare .tm_xly_welfare_l h5{font-weight: bold;font-size: 20px; line-height: 46px;background: linear-gradient(to right, #80b9ff 0%, #a2ffe8 100%);
	border-radius: 10px 0px 0px 0px; position:relative; margin-left: -22px;padding-left: 22px; margin-bottom: 25px;}
.tm_xly_welfare .tm_xly_welfare_l h5::after{display: block; content: url(http://www.tqedu.net/Template/Default/Skin/2022/images/tm-xly-img1.png); position: absolute; left: 0; bottom: -29px;}
.tm_xly_welfare .tm_xly_welfare_l .welfar_txt{font-weight: lighter; color: #5f5e5e;padding:3px 0;padding-left: 50px; position: relative;}
.tm_xly_welfare .tm_xly_welfare_l .welfar_txt::after{display: block;content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 30px; top:50%; transform: translateY(-50%);}
.tm_xly_welfare .tm_xly_welfare_l .welfar_txt1::after{background: #87bcfe;}
.tm_xly_welfare .tm_xly_welfare_l .welfar_txt2::after{background: #ffe91d;}
.tm_xly_welfare .tm_xly_welfare_l .welfar_txt3::after{background: #00cdcb;}
.tm_xly_welfare .tm_xly_welfare_l span{font-size: 20px; font-weight: bold;color:#ffa749; line-height: 54px; width: 100%; display: block; padding-left: 30px; background: #fffce4; margin-top: 20px;}
.tm_xly_welfare .tm_xly_welfare_r{width: 568px; float: right; height: 310px;padding: 40px 46px;}
.tm_xly_welfare .tm_xly_welfare_r .welfare_r_wx{background: #fffce4; padding: 20px; width: 210px; float: left;}
.tm_xly_welfare .tm_xly_welfare_r .welfare_r_txt{float: right;}
.tm_xly_welfare .tm_xly_welfare_r .welfare_r_txt span{ display: block; width: 240px;line-height: 46px; height: 46px; background: linear-gradient(to right,#80b9ff 0%, #a2ffe8 100%);
	font-size: 24px; font-weight: bold;text-align: center; margin-top: 40px;}
.tm_xly_welfare .tm_xly_welfare_r .welfare_r_txt span em{font-size: 70px;color:#e83c26; line-height:0;    font-family: "思源宋体";}
.tm_xly_welfare .tm_xly_welfare_r .welfare_r_hand{margin-top: 30px;}
.tm_xly_welfare .tm_xly_welfare_r .welfare_r_hand .hand_txt{text-align:left; font-size: 16px;}
.tm_xly_welfare .tm_xly_welfare_r .welfare_r_hand img{float: left; padding-right: 15px;}
.tm_xly_welfare .tm_xly_welfare_r .welfare_r_hand .f_b{font-weight: bold;}

.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;}


@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: 30px;}
	.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;}
	
	.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: 30px; height: auto;}
	.tm_xly_teacher li .teacher_name h6{font-size: 18px;}
	.tm_xly_teacher li .teacher_photo{left: 10px;}
	.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: 18px; line-height:1.2;margin-bottom: 15px;padding: 10px 10px 10px 22px;}
	
	.tm_xly_welfare .tm_xly_welfare_l span{font-size: 18px; font-weight: normal;line-height: 1;padding: 10px 20px 10px 30px;}
	.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;}
	



}

@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%;}
	
}