@charset "utf-8";
/* CSS Document */
body, p, ul, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{ text-decoration:none;}
body {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	background-color: #f2f2f2;
}
img{ border:none;}
input, textarea {
	outline: 0;
	resize: none;
}
.blank0 {
	clear: both;
	height: 0px;
	overflow: hidden;
	display: block;
}
.blank10 {
	clear: both;
	height: 10px;
	overflow: hidden;
	display: block;
}
.blank20 {
	clear: both;
	height: 20px;
	overflow: hidden;
	display: block;
}
.blank50 {
	clear: both;
	height: 50px;
	overflow: hidden;
	display: block;
}
.blank30 {
	clear: both;
	height: 30px;
	overflow: hidden;
	display: block;
}
.mt5{ margin-top:5px;}
.none{ display:none;}
.wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position:relative;
}
.wrap-1200 {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.bor-none{ border:none !important;}
.mid{ position:relative; width:100%; min-height:450px;}
/*椤堕儴*/
.top{ width:100%; height:39px; line-height:39px; background:#f7f7f7;}
.top+.blank10{background-color: #ffffff;}
.top-left{ float:left; color:#999999;}
.top-left a{ color:#e40b0b;}
.top-right{ float:right; color:#999999;}
.top-right a{ color:#999;}
.logo{ float:left;}
.city{ float:left; margin-left:30px;}
.city-c{ font-size:12px; float:left; color:#333; font-weight:bold;}
.city-c em{ display:inline-block; width:10px; height:5px; background:url(../images/ico-arrow.png) no-repeat; margin-left:5px;}
.city a{ width:60px; height:24px; display: block; border:1px solid #d8d8d8; text-align:center; line-height:24px; color:#999;}
.search{ float:right;}
.search-box{ width:500px; height:43px; border:1px solid #e40b0b;}
.search-box input{ width:380px; float: left; height:41px; border:none; line-height:42px; font-size:14px; text-indent:10px;}
.search-box a{ width:110px; height:43px; float:right; background:#e40b0b; font-size:16px; text-align:center; line-height:42px; color:#fff;}
.key-word{ float:left; line-height:30px;}
.key-word a{ color:#999; margin-right:8px;}
.key-word a:hover{ color:#e40b0b;}
.nav-sort{ width:200px; height:50px; float:left; line-height:50px; text-align:center; background:#e40b0b;}
.nav-sort a{ display:block; width:200px; height:50px; text-align:center; color:#fff; font-size:16px; position:relative;}
.nav-sort a em{ display:inline-block; width:18px; height:15px; background:url(../images/ico-sort.png) no-repeat; margin:0px 5px 0 0; top:2px; position:relative;}
.nav-txt{ height:50px; line-height:50px; color:#333; font-size:16px; float:left;}
.nav-txt a{ float:left; color:#333; margin-left:30px;}
.nav-txt a:hover{ color:#e40b0b;}
.left-nav{ float:left; width:200px; height:450px; background:#000; opacity:0.5; z-index:99;}
.left-nav ul{ width:200px; clear:both;}
.left-nav ul li{ width:200px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.left-nav ul li a{ color:#fff;}



/* Images Slider */
.banner-slider {
    position: absolute;
	left:0;
    width: 100%;
    overflow: auto;

    font-size: 18px;
    line-height: 24px;
    text-align: center;

    color: rgba(255, 255, 255, .6);
    text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3);

    background: #f5f5f5;
	position: absolute; top:0;
}

.banner-slider ul {
    list-style: none;
    width: 100%;
}

.banner-slider ul li {
    display: block;
    float: left;
    width: 35%;
    min-height: 450px;

    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;

    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, .1);
}

.banner-slider .inner {
    padding: 160px 0 110px;
}

.banner-slider h1, .banner-slider h2 {
    font-size: 40px;
    line-height: 52px;

    color: #fff;
}

.banner-slider .btn {
    display: inline-block;
    margin: 25px 0 0;
    padding: 9px 22px 7px;
    clear: both;

    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 5px;
}

.banner-slider .btn:hover {
    background: rgba(255, 255, 255, .05);
}

.banner-slider .btn:active {
    -webkit-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
    -moz-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
    -ms-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
    -o-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, .5));
}

.banner-slider .btn, .banner-slider .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
}

.banner-slider .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    width: 100%;
    margin: 0;
}

.banner-slider .dots li {
    display: inline-block;
    *display: inline;
    zoom: 1;

    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 4px;

    text-indent: -999em;
    *text-indent: 0; 
	*padding: 2px;
	*font-size: 12px;
	*color: white;
    background: #D9D9D9;
    border-radius: 6px;

    cursor: pointer;
    opacity: .4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.banner-slider .dots li.active {
    background: #e40b0b;
    opacity: 1;
}

.banner-slider .arrows {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
}

.banner-slider .arrow {
    display: inline;
    padding-left: 10px;
    cursor: pointer;
}


.course{ width:1200px; margin:0 auto; padding:0; overflow:hidden; position:relative;}
.course-t{ width:1200px; border-bottom:1px solid #d8d8d8; height:50px; line-height:50px; float:left; position:relative;}
.course-t p{ float:left; color:#333; font-size:20px; height:50px; position:relative; width:240px;}
.course-t p em{ width:5px; height:20px; display:inline-block; background:#e40b0b; margin-right:15px; position:relative; top:3px;}
.course-t ul{ height:50px; float:left; width:900px; line-height:50px;}
.more{ width:45px; height:22px; float:right; background:#dbdbdb; color:#888888; line-height:22px; text-align:center; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:20px 0 0 0;}
.course-t ul li{ float:left; margin-right:30px; font-size:16px;}
.course-t ul li a{ color:#333;} 
.course-t ul li a:hover{ color:#e40b0b;} 
.course-img{ width:220px; height:340px; float:left;}
.course-img img{ width:220px; height:340px;}
.course-mid{ width:700px; float:left; margin-left:20px;}
.course-ul{ width:700px; clear:both;}
.course-ul li{ width:220px; height:160px; float:left; margin:0 20px 0 0;}
.course-ul li a{ width:220px; height:160px; position: relative; display:block;}
.course-ul li:last-child{ margin:0 !important;}
.course-ul li a p{ width:100%; height:40px; position:absolute; bottom:0; left:0; background:url(../images/txt-bk.png) repeat; text-align:center; line-height:40px; color:#fff; font-size:14px;}
.new-school{ float:left; width:700px;}
.new-school-t{ width:700px; line-height:40px; color:#333; font-size:16px; float:left; border-bottom:1px solid #d8d8d8; position:relative;}
.new-school-t em{ width:3px; height:16px; display: inline-block; background:#e40b0b; margin-right:10px; position:relative; top:2px;}
.new-school ul{ width:700px; clear:both;}
.new-school ul li{ width:160px; float:left; margin-right:20px;}
.new-school ul li:last-child{ margin:0 !important;}
.new-school ul li a{ width:158px; height:88px; border:1px solid #d8d8d8; display:block;}
.new-school ul li a img{ width:158px; height:88px;}
.new-school ul li p{ width:160px; height:26px; line-height:26px; float:left; text-align:center; color:#333;}

.course-right{ width:240px; float:left; margin-left:20px;}
.course-tab{ width:240px; height:40px; line-height:40px;}
.course-tab li{ width:120px; height:40px; border-bottom:1px solid #d8d8d8; float:left; text-align:center; font-size:16px; color:#333; cursor:pointer;}
.course-tab li.current{ border-bottom:2px solid #e40b0b; height:39px !important;}
.hot-course-list{ width:240px;}
.hot-course-list ul{ width:240px; clear:both;}
.hot-course-list ul li{ width:240px; float:left; line-height:36px; font-size:14px;}
.hot-course-list ul li p{ width:200px; height:36px; float:left; overflow:hidden;}
.hot-course-list ul li p em{ display:inline-block; background:url(../images/ico-1.png) no-repeat; width:6px; height:10px; margin-right:5px;}
.hot-course-list ul li p a{ color:#333;}
.btn-ask{ width:40px; height:20px; background:#e40b0b; float:right; text-align:center; line-height:20px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font-size:12px; margin:8px 0 0 0;}

.link-t{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #d8d8d8; float:left; font-size:16px; font-weight:bold; color:#333;}
.link-list{ width:1200px; clear:both;}
.link-list li{ float:left; padding:0 8px; height:20px; border-right:1px solid #d8d8d8; font-size:14px; margin:10px 0 0 0;}
.link-list li a{ color:#333;}
.link-list li:first-child{ padding-left:0 !important;}
.link-list li:last-child{ border: none !important;}
.foot{ width:100%; padding:35px 0; background:#e1e1e1; text-align:center;}
.foot p{ color:#666; font-size:14px; line-height:30px;}
.foot a{ color:#666;}

/*璇剧▼缁嗗垎*/
.bor-b{ width:100%; border-bottom:1px solid #d8d8d8;}
.left{ width:920px; float:left;}
.screen{ border:1px solid #d8d8d8; border-bottom:none !important; width:918px;}
.screen-top{ width:878px; height:40px; line-height:40px; float:left; padding:0 20px; border-bottom:1px solid #d8d8d8;}
.screen-top p{ color:#666; float:left;}
.screen-top p a{ color:#666;}
.screen-top p a:hover{ color:#e40b0b;}
.screen-top em{ float:right; font-style:normal; color:#666;}
.screen ul{ padding:0 20px; border-bottom:1px solid #d8d8d8; line-height:40px; clear:both;}

.screen ul li{ float:left; margin-right:15px; color:#333;}
.screen-list{ width:778px; float:left;}

.class-tab{ width:920px; height:45px; background:#ededed; float:left;}
.class-tab li{ width:100px; height:45px; float:left; color:#333; font-size:16px; line-height:45px; text-align:center; cursor:pointer;}
.class-list ul{ width:920px; clear:both;}
.class-list ul li{ width:920px; float:left; margin:20px 0 0 0; padding-bottom:20px; border-bottom:1px solid #d8d8d8;}
.class-tab li.current{ background:#e40b0b; color:#fff;}
.lesson-img{ width:218px; height:158px; float:left; border:1px solid #d8d8d8;}
.lesson-img img{width:218px; height:158px;}
.lesson-txt{ width:490px; float:left; margin:0 0 0 30px;}
.lesson-t{ width:920px; height:30px; line-height:30px; font-size:16px; color:#333; padding-bottom:10px; float:left;}
.lesson-txt p{ line-height:30px; float:left; width:490px; color:#333;}
.lesson-txt p em{ color:#999; font-style:normal; float:left; margin-right:20px;}
.lesson-txt p i{ color:#333; font-style:normal; float:left; margin-right:8px;}
.lesson-hold{ width:180px; float:left;}
.lesson-hold a{ width:180px; height:45px; text-align:center; line-height:45px; float:left; background:#e40b0b; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-size:20px; color:#fff;}
.lesson-hold p{ width:180px; float:left; height:30px;}
.lesson-hold p em{ width:21px; height:20px; background:url(../images/ico-hold.jpg) no-repeat; float:left; margin:5px 10px 0 0;}
.lesson-hold p b{ font-size:20px; color:#333;}
.page{ width:920px; float:left; height:30px; text-align:center;}
.page a{ display:inline-block; padding:0 10px; border:1px solid #d8d8d8; background-color: #ffffff; height:28px; margin:0 5px; font-size:14px; color:#666; line-height:28px;}
.page a:hover{background-color:#F8F8F8;font-weight:bold;}
.page a.current{background-color:#F8F8F8;font-weight:bold;}

.right{ float: right; width:255px;}
.right-box{ width:253px; border:1px solid #d8d8d8; float:left; padding-bottom:20px;background-color: #ffffff;}
.right-t{ width:253px; border-bottom:1px solid #d8d8d8; background-color: #ffffff; float:left; height:40px;  font-size:16px; text-indent:25px; line-height:44px;position: relative;padding-bottom: 5px;}
.right-t::before{content: "";display: block; width: 100%; height: 1px; background-color: #e2e2e2; position: absolute; left: 0; bottom: 0;}
.right-t::after{content: "";display: block;width: 75px; height: 3px;background-color: #e40b0b;position: absolute;left: 20px; bottom: -1px;}

.favorite-school{ width:213px; margin:0 auto;}
.favorite-school-img{ width:68px; height:68px; border:1px solid #d8d8d8; float:left;}
.favorite-school p a{  font-size:14px; color:#333; width:140px; line-height:20px; margin-left:10px;}
.favorite-school p a em{ font-style:normal; margin-left:10px; line-height:40px; color:#999999;}
.quality-course{ width:218px; margin:0 auto; clear:both; line-height:40px; font-size:14px;}
.quality-course em{ background:url(../images/ico-1.png) no-repeat; width:6px; height:10px; float:left; margin:15px 10px 0 0;}
.quality-course li a{ color:#333;}
.quality-course li{ width:218px; float:left; height:40px; overflow:hidden;}
.famous-teacher{ width:218px; margin:0 auto;}
.famous-teacher li{ width:218px; float:left; margin:10px 0;}
.teacher-img{ width:60px; height:60px; float:left;}
.teacher-img img{ width:60px; height:60px;}
.teacher-txt{ width:148px; float:left; margin-left:10px; line-height:20px;}
.teacher-txt p{ width:100%; height:20px; float:left; overflow:hidden; font-size:14px; color:#333;}
.teacher-txt p em{ float:right; font-style:normal; font-size:12px;}
.teacher-txt b{ color:#666666; font-weight:normal;}
.teacher-txt a{ color:#e40b0b;}
.channel-in{ width:1198px; border:1px solid #d8d8d8; margin:0 auto;}
.channel-t{padding: 0 0 4px; position: relative;color: #000000; height:40px;font-size:16px; text-indent:25px; line-height:44px; font-weight: bold;background-color: #ffffff;}
.channel-t::before{content: "";display: block; width: 100%; height: 1px; background-color: #e2e2e2; position: absolute; left: 0; bottom: 0;}
.channel-t::after{content: "";display: block;width: 75px; height: 3px;background-color: #e40b0b;position: absolute;left: 20px; bottom: -1px;}

.channel-in p{ font-size:14px; line-height:28px; color:#333; padding:20px 20px;}

.lesson-right{ width:700px; float:left;}
.lesson-table{ width:670px; float:left; margin-left:30px;}
.lesson-table table{ width:670px; line-height:26px; text-align:center; border:none;}
.lesson-table table td{ border-bottom:1px solid #d8d8d8 !important; border:none; color:#333;}
.lesson-table table th{ background:#f1f1f1; font-weight:normal; color:#666;}
.lesson-table table a{color:#e40b0b;}
.toggle-box span.btn-open{ float:right; color:#999; cursor:pointer; display:block;}
.toggle-box span.btn-open em{ width:10px; height:5px; background:url(../images/ico-arrow.png) no-repeat; display:inline-block; margin-right:3px;}
.toggle-box span.btn-close{ float:right; color:#999; display:none; cursor:pointer; display:none;}
.toggle-box span.btn-close em{ width:10px; height:5px; background:url(../images/ico-arrow-1.png) no-repeat; display:inline-block; margin-right:3px;}
.toggle-box.current span.btn-open{ float:right; color:#999; cursor:pointer; display:none;}
.toggle-box.current span.btn-open em{ width:10px; height:5px; background:url(../images/ico-arrow.png) no-repeat; display:inline-block; margin-right:3px;}
.toggle-box.current span.btn-close{ float:right; color:#999; display:none; cursor:pointer;display:block;}
.toggle-box.current span.btn-close em{ width:10px; height:5px; background:url(../images/ico-arrow-1.png) no-repeat; display:inline-block; margin-right:3px;}
.max-height{
    max-height:90px;
    overflow: hidden;
}
.lesson-left{ width:220px; float:left;}
.lesson-left p{ width:220px; line-height:20px; text-align:center; font-size:14px; color:#333; margin-top:10px; float:left;}
.lesson-left p em{ color:#e40b0b; font-style:normal;}
.lesson-comment{ width:640px;  border:1px solid #d8d8d8; float:right; position:relative; padding:10px 20px;}
.lesson-comment span{ background:url(../images/ico-comm.jpg) no-repeat; width:12px; height:22px; position:absolute; left:-12px; top:30px;}
.lesson-comment dd{ width:640px; border-bottom:1px solid #d8d8d8; padding:10px 0;}
.lesson-comment dd p.p-ask{ width:640px; float:left; line-height:26px; font-size:14px; color:#333;}
.lesson-comment dd p.p-answer{ width:640px; float:left; line-height:22px; font-size:12px; color:#333;}
.lesson-comment dd p.p-ask em{ width:16px; height:16px; background:url(../images/ico-ask.jpg) no-repeat; float:left; margin:4px 5px 0 0;}
.lesson-comment dd p.p-answer em{ width:16px; height:16px; background:url(../images/ico-answer.jpg) no-repeat; float:left; margin:4px 5px 0 0;}
.lesson-comment dd p b{ width:618px; float:right; font-weight:normal;}
.lesson-comment dl a{ float:right; color:#999; line-height:30px;}

/*瀛︽牎棣栭〉*/
.head{background-color: #ffffff;}
.head_boxr{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;align-items: center;}
.school-logo{ width:230px; float:left;}
.school-logo img{ width:auto;height: 80px;}
.school-tel{ float:left; height:40px; line-height:40px; font-size:30px; color:#e40b0b; font-weight:bold;}
.school-tel em{ width:40px; height:40px; background:url(../images/ico-school-tel.jpg) no-repeat; float:left; margin-right:8px;}
.school-nav{ width:100%; float:left;}
.school-nav a{ width:170px; height:40px; line-height:40px; text-align:center; float:left; font-size:16px; color:#333; font-weight: bold;} 
.school-nav a:hover{ color:#e40b0b;}
.school-banner{ width:100%; position:relative;}
.school-banner img{ width:100%;}
.school-bannerweb{display: none;}
.recommended-course{ width:918px; border:1px solid #d8d8d8; float:left;background-color: #ffffff;}
.recommended-list{ height:150px; padding:20px 0; clear:both;}
.recommended-list li{ width:205px; height:150px; float:left; margin-left:20px; position:relative;}
.recommended-list li p{ width:205px; height:40px; background: rgba(0, 0, 0, .48); position:absolute; bottom:0; left:0; line-height:40px; font-size:14px; text-align:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.recommended-list li a p{ color:#fff;}
.all-course{ width:920px; float:left;}
.all-course-t{ width:920px; background:#ffffff; height:45px; clear:both; line-height:45px; font-size:16px; color:#333;border:1px solid #d8d8d8;}
.all-course-t li{ float:left; padding:0 20px; cursor:pointer;}
.all-course-t li.current{ background:#e40b0b; color:#fff;}
.all-course-list{ width:920px; clear:both;}
.all-course-list li{ width:920px; float:left;}
.all-course-list li dd{ width:268px; height:58px; padding:10px 10px; float:left; border:1px solid #d8d8d8; margin:20px 25px 0 0; background:#ffffff;}
.all-course-list li dd:nth-child(3n+0){ margin-right:0 !important;}
.all-course-logo{ width:56px; height:56px; border:1px solid #d8d8d8; float:left;}
.all-course-logo img{ width:56px; height:56px;}
.all-course-list li dd p{ line-height:19px; float:left; margin-left:15px; font-size:12px; color:#999;}
.all-course-list li dd p em{ font-size:14px; color:#333; font-style:normal;}
.general-t{ width:100%; float:left; height:40px; line-height:44px; font-size:16px; color:#333; border:1px solid #d8d8d8;text-indent: 25px;padding-bottom: 4px;position: relative;background-color: #ffffff;}
.general-t::before{content: "";display: block; width: 100%; height: 1px; background-color: #e2e2e2; position: absolute; left: 0; bottom: 0;}
.general-t::after{content: "";display: block;width: 75px; height: 3px;background-color: #e40b0b;position: absolute;left: 20px; bottom: -1px;}
.general-t em{ width:5px; height:20px; background:#e40b0b; float:left; margin:10px 10px 0 0;display: none;}
.school-intro{ width:922px; float:left; font-size: 16px; lighting-color: 30px; border:1px solid #d8d8d8; border-top: 0px solid transparent; padding: 20px 20px;box-sizing: border-box;display: flex;flex-direction: column;background-color: #ffffff;}
.school-intro img{width: auto;max-width: 100%;height: auto;vertical-align: top;}
.school-intro h3{font-size: 18px;font-weight: bold;line-height:30px; margin:15px 0 0 0;}
.school-intro p{ text-indent:0 !important; font-size:16px; color:#333; line-height:30px; margin:15px 0 0 0;}
.school-intro a{color: #333;}
.teacher-list{ width:922px; clear:both;}
.teacher-list li{ width:419px; height:auto; padding:20px 20px; float:left;background-color: #ffffff;}
.teacher-list li:nth-child(odd){border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.teacher-list li:nth-child(2n){ margin-right:0 !important;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.dosnrls{padding: 0 20px;}
.dosnrls li{display: inline-block;width: 205px;margin: 0 15px 15px 0;}
.dosnrls li:nth-child(4n){margin-right: 0;}
.dosnrls li a{display: block;position: relative;}
.dosnrls li a img{width: 205px;height: 150px;}
.dosnrls li a p{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px; color: #fff;line-height: 40px;font-size: 14px;text-align: center; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; background: rgba(0, 0, 0, .48);}
.teacher-head{ width:100px; height:100px; float:left;}
.teacher-head img{ width:100px; height:100px;}
.teacher-info{ width:288px; float:left; line-height:30px; font-size:14px; color:#333; margin-left:20px;}
.teacher-info p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.teacher-info p:nth-child(2){line-height: 26px;}
.teacher-info p em{ font-style:normal; margin-left:20px;}
.marquee{ width:919px; float:left; overflow:hidden;}
.taech-environment{ width:918px; float:left; border:1px solid #d8d8d8;background-color: #ffffff;}
.taech-environment ul{width: 100% !important; clear:both;float:left;display: flex;display: -ms-flexbox;display: -webkit-flex;overflow-y: auto;padding-right: 20px;box-sizing: border-box;}
.taech-environment ul::-webkit-scrollbar {display: none;}
.taech-environment ul li{ width:205px;height:auto; float:left; margin-left:20px; position:relative; margin-top:20px;flex: 1 0 auto;}
.taech-environment ul li img{width: auto;max-width: 100%;height: auto;max-height: 100%;}
.ry-pir{ width:920px; clear:both;}
.ry-pir li{ width:300px; float:left; margin-right:10px;}
.ry-pir li img{ width:300px;}
.ry-pir li:nth-child(3n+0){ margin-right:0 !important;}
.interact{ width:918px; float:left; border:1px solid #d8d8d8; padding-bottom: 10px;background-color: #ffffff;}
.interact ul{ width:878px; margin:0 auto; clear:both;}
.interact ul li{ width:100%; float:left; border-bottom:1px solid #d8d8d8; padding-bottom:15px; margin:15px 0 0 0;}
.interact li p.p-ask{ width:100%; float:left; line-height:26px; font-size:14px; color:#333;margin-bottom: 5px;}
.interact li p.p-answer{ width:100%; float:left; line-height:25px; font-size:12px; color:#333;}
.interact li p.p-ask em{ width:16px; height:16px; background:url(../images/ico-ask.jpg) no-repeat; float:left; margin:4px 10px 0 0;}
.interact li p.p-answer em{ width:16px; height:16px; background:url(../images/ico-answer.jpg) no-repeat; float:left; margin:4px 10px 0 0;}
.interact li p b{ font-weight:normal; width:850px; float:left;}
.interact li:last-child{ border-bottom:none !important;}
.contact-us{ width:253px; border:1px solid #d8d8d8; float:left;background-color: #ffffff;}
.contact-us p{padding:0 20px 20px 20px; display:block; line-height: 35px; color:#333; font-size:14px;}
.contact-us a{ width:218px; height:45px; background:#e40b0b; display:block; margin:0 auto; line-height:45px; text-align:center; font-size:18px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.contact-us .sign-in{padding: 15px 20px 20px;display: block;float: left;width: 100%;box-sizing: border-box;}
.contact-us .sign-in input{display: block;width: 100%;padding: 10px 15px; box-sizing: border-box;margin-bottom: 20px;}
.contact-us .sign-in input.addsubmit{color: #fff;background:#e40b0b;border: none;font-weight: bold;font-size: 16px;margin-bottom: 5px;}
.contact-school { width:258px; border:1px solid #d8d8d8; float:left;}
.contact-school ul{ width:218px; padding:0px 20px; clear:both; }
.contact-school li{ width:218px; float:left; line-height:40px; font-size:14px; color:#333; border-bottom:1px solid #d8d8d8; cursor:pointer;}
.contact-school li:last-child{ border-bottom:none !important;}
.contact-school li div.menu{ display:none;}
.contact-school li.current div.menu{ display: block;}
.contact-school li.current  em{ width:8px; height:4px; background:url(../images/ico-arrow-1.png) no-repeat; background-size:8px 4px;}
.contact-school li em{ width:8px; height:4px; background:url(../images/ico-arrow.png) no-repeat; background-size:8px 4px;margin:18px 0 0 0; float:right; }
.menu a{ width:218px; text-indent:20px; font-size:12px; color:#666; display:block;}
.latest-new{ width:253px; border:1px solid #d8d8d8; float:left;;background-color: #ffffff;}
.latest-new ul{ width:218px; padding: 10px 20px 15px; clear:both; }
.latest-new ul li{ width:218px;height:36px; line-height:40px; overflow:hidden;}
.latest-new ul li em{ width:3px; height:3px; background:#e40b0b; float:left; margin:19px 5px 0 0;}
.latest-new ul li a{ font-size:14px; color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.crumb{ width:100%; height:30px; font-size:12px; float:left; line-height:30px; color:#666; margin: 15px 0;}
.crumb a{ color:#666;}
.reservation{ width:258px; border:1px solid #d8d8d8; float:left; }
.reservation input{ width:218px; margin:0 auto; height:40px; border:1px solid #d8d8d8; line-height:40px; text-indent:10px; font-size:14px; display:block;}
.reservation textarea{ width:218px; margin:0 auto; height:80px; border:1px solid #d8d8d8; line-height:40px; text-indent:10px; font-size:14px; display:block;}
.reservation a{ width:218px; height:45px; background:#f56f16; display:block; margin:0 auto; line-height:45px; text-align:center; font-size:18px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.school-info{ width:100%; position:absolute; bottom:0; left:0; height:100px; background: url(../images/txt-bk.png) repeat;}
.school-info p{ width:100%; line-height:30px; font-size:16px; color:#fff; padding:20px 0 0 0;}
.school-info p b{ font-weight:normal; font-size:20px;}
.school-info p em{ font-size:30px; font-weight:bold;}
.curriculum{ width:918px; float:left; border:1px solid #d8d8d8;background-color: #ffffff;}
.curriculum-t{ width:880px; margin:0 auto; clear:both;}
.curriculum-t li{ padding:0 15px; height:36px; float:left; background:#ededed; font-size:14px; color:#333; text-align:center; line-height:36px; margin:20px 20px 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;}
.curriculum-t li.current{ color:#fff; background:#e40b0b;}
.curriculum-list{ width:880px; margin:0 auto; clear:both;}
.curriculum-list li{ width:880px; float:left;}
.curriculum-list li table{ width:100%; line-height:40px; font-size:14px; border:none;}
.curriculum-list li table td{ text-align:center; border-bottom:1px solid #d8d8d8;}
.curriculum-list li table th{ background:#f1f1f1; color:#666; text-align:center;}
.curriculum-list li table a{color:#e40b0b;}
.major{ width:258px; float:left; border:1px solid #d8d8d8;}
.major ul{ width:218px; margin:0 auto; clear:both;}
.major ul li{ width:218px; height:40px; float:left; overflow:hidden; font-size:14px; line-height:40px;}
.major ul li a{ color:#333;} 
.major ul li a:hover{ color:#e40b0b;} 
.course-name{ width:1198px; border:1px solid #d8d8d8; float:left; padding-bottom:20px;background-color: #ffffff;}
.course-img-left{ width:240px; height:170px; float:left; margin:20px 20px 0 20px;}
.course-img-left a{display: block;}
.course-img-left img{ width:240px; height:170px;}
.course-txt{ float:left; margin:20px 0 0 0;}
.course-txt p{ line-height:30px; font-size:14px; color:#333;}
.course-txt p em{color:#e40b0b; font-style:normal;}
.course-txt p b{ font-weight:normal; font-size:20px;}
.course-txt a{ width:218px; height:45px; background:#e40b0b; float:left; line-height:45px; text-align:center; font-size:18px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.evaluate{ width:220px; float:right; margin-right:50px; margin-top:20px;}
.evaluate b{ float:left; font-size:16px; color:#333;}
.rate{ width:220px; float:left; height:20px; margin:10px 0 0 0; }
.rate em{ float:left; color:#666; font-size:12px;font-style:normal;}
.rate p{ width:150px; height:10px; background:#dbdbdb; float:right; margin:5px 0 0 0;}
.rate p i{ float:left; background:#ff6a18; height:10px;}
.star{ width:220px; float:left; height:24px;}
.star p{ line-height:24px; font-size:22px; color:#e40b0b;  float:left; width:65px;}
.star em{ width:20px; height:20px; float:left; margin-left:5px;}
.star em.star-red{ background:url(../images/star-red.jpg) no-repeat;}
.star em.star-gray{ background:url(../images/star-gray.jpg) no-repeat;}
.evaluate-num{ width:220px; float:left; height:30px; line-height:30px; text-align:center; font-size:12px; color:#666;}
.evaluate-num em{color:#e40b0b; font-style:normal;}
.campus-list{ width:920px; clear:both;}
.campus-list li{ width:918px; border:1px solid #d8d8d8; float:left; margin-bottom:20px; padding-bottom:20px;background-color: #ffffff;}
.campus-img{ width:218px; height:158px; border:1px solid #d8d8d8; float:left; margin:20px 20px 0 20px;}
.campus-img img{ width:218px; height:158px;}
.campus-txt{ width:640px; float:left; line-height:30px; color:#333; font-size:14px; margin:20px 0 0 0;}
.campus-txt p{ width:640px; float:left;}
.campus-txt p em{ color:#999; font-style:normal;}
.campus-txt p b{color:#e40b0b; font-weight:normal;}
.pre-regist{ width:918px; float:left; border:1px solid #d8d8d8;  padding-bottom:50px;background-color: #fff;}
.regist-box{ width:878px; float:left; margin:20px 0 0 20px;}
.regist-box p{ width:170px; height:45px; line-height:45px; font-size:16px; color:#333; float:left; text-align:right; padding-right:20px;}
.regist-box p em{color:#e40b0b; font-style:normal;}
.regist-box input{ width:600px; height:43px; border:1px solid #d8d8d8; float:left; text-indent:10px; line-height:43px; font-size:16px;}
.regist-box textarea{ width:600px; height:120px; border:1px solid #d8d8d8; float:left; text-indent:10px; line-height:43px; font-size:16px;}
.regist-box.regist_sub input{ width:218px; height:45px; background:#e40b0b; float:left; line-height:45px; text-align:center; font-size:18px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.regist-box.regist_sub input.reset{margin-left: 20px;background-color: #999999;}
.new-list{ width:923px; clear:both;}
.new-list li{ width:459.8px; float:left; background-color: #ffffff;}
.new-list li:nth-child(odd){border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.new-list li:nth-child(2n){ margin-right:0 !important;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.new-list li a{ width:419px; float: left; padding:10px 20px;}
.new-list li a b{ color:#333; width:408px; height:28px; line-height:28px; font-size:14px; overflow:hidden;}
.new-list li a p{ width:408px; height:40px; line-height:20px; font-size:12px; color:#333; float:left; overflow:hidden;}
.new-list li a em{ width:408px; height:28px; line-height:28px; float:left; font-style:normal; color:#999;}
.detail-t{ width:100%; border:1px solid #d8d8d8;background-color: #ffffff; padding:20px 0 15px 0; float:left; text-align:center; line-height:20px;}
.detail-t p{ font-size:20px; font-weight:bold; color:#333;line-height: 30px;}
.detail-t em{ font-style:normal; color:#999;}
.login{ width:1198px; border:1px solid #d8d8d8; float:left;}
.login-left{ width:840px; float:left; margin:30px 0 0 20px;}
.login-t{ width:840px; height:40px; line-height:40px; border-bottom:1px solid #d8d8d8; float:left; font-size:16px; color:#333;}
.login-t em{ width:5px; height:20px; background:#e40b0b; float:left; margin:10px 10px 0 0;}
.login-box{ width:840px; float:left; margin:20px 0 0 0;}
.login-box p{ width:130px; height:40px; float:left; line-height:40px; text-align:right; font-size:14px; color:#333;}
.login-box p i{ font-style:normal; color:#F00;}
.input-1{ width:398px; height:38px; float:left; line-height:38px; border:1px solid #d8d8d8; text-indent:10px; font-size:16px;}
.login-box span{ float:left; margin:0 0 0 10px; line-height:40px; color:#999;}
.login-box span em{ width:16px; height:16px; float:left; margin:12px 5px 0 0;}
.login-box span.span-1 em{ background:url(../images/span-1.jpg) no-repeat;}
.login-box span.span-2 em{ background:url(../images/span-2.jpg) no-repeat;}
.login-box b{ font-weight:normal; color:#999; float:left; margin-left:130px; line-height:20px;}
.login-box select{ height:38px; float:left; line-height:38px; border:1px solid #d8d8d8;  font-size:16px; padding:0 10px; margin-right:10px;}
.login-w{ width:400px; float:left;}
.input-2{ float:left; height:30px; line-height:30px;}
.input-2 input{ float:left; margin:15px 5px 0 0;}
.input-2 p{ float:left; width:70px !important; text-align:left;}
.input-3{ width:140px; height:38px; float:left; line-height:38px; border:1px solid #d8d8d8; text-indent:10px; font-size:16px;}
.yzm{ width:145px; height:40px; float:left; margin-left:10px;}
.yzm img{ width:145px; height:40px;}
.login-w a{ float:left; line-height:40px; color:#333; margin-left:10px;}
.btn-login{ width:218px; height:45px; background:#e40b0b; display:block; float:left; margin:0 0 0 130px; line-height:45px; text-align:center; font-size:18px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.agreement{ width:220px; height:40px; float:left; text-align:center; font-size:14px; color:#333; line-height:40px; margin:0 0 0 130px;}
.agreement:hover{ color:#e40b0b;}
.login-right{ width:228px; float:right; border:1px solid #d8d8d8; margin-right:20px; padding:30px 30px; margin-top:66px;}
.login-dl{ width:100%; float:left;}
.login-dl p{ line-height:30px; font-size:14px; color:#333;}
.login-dl a{ width:120px; height:45px; background:#f56f16; display:block; float:left; line-height:45px; text-align:center; font-size:16px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:10px;}
.login-nav{ width:228px; float:left;}
.login-nav p{ height:30px; line-height:30px; font-size:16px; color:#333; border-bottom:1px solid #d8d8d8;}
.login-nav li{ width:228px; height:50px; float:left; line-height:50px; font-size:14px;border-bottom:1px solid #d8d8d8;}
.login-nav li a{ color:#333; display:block;}
.login-nav li em{ width:22px; height:22px; float:left; margin:14px 10px 0 10px;}
.login-nav li em.em-5{ background:url(../images/em-5.jpg) no-repeat;}
.login-nav li em.em-6{ background:url(../images/em-6.jpg) no-repeat;}
.login-nav li em.em-7{ background:url(../images/em-7.jpg) no-repeat;}
.login-nav li em.em-8{ background:url(../images/em-8.jpg) no-repeat;}

.sign{ width:1200px; height:500px; float:left; background:url(../images/sign-bk.jpg) no-repeat;}
.sign-box{ width:400px; height:400px; float:right; background:#fff; margin:50px 50px 0 0;}
.sign-t{ width:340px; margin:0 auto; height:70px; line-height:70px; font-size:20px; font-weight:bold;}
.sign-con{ width:338px; height:48px; border:1px solid #d8d8d8; margin:0 auto; margin-bottom:20px;}
.sign-con em.em-9{ width:24px; height:26px; float:left; background:url(../images/em-9.jpg) no-repeat; margin:11px 0 0 10px;}
.sign-con em.em-10{ width:24px; height:26px; float:left; background:url(../images/em-10.jpg) no-repeat; margin:11px 0 0 10px;}
.sign-con input{ width:300px; height:46px; border:none; text-indent:10px; font-size:14px;}
.sign-yzm{ width:340px; margin:0 auto;}
.sign-yzm input{ width:150px; height:48px; border:1px solid #d8d8d8; float:left; text-indent:10px; font-size:14px;}
.btn-sign{ width:340px; height:48px; background:#e40b0b; display:block; margin:0 auto;line-height:48px; text-align:center; font-size:18px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.btn-go{ float:right; font-size:14px; color:#333; margin:20px 30px 0 0;}
.edition{ width:100%; height:50px; font-size:14px; color:#666; float:left; line-height:50px; text-align:center;}


/*06-21*/
.school-int{ float:left; line-height:24px; font-size:14px; color:#999;  width:600px; margin:10px 0 0 20px;}
.school-int p{float:left; width:600px;}
/*09-10*/
.school-intro-1200{ width:100%; float:left;}
.school-intro-1200 p{ text-indent:2em; font-size:14px; color:#333; line-height:30px; margin:10px 0 0 0;}
/*09-11*/
.member{ width:200px; float:left; border-left:1px solid #d8d8d8; height:60px; margin-left:10px; line-height:60px; padding-left:10px; font-size:20px; font-weight:bold;}
.member-list{ width:1200px; clear:both;}
.member-list li{ width:240px; height:40px; font-size:14px; line-height:40px; float:left; color:#666;}
.member-list li a{ color:#666;}
.page-1200{ width:1200px; float:left; height:30px; text-align:center;}
.page-1200 a{ display:inline-block; padding:0 10px; border:1px solid #d8d8d8; height:28px; margin:0 5px; font-size:14px; color:#666; line-height:28px;}
.sub-list{ width:1200px; clear:both;}
.sub-list li{ width:100px; font-size:14px; height:40px; line-height:40px; color:#666; float:left;}
.sub-list li a{ color:#666;}
.sub-list li a:hover{ color:#e40b0b;}
.member-list li a:hover{ color:#e40b0b;}
.cooper{ width:1200px; height:600px; float:left; background:url(../images/cooper-img.jpg) no-repeat; text-align:center;}
.cooper p{ font-size:30px; color:#fff; padding-top:180px;}
.cooper p b{ font-size:36px; line-height:100px;}
.cooper p em{ padding:0 30px;}


/*0121淇敼*/
.screen ul li.current a{color:#e40b0b;}
.screen ul li.current a:hover{color:#fff;}

/*0121*/
.floatLeft{ float:left;}
.relative {
    position: relative;
}
.shaixuan-tj span , .shaixuan-tj i {
	margin: 10px 5px 10px 0; 
	float: left;
	line-height: 28px;
	height: 28px;
}

.mb10 {
    margin-bottom: 10px;
}
.shaixuan-tj span.crumb-select-item{
	position: relative;
    float: left;
    height: 26px;
    line-height: 26px;
    border: 1px solid #DDD;
    font-size: 12px;
    vertical-align: top;
    padding: 0 32px 0 4px;
    cursor: pointer;
    background: #f3f3f3;
}
.shaixuan-tj span.crumb-select-item i{
	float: none;
	margin: 0;
    display: block;
    position: absolute;
    width: 25px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    right: 0;
    top: 0;
}
.shaixuan-tj span.crumb-select-item em , .shaixuan-tj span.crumb-select-item i{
    color: #e4393c;
}
.shaixuan-tj span.crumb-select-itemon{
	border-color: #e4393c;
}
.shaixuan-tj span.crumb-select-itemon i{
	background: #e4393c;
	color: #fff;
}.shaixuan-tj a:hover{
	color: inherit;
}
.shaixuan-btn{
	float: right;
	width: 105px;
}
.shaixuan-btn span{
	display: block;
	float: right;
	border: 1px solid #e8e8e8;
	height: 34px;
	width: 103px;
	line-height: 34px;
	margin: 6px 0;
	background: #f6f6f6;
	font-size: 14px;
	color: #666;
	text-align: center;
	cursor: pointer;
}
.shaixuan-btn span i{
	font-size: 18px;
	color: #666;
	margin-left: 5px;
}
.search-by{
	width: 918px;
}
.search-by dl{
	width: 918px;
	line-height: 30px;
	border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
}
.search-by dl dt a{
	font-weight: inherit;
	color: #666;
	line-height: 30px;
	font-size:12px;
}

.search-by dl dt{
	width: 100px;
	margin: 0 0 0 10px;
	line-height:40px;
}
.search-by dl dd a{
	color: #333;
	font-size: 12px;
	line-height: 20px;
	margin-left: 10px;
	margin-top:10px;
	display: inline-block;
	padding:0 2px;
}
.search-by dl dd a b{ color:#e40b0b; font-weight:normal;}
.search-by dl dd a:hover b{ color:#fff; font-weight:normal;}
.search-by dl dd a:hover{
	background:#e40b0b; color:#fff;
}
.search-by dl dd{
	width: 700px;
	font-size: 12px;
	height: 40px;
	overflow: hidden;
}
.search-by dl dd.show-more{
	width: 60px;
	padding: 0;
	text-align: right;
	cursor: pointer;
	position:absolute;
	top:-7px;
	right:10px;
}
.search-by dl dd.show-more h3{
	background: none;
	border: none;
	font-size: 12px;
	line-height: 14px;
	height: 40px;
	line-height: 30px;
}
.search-by dl dd.show-more h3 i{
	background: none;
	float: none;
	display: inline-block;
	font-size: 12px;
	margin-left: 5px;
}
.screen dl p{ width:100px; height:40px; float:left; color:#999; font-size:12px;}
.screen dl p em{ width:16px; height:16px; float:left; margin:12px 8px 0 0;}
.screen dl p em.em-1{ background:url(../images/em-1.jpg) no-repeat;}
.screen dl p em.em-2{ background:url(../images/em-2.jpg) no-repeat;}
.screen dl p em.em-3{ background:url(../images/em-3.jpg) no-repeat;}
.screen dl p em.em-4{ background:url(../images/em-4.jpg) no-repeat;}

.botdmt{display: none;}
.mgb20{margin-bottom: 20px;}
.spage-number button.active{background: #e40b0b !important; border-color: #e40b0b !important;}
@media screen and (max-width:767px){
.wrap-1200 { width: 100%; margin: 0 auto; }
.top{display: none;}
.head .wrap-1200{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;align-items: center;}
.school-logo{width: 40vw;}
.school-logo img{width: 100%;height: 50px;}
.school-int{display: none;}
.school-tel{margin-left: 10vw;font-size: 5vw;margin-top: 0;}
.school-tel em{width: 25px;height: 25px;background-size: 25px 25px;margin-top: 6px;}
.school-nav{overflow-y: auto;display: flex;display: -ms-flexbox;display: -webkit-flex;}
.school-nav a{flex: 1 0 auto;width: 85px;}
.crumb{margin: 0px 10px 2px;}
.left{width: 100%;}
.recommended-course{width: 100%;box-sizing: border-box;}
.channel-t{text-indent: 15px;width: calc(100% - 2px);}
.channel-t::before{left: 10px;}
.recommended-list{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;height: auto;padding: 0 10px 10px;}
.recommended-list li{margin-left: 0;width: 45vw; height: 30vw;margin-top: 10px;}
.recommended-list li a{display: block;width: 100%;height: 100%;}
.recommended-list li a .recommended-img{display: block;width: 100%;height: 100%;}
.recommended-list li a .recommended-img img{width: 100% !important;height: 100% !important;}
.recommended-list li p{width: 100%;height: 30px;line-height: 30px;}
.blank30{height: 15px;}
.all-course{width: 100%;}
.all-course-t{width: 100%;overflow-y: auto;display: flex;display: -ms-flexbox;display: -webkit-flex;height: 35px;line-height: 35px;}
.all-course-t li{flex: 1 0 auto;font-size: 14px;padding: 0 10px;}
.all-course-list{width: 100%;}
.all-course-list li{width: 100%;}
.all-course-list li dd{width: 95%;height: auto;margin: 10px 10px 0;box-sizing: border-box;}
.school-intro{width: 100%;padding: 10px 10px;}
.general-t{text-indent: 15px;width: calc(100% - 2px);}
.general-t::before{left: 10px;}
.school-intro p{margin-top: 10px;line-height: 25px;}
.teacher-list{width: 100%;}
.teacher-list li{width: 100%;height: auto; box-sizing: border-box;padding: 10px;border: 1px solid #d8d8d8; border-top: 0px solid transparent; display: flex;display: -ms-flexbox;display: -webkit-flex;}
.teacher-info{flex: 1;margin-left: 10px;}
.taech-environment{width: 100%;box-sizing: border-box;}
.marquee{width: 100%;}
.taech-environment ul{padding-right: 10px;}
.taech-environment ul li{margin: 10px 0 0 10px;}
.interact ul{width: 100%;box-sizing: border-box;padding: 0 10px;}
.right{width: 100%;margin-top: 10px;}
.contact-us{width: 100%;box-sizing: border-box;}
.contact-us p{padding: 0 10px 10px;line-height: 25px;}
.blank20{height: 10px;}
.latest-new{width: 100%;box-sizing: border-box;}
.latest-new ul{width: 100%;box-sizing: border-box;padding: 10px 15px 10px;}
.interact{width: 100%;box-sizing: border-box;}
.interact li p b{width: 90%;}
.tonxgjf{display: none;}
.tonxgjf+.blank30{display: none;}
.motdl{padding: 10px;background-color: #ffffff;}
.link-t{height: 35px;line-height: 35px;}
.link-list{width: 100%;}
.blank50{height: 25px;}
.foot{padding: 10px 10px 70px;box-sizing: border-box;}
.botdmt{display: flex;display: -ms-flexbox;display: -webkit-flex;padding: 10px;width: 100%;justify-content: space-between;position: fixed;bottom: 0;left: 0;background-color: #ffffff;z-index: 9999999;box-sizing: border-box;}
.botdmt a{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-direction: column;justify-content: center;align-items: center;}
.botdmt a:nth-child(1){flex-direction: row;background-color: #e40b0b;padding: 0 20px;border-radius: 50px;color: #ffffff;font-size: 14px;}
.botdmt a img{width: 25px;height: 25px;margin-bottom: 5px;}
.botdmt a:nth-child(1) img{margin: 0 5px 0 0;}
.curriculum{width: 100%;box-sizing: border-box;}
.curriculum-t{width: 100%;padding: 0 0 0 10px;box-sizing: border-box;overflow-y: auto;display: flex;display: -ms-flexbox;display: -webkit-flex;}
.curriculum-t li{margin: 10px 10px 0 0;flex: 1 0 auto;}
.curriculum-list{width: 100%;}
.curriculum-list li{width: 100%;}
.curriculum-list li table tr td:nth-child(2),
.curriculum-list li table tr th:nth-child(2){display: none;}
.curriculum-list li table a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;max-width: 40vw;}
.dosnrls{padding: 0 10px;}
.dosnrls li{padding: 5px 0;width: 45vw;height: 30vw;margin: 0 10px 10px 0;}
.dosnrls li:nth-child(2n){margin-right: 0;}
.dosnrls li a img{width: 100%;height: 100%;}
.dosnrls li a p{height: 30px;line-height: 30px;}

.new-list{width: 100%;}
.new-list li{width: 100%;border: 1px solid #d8d8d8;border-top: 0px solid transparent; padding: 10px;box-sizing: border-box;}
.new-list li a{width: 100%;padding: 0;}
.new-list li a b{font-size: 16px;}
.new-list li a p{width: 100%;height: auto;line-height: 25px; margin: 5px 0;}
.page{width: 100%;height: auto;}
.page a{margin-top: 5px;}
.right-box{width: 100%;}
.right-t{width: 100%;}
.famous-teacher{width: 100%;padding: 0 10px; box-sizing: border-box;}
.famous-teacher li{width: 100%;}
.right-t{text-indent: 15px;width: calc(100% - 2px);}
.right-t::before{left: 10px;}
.pre-regist{width: 100%;box-sizing: border-box;padding-bottom: 10px;}
.regist-box{width: 100%;margin: 10px 0 0;box-sizing: border-box;padding: 0 10px;}
.regist-box p{text-align: left;}
.regist-box input{width: 100%;box-sizing: border-box;}
.regist-box textarea{width: 100%;box-sizing: border-box;}
.regist-box.regist_sub p{display: none;}
.regist-box.regist_sub input{width: 45%;height: 35px;line-height: 35px;}
.campus-list{width: 100%;}
.campus-list li{width: 100%;box-sizing: border-box;padding: 0 0 10px;margin-bottom: 10px;}
.campus-img{margin: 10px 10px 0;}
.campus-txt{width: 100%;padding: 0 10px; box-sizing: border-box;margin-top: 10px;}
.campus-txt p{width: 100%;}
.detail-t{box-sizing: border-box;padding: 10px;}
.detail-t p{margin-bottom: 10px;}
.detail-t br{display: none;}
.course-name{display: none;}
.course-name+.blank30{display: none;}
.crumb+.blank10{display: none;}
.school-bannerweb{display: block;}
.school-bannerpc{display: none;}
.contact-us .sign-in{padding: 10px;}
.contact-us .sign-in input{margin-bottom: 10px;}
.mgb20{margin-bottom: 10px;}
.channel-t::after,
.general-t::after,
.right-t::after{left: 10px;}
}
.bianktitle{text-align: center !important;margin: 15px 0;}
.bianktitle h3{display: inline-block; color: #ffffff;background-color: #ce0000; border-left: 5px solid #ffba00;border-right: 5px solid #ffba00;border-top: 3px solid #ffba00;border-bottom: 3px solid #ffba00;position: relative; padding: 10px 15px; margin: 0; font-size: 16px;line-height: 30px;}
.biankbox{margin: 0px auto 20px; border-left: 5px solid #ffba00;border-right: 5px solid #ffba00;border-top: 3px solid #ffba00;border-bottom: 3px solid #ffba00; padding: 10px 15px; box-sizing: border-box;font-size: 16px;line-height: 30px;text-align: justify;}
.biankbox h3{margin: 10px 0px;padding: 0;font-size: 16px;}
.biankbox p{margin: 10px 0px;padding: 0;}
.biankbox .bianktitle h3{padding: 5px 15px;margin: 0px;}
@media screen and (max-width:767px){
.biankbox{padding: 5px 10px;margin: 0px 0 20px;}.bianktitle{margin: 5px 0 15px;}.biankbox .bianktitle h3{padding: 5px 15px;}
}