body,div,p,h1,h2,h3,h4,h5,h6,ul,li,img {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	list-style: none;
}
.clearfloat {
	clear: both;
}
.tesol-main {
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.tesol-banner {
	width: 100%;
	height: 300px;
	background: url(../images/banner20180925.jpg) no-repeat center;
}

.tesol-content {
	width: 1000px;
	margin: 0 auto;
	height: auto;
}

.tesol-part {
	width: 100%;
	padding: 50px 0 10px;
}
.tesol-part h2 {
	width: 100%;
	height: 38px;
	text-align: center;
	color: #444444;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
	background: url(../images/line.png) no-repeat bottom center;
}

.tesol-part .tesol-row1 {
	height: 442px;
	margin-top: 30px;
}
.tesol-part .tesol-row1 .row-image {
	display: block;
	float: left;
}
.tesol-part .tesol-row1 .row-text {
	width: 420px;
	height: 362px;
	padding: 40px;
	background: #2149BD;
	color: #FFFFFF;
	line-height: 28px;
	float: left;
	position: relative;
}
.tesol-part .tesol-row1 .row-text .bg-left {
	width: 13px;
	height: 442px;
	position: absolute;
	top: 0;
	left: -13px;
	background: url(../images/pic3.png) no-repeat;
	z-index: 1;
}
.tesol-part .tesol-row1 .row-text p,.tesol-part .tesol-row1 .row-text h5 {
	font-size: 15px;
}
.tesol-part .tesol-row1 .row-text p.indent {
	text-indent: 2em;
}

.tesol-part .tesol-row2 {
	height: 400px;
	margin-top: 30px;
}
.tesol-part .tesol-row2 .row-image {
	display: block;
	float: left;
	margin-left: 40px;
}
.tesol-part .tesol-row2 .row-image:first-child {
	margin-left: 0;
}
.tesol-part .tesol-row2 .row-image h4 {
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	color: #555555;
	height: 15px;
	line-height: 15px;
	margin-top: 19px;
}

.tesol-part .tesol-row3 {
	height: 380px;
	margin-top: 30px;
}
.tesol-part .tesol-row3 .row-text {
	width: 220px;
	height: 84px;
	padding: 148px 40px;
	background: #2149BD;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 28px;
	float: left;
	text-align: justify;
	text-justify:inter-ideograph;
	position: relative;
}
.tesol-part .tesol-row3 .row-text .bg-right {
	width: 13px;
	height: 380px;
	position: absolute;
	top: 0;
	right: -13px;
	background: url(../images/pic4.png) no-repeat;
	z-index: 1;
}
.tesol-part .tesol-row3 .row-text p.indent {
	text-indent: 2em;
}
.tesol-part .tesol-row3 .row-video {
	width: 700px;
	height: 380px;
	float: left;
}
.tesol-part .tesol-row3 .row-video .video-box {
	width: 700px;
	height: 380px;
}
.tesol-part .tesol-row4 {
	height: 432px;
	margin-top: 40px;
}
.tesol-part .tesol-row4 .row-image {
	display: block;
	float: left;
}
.tesol-part .tesol-row4 .row-text {
	width: 281px;
	height: 120px;
	padding: 100px 36px;
	background: #2149BD;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 28px;
	float: left;
	text-align: justify;
	position: relative;
	margin-top: 56px;
}
.tesol-part .tesol-row4 .row-text .bg-left {
	width: 13px;
	height: 320px;
	position: absolute;
	top: 0;
	left: -13px;
	background: url(../images/pic1.png) no-repeat;
	z-index: 1;
}
.tesol-part .tesol-row4 .row-text p.indent {
	text-indent: 2em;
}

.tesol-part .tesol-article {
	margin-top: 40px;
}
.tesol-part .tesol-article p {
	font-size: 15px;
	color: #444444;
	line-height: 28px;
	text-indent: 2em;
	margin-top: 14px;
}
.tesol-part .tesol-article p.title {
	color: #2149BD;
	font-weight: bold;
}
.tesol-part .tesol-article p a {
	color: #2149BD;
}

.tesol-part .expert-list {
	margin-top: 40px;
}
.tesol-part .expert-list .expert {
	width: 320px;
	float: left;
	margin-left: 20px;
}
.tesol-part .expert-list .expert:first-child {
	margin-left: 0;
}
.tesol-part .expert-list .expert img {
	display: block;
}
.tesol-part .expert-list .expert .introduce {
	height: 386px;
	padding-top: 40px;
	color: #FFFFFF;
	background: #2149BD;
	position: relative;
}
.tesol-part .expert-list .expert .introduce .bg-up {
	width: 320px;
	height: 13px;
	background: url(../images/pic2.png) no-repeat;
	position: absolute;
	top: -13px;
	left: 0;
	z-index: 1;
}
.tesol-part .expert-list .expert .introduce h5 {
	font-size: 18px;
	text-align: center;
}
.tesol-part .expert-list .expert .introduce p {
	font-size: 14px;
	line-height: 26px;
	text-indent: 2em;
	margin-top: 20px;
	padding-left: 34px;
	padding-right: 34px;
	text-align: justify;
}

.tesol-part .expert-image {
	display: block;
	margin-top: 30px;
}


.tesol-introduce-list {
	width: 100%;
	margin-top: 10px;
}

.tesol-introduce-list .tesol-introduce-item {
	width: 874px;
	padding: 30px 36px 30px 63px;
	position: relative;
	background: #2149BD;
	border-radius: 8px;
	margin-left: 27px;
	margin-top: 20px;
	color: #FFFFFF;
}
.tesol-introduce-list .tesol-introduce-item:first-child {
	margin-top: 40px;
}
.tesol-introduce-list .tesol-introduce-item.odd {
	width: 872px;
	background: #FFFFFF;
	color: #555555;
	border: 1px solid #2149BD;
}
.tesol-introduce-list .tesol-introduce-item h3 {
	position: absolute;
	width: 54px;
	height: 54px;
	background: url(../images/blue_bj.png) no-repeat;
	top: 50%;
	left: -27px;
	margin-top: -27px;
	line-height: 54px;
	text-align: center;
	color: #FFFFFF;
	z-index: 1;
	font-weight: normal;
}
.tesol-introduce-list .tesol-introduce-item p {
	font-size: 15px;
	line-height: 26px;
	text-align: justify;
}
/* .tesol-introduce-list .tesol-introduce-item {
	position: relative;
	float: left;
	margin-left: 24px;
	width: 232px;
	height: 394px;
	margin-top: 30px;
	padding-top: 27px;
}
.tesol-introduce-list .tesol-introduce-item:first-child {
	margin-left: 0;
}
.tesol-introduce-list .tesol-introduce-item.second-row {
	margin-left: 128px;
}
.tesol-introduce-list .tesol-introduce-item h3 {
	position: absolute;
	width: 54px;
	height: 54px;
	background: url(../images/yello_bj.png) no-repeat;
	top: 0;
	left: 50%;
	margin-left: -27px;
	line-height: 54px;
	text-align: center;
	color: #FFFFFF;
	z-index: 1;
	font-weight: normal;
}
.tesol-introduce-list .tesol-introduce-item div {
	display: table;
	width: 232px;
	height: 368px;
	background: url(../images/yello_line.png) no-repeat;
}
.tesol-introduce-list .tesol-introduce-item div p {
	display: table-cell;
	padding: 13px 22px 0;
	margin: 0 auto;
	font-size: 15px;
	color: #555555;
	line-height: 28px;
	text-align: justify;
	vertical-align: middle;
	text-justify:inter-ideograph;
} */

.tesol-video-list {
	margin-top: 40px;
}

.tesol-video-list .tesol-video {
	width: 480px;
	height: 298px;
	float: left;
	margin-left: 40px;
}
.tesol-video-list .tesol-video:first-child {
	margin-left: 0;
}
.tesol-video-list .tesol-video .video-box {
	width: 480px;
	height: 260px;
}
.tesol-video-list .tesol-video h4 {
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	color: #555555;
	height: 15px;
	line-height: 15px;
	margin-top: 23px;
}

/***************** footer ↓↓↓ ***************/
#footer {
	display: block;
	font:14px/24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53","微软雅黑",Arial,sans-serif;
	min-width: 1000px;
	padding:40px 0;
	background:#232323;
	text-align:center;
	color:#fff;
	line-height:28px;
	z-index:2;
	position: relative;
	top: -4px;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	/* color:#d80c0d; */
	text-decoration:underline;
}

#h5-footer {
	display: none;
}


@media only screen and (max-device-width: 414px) {
	img {
		width: 100%;
	}
	.tesol-main {
		width: auto;
		min-width: auto;
		padding-bottom: 0;
	}
	.tesol-banner {
		height: 194px;
		background: url(../images/banner20180925-h5.jpg) no-repeat center;
		background-size: 100%;
	}
	.tesol-content {
		width: auto;
		padding: 0 20px;
	}
	.tesol-part {
		padding: 30px 0 10px;
	}
	.tesol-part h2 {
		height: auto;
		font-size: 22.5px;
		line-height: 33px;
		padding-bottom: 10px;
	}
	
	.tesol-introduce-list {
		width: 100%;
		margin-top: 10px;
	}
	
	.tesol-introduce-list .tesol-introduce-item {
		width: 100%;
		padding: 50px 0 30px;
		position: relative;
		background: #FFFFFF;
		margin-left: 0;
		margin-top: 50px;
		color: #555555;
		border: 1px solid #2149BD;
	}
	.tesol-introduce-list .tesol-introduce-item:first-child {
		margin-top: 50px;
	}
	.tesol-introduce-list .tesol-introduce-item.odd {
		width: 100%;
		background: #FFFFFF;
		color: #555555;
		border: 1px solid #2149BD;
	}
	.tesol-introduce-list .tesol-introduce-item h3 {
		background: url(../images/blue_bj.png) no-repeat;
		top: -27px;
		left: 50%;
		margin-top: 0;
		margin-left: -27px;
	}
	.tesol-introduce-list .tesol-introduce-item p {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	/* .tesol-introduce-list {
		width: 100%;
		margin-top: 10px;
	}
	.tesol-introduce-list .tesol-introduce-item {
		position: relative;
		float: none;
		margin-left: 0;
		width: auto;
		height: auto;
		padding-top: 30px;
	}
	.tesol-introduce-list .tesol-introduce-item:first-child {
		margin-left: 0;
	}
	.tesol-introduce-list .tesol-introduce-item.second-row {
		margin-left: 0;
	}
	.tesol-introduce-list .tesol-introduce-item h3 {
		width: 60px;
		height: 60px;
		background: url(../images/yello_bj_h5.png) no-repeat;
		margin-left: -30px;
		line-height: 60px;
	}
	.tesol-introduce-list .tesol-introduce-item div {
		width: auto;
		height: auto;
		background: none;
		border: 1px solid #FF9951;
		border-radius: 8px;
	}
	.tesol-introduce-list .tesol-introduce-item div p {
		padding: 45px 22px 30px;
		font-size: 15px;
		line-height: 26px;
		vertical-align: middle;
	} */
	
	
	.tesol-video-list {
		margin-top: 40px;
	}
	
	.tesol-video-list .tesol-video {
		width: 100%;
		height: auto;
		float: none;
		margin-left: 0;
	}
	.tesol-video-list .tesol-video:first-child {
		margin-left: 0;
	}
	.tesol-video-list .tesol-video .video-box {
		width: 100%;
		height: 202px;
	}
	.tesol-video-list .tesol-video h4 {
		font-size: 15px;
		height: auto;
		line-height: 23px;
		margin-top: 17px;
		margin-bottom: 17px;
	}
	
	
	.tesol-part .tesol-row1 {
		height: auto;
		margin-top: 22px;
	}
	.tesol-part .tesol-row1 .row-image {
		float: none;
		margin: 0 auto 17px;
	}
	.tesol-part .tesol-row1 .row-text {
		width: auto;
		height: auto;
		padding: 0;
		background: none;
		color: #606060;
		line-height: 30px;
		float: none;
	}
	.tesol-part .tesol-row1 .row-text .bg-left {
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		background: none;
	}
	.tesol-part .tesol-row1 .row-text p,.tesol-part .tesol-row1 .row-text h5 {
		font-size: 15px;
	}
	
	.tesol-part .tesol-row2 {
		height: auto;
		margin-top: 22px;
	}
	.tesol-part .tesol-row2 .row-image {
		float: none;
		margin-left: 0;
		margin-top: 30px;
	}
	.tesol-part .tesol-row2 .row-image img {
		display: block;
		margin: 0 auto;
	}
	.tesol-part .tesol-row2 .row-image h4 {
		font-size: 15px;
		height: auto;
		line-height: 23px;
		margin-top: 17px;
	}
	
	.tesol-part .tesol-row3 {
		height: auto;
		margin-top: 30px;
		position: relative;
		padding-bottom: 70px;
	}
	.tesol-part .tesol-row3 .row-text {
		width: auto;
		height: auto;
		padding: 0;
		background: none;
		color: #606060;
		font-size: 15px;
		line-height: 28px;
		float: none;
		position: absolute;
		bottom: 0;
	}
	.tesol-part .tesol-row3 .row-text .bg-right {
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		background: none;
	}
	.tesol-part .tesol-row3 .row-text p.indent {
		text-indent: 2em;
	}
	.tesol-part .tesol-row3 .row-video {
		width: 100%;
		height: 203px;
		float: none;
	}
	.tesol-part .tesol-row3 .row-video .video-box {
		width: 100%;
		height: 203px;
	}
	
	.tesol-part .tesol-row4 {
		height: auto;
		margin-top: 30px;
	}
	.tesol-part .tesol-row4 .row-image {
		display: block;
		float: none;
	}
	.tesol-part .tesol-row4 .row-text {
		width: auto;
		height: auto;
		padding: 0;
		background: none;
		color: #606060;
		font-size: 15px;
		line-height: 28px;
		float: none;
		margin-top: 16px;
	}
	.tesol-part .tesol-row4 .row-text .bg-left {
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		background: none;
	}
	
	
	.tesol-part .expert-list {
		margin-top: 30px;
	}
	.tesol-part .expert-list .expert {
		width: 320px;
		float: none;
		margin: 40px auto 0;
	}
	.tesol-part .expert-list .expert:first-child {
		margin-left: auto;
		margin-top: 0;
	}
	.tesol-part .expert-list .expert img {
		display: block;
	}
	.tesol-part .expert-list .expert .introduce {
		height: auto;
		padding-top: 20px;
		color: #555555;
		background: none;
		position: relative;
	}
	.tesol-part .expert-list .expert .introduce .bg-up {
		width: 0;
		height: 0;
		background: none;
		position: absolute;
		top: 0;
		left: 0;
	}
	.tesol-part .expert-list .expert .introduce h5 {
		font-size: 18px;
		text-align: center;
	}
	.tesol-part .expert-list .expert .introduce p {
		font-size: 14px;
		line-height: 26px;
		text-indent: 2em;
		margin-top: 10px;
		padding-left: 0;
		padding-right: 0;
		text-align: justify;
	}
	
	.tesol-part .expert-image {
		display: block;
		margin-top: 30px;
	}
	
	
	.tesol-part .tesol-article {
		margin-top: 30px;
	}
	.tesol-part .tesol-article p {
		font-size: 15px;
		color: #606060;
		line-height: 30px;
	}
	#footer {
		display: none;
	}
	#h5-footer {display:block; margin-top: 38px; font-size:14px; padding:30px 0px; background:#22232a; color:#FFF; text-align:center; line-height:30px; word-wrap: break-word;}
	#h5-footer a {color:#FFF; font-size:14px; display:block; text-align:center;}
	#h5-footer span {display:none;}
}

@media only screen and (max-device-width: 375px) {
	.tesol-banner {
		height: 175px;
	}
	.tesol-content {
		padding: 0 16px;
	}
	.tesol-part h2 {
		font-size: 20px;
		line-height: 27px;
	}
}

@media only screen and (max-device-width: 360px) {
	.tesol-banner {
		height: 169px;
	}
}

@media only screen and (max-device-width: 320px) {
	.tesol-banner {
		height: 150px;
	}
}

@media only screen and (max-device-width: 240px) {
	.tesol-banner {
		height: 112.5px;
	}
}