@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center; margin:0 auto;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
body{
	width: 100%;height:100%;font-size: 12px;min-width: 1200px!important; 
	font-family: "微软雅黑",Source Han Sans CN, Source Han Sans CN-Regular;
	color: #444;background: #fff;
}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
h1{font-size: 0;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
/* banner */
.banner-box{
	width: 100%; height: 4.4rem; display: inline-block;
	background: url('../images/banner.jpg') no-repeat center;
	background-size: cover;
}



.main{
    width: 100%; clear: both; float: left;
    padding-top: .57rem;
}
.sections{
    width: 100%; clear: both; float: left;
}
.secTit{
	width:100%; clear: both; float: left;
}
.secTit h2{
	font-size: .32rem; line-height: .52rem; font-weight: bold; text-align: center;
}
.secTit i{
	width: .9rem; height: .08rem; display: inline-block; margin-top: .14rem;
	background: url('../images/icon-title01.png') no-repeat center / 100%;
}
.secTip{
	width: 100%; clear: both; float: left; text-align: center;
	margin-top: .32rem;
}
.secTip p{
	font-size: .16rem; line-height: .24rem; text-align: center;
	width: 96%; margin: auto;
}

/* section01 */
.s1-main{
	width: 100%; clear: both; float: left; text-align: center; margin-bottom: .61rem;
}
.s1-main .secTip p{width: 7.2rem;}
.s1-top{
	height: 5.04rem; margin-top: .15rem; position: relative; width: 100%;
	 float: left;
	background: url('../images/s1-img4.jpg') no-repeat center top / auto 100%;
}
.teachPic-s{
	width: 100%; height: 100%;
	position: relative;
}
.teachPic-s .tecPic{
	width: 1.18rem; height: 1.18rem;
	border-radius: 50%; cursor: pointer;
	position: absolute;
	box-sizing: border-box;
	border: 1px dashed #fff;
	
}
.teachPic-s .tecPic .pic{
	display: inline-block;width: 1rem;height: 1rem;margin-top: .07rem;
	border: .02rem solid #99a1af;
	border-radius: 50%;
	background: #f7f8f8;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 0.1rem 0.2rem rgba(211, 211, 211, 0.2);
}
.teachPic-s .tecPic.cur{
	border: 1px dashed #ff737a;
}
.teachPic-s .tecPic.cur .pic{
	border: .02rem solid #f8323c;
	background: #fff;
	box-shadow: 0 0 0.1rem 0.2rem rgba(220, 103, 109, 0.1);
}
.teachPic-s .tecPic .pic img{margin-top: .13rem;margin-left: -.1rem; width: 100%;}
.teachPic-s .teaPic06 .pic img{margin-top: .1rem; margin-left: -.25rem;}
.teachPic-s .tecPic .pic span{
	display: inline-block;
	width: .1rem; font-size: .12rem; color: #999; line-height: .15rem;
	position: absolute; top: .15rem; right: .14rem;
}
.teachPic-s .tecPic.cur .pic span{color: #e84b52;}
@media screen and (min-width: 800px){
	.teaPic01{left: .26rem; top: .16rem;}
	.teaPic02{left: 1.6rem; top: .16rem;}
	.teaPic03{left: 2.93rem; top: .16rem;}
	.teaPic04{left: .92rem; top: 1.67rem;}
	.teaPic05{left: 2.25rem; top: 1.67rem;}
	.teaPic06{left: .26rem; top: 3.22rem;}
	.teaPic07{left: 1.6rem; top: 3.22rem;}
	.teaPic08{left: 2.93rem; top: 3.22rem;}
	.teaPic09{right: 2.83rem; top: .16rem;}
	.teaPic10{right: 1.5rem; top: .16rem;}
	.teaPic11{right: .16rem; top: .16rem;}
	.teaPic12{right: 2.15rem; top: 1.67rem;}
	.teaPic13{right: .82rem; top: 1.67rem;}
	.teaPic14{right: 2.83rem; top: 3.22rem;}
	.teaPic15{right: 1.5rem; top: 3.22rem;}
	.teaPic16{right: .16rem; top: 3.22rem;}
}

.teachPic-l{
	display: inline-block;width: 2.94rem; 
	position: absolute;bottom: 0;left: 37%;
}
.teachPic-l img{display: inline-block; }
.teachPic-l span{
	display: inline-block;width: .31rem;height: .75rem;font-size: .2rem;color: #fff;
	position: absolute;top: -.13rem;right: .2rem;line-height: .23rem;padding-top: .08rem;
	background: #f8323c;
	background: -webkit-linear-gradient(top, #f8323c , #ff737a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #f8323c, #ff737a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #f8323c, #ff737a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f8323c , #ff737a); /* 标准的语法 */
}

.s1-btm{
	display: inline-block;width:68%;height: 1.03rem;
	background: url('../images/s1-img3.png') no-repeat center top;
	background-size: auto 100%;
	padding: 0 16%;
	margin-top: -.22rem;
}
.s1-btm .btmTxt{
	display: inline-flex;float: left;width: 50%;margin-top: .4rem;
	justify-content: center;
	align-items: center;
}
.s1-btm .btmTxt img{
	width: .44rem; display: inline-block;
}
.s1-btm .btmTxt span{
	font-size: .24rem;color: #333;display: inline-block;vertical-align: middle;margin-left: .15rem;
}

/* section02 */
.sec02{padding-bottom: .86rem;}
.s2-left{
	width: 6.35rem; height: 3.71rem; display: block;
	float: left; margin-top: .42rem; margin-left: -.37rem;
	background: url('../images/s2-img01.png') no-repeat center / 100%;
}
.s2-left .video-box{
	width: 4.8rem; float: left; margin-left: .76rem; margin-top: .36rem;
}
.s2-right{
	float: right; margin-top: .68rem;
	width:6.16rem; margin-left: -.2rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s2-right .item{
	width: 3rem; height: 1.4rem; display: inline-block;
	background: #f5f6f9;
	border-radius: .1rem;
	margin-bottom: .17rem;
	margin-right: .16rem;
}
.s2-right .item:nth-child(even){margin-right: 0;}
.s2-right .item h4{
	float: left; width: 2.55rem; margin-top: .19rem; margin-left: .28rem; margin-bottom: .06rem;
	font-size: .22rem; line-height: .36rem; font-weight: bold; color: #f8323c;text-align: left;
}
.s2-right .item h4::before{
	content: ''; width: .29rem; height: .36rem; display: inline-block;
	vertical-align: top; margin-right: .08rem;
}
.s2-right .item1 h4::before{
	background: url('../images/s2-icon01.png') no-repeat center / 100%;
}
.s2-right .item2 h4::before{
	background: url('../images/s2-icon02.png') no-repeat center / 100%;
}
.s2-right .item3 h4::before{
	background: url('../images/s2-icon03.png') no-repeat center / 100%;
}
.s2-right .item4 h4::before{
	background: url('../images/s2-icon04.png') no-repeat center / 100%;
}
.s2-right .item p{
	font-size: .16rem; line-height: .26rem; text-align: left;
	width: 2.55rem; margin-left: .28rem;
}
.s2-right .item:hover{
	color: #fff;
	background: #e13b29;
	background: -webkit-linear-gradient(90deg,#ff737a,#f8323c);
	background: -moz-linear-gradient(90deg,#ff737a,#f8323c);
	background: -o-linear-gradient(90deg,#ff737a,#f8323c);
	background: linear-gradient(90deg,#ff737a,#f8323c);
}
.s2-right .item:hover h4{color: #fff;}
.s2-right .item1:hover h4::before{
	background: url('../images/s2-icon01-2.png') no-repeat center / 100%;
}
.s2-right .item2:hover h4::before{
	background: url('../images/s2-icon02-2.png') no-repeat center / 100%;
}
.s2-right .item3:hover h4::before{
	background: url('../images/s2-icon03-2.png') no-repeat center / 100%;
}
.s2-right .item4:hover h4::before{
	background: url('../images/s2-icon04-2.png') no-repeat center / 100%;
}

/* section03 */
.sec03{
	background: #f0f0f0 url('../images/s3-bg.jpg') no-repeat center bottom; padding-bottom: .85rem;
}
.s3-title{
	margin-top: .5rem;
}
.s3-main{margin-top: .5rem; width: 100%; clear: both; float: left;}
.s3-main .sub{
	width: 3.3rem; height: 5.76rem; display: block; float: left;
	background:#fff url('../images/s3-img01.png') no-repeat center / 100%;
	border: solid .04rem #fff;
	border-radius: .22rem;
}
.s3-main .sub ul{
	width: 100%; clear: both; float: left; margin-top: .28rem;
}
.s3-main .sub ul li{
	width: 100%; height: 1rem; display: inline-block;
	font-size: .24rem; line-height: 1rem; color: #666666; text-align: left;
	cursor: pointer;
}
.s3-main .sub ul li span{margin-left: .35rem;}
.s3-main .sub ul li::after{
	content: ''; width: .22rem; height: 1rem; display: inline-block;
	background: url('../images/s3-icon01.png') no-repeat center / 100%;
	vertical-align: top;
	margin-right: .64rem;
	float: right;
}
.s3-main .sub ul li.cur{
	background: #e13b29;
	background: -webkit-linear-gradient(90deg,#ff737a,#f8323c);
	background: -moz-linear-gradient(90deg,#ff737a,#f8323c);
	background: -o-linear-gradient(90deg,#ff737a,#f8323c);
	background: linear-gradient(90deg,#ff737a,#f8323c);
	color: #fff;
}
.s3-main .sub ul li.cur::after{
	background: url('../images/s3-icon02.png') no-repeat center / 100%;
}
.s3-main .cont{
	width: 8.4rem; float: right; margin-top: 0;
	background: #e13b29;
	background: -webkit-linear-gradient(#ff737a,#f8323c);
	background: -moz-linear-gradient(#ff737a,#f8323c);
	background: -o-linear-gradient(#ff737a,#f8323c);
	background: linear-gradient(#ff737a,#f8323c);
	border-radius: .2rem;
}
.s3-main .cont .item{
	width: 8.3rem; clear: both; display: none; float: left;
	margin: .05rem;
	background: #fff;
	border-radius: .16rem;
}
.s3-main .cont .item.show{display: block;}
.s3-main .cont .item .pic{
	width: 100%; height: 3.5rem; display: block; float: left;
}
.s3-main .cont .item .pic .kuang{
	width: 100%; height: 3.24rem; display: inline-flex;
	padding: .05rem 0;
	background: #fff;
	border-radius: .2rem;
	float: left;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s3-main .cont .item .pic .kuang img{
	width: 2.6rem; height: 1.5rem; display: inline-block;
	margin: .06rem .05rem;
	transition: all .5s; 
}
.s3-main .cont .item .pic .kuang img:hover{
	transform: scale(1.05);
}
.s3-main .cont .item .txt{
	width: 96%; height: 2.2rem; display: inline-block;
	background: #fff;
	float: left; margin: auto 2%;
	border-top: dashed .02rem #cfd3da;
}
.s3-main .cont .item .txt h4{
	width: 100%; clear: both;
	font-size: .24rem; line-height: .36rem; font-weight: bold; color: #f8323c;
	margin-top: .24rem; margin-bottom: .1rem;
}
.s3-main .cont .item .txt p{
	width: 94%; float: left; margin: 0 3%;
	font-size: .16rem; line-height: .26rem; text-align: justify;
}

/* section04 */
.sec04{padding-top: .72rem;}
.s4-main{
	width:100%;clear: both; float: left;
	margin: .58rem auto .7rem;
	background: #f5f6f9;
	border-radius: .2rem;
	padding: .35rem 0 .37rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s4-main .item{
	width: 5.5rem; display: inline-block;
	background: #fff;
	border-radius: .1rem;
	margin: 0 .14rem;
}
.s4-main .item .itemTit{
	width: 4.7rem; float: left; margin: .38rem .4rem .2rem;
	padding-bottom: .14rem;
	border-bottom: solid .02rem #b8bac2;
	position: relative;
}
.s4-main .item .itemTit h4{
	font-size: .3rem; line-height: .52rem; font-weight: bold; color: #f8323c; float: left;
}
.s4-main .item .itemTit h4::before{
	content: ''; width: .08rem; height: .4rem; display: block;
	background: #f8323c;
	background: -webkit-linear-gradient(#f8323c,#ff737a);
	background: -moz-linear-gradient(#f8323c,#ff737a);
	background: -o-linear-gradient(#f8323c,#ff737a);
	background: linear-gradient(#f8323c,#ff737a);
	position: absolute; top: .05rem; left: -.35rem;
}
.s4-main .item .itemTit h4::after{
	content: ''; width: .24rem; height: .04rem; display: block;
	background: #676b7d;
	position: absolute; left: .02rem; bottom: -.02rem;
}
.s4-main .item p{
	font-size: .18rem; line-height: .31rem; text-align: left;
	width: 4.9rem; float: left; margin:0 .3rem .21rem;
	display: inline-block;
}
.s4-main .item1 p{letter-spacing: -1px;}
.s4-main .item ul{
	width: 100%; clear: both; float: left; margin-bottom: .2rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s4-main .item ul li{
	width: 1.5rem; height: .6rem; display: inline-block;
	background: #f5f6f9;
	margin: 0 .06rem .13rem;
	font-size: .18rem; line-height: .6rem; text-align: center;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.s4-main .item ul li span{position: relative;z-index: 3;}
.s4-main .item ul li::before{
	content: ''; width: .2rem; height: .6rem; display: inline-block;
	background: url('../images/s4-icon01.png') no-repeat center / 100%;
	vertical-align: top;
	margin-right: .03rem;
	position: relative;
	z-index: 3;
}
.s4-main .item ul li i{
	width: 100%; height: 0; background: #f8323c;
	transition: all .15s;
	position: absolute; left: 0;top: 50%;z-index: 0;
}
.s4-main .item ul li:hover i{
	height: 100%; top: 0;
}
.s4-main .item ul li:hover span{color: #fff;}
.s4-main .item ul li:hover::before{
	background: url('../images/s4-icon02.png') no-repeat center / 100%;
}

/* section05 */
.s5-main{margin-bottom: 1.7rem; width: 100%; float: left;}
.s5-main .secTip p{width: 92%;}
.s5-main .item{
	width: 5.8rem; height: 5rem; display: block; float: left;
	background: #f5f6f9;
	border-radius: .2rem; margin-top: .35rem;
	position: relative;
}
.s5-main .item1{margin-right: .4rem;}
.s5-main .item .pic{
	width: 5.34rem; display: block;
	float: left; margin: .21rem .21rem .2rem;
	position: relative;
}
.s5-main .item .pic .prev,.s5-main .item .pic .next{
	position: absolute;
	left: 1%;
	top: 50%;
	margin-top: -.16rem;
	display: block;
	width: .32rem;
	height: .32rem;
	/* background: #ffd2d2 url('../images/slider-arrow.png') -1.1rem .05rem no-repeat; */
	background: #e15d5d;
	filter: alpha(opacity=50);
	opacity: 0.5;
	font-size: .3rem; line-height: .32rem; color:#fff;
}
/* .s5-main .item .pic .prev{transform: rotate(180deg);} */
.s5-main .item .pic .next{
	left: auto;
	right: 1%;
	background-position: .08rem .05rem; 
}
.s5-main .item .pic .prev:hover, .s5-main .item .pic .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
.s5-main .item h4{
	font-size: .24rem; line-height: .36rem; color: #f8323c; font-weight: bold;
}
.s5-main .item p{
	font-size: .16rem; line-height: .26rem; text-align: left;
	width: 90%; margin: .1rem 5% auto;
}
.s5-main .item::after{
	content: ''; width: 1.4rem; height: .05rem; display: none;
	background: #e13b29;
	position: absolute; left: 50%; margin-left: -.7rem; bottom: 0;
}