﻿/* AB模版网 做最好的织梦整站模板下载网站 */

/* 网址：Www.AdminBuy.Cn */

/* 图标大全：Sc.AdminBuy.Cn 专业建站素材网站 */

/* QQ：9490489 */



@charset "utf-8";

/* 公共区 */

body {

	font-family: Arial, "Microsoft YaHei", SimSun;

	color: #222222;

	background-color: #f1eeec;

	line-height: 24px;

	padding: 0px;

	margin: 0px;

	-webkit-text-size-adjust: none;

	font-size: 16px;

}

p, img, form {

	border: 0px;

	margin: 0px;

	padding: 0px;

}

* {

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

#map img {

	max-width: none;

}

.mlAuto {

	margin-left: auto;

	margin-right: auto;

}

.height1 {

	height: 1px;

	overflow: hidden;

	clear: both;

}

.height2 {

	height: 2px;

	overflow: hidden;

	clear: both;

}

.height5 {

	height: 5px;

	overflow: hidden;

	clear: both;

}

.height10 {

	height: 10px;

	overflow: hidden;

	clear: both;

}

.height15 {

	height: 15px;

	overflow: hidden;

	clear: both;

}

.height20 {

	height: 20px;

	overflow: hidden;

	clear: both;

}

.height25 {

	height: 25px;

	overflow: hidden;

	clear: both;

}

.height30 {

	height: 30px;

	overflow: hidden;

	clear: both;

}

.height35 {

	height: 35px;

	overflow: hidden;

	clear: both;

}

.height40 {

	height: 40px;

	overflow: hidden;

	clear: both;

}

.height45 {

	height: 45px;

	overflow: hidden;

	clear: both;

}

.height50 {

	height: 50px;

	overflow: hidden;

	clear: both;

}

input, textarea, select {

	outline: none;

	resize: none;

	font-size: 12px;

	vertical-align: middle;

}

.img-middle {

	vertical-align: middle;

}

.auto-width {

	width: 100%;

	height: auto;

}

.img-block {

	display: block;

}

.scale {

	width: 320px;

	overflow: hidden;

	-webkit-transform-origin: left top;

	-moz-transform-origin: left top;

	-ms-transform-origin: left top;

	-o-transform-origin: left top;

	transform-origin: left top;

}

a {

	color: #555;

	text-decoration: none;

}

.main {

	overflow: hidden;

	min-width: 1003px;

	position: relative;

}

.inner {

	background-color: #fff;

	max-width: 1280px;

	width: 100%;

	overflow: hidden;

}

.top {

	min-width: 1003px;

	position: relative;

	z-index: 102;

	background-color: #033f80;

	width: 100%;

}

.top .menu {

	display: none;

}

.top .search {

	display: none;

}

.top .logo {

	float: left;

	padding-left: 40px;

}

.top .top-right {

	float: right;

	padding-right: 40px;

}

.top .top-right .search-bar {

	height: 68px;

	text-align: right;

}

.top .top-right .search-bar .sb-input {

	vertical-align: middle;

	background-color: #5580AD;

	width: 246px;

	height: 28px;

	display: inline-block;

	margin-top: 20px;

	margin-right: 55px;

}

.top .top-right .search-bar .sb-input .si-r {

	float: right;

	width: 28px;

	height: 28px;

}

.top .top-right .search-bar .sb-input .si-r input {

	background-image: url(../images/search-btn.jpg);

	width: 28px;

	height: 28px;

	border: 0px;

	cursor: pointer;

}

.top .top-right .search-bar .sb-input .si-l {

	float: left;

	padding-left: 5px;

	padding-right: 5px;

}

.top .top-right .search-bar .sb-input .si-l input {

	border: 0px;

	background: none;

	width: 185px;

	color: #fff;

	height: 28px;

	line-height: 28px;

}

.top .top-right .link {

	display: inline-block;

	font-size: 12px;

	margin-top: 20px;

	vertical-align: middle;

	height: 28px;

	line-height: 28px;

	color: #fff;

}

.top .top-right .link a {

	color: #fff;

}

.top .top-right .nav-bar a {

	float: left;

	text-align: center;

	color: #fff;

	line-height: 17px;

	background-image: url(../images/nav-line.jpg);

	background-position: right center;

	background-repeat: no-repeat;

	padding-left: 12px;

	padding-right: 12px;

}

.top .top-right .nav-bar a span {

	display: block;

}

.top .top-right .nav-bar a .en {

	color: #1c74d0;

	font-size: 11px;

	text-transform: Capitalize;

}

.top .top-right .nav-bar a:last-child {

	background: none;

	padding-right: 0px;

}

.mobile-menu {

	display: none;

}

.banner {

	width: 100%;

	position: relative;

}

.index .banner, .index .banner .list {

	height: 440px;

}

.banner .text {

	position: absolute;

	left: 0px;

	bottom: 0px;

	line-height: 50px;

	background-color: rgba(255,255,255,0.7);

	height: 50px;

	width: 100%;

}

.banner .text a {

	color: #000000;

}

.banner .text span {

	display: inline-block;

	padding-left: 20px;

}

.banner .list {

	background-size: cover;

	background-position: center center;

	display: none;

	position: absolute;

	width: 100%;

	top: 0px;

	left: 0px;

}

.banner .btns {

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

	z-index: 100;

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

}

.banner .btns a {

	display: inline-block;

	background-image: url(../images/banner-point.png);

	width: 11px;

	height: 11px;

	margin-right: 10px;

}

.banner .btns a:last-child {

	margin-right: 0px;

}

.banner .btns a.current {

	background-image: url(../images/banner-point-hover.png);

	background-color: inherit;

}

.banner.mobile {

	display: none;

}

.top .nav-drop {

	position: absolute;

	left: 0px;

	top: 121px;

	display: none;

	width: 120px;

	background-color: #ffffff;

	text-align: center;

}

.top .nav-drop br {

	display: none;

}

.top .nav-drop a {

	display: block;

	border-bottom: 1px solid #cccccc;

	line-height: 40px;

	/*padding-left: 30px;*/

	font-size: 14px;

}

.top .nav-drop a:hover {

	background-color: #8f8f8f;

	color: #fff;

}

.top .nav-drop a:last-child {

	border-bottom: 0px;

}

.top .nav-drop .bg {

	background-image: url(../images/menu-bg.png);

	height: 10px;

	width: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

	background-position: center top;

}

.index-about {

	position: relative;

	background-image: url(../images/about-bg.jpg);

	background-position: left bottom;

	background-repeat: no-repeat;

	background-color: #f2eeeb;

}

.index-item .index-item-c {

	overflow: hidden;

	padding-left: 10px;

	padding-right: 10px;

	max-width: 1000px;

	padding-top: 30px;

	padding-bottom: 70px;

}

.index-item .title {

	text-align: center;

}

.index-item .title .cn {

	display: inline-block;

	color: #FDA313;

	font-size: 32px;

	height: 45px;

	line-height: 32px;

	border-bottom: 1px solid #98b2cd;

}

.index-item .title .en {

	font-size: 15px;

	color: #2a92ff;

	display: block;

	height: 40px;

	margin-bottom: 15px;

	line-height: 40px;

}

.index-item .video {

	text-align: center;

	float: left;

}

.index-item .video .em {

	width: 450px;

	height: 300px;

	margin: 5px 30px;

}

.index-item .brief {

	line-height: 32px;

}

.index-about .more {

	text-align: center;

	position: absolute;

	left: 120px;

	bottom: -10px;

	text-align: center;

	width: 100%;

	top: 380px;

}

.index-about .more a {

	display: inline-block;

	border-radius: 5px;

	background-color: #0F75E5;

	width: 200px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	color: #fff;

	font-size: 16px;

}

.index-choose-us {

	background-color: #fff;

}

.index-choose-us .list {

	background-size: 181px;

	background-repeat: no-repeat;

	background-position: center center;

	float: left;

	width: 20%;

	height: 181px;

}

.index-choose-us .list:nth-child(1) {

	background-image: url(../images/choose-us-icon-01.png);

}

.index-choose-us .list:nth-child(2) {

	background-image: url(../images/choose-us-icon-02.png);

}

.index-choose-us .list:nth-child(3) {

	background-image: url(../images/choose-us-icon-03.png);

}

.index-choose-us .list:nth-child(4) {

	background-image: url(../images/choose-us-icon-04.png);

}

.index-choose-us .list:nth-child(5) {

	background-image: url(../images/choose-us-icon-05.png);

}

.index-what-is {

	color: #fff;

	background-image: url(../images/what-is.jpg);

	background-position: center center;

	background-size: cover;

	background-color: #000;

	background-repeat: no-repeat;

}

.index-what-is .cn {

	color: #fff !important;

	border-bottom: 1px solid #ccc !important;

}

.index-what-is .en {

	color: #ccc !important;

}

.index-what-is a {

	color: #fff;

}

.index-my-teacher-pc {

	position: relative;

}

.index-my-teacher-pc .left-btn {

	cursor: pointer;

	background-image: url(../images/left-btn.png);

	width: 52px;

	height: 80px;

	position: absolute;

	left: 30px;

	top: 410px;

}

.index-my-teacher-pc .right-btn {

	cursor: pointer;

	background-image: url(../images/right-btn.png);

	width: 52px;

	height: 80px;

	position: absolute;

	right: 30px;

	top: 410px;

}

.index-my-teacher-pc .index-item-c {

	padding-left: 0px;

	padding-right: 0px;

}

.index-my-teacher-pc .max {

	width: 100000000px;

}

.index-my-teacher-pc .group {

	width: 1001px;

	overflow: hidden;

	float: left;

}

.index-my-teacher-pc .group-c {

	float: left;

}

.index-my-teacher-pc .group-c .list {

	margin-bottom: 67px;

	display: block;

	height: 300px;

	overflow: hidden;

	position: relative;

	width: 240px;

	overflow: hidden;

	float: left;

	margin-right: 67px;

	color: #fff;

}

.index-my-teacher-pc .group-c .list:nth-child(5) {

	margin-bottom: 0px;

}

.index-my-teacher-pc .group-c .list:nth-child(6) {

	margin-bottom: 0px;

}

.index-my-teacher-pc .group-c .list:nth-child(7) {

	margin-bottom: 0px;

}

.index-my-teacher-pc .group-c .list:nth-child(8) {

	margin-bottom: 0px;

}

.index-my-teacher-pc .group-c .list .img {

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transition-property: all;

	-moz-transition-property: all;

	-ms-transition-property: all;

	-o-transition-property: all;

	transition-property: all;

	-webkit-transform-origin: center center;

	-moz-transform-origin: center center;

	-ms-transform-origin: center center;

	-o-transform-origin: center center;

	transform-origin: center center;

}

.index-my-teacher-pc .group-c .list .text {

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transition-property: all;

	-moz-transition-property: all;

	-ms-transition-property: all;

	-o-transition-property: all;

	transition-property: all;

	background-color: rgba(0,174,255,0.7);

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 35px;

	line-height: 35px;

	font-size: 16px;
	text-align: center;

}

.index-my-teacher-pc .group-c .list .text span {

	display: inline-block;

	padding-left: 10px;

}

.index-my-teacher-pc .group-c .list .mask {

	opacity: 0;

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transition-property: all;

	-moz-transition-property: all;

	-ms-transition-property: all;

	-o-transition-property: all;

	transition-property: all;

	background-color: rgba(55,92,130,0.7);

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

}

.index-my-teacher-pc .group-c .list .mask .name {

	line-height: 20px;

	position: absolute;

	left: 10px;

	top: 10px;

}

.index-my-teacher-pc .group-c .list .mask .name span {

	font-size: 14px;

}

.index-my-teacher-pc .group-c .list .mask .position {

	position: absolute;

	left: 10px;

	bottom: 10px;

	font-size: 14px;

}

.index-my-teacher-pc .group-c .list:hover .img {

	-webkit-transform: scale(1.3, 1.3);

	-moz-transform: scale(1.3, 1.3);

	-ms-transform: scale(1.3, 1.3);

	-o-transform: scale(1.3, 1.3);

	transform: scale(1.3, 1.3);

}

.index-my-teacher-pc .group-c .list:hover .text {

	opacity: 0;

}

.index-my-teacher-pc .group-c .list:hover .mask {

	opacity: 1;

}

.index-my-teacher-pc .index-item-c {

	padding-top: 15px;

	padding-bottom: 20px;

}

.index-my-teacher-mobile {

	display: none;

}

.index-my-environment {

	background-color: #fff;

	padding-top: 20px;

	padding-bottom: 10px;

}

.index-my-environment .index-item-c {

	padding: 0px;

}

.index-my-environment .group {

	float: left;

}

.index-my-environment .list {

	float: left;

	width: 25%;

	overflow: hidden;

	position: relative;

}

.index-my-environment .list .border-mask {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	border: 5px solid rgba(255,255,255,0.7);

	box-sizing: border-box;

}

.index-my-environment .list .title {

	background-color: #af9d5f;

	padding-left: 10px;

	padding-right: 10px;

	line-height: 30px;

	color: #fff;

	font-size: 16px;

	position: absolute;

	left: 0px;

	bottom: 0px;

}

.index-my-environment .list img {

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transition-property: all;

	-moz-transition-property: all;

	-ms-transition-property: all;

	-o-transition-property: all;

	transition-property: all;

}

.index-my-environment .list .mask {

	opacity: 0;

	line-height: 166px;

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.7);

	text-align: center;

	font-size: 16px;

	color: #fff;

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transition-property: all;

	-moz-transition-property: all;

	-ms-transition-property: all;

	-o-transition-property: all;

	transition-property: all;

}

.index-my-environment .list:hover .mask {

	opacity: 1;

}

.index-my-environment .list:hover img {

	-webkit-transform: scale(1.3, 1.3);

	-moz-transform: scale(1.3, 1.3);

	-ms-transform: scale(1.3, 1.3);

	-o-transform: scale(1.3, 1.3);

	transform: scale(1.3, 1.3);

}

.index-my-environment .btns {

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

}

.index-my-environment .btns a {

	display: inline-block;

	background-image: url(../images/banner-point.png);

	width: 11px;

	height: 11px;

	margin-right: 10px;

}

.index-my-environment .btns a.current {

	background-image: url(../images/banner-point-hover.png);

}

.index-news {

	color: #fff;

	background-image: url(../images/img-3.jpg);

	min-height: 450px;

	background-position: center center;

	background-size: cover;

	background-color: #000;

	background-repeat: no-repeat;

}

.index-news .list {

	float: left;

	width: 50%;

	overflow: hidden;

}

.index-news .list .title {

	margin-bottom: 20px;

	text-align: left;

}

.index-news .list .title .cn {

	color: #fff;

}

.index-news .list:nth-child(1) .list-c {

	margin-right: 35px;

}

.index-news .list:nth-child(2) .list-c {

	margin-left: 35px;

}

.index-news .list .list-item {

	overflow: hidden;

	width: 100%;

	margin-bottom: 30px;

	min-height: 150px;

	position: relative;

}

.index-news .list .list-item .img {

	width: 150px;

	left: 0px;

	top: 0px;

	position: absolute;

	overflow: hidden;

}

.index-news .list .list-item .img .border-mask {

	border: 5px solid rgba(255,255,255,0.7);

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	box-sizing: border-box;

}

.index-news .list .list-item .text {

	font-size: 12px;

	line-height: 20px;

	margin-left: 160px;

}

.index-news .list .list-item .text .tt {

	overflow: hidden;

	height: 30px;

	padding-top: 2px;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 13px;

}

.index-news .list a {

	color: #fff;

}

.index-news .index-item-c {

	padding-bottom: 0px;

}

.index-contact {

	background-color: #fff;

}

.index-contact .list {

	float: left;

	width: 33.33333333333%;

	background-position: left center;

	color: #104c8b;

	font-size: 14px;

	min-height: 60px;

	line-height: 60px;

	background-repeat: no-repeat;

}

.index-contact .list:nth-child(1) {

	background-image: url(../images/ccontact-01.jpg);

}

.index-contact .list:nth-child(2) {

	background-image: url(../images/ccontact-02.jpg);

}

.index-contact .list:nth-child(3) {

	background-image: url(../images/ccontact-03.jpg);

}

.index-contact .list .tc {

	margin-left: 75px;

	border-right: 1px solid #e1dff5;

	margin-right: 25px;

}

.index-contact .list:nth-child(1) .tc {

	line-height: 22px;

	padding-top: 8px;

}

.index-contact .list:nth-child(1) .tc span {

	font-size: 11px;

}

.index-contact .list:nth-child(3) .tc {

	border-right: 0px;

}

.bottom {

	position: relative;

	background-color: #033f80;

	min-width: 1000px;

}

.bottom .logo {

	padding-left: 40px;

	float: left;

	width: 301px;

}

.bottom .text {

	float: right;

	color: #fff;

	font-size: 12px;

	line-height: 20px;

	text-align: right;

	padding-right: 20px;

	padding-top: 23px;

}

.bottom .text span {

	color: #1c74d0;

}

.bottom .text span a {

	color: #1c74d0;

}

.bottom-link {

	background-color: #104c8b;

	min-width: 1000px;

}

.bottom-link .bl-c a {

	float: left;

	width: 16%;

	height: 70px;

	line-height: 70px;/* text-align: center;*/

	color: #fff;

}

.bottom-link .bl-c {

	height: 70px;

	max-width: 1000px;

}

.bottom-link .bl-d {

	max-width: 1000px;

	padding-bottom: 20px;

	display: none;

}

.bottom-link .bl-d .list {

	float: left;

	width: 16%;

	line-height: 20px;

}

.bottom-link .bl-d .list a {

	color: #ffffff;

	font-size: 12px;

}

.bottom .btn {

	position: absolute;

	left: 0px;

	top: -5px;

	width: 100%;

	text-align: center;

}

.bottom .btn span {

	cursor: pointer;

	display: inline-block;

}

.inner .inner-c {

	margin-top: 20px;

	margin-left: 20px;

	margin-right: 20px;

	position: relative;

}

.inner .inner-c .left {

	width: 273px;

	float: left;

	background-color: #eeeeee;

}

.inner .inner-c .left .category-t {

	font-size: 20px;

	color: #fff;

	border-bottom: 1px solid #777777;

	background-color: #033F80;

	border-left: 4px solid #808080;

	padding-left: 35px;

	line-height: 58px;

	height: 58px;

}

.inner .inner-c .left .category-a {

	height: 50px;

	overflow: hidden;

	display: block;

	line-height: 50px;

	background-image: url(../images/category-list-bg.jpg);

	background-position: left bottom;

	background-repeat: repeat-x;

	padding-left: 40px;

	color: #444444;

	font-size: 16px;

}

.inner .inner-c .right {

	margin-left: 340px;

	margin-bottom: 20px;

}

.common-list .right .list {

	overflow: hidden;

	width: 100%;

	margin-bottom: 25px;

	position: relative;

	min-height: 248px;

}

.common-list .right .list .img {

	display: block;

	width: 186px;

	position: absolute;

	left: 0px;

	top: 0px;

}

.common-list .right .list .img .mask {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	box-sizing: border-box;

	border: 6px solid rgba(255,255,255,0.5);

}

.common-list .right .list .text {

	margin-left: 220px;

}

.common-list .right .list .text .t {

	font-size: 20px;

	color: #000000;

	line-height: 35px;

}

.common-list .right .list .text .t-en {

	color: #777777;

	line-height: 18px;

}

.common-list .right .list .text .desc {

	padding-top: 20px;

	padding-bottom: 5px;

}

.common-list .right .list2 {

	float: left;

	width: 33.333333333333333%;

	margin-bottom: 13px;

}

.common-list .right .list2 .list-c {

	display: block;

	position: relative;

}

.common-list .right .list2:nth-child(3n-1) .list-c {

	margin-left: 7px;

	margin-right: 7px;

}

.common-list .right .list2:nth-child(3n-2) .list-c {

	margin-right: 13px;

}

.common-list .right .list2:nth-child(3n) .list-c {

	margin-left: 13px;

}

.common-list .right .list2 .list-c .text {

	position: absolute;

	left: 0px;

	bottom: 0px;

	height: 50px;

	background-color: #171e28;

	line-height: 50px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	width: 100%;

}

.detail .banner .text {

	background-color: rgba(0,153,255,0.7);

	color: #000;

}

.detail .banner .text a {

	color: #000;

}

.detail .inner-c .img {

	position: relative;

	display: inline-block;

}

.detail .inner-c .img .mask {

	box-sizing: border-box;

	border: 4px solid rgba(255,255,255,0.5);

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

}

.detail .inner-c .img img {

	display: block;

}

.detail .inner-c .t {

	font-size: 24px;

	color: #867335;

	margin-bottom: 20px;

	line-height: 30px;

	margin-right: 160px;

}

.detail .inner-c {

	color: #777777;

	position: relative;

}

.detail .inner-c .d {

	position: absolute;

	right: 0px;

	top: 0px;

	color: #444;

	font-size: 12px;

	line-height: 30px;

}

.detail .inner-c img {

	max-width: 100%;

	height: auto;

}

.detail .inner-c .line {

	border-top: 1px solid #e3dcc6;

	height: 10px;

}

.download {

	margin-bottom: 20px;

	margin-top: 50px;

}

.download .download-t {

	font-size: 18px;

	color: #000000;

	height: 60px;

	line-height: 60px;

	border-top: 1px solid #CCCCCC;

}

.download .d-list {

	padding-left: 35px;

	text-decoration: underline;

	display: block;

	margin-bottom: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

}

.download .d-list.pdf {

	background-position: left center;

	background-repeat: no-repeat;

	background-image: url(../images/pdf.jpg);

	background-position: left center;

}

.school.inner {

	min-width: 1280px;

}

.school .title-bar {

	height: 50px;

	margin-bottom: 15px;

	background-color: rgba(23,30,40,0.6);

	background-image: url(../images/school-title-bar-bg.png);

	background-position: left top;

	background-repeat: no-repeat;

}

.school .right {

	width: 850px;

}

.school .title-bar .tb-c {

	width: 225px;

	text-align: center;

	line-height: 50px;

	color: #fff;

}

.school .title-bar .tb-c .cn {

	font-size: 18px;

}

.school .title-bar .tb-c .en {

	font-size: 13px;

}

.school .facilities {

	margin-bottom: 15px;

	width: 850px;

}

.school .facilities .img {

	display: block;

	position: relative;

}

.school .facilities .img .mask {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	border: 4px solid rgba(255,255,255,0.5);

	box-sizing: border-box;

}

.school .facilities .img .mask .text {

	color: #fff;

	background-color: #B19D60;

	height: 32px;

	line-height: 32px;

	position: absolute;

	left: 0px;

	bottom: 0px;

}

.school .facilities .img .mask .text span {

	display: block;

	margin-left: 20px;

	padding-right: 15px;

	background-position: right center;

	background-repeat: no-repeat;

	margin-right: 5px;

}

.school .facilities .img:hover span {

	background-image: url(../images/school-icon.jpg);

}

.school .facilities .group-1 .l {

	float: left;

	width: 560px;

}

.school .facilities .group-1 .r {

	float: right;

	width: 270px;

}

.school .facilities .group-1 .r .img:first-child {

	margin-bottom: 24px;

}

.school .facilities .group {

	margin-bottom: 15px;

}

.school .facilities .group-2 .l {

	float: left;

	width: 270px;

}

.school .facilities .group-2 .r {

	float: right;

	width: 560px;

}

.school .facilities .group-3 .f-list {

	float: left;

	width: 33.33333333333%;

	text-align: center;

}

.school .facilities .group-3 .f-list .f-list-c {

	width: 270px;

	overflow: hidden;

}

.school .facilities .group-3 .f-list:nth-child(3) .f-list-c {

	float: right;

}

.school .facilities .group-3 .f-list:nth-child(2) .f-list-c {

	display: inline-block;

}

.school .service {

	margin-bottom: 20px;

}

.school .service .s-list {

	float: left;

	width: 33.3333333333333333%;

	text-align: center;

}

.school .service .s-list .s-list-c {

	width: 270px;

	height: 300px;

	background-color: #f2eeeb;

}

.school .service .s-list .s-list-c .slc-t {

	height: 40px;

	background-color: #ddd;

	color: #444;

	font-size: 15px;

	padding-left: 15px;

	text-align: left;

	line-height: 40px;

}

.school .service .s-list:nth-child(1) .s-list-c {

	background-image: url(../images/school-service-bg-01.jpg);

}

.school .service .s-list:nth-child(2) .s-list-c {

	display: inline-block;

	background-image: url(../images/school-service-bg-02.jpg);

}

.school .service .s-list:nth-child(3) .s-list-c {

	float: right;

	background-image: url(../images/school-service-bg-03.jpg);

}

.school .service .s-list .s-list-c .desc {

	line-height: 18px;

	text-align: left;

	padding: 15px;

	font-size: 12px;

	color: #777777;

}

.five-reasons .right .item {

	background-position: right bottom;

	background-repeat: no-repeat;

	color: #444444;

	font-size: 12px;

	line-height: 18px;

}

.five-reasons .right .item .item-c {

	padding-top: 20px;

	margin-left: 10px;

	padding-bottom: 20px;

	margin-right: 10px;

}

.five-reasons .right .item .t1 {

	color: #000;

	font-size: 18px;

}

.five-reasons .right .item .t2 {

	color: #000;

	font-size: 12px;

	margin-bottom: 20px;

}

.five-reasons .right .item.i1 {

	background-color: #C6CED4;

	background-image: url(../images/1.png);

}

.five-reasons .right .item.i1 .item-c {

	margin-right: 200px;

}

.five-reasons .right .item.i3 {

	background-color: #EBE8C5;

	float: left;

	width: 33.33333333%;

	height: 300px;

	background-image: url(../images/2.png);

}

.five-reasons .right .item.i4 {

	background-color: #D8CEAF;

	float: left;

	width: 33.33333333%;

	height: 300px;

	background-image: url(../images/3.png);

}

.five-reasons .right .item.i5 {

	background-color: #CBBD94;

	float: left;

	width: 33.33333333%;

	height: 300px;

	background-image: url(../images/4.png);

}

.five-reasons .right .item.i6 {

	float: left;

	width: 66.666666666666%;

}

.five-reasons .right .item.i7 {

	float: right;

	width: 33%;

}

.five-reasons .right .i7out {

	clear: both;

	margin-bottom: 20px;

	background-image: url(../images/5.png);

	background-color: #C6CED4;

	background-position: right bottom;

	background-repeat: no-repeat;

}

.special .special-banner {

	background-image: url(../images/special-banner.jpg);

	background-size: cover;

	position: relative;

	min-height: 510px;

	background-position: center top;

}

.special .special-banner .logo {

	background-color: rgba(23,30,40,0.8);

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 80px;

}

.special .special-banner .logo .logo-c {

	width: 223px;

	margin-left: 20px;

	padding-top: 7px;

}

.special .special-c {

	width: 1000px;

}

.special .special-c .about {

	height: 460px;

	background-color: rgba(23,30,40,0.8);

	float: right;

	width: 480px;

	border-radius: 0px 0px 5px 5px;

}

.special .special-c .about .about-c {

	margin-left: 20px;

	margin-right: 20px;

	color: #fff;

	line-height: 26px;

}

.special .special-c .about .about-c .t {

	font-size: 24px;

	color: #AF9D5F;

	margin-bottom: 5px;

	line-height: 24px;

}

.special .special-c .about .about-c .desc {

	margin-bottom: 20px;

}

.special .special-c .about .about-c .join-btn {

	margin-bottom: 10px;

}

.special .special-c .about .about-c .tel {

	background-image: url(../images/tel-icon.png);

	background-position: left center;

	background-repeat: no-repeat;

	display: inline-block;

	padding-left: 30px;

}

.special .special-bottom {

	clear: both;

	text-align: center;

	font-size: 12px;

	padding-top: 15px;

	padding-bottom: 15px;

	line-height: 18px;

}

.special .special-bottom span {

	color: rgba(0,0,0,0.33);

}

.special .special-c .right {

	float: right;

}

.special .special-c .left {

	float: left;

	width: 440px;

	padding-top: 90px;

}

.special .special-c .left .t {

	color: #000;

	font-size: 24px;

	padding-bottom: 15px;

}

.special .special-c .left .desc {

	padding-bottom: 30px;

	line-height: 26px;

}

.special .contact {

	background-color: #2D3741;

	clear: both;

	padding-top: 30px;

	color: #fff;

	font-size: 12px;

	line-height: 17px;

	padding-bottom: 30px;

}

.special .contact .contact-left {

	float: left;

	width: 535px;

	overflow: hidden;

}

.special .contact .contact-left .lm {

	float: left;

	width: 219px;

}

.special .contact .contact-left .lm .img {

	margin-bottom: 10px;

}

.special .contact .contact-left .lt {

	float: right;

	width: 300px;

}

.special .contact .contact-left .lt span {

	font-size: 14px;

}

.special .contact .contact-right {

	float: right;

	background-image: url(../images/contact-bg.jpg);

	width: 321px;

	padding-left: 60px;

	border-left: 1px solid #565e65;

	height: 230px;

	background-position: right top;

	background-repeat: no-repeat;

	position: relative;

}

.special .contact .contact-right .btn {

	position: absolute;

	left: 60px;

	top: 45px;

	font-size: 14px;

	width: 160px;

}

.special .contact .contact-right .btn a {

	display: inline-block;

	height: 35px;

	line-height: 35px;

	margin-top: 8px;

	background-color: #AF9D5F;

	color: #fff;

	text-align: center;

	width: 100%;

}

.special .contact .contact-right .tel {

	color: #000;

	font-size: 14px;

	left: 170px;

	line-height: 24px;

	position: absolute;

	top: 153px;

}

.course {

	min-width: 1280px;

}

.course .right .list-1 {

	overflow: hidden;

	margin-bottom: 10px;

}

.course .right .list-1 .l {

	float: left;

	width: 280px;

}

.course .right .list-1 .r {

	float: right;

	width: 574px;

}

.course .right .list-1 {

	width: 870px;

}

.course .right .list {

	position: relative;

	display: block;

}

.course .right .list .text {

	height: 35px;

	line-height: 35px;

	color: #fff;

	font-size: 18px;

	position: absolute;

	left: 0px;

	width: 100%;

	bottom: 0px;

	background-color: rgba(0,0,0,0.7);

}

.course .right .list .text span {

	display: block;

	padding-left: 10px;

}

.course .right .list .mask {

	display: none;

	position: absolute;

	left: 0px;

	top: 0px;

	font-size: 13px;

	line-height: 18px;

	background-color: rgba(0,0,0,0.7);

	width: 100%;

	height: 100%;

	text-align: center;

	color: #fff;

}

.course .right .list .mask .icon {

	padding-top: 30px;

}

.course .right .list .mask .title {

	font-size: 22px;

	padding-top: 20px;

	padding-bottom: 20px;

}

.course .right .list:hover .text {

	display: none;

}

.course .right .list:hover .mask {

	display: block;

}

.course .right .list-2 {

	overflow: hidden;

	margin-bottom: 10px;

	width: 870px;

}

.course .right .list-2 .l {

	float: left;

	width: 576px;

}

.course .right .list-2 .r {

	float: right;

	width: 280px;

}

.course .right .list-2 .r .list {

	margin-bottom: 10px;

}

.course .right .list-2 .r .list:last-child {

	margin-bottom: 0px;

}

.course .right .list-2 .l .ll {

	float: left;

	width: 403px;

}

.course .right .list-2 .l .lr {

	float: right;

	width: 160px;

}

.news-list .right .title-bar {

	border-bottom: 2px solid #74787e;

	margin-bottom: 10px;

	height: 42px;

	line-height: 42px;

	color: #898230;

	font-size: 24px;

}

.news-list .right .title-bar span {

	font-size: 14px;

}

.news-list .right .list {

	border-bottom: 1px dashed #cbcbcb;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.news-list .right .list .t {

	margin-bottom: 5px;

	font-size: 18px;

}

.news-list .right .list .t a {

	color: #585858;

}

.news-list .right .list .desc {

	color: #9a9a9a;

	line-height: 20px;

	padding-bottom: 5px;

}

.news-list .right .list .date {

	font-size: 12px;

	color: #9a9a9a;

	line-height: 16px;

}

.news-list .right .btn {

	padding-top: 20px;

	padding-bottom: 20px;

}

.news-list .right .btn a, .input-sub {

	background-color: #fff;

	line-height: 42px;

	font-size: 18px;

	color: #9a9a9a;

	border-radius: 5px;

	border: 1px solid #d2d2d2;

	height: 42px;

	width: 178px;

	display: inline-block;

}

.news-list .right .btn a:hover, .input-sub:hover {

	background-color: #b19d60;

	color: #fff;

}

.news-list .ap-list {

	position: relative;

	margin-bottom: 15px;

}

.news-list .ap-list .attr {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 110px;

	text-align: right;

	font-size: 18px;

	color: #9a9a9a;

}

.news-list .ap-list .input {

	margin-left: 130px;

	margin-right: 50px;

}

.news-list .applyp-form {

	padding-top: 40px;

}

.news-list .ap-list .input .input-text {

	width: 100%;

	overflow: hidden;

	border: 0px;

	padding: 0px;

	margin: 0px;

	border: 1px solid #dcdcdc;

	height: 24px;

	color: #9a9a9a;

}

.search .search-bar {

	margin-top: 40px;

	margin-bottom: 35px;

	text-align: center;

}

.search .search-bar .sb-c {

	width: 790px;

	height: 42px;

	display: inline-block;

	position: relative;

}

.search .search-bar .sb-c .r {

	position: absolute;

	right: 0px;

	top: 0px;

	width: 113px;

	height: 42px;

	background-color: #74787e;

}

.search .search-bar .sb-c .r input {

	width: 100%;

	height: 42px;

	background: none;

	cursor: pointer;

	border: 0px;

	background-image: url(../images/search-icon.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.search .search-bar .sb-c .l {

	border: 1px solid #dcdcdc;

	margin-right: 113px;

	height: 40px;

}

.search .search-bar .sb-c .l span {

	display: block;

	margin-left: 10px;

	margin-right: 10px;

}

.search .search-bar .sb-c .l span input {

	border: 0px;

	padding: 0px;

	margin: 0px;

	height: 40px;

	line-height: 40px;

	width: 100%;

	color: #74787e;

}

.search .s-right {

	position: absolute;

	right: 0px;

	top: 0px;

	width: 230px;

}

.search .s-right .item {

	display: block;

	margin-bottom: 10px;

}

.search .s-left {

	margin-right: 260px;

}

.search .search-out {

	position: relative;

}

.search .s-left .prompt {

	height: 50px;

	line-height: 50px;

	margin-bottom: 15px;

	color: #000000;

	border-bottom: 2px solid #74787e;

}

.search .s-left .prompt span {

	color: #b19d60;

}

.search .s-left .list {

	margin-bottom: 20px;

	overflow: hidden;

	position: relative;

	width: 100%;

	min-height: 188px;

}

.search .s-left .list .img {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 250px;

}

.search .s-left .list .img .mask {

	border: 4px solid rgba(255,255,255,0.5);

	box-sizing: border-box;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

}

.search .s-left .list .text {

	font-size: 12px;

	color: #444444;

	line-height: 22px;

	margin-left: 280px;

}

.search .s-left .list .text .t {

	font-size: 20px;

}

.search .s-left .list .text .t a {

	color: #000;

}

.search .s-left .list .text .en-t {

	color: #777777;

	font-size: 12px;

	margin-bottom: 10px;

}

.search .s-left .more {

	border-top: 1px dashed #cbcbcb;

	padding-top: 15px;

	padding-bottom: 15px;

	text-align: center;

}

.search .s-left .more a {

	line-height: 42px;

	font-size: 18px;

	color: #9a9a9a;

	border-radius: 5px;

	border: 1px solid #d2d2d2;

	height: 42px;

	width: 178px;

	display: inline-block;

}

.current {

	background: #ddd;

}

/*0128*/

.contact .contact-c {

	margin-left: 30px;

	margin-right: 30px;

}

.contact .contact-c .title {

	color: #b19d60;

	font-size: 32px;

	border-bottom: 1px solid #dadada;

	height: 70px;

	line-height: 70px;

	border-bottom: 1px solid #dadada;

	margin-bottom: 60px;

}

.contact .contact-c .title span {

	font-size: 15px;

	color: #777777;

}

.contact .contact-c .l {

	float: left;

	width: 530px;

}

.contact .contact-c .r {

	font-size: 14px;

	float: right;

	width: 520px;

	color: #777777;

}

.contact .contact-c .r .address {

	margin-bottom: 40px;

}

.contact .contact-c .r .address .a-list {

	position: relative;

	min-height: 32px;

	font-size: 18px;

	line-height: 28px;

}

.contact .contact-c .r .address .a-list .name {

	position: absolute;

	left: 0px;

	top: 0px;

	color: #b19d60;

}

.contact .contact-c .r .address .a-list .text {

	margin-left: 55px;

}

.contact .contact-c .r .address .a-list .text span {

	font-size: 14px;

}

.contact .contact-c .r .address .a-list .text a {

	color: #777;

}

.contact .contact-c .r .t {

	font-size: 18px;

	color: #b19d60;

}

#demos {

	width: 800%;

}

