@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;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
i,em{ font-style:normal;}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.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: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #333;background: #ff9b9b;}
#footer_bx{clear: both;}

.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.wrap2{position: relative; width: 1575px; margin: 0 auto;font-size: 0;text-align: center;}
 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{position:relative;height:775px;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;
	background-size: auto 7.75rem;
}
.banner-box .wrap{height: 7.75rem;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 1.56rem;}

.banner-box .gold01{
	position: absolute; left: .35rem; bottom: .2rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
			animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banner-box .gold02{
	position: absolute; right: -2rem; top: 1.8rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
			animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banner-box .book{
	position: absolute; right: 1.23rem; top: .8rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
			animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banner-box .dove{
	position: absolute; left: -1.2rem; top: 1.1rem;
	-webkit-animation: scaleLeft 1.2s infinite ease-in-out alternate;
			animation: scaleLeft 1.2s infinite ease-in-out alternate;
}
.banner-box .light{
	position: absolute; left: -.5rem; bottom: 1.18rem;
	-webkit-animation: flicker 0.8s infinite ease-in-out alternate;
			animation: flicker 0.8s infinite ease-in-out alternate;
}
.banner-box .light img{height: 3.2rem;}

@keyframes scaleUp{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
@keyframes scaleUp{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
@keyframes scaleLeft{
    0%{transform: translateX(-10px);}
    100%{transform: translateX(0);}
}
@keyframes scaleLeft{
    0%{transform: translateX(-10px);}
    100%{transform: translateX(0);}
}
@keyframes flicker{
    0%{opacity: 0;}
    100%{ opacity: 1;}
}
@keyframes flicker{
   0%{ opacity: 0;}
   100%{opacity: 1;}
}
/*section1*/
.sec01{
	width: 100%; clear: both; float: left;
	background: url(../images/s1-bg.jpg) no-repeat center top;
	background-size: auto;
}
.sec .title{width: 100%; clear: both; float: left; position: relative; z-index: 3;}
.sec-top{
	width: 100%; clear: both; float: left; margin-top: -.36rem;
}
.sec-top img{width: 100%; display: inline-block;}
.s1-main{
	width: 100%; height: auto;float: left; clear: both;margin-top: -.13rem;
	border: solid 2px #0005b5;border-radius: .2rem;box-sizing: border-box;
	background-color: #e72c2c;
	box-shadow: inset 0 5px 1px #fadcb1;
}
.s1-comment{
	width: 1064px; height: auto; background-color: #ff9b9b;
	box-shadow: inset  0 5px 1px rgba(224,63,61,.35);
	min-height: 3rem;
	float: left; margin: .21rem .17rem;
	border: solid 2px #0005b5;border-radius: .2rem;
	position: relative;z-index: 3;
	
}
.s1-comment  .combox{
	width: 10.22rem; clear: both; float: left; margin: .4rem .21rem .15rem;
	background: #fff;
	border: solid 2px #0005b5;
	border-radius: .1rem;
}
.s1-comment .s1-comTxt{
	background-color: #fff; position: relative; width: 100%; float: left;
	border-radius: .1rem .1rem 0 0;
}
.s1-comment .s1-comTxt:before{
	content: '';width: 8.93rem; height: .58rem; display: inline-block;
	background: url(../images/s1-img02.png) no-repeat center;
	background-size: 100%;
	position: absolute; left: .65rem; top: -.27rem;
}
.s1-comment .s1-comTxt p{
	font-size: .2rem; line-height: .28rem; color: #3337c4; text-align: left;
	margin-top: .53rem; margin-left: .25rem; letter-spacing: -1px;
	margin-bottom: .2rem;
}
.s1-comment .s1-comTxt::after{
	content: '';width: 1.95rem; height: .64rem; display: inline-block;
	background: url(../images/s1-img03.png) no-repeat center;
	background-size: 100%;
	position: absolute; right: .35rem; top: .38rem;
}
.s1-comment .shurubox{
	width: 100%;
	border-top: solid 2px #0005b5;
	clear:both; float: left;
	background: #fff url(../images/s1-icon01.png) repeat;
	border-radius: 0 0 .1rem .1rem;
	position: relative;
}
.s1-comment .shurubox textarea{
	width: 94%; float: left; margin: .15rem 3% .2rem; height: 1.7rem;
	border: none; resize: none;
	background-color:transparent;
	font-size: .2rem; line-height: .32rem;
}
.s1-comment .shurubox textarea::-webkit-input-placeholder { /* WebKit browsers */
  /* color: #f01635; */
}
.s1-comment .shurubox a{
	width: 2.02rem; height: .54rem; display: block;
	background: url(../images/s1-btn01.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	right: .3rem; bottom: .25rem;
	border-radius: .26rem;
	box-shadow: 0 .05rem 0 rgba(24,79,244,.2);
	font-size: .24rem; line-height: .52rem; color: #fff; font-weight: bold;
	/* -webkit-text-stroke: 1px #0f0b9b; */
	text-shadow: -1px 1px 0 #0f0b9b, 1px 1px 0 #0f0b9b, 1px -1px 0 #0f0b9b, -1px -1px 0 #0f0b9b;
}
.s1-list{
	width: 10.22rem; clear: both; float: left; margin: 0 0.21rem 0.18rem;
	background: #fff;
	border: solid 2px #0005b5;
	border-radius: 0.1rem;
}
.s1-list .cont-list{
	width: 9.4rem; float: left; margin-left: .4rem; margin-top: .21rem; margin-bottom: .2rem;
}
.s1-list .cont-list .cont-item{
	width: 100%; float: left; margin-top: .15rem; border-bottom: solid 1px #d1d1d1; padding-bottom: .1rem;
}
.s1-list .cont-list .cont-item .li-p{
	float: left; font-size: .22rem; line-height: .36rem; color: #e5414e; font-weight: 500;
}
.s1-list .cont-list .cont-item .li-p time{margin-left: .2rem;}
.s1-list .cont-list .cont-item .li-p2{
	float: left; clear: both; width: 8.6rem; font-size: .2rem; line-height: .28rem; color: #333;
	margin-top: -.17rem;
}
.s1-list .cont-list .cont-item .li-p2 p{float: left; clear: both; width: 100%; text-align: left;}
.s1-list .cont-list .cont-item a{
	width: .68rem; height: .53rem; display: block; float: right;
	background: url(../images/icon-zan01.png) no-repeat center left;
	background-size: .33rem;
	text-align: left; font-size: .24rem; line-height: .53rem; color: #555;
	text-indent: .38rem;
}
.s1-list .cont-list .cont-item a.red{
	background: url(../images/icon-zan02.png) no-repeat center left;
	background-size: .33rem; color: #e5414e;
}
.s1-list .page{
	width: 100%; clear: both; float: left; margin: 0 auto .3rem; font-size: 16px;
}
.s1-btn{
	width: 100%; clear: both; float: left;margin: .18rem auto .2rem;
}
.s1-btn a{width: 2.48rem; height: .68rem; display: inline-block; margin: 0 .22rem;
	font-size: .28rem; line-height: .68rem; font-weight: bold;
	border-radius: .34rem;
}
.s1-btn a.btn01{color: #184ff4;
	background: url(../images/s1-btn02.png) no-repeat center;
	background-size: 100%;
	box-shadow: 0 .05rem 0 rgba(24,79,244,.2);
}
.s1-btn a.btn02{color: #f01415;
	background: url(../images/s1-btn03.png) no-repeat center;
	background-size: 100%;
	box-shadow: 0 .05rem 0 rgba(241,22,53,.2);
}

.s1-gift{
	width: 1064px; height: 3.64rem; display: block; float: left;margin: 0 .17rem .21rem;
	background: url(../images/s1-img04.png) no-repeat center;
	background-size: 100%;
}
.s1-gift .bd{
	width: 1000px; clear: both; float: left;margin-top: .55rem; margin-left: .32rem;
}
.s1-gift ul{
	width: 100%; clear: both; float: left; 
}
.s1-gift ul li{
	width: 2.22rem; height: 2.65rem; display: inline-block;
	border-radius: .14rem;
	border: solid 2px #0f0b9b;
	box-sizing: border-box;
	margin: auto .15rem;
	background-color: #fff;
}
.s1-gift ul li img{
	margin-top: .2rem; display: inline-block; width: 1.74rem; margin-bottom: .1rem;
	-webkit-transition: 0.3s linear;
	  transition: 0.3s linear;
}
.s1-gift ul li img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.s1-gift ul li span{
	width: 2.42rem; display: inline-block; float: left; margin-left: -.1rem;
	border: solid 2px #0f0b9b; height: .48rem;
	box-sizing: border-box;
	background: #fd7372;
	border-radius: .24rem;
	font-size: .26rem; line-height: .48rem; color: #fff;
}
.rule{
	width: 1054px; clear: both; float: left;margin: 0 .22rem .3rem;
}
.rule i{
	width: 100%; height: .23rem;border: solid 2px #0f0b9b; border-radius: .2rem; display: block;
	background-color: #ff9b9b;
	box-sizing: border-box;
}
.rule .rulebox{
	width: 1032px;border: solid 3px #0f0b9b; float: left;margin: -.13rem .11rem auto;
	background: #ffecc9;
	box-sizing: border-box;
	border-radius: 0  0 .1rem .1rem;
}
.rule .rulebox font{
	width: 100%; float: left; height: .64rem; font-size: .3rem; line-height: .64rem; font-weight: bold; color: #fff; margin-top: -.04rem;
	background: url(../images/s1-img05.png) no-repeat center;
	background-size: auto .64rem;
}
.rule .rulebox ul{
	width: 7.5rem; float: left; margin-left: .45rem; margin-top: .2rem; margin-bottom: .3rem;
}
.rule .rulebox ul li{
	font-size: .18rem; line-height: .29rem; text-align: left; float: left; clear: both; color: #dd6f1d;
}
.rule .rulebox .ruleEwm{
	float: right; margin-right: .3rem; margin-top: .28rem; width: 1.94rem;
}
.rule .rulebox .ruleEwm img{
	width: 100%; display: inline-block;
}

/* section02 */
.sec02{
	width: 100%; clear: both; float: left;margin-top: .5rem;
}
.s2-main{
	width: 100%; height: auto;float: left; clear: both;margin-top: -.13rem; min-height: 3rem;
	border: solid 2px #0005b5;border-radius: .2rem;box-sizing: border-box;
	background-color: #e72c2c;
	box-shadow: inset 0 5px 1px #fadcb1;
}
.s2-teacherbox{
	width: 1064px; height: auto; background-color: #ff9b9b;
	box-shadow: inset  0 5px 1px rgba(224,63,61,.35);
	min-height: 3rem;
	float: left; margin: .21rem .17rem;
	border: solid 2px #0005b5;border-radius: .2rem;
	position: relative;z-index: 3;
}
.s2-tab{
	width: 1023px; margin-top: .26rem; margin-left: .18rem;
}
.s2-tab ul{
	width: 100%;height: 1.45rem; float: left;
	background: url(../images/s2-img01.png) no-repeat center top;
	background-size: 100%;
}
.s2-tab ul li{
	width: 3.08rem; height: .58rem; display: inline-block; margin: .3rem .13rem 0;
	border: solid 2px #0005b5; 
	border-radius: .1rem;
	box-shadow: inset 1px 3px 1px #fff, .05rem .05rem 0 #ff9b9b;
	background: #ffe5ec;
	font-size: .24rem; line-height: .58rem; color: #950606;
	cursor: pointer;
}
.s2-tab ul li.cur{
	font-weight: bold;
	background: #02d9fe;
	box-shadow: inset 1px 3px 1px #fff, .05rem .05rem 0 #164bf0;
	/* -webkit-text-stroke: 1px #0f0b9b; */
	text-shadow: -1px 1px 0 #0f0b9b, 1px 1px 0 #0f0b9b, 1px -1px 0 #0f0b9b, -1px -1px 0 #0f0b9b;
	color: #fff;
}
.s2-item{
	width: 1023px; float: left; margin-left: .18rem; margin-bottom: .34rem;
	background: url(../images/s2-img02.png) repeat-y;
	background-size: 100%;
	position: relative;
}
.s2-item::after{
	content: '';width: 100%; height: .14rem; display: block;
	background: url(../images/s2-img03.png) no-repeat center bottom;
	background-size: 100%;
	position: absolute; left: 0; bottom: -.1rem;
}
.s2-item .itembox{
	width: 9.6rem; float: left; margin-left: .28rem; margin-top: .05rem; display: none;
}
.s2-item .itembox.show{
	display: block;
}
.s2-item .itembox .item{
	width: 3.08rem; height: 1.98rem; display: inline-block; float: left;margin-right: .11rem; margin-bottom: .12rem;
	background: url(../images/s2-icon02.png) repeat;
	border: solid 2px #0005b5;
	border-radius: .1rem;
	overflow: hidden;
	-webkit-transition: 0.3s linear;
	  transition: 0.3s linear;
}
.s2-item .itembox .item:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.s2-item .itembox .item.pink{
	background: url(../images/s2-icon03.png) repeat;
}
.s2-item .itembox .item:nth-child(3n){
	margin-right: 0;
}
.s2-item .itembox .item .pic{
	float: left; width: 1.8rem;
}
.s2-item .itembox .item .pic img{
	display: inline-block; width: 100%;
}
.s2-item .itembox .item .right{
	float: right; width: 1.79rem; margin-top: .2rem; margin-left: -.55rem;
}
.s2-item .itembox .item ul{
	width: 100%; clear: both; float: left;
}
.s2-item .itembox .item ul li{
	width: 100%; float: left; clear: both; margin-bottom: .03rem;
	font-size: .18rem; line-height: .3rem; color: #0f0b9b;
	text-align: left;
}
.s2-item .itembox .item.pink ul li{
	color: #6a1b01; font-weight: bold;
}
.s2-item .itembox .item ul li span{
	width: .86rem; height: .3rem; display: block; float: left;
	background: #0f0b9b; color: #57ddff; margin-right: .1rem;
	text-align: center;
}
.s2-item .itembox .item.pink ul li span{
	font-weight: 400; background: #e72c2c; color: #fff;
}
.s2-item .itembox .item a{
	font-size: .18rem; line-height: .34rem; color: #6a1b01; float: right; clear: both;margin-top: .2rem;
	border: solid 1px #c8694d;
	background: #ffde9b;
	background: -webkit-linear-gradient(left, #fed681 , #ffeac3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fed681 , #ffeac3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fed681 , #ffeac3); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fed681 , #ffeac3); /* 标准的语法 */
	border-radius: .3rem 0 0 .3rem;
	border-right: 0;
	padding-left: .16rem;
}
.s2-item .itembox .item a::after{
	content: '';width: .17rem; height: .34rem; display: inline-block; float: right; margin-right: .1rem; margin-left: .05rem;
	background: url(../images/s2-icon01.png) no-repeat center;
	background-size: 100%;
}
.s2-btn{
	width: 100%; clear: both; float: left; margin-bottom: .2rem;
}
.s2-btn a{
	width: 5rem; height: .68rem; display: block; margin: auto;
	font-size: .28rem; line-height: .68rem; color: #f01415; font-weight: bold;
	background: url(../images/s2-btn01.png) no-repeat center;
	background-size: 100%;
	border-radius: .35rem;
	box-shadow: 0 .04rem rgba(241,22,53,.2);
}

/* section03 */
.sec03{
	width: 100%; clear: both; float: left;margin-top: .5rem;
}
.s3-main{
	width: 100%; height: auto;float: left; clear: both;margin-top: -.13rem; min-height: 3rem;
	border: solid 2px #0005b5;border-radius: .2rem;box-sizing: border-box;
	background-color: #e72c2c;
	box-shadow: inset 0 5px 1px #fadcb1;
}
.s3-course{
	width: 1064px; height: auto; background-color: #ff9b9b;
	box-shadow: inset  0 5px 1px rgba(224,63,61,.35);
	min-height: 3rem;
	float: left; margin: .21rem .17rem;
	border: solid 2px #0005b5;border-radius: .2rem;
	position: relative;z-index: 3;
}
.s3-course ul{
	clear: both; float: left;margin-top: .25rem; margin-left: .24rem;
}
.s3-course ul li{
	width: 2.37rem; height: 2.97rem; display: inline-block; float: left; margin-right: .13rem; margin-bottom: .19rem;
	border: solid 3px #0005b5;
	border-radius: .16rem;
	background: #fff;
	cursor: pointer;
}
.s3-course ul li:nth-child(4n){
	margin-right: 0;
}
.s3-course ul li .pic{
	width: 2rem; height: 1.8rem; display: block; float: left; margin: .2rem .17rem 0;
	border: solid 2px #950606;
	border-radius: .1rem;
	background-color: #fef5f7;
}
.s3-course ul li .pic.blue{
	border: solid 2px #1e2ec6;
	background-color: #dceffe;
}
.s3-course ul li .pic img{
	width: 1.36rem;margin-top: .21rem;
}
.s3-course ul li span{
	width: 100%; clear: both; font-size: .26rem; line-height: .35rem; float: left; color: #020202;
	margin-top: .12rem;
}
.s3-course ul li span b{font-weight: bold;}
/* section04 */
.sec04{
	width: 100%; clear: both; float: left;margin-top: .5rem;
}
.s4-main{
	width: 100%; height: auto;float: left; clear: both;margin-top: -.13rem; min-height: 3rem;
	border: solid 2px #0005b5;border-radius: .2rem;box-sizing: border-box;
	background-color: #e72c2c;
	box-shadow: inset 0 5px 1px #fadcb1;
}
.s4-course{
	width: 1064px; height: auto; background-color: #ff9b9b;
	box-shadow: inset  0 5px 1px rgba(224,63,61,.35);
	min-height: 3rem;
	float: left; margin: .21rem .17rem;
	border: solid 2px #0005b5;border-radius: .2rem;
	position: relative;z-index: 3;
}
.s4-itembox{
	width: 10rem; clear: both; float: left; margin-top: .63rem;
	margin-left: .32rem;
}
.s4-itembox .item{
	float: left;width: 4.8rem; height: 5.3rem; margin-right: .3rem; margin-bottom: .45rem;
	border: solid 2px #0005b5;border-radius: .16rem;
	background: #fff;
}
/* .s4-itembox .item01{height: 5.3rem;} */
.s4-itembox .item02,.s4-itembox .item04{margin-right: 0	;}
/* .s4-itembox .item03,.s4-itembox .item04{margin-bottom: .26rem;} */
.s4-itembox .item05{margin-bottom: .26rem; width: 9.9rem; margin-right: 0; height: auto;}
.s4-itembox .item .itemTit{
	float: left; font-size: .3rem; line-height: .64rem; font-weight: bold;height: 1.07rem; margin-top: -.31rem; width: 3.63rem;margin-left: -.02rem;
	background: url(../images/s4-img01.png) no-repeat center;
	background-size: auto 1.07rem;
	text-shadow: -1px 1px 0 #0f0b9b, 1px 1px 0 #0f0b9b, 1px -1px 0 #0f0b9b, -1px -1px 0 #0f0b9b;
	color: #fff;
	clear: both;
}
.s4-itembox .item03 .itemTit{
	background: url(../images/s4-img02.png) no-repeat center; width: 3.32rem;
	background-size: auto 1.07rem;
}
.s4-itembox .item04 .itemTit{
	background: url(../images/s4-img03.png) no-repeat center; width: 4.13rem;
	background-size: auto 1.07rem;
}
.s4-itembox .item .itemTit font{width: 100%; float: left;}
.s4-itembox .item ul{
	float: left; margin: -.22rem auto .15rem; margin-left: .3rem; clear: both;
}
.s4-itembox .item05 ul{width: 9.3rem;}
.s4-itembox .item ul li{
	clear: both; font-size: .2rem; line-height: .3rem; color: #1e2ec6; text-align: left;
}
.s4-itembox .item05 ul li{clear: none; width: 50%; float: left;}
.s4-itembox .item ul li::before{
	content: '';width: .15rem; height: .3rem; display: inline-block; float: left;
	background: url(../images/s4-icon01.png) no-repeat center;
	background-size: 100%;
}
.s4-itembox .item .txt{
	width: 4.3rem; height: 2.8rem; display: block; border: solid 1px #1e2ec6; float: left; clear: both;margin-left: .24rem;
	border-radius: .16rem;background: #fef5f7;
}
.s4-itembox .item05 .txt{
	width: 9.3rem; height: auto; padding-bottom: .25rem;
}
.s4-itembox .item .txt p{
	font-size: .18rem; line-height: .26rem; float: left; text-align: left; margin-bottom: 0;
	width: 4rem;margin-left: .15rem; text-align: left;
}
.s4-itembox .item05 .txt p{
	width: 9rem;
}
.s4-itembox .item .txt p:first-child{
	margin-top: .1rem;
}
.s4-itembox .item .txt p span{color: #e72c2c;}
.s4-btn{
	width: 100%; clear: both; margin: .22rem auto .29rem; float: left;
}
.s4-btn a{ width: 2.96rem; height: .68rem; display: block; margin: auto; font-size: .28rem; line-height: .68rem; color: #f01415;
	background: url(../images/s4-btn01.png) no-repeat center;
	background-size: 100%;
	border-radius: .35rem;
	box-shadow: 0 .04rem rgba(241,22,53,.2);
}
.s4-btn a i{font-size: .24rem;}
.s4-btm{width: 100%; height: 1.12rem; display: inline-block; float: left; margin-top: .29rem;
	background: url(../images/s4-img04.png) no-repeat center top;
	background-size: 100%;
}
.s4-btm font{font-size: .36rem; font-weight: bold; color: #e72c2c; line-height: .44rem; width: 100%; float: left; margin-top: .26rem;}
.s4-btm span{
	width: 100%; clear: both; float: left; display: block; font-size: .18rem; line-height: .28rem;
}

/* section05 */
.sec05{
	width: 100%; clear: both; float: left;margin-top: .5rem;
}
.s5-main{
	width: 100%; height: auto;float: left; clear: both;margin-top: -.13rem; min-height: 3rem;
	border: solid 2px #0005b5;border-radius: .2rem;box-sizing: border-box;
	background-color: #e72c2c;
	box-shadow: inset 0 5px 1px #fadcb1;
	position: relative;z-index: 3;
}
.s5-course{
	width: 1064px; height: auto; background-color: #ff9b9b;
	box-shadow: inset  0 5px 1px rgba(224,63,61,.35);
	min-height: 3rem;
	float: left; margin: .21rem .17rem;
	border: solid 2px #0005b5;border-radius: .2rem;
	position: relative;z-index: 3;
}
.s5-top{
	width: 1064px; height: 906px; display: block; float: left; margin: .21rem .17rem 0;
	background: url(../images/s5-img01.png) no-repeat center top;
	background-size: 100%;
}
.s5-btm{
	width: 1064px; height: 5rem; display: block; float: left; margin: .15rem .17rem;
	background: url(../images/s5-img02.png) no-repeat center top;
	background-size: 100%;
}
.s5-main h4{
	font-weight: bold; font-size: .26rem; line-height: .36rem; width: 100%; float: left; color: #fff;
}
.s5-main .itembox{
	margin-top: .39rem; float: left; width: 100%;
}
.s5-top .itembox .item{
	width: 3.3rem; float: left; margin-left: .13rem;margin-bottom: .15rem;
}
.s5-btm .itembox .item{
	width: 4.82rem; float: left; margin-left: .23rem;margin-bottom: .25rem;
}
.s5-top .itembox .item01,.s5-top .itembox .item04{margin-left: .22rem;}
.s5-btm .itembox .item01{margin-left: .36rem;}
.s5-main .itembox .item h5{
	width: 3.3rem; border: solid 2px #1e2ec6; border-radius: .1rem;
	background:#fff; height: .66rem;
	box-sizing: border-box;
	font-size: .3rem; font-weight: bold; color: #0005b5; line-height: .66rem; position: relative;
}
.s5-btm .itembox .item h5{
	width: 4.82rem;
}
.s5-main .itembox .item h5::before,.s5-main .itembox .item h5::after{
	content: '';width: .14rem; height: .52rem; display: inline-block;
	background: url(../images/s5-icon01.png) no-repeat center;
	background-size: 100%; position: absolute; top: .43rem;
}
.s5-main .itembox .item h5::before{left: .13rem;}
.s5-main .itembox .item h5::after{right: .13rem;}
.s5-main .itembox .item .txt{
	width: 100%; height: 3.2rem;border: solid 2px #1e2ec6; border-radius: .1rem;
	background:#fff;
	box-sizing: border-box;
	float: left; margin-top: .08rem;
}
.s5-main .itembox .item .txt>div{
	width: 50%;float: left; font-size: .18rem; line-height: .25rem;
}
.s5-main .itembox .item06 .txt>div{
	width: 82%;
	margin-left: 8%;
}
.s5-main .itembox .item .txt font{
	width: 100%; font-size: .24rem; font-weight: bold; line-height: .34rem; margin-top: .24rem; float: left;
	position: relative;
	text-align: center;
}
.s5-main .itembox .item .txt font::before{
	content: '';width: 1.25rem; height: .12rem;display: inline-block;
	background-color: #02d9fe;
	position: absolute; left: 50%; bottom: 0; margin-left: -.625rem;
	border-radius: .15rem;
}
.s5-main .itembox .item06 .txt font::before{
	left: 50%; margin-left: -.625rem;
}
.s5-main .itembox .item .txt font b{position: relative;}
.s5-main .itembox .item .txt ul{
	clear: both; float: left;margin-left: .12rem; text-align: left; margin-top: .15rem; margin-bottom: .15rem;
	height: 1.75rem;
}
.s5-btm .itembox .item .txt ul{height: 1.5rem;}
.s5-main .itembox .item .txt ul li{clear: both; }
.s5-main .itembox .item .txt ul li span{color: #e72c2c;}
.s5-main .itembox .item .txt ul li i{ letter-spacing: -2px;}
.s5-main .itembox .item .txt a{
	width: 1.2rem; height: .4rem; display: inline-block; clear: both;
	border: solid 2px #be0412; border-radius: .4rem; line-height: .4rem; font-size: .2rem; font-weight: bold; color: #c00f1c;
	background: #ffde9b;
	background: -webkit-linear-gradient(#ffefd1 , #fbbf6f); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ffefd1 , #fbbf6f); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ffefd1 , #fbbf6f); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ffefd1 , #fbbf6f); /* 标准的语法 */
}
.s5-main .itembox .item .txt p{
	font-size: .16rem; line-height: .2rem; color: #666; text-align: left; width: 70%; margin: auto 10%; float: left;
}
.s5-main .itembox .item .txt .right{
	background: url(../images/s5-line01.png) no-repeat center left;
}

.sec06{
	width: 100%; clear: both; float: left;
}
.s6-pic{
	width: 100%; margin-top: -1.88rem; float: left;
}
.s6-pic img{
	display: block;
}
/*section2*/

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*侧边悬停*/
.lfNav{position: fixed;width:150px; height:475px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:15%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:10px; right:10px; height:12px; width:12px; }
.mt185{margin-top:84px;}
.nav-bg{width:150px; height:44px; display: block;float:left; clear:both;margin-left:0;margin-bottom:14px;line-height: .44rem;}
.nav-bg:first-child{height: 40px; line-height: .4rem;}
.nav-bg a{width:150px; height:44px; display: block; margin:auto; color: #fff; text-align: center; font-size: 18px;}

.left_top{width:150px; height:40px;display: block;float:left;margin-left:0;}