@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; width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.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: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #fff;}
#footer_bx{clear: both;}

a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}

/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
 /* 输入框填充背景 */
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:5.94rem; overflow:hidden;width:100%; text-align:center;
	background:#0f0553 url("../images/banner.jpg") no-repeat center top;
	background-size: auto 100%;
}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: .2rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 1.26rem;}

/*section1*/
.sections{
	width: 100%; clear: both; float: left;
}
.sec01{
	width: 100%; height: 728px;
	background: url("../images/s1-bg.jpg") no-repeat center top;
	background-size: auto 100%;
}
.secTit{
	width: 100%; clear: both; float: left; padding-top: .14rem;
	background: url("../images/title01.png") no-repeat center;
	background-size: 100%;
}
.secTit h2{
	font-size: .48rem; line-height: .9rem; font-weight: bold; color: #fff;
}
.secTit h2::before{
	content: ''; width: .46rem; height: .9rem; display: inline-block; margin-right: .15rem; vertical-align: top;
	background: url("../images/title02.png") no-repeat center;
	background-size: 100%;
}
.main{
	width: 100%; clear: both; float: left; min-height: 30px;
	margin-top: 1.15rem; 
	background: url("../images/kuang-med.png") repeat-y center;
	background-size: 100%;
	position: relative;
}
.main::before{
	content: '';width: 100%; height: .95rem; display: block; float: left; margin-top: -.95rem;
	background: url("../images/kuang-top.png") no-repeat center;
	background-size: 100%;
}
.main::after{
	content: '';width: 100%; height: .5rem; display: block; float: left; margin-bottom: -.5rem;
	background: url("../images/kuang-btm.png") no-repeat center;
	background-size: 100%;
}
.mainbox{
	width: 11.6rem; float: left; min-height: .5rem; margin: -.35rem .2rem -.3rem;
	background: #fff; 
	border-radius: .4rem;
	position: relative; z-index: 3;
}

.s1-left{
	float: left; margin-left: .57rem; margin-top: .47rem; margin-bottom: .43rem;
	width: 3.74rem; display: block;
}
.s1-left img{
	width: 100%; display: block;
}
.s1-left p{
	font-size: .14rem; line-height: .18rem; color: #888; width: 100%; float: left; margin-top: .1rem;
	text-align: left;
}
.s1-right{
	float: left; margin-left: .31rem; margin-top: .44rem; width: 6.7rem;
}
.s1-right ul{
	width: 100%; clear: both; float: left;
}
.s1-right ul li{
	width: 100%; clear: both; float: left; margin-bottom: .27rem;
}
.s1-right ul li i{
	font-size: .32rem; line-height: .5rem; color: #fff; font-weight: bold; text-align: center;
	width: .5rem; height: .5rem; display: block; float: left;
	background: #5c61de;
	background: -webkit-linear-gradient(#7991ea, #5c61de); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#7991ea, #5c61de); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#7991ea, #5c61de); /* Firefox 3.6 - 15 */
	background: linear-gradient(#7991ea, #5c61de); /* 标准的语法 */
	border-radius:.11rem;
}
.s1-right ul li p{
	font-size: .18rem; line-height: .26rem; text-align: left; padding-bottom: .21rem;
	float: left;margin-left: .1rem; width: 5.85rem; padding-left: .05rem;
	border-bottom: dashed 1px #a2a2a2;
}
.s1-right ul li:last-child p{
	border: 0;
}

/* section02 */
.sec02{
	width: 100%; height: 655px;
	background:#0f0553 url("../images/s2-bg.jpg") no-repeat center top;
	/* background-size: auto 100%; */
	padding-bottom: .65rem;
}
.main >.item{
	width: 5.7rem; display: inline-block; margin: -.34rem .1rem -.3rem; min-height: 1rem; float: left;
	background: #fff;
	border-radius: .4rem;
	position: relative;z-index: 3;
	height: 4.4rem;
}
.main .item01{
	float: left;margin-left: .2rem;
}
.main .item02{float: right;margin-right: .2rem;}
.main >.item .tit{
	width: 100%; height: 100px; display: block; float: left; margin-top: .41rem;
}
.main .item01 .tit{
	background: url("../images/s2-img01.png") no-repeat center;
	background-size:auto 100%;
}
.main .item02 .tit{
	background: url("../images/s2-img02.png") no-repeat center;
	background-size:auto 100%;
}
.main >.item .tit h3{
	font-size:.24rem; line-height: .8rem; color: #fff;
	font-weight: bold;
}

.s2-main .item01 .tit h3::before{
	content: '';width: .45rem; height: .8rem; display: inline-block; vertical-align: top;
	background: url("../images/s2-icon01.png") no-repeat center;
	background-size: 100%;
}
.s2-main .item02 .tit h3::before{
	content: '';width: .51rem; height: .8rem; display: inline-block; vertical-align: top;
	background: url("../images/s2-icon02.png") no-repeat center;
	background-size: 100%;
}
.s2-main .item ul{
	width: 100%; clear: both; float: left; margin-top: .25rem;
}
.s2-main .item ul li{
	width: 4.9rem; float: left; clear: both; margin-left: .46rem;
	font-size: .18rem; line-height: .28rem; text-align: left;
}
/* .s2-main .item ul li::before{
	content: '';width: .28rem; height: .28rem; display: inline-block; float: left;margin-left: -.35rem;
	background: url(../images/s2-icon03.png) no-repeat center;
	background-size: 100%;
	vertical-align: top;
} */

/* section03 */
.sec03{
	width: 100%; height: 5rem;
	background-color: #0f0553;
	/* background: url("../images/s3-bg.jpg") no-repeat center top;
	background-size: auto 100%; */
}
.s3-main table{
	width: 10.8rem;margin: .32rem .4rem .44rem;
}
.s3-main table th{
	background-color: #5c61de;
	border-right: solid 1px #fff;
	font-size: .2rem; font-weight: bold; line-height: .52rem; color: #fff;
}
.s3-main table th:first-child{
	border-radius: .1rem 0 0 0;
}
.s3-main table th:last-child{
	border: 0;
	border-radius: 0 .1rem 0 0;
}
.s3-main table td{
	font-size: .16rem; line-height: .2rem;
	background-color: #dedfff;
	padding: .25rem 0;
	border-right: solid 1px #fff;
}
.s3-main table td:last-child{
	border: 0;
}
.s3-main table td p{
	padding: 0 .2rem; text-align: left;
}

/* section04 */
.sec04{
	width: 100%; height: 7.43rem;
	background: url("../images/s4-bg.jpg") no-repeat center top;
	background-size: auto 100%;
}
.s4-main img{
	display: block; margin: .57rem auto .54rem;
}

/* section05 */
.sec05{
	width: 100%; height: 7.5rem;
	background: url("../images/s5-bg.jpg") no-repeat center top;
	background-size: auto 100%;
}
.teacherbox{
	width: 10.12rem; height: 3.36rem; display: block; float: left; margin: .47rem .74rem .6rem;
	background: url('../images/s5-img01.png') no-repeat center;
	background-size: 100%;
}
.s5-left{
	float: left; margin-left: .64rem; margin-top: .48rem;
}
.s5-left img{height: 2.5rem;}
.s5-right{
	float: right;width: 5.8rem; margin-top: .18rem; margin-right: .35rem;
}
.s5-right .txt{
	width: 100%; height: 1.39rem; display: block; float: left;
	background: #383db2;
	border-radius: .08rem;
}
.s5-right .txt p{
	font-size: .14rem; line-height: .28rem; float: left; color: #fff;
	width: 5.1rem; margin: .15rem .35rem 0;
	text-align: left;
}
.s5-right ul{
	width: 100%; clear: both; float: left; margin-top: .17rem;
}
.s5-right ul li{
	width: 1.1rem; height: 1.41rem; display: block; float: left; margin-right: .45rem;
	box-shadow: 0 .04rem .1rem rgba(169,169,169,.5);
	border-radius: .08rem;
}
.s5-right ul li:last-child{margin-right: 0;}
.s5-right ul li img{
	width: 100%; display: block;
}

/* section06 */
.sec06{
	width: 100%; height: 15rem;
	background: url("../images/s6-bg.jpg") no-repeat center top;
	background-size: auto 100%;
}
.s6-main table{
	width: 10.8rem;margin: .32rem .4rem 0;
	border-left: solid 1px #5c61de;
	border-radius: .1rem .1rem 0 0;
	display: inline-block;
}
.s6-main table th{
	background-color: #5c61de;
	font-size: .2rem; font-weight: bold; line-height: .52rem; color: #fff;
}
.s6-main table th:first-child{
	border-radius: .1rem 0 0 0;
}
.s6-main table th:last-child{
	border-radius: 0 .1rem 0 0;
}
.s6-main table td{
	font-size: .16rem; line-height: .2rem; padding: .1rem .1rem; color: #000;
	border-right: solid 1px #5c61de;
	border-bottom: solid 1px #5c61de;
	text-align: left;
}
.s6-main table td.center{text-align: center;}
.s6-main table td font{
	font-size: .2rem;
	line-height: .26rem;
	font-weight: bold;
	color: #5c61de;
}
.s6-main table td p span{
	color: #666666;
}
.s6-main table td em{
	color: #ed1e1e;
	font-weight: bold;
	font-size: .24rem;
}
.s6-main table td a{
	width: 1.2rem; height: .36rem; display: inline-block; margin: .15rem auto;
	font-size: .18rem; line-height: .36rem; 
	border-radius: .36rem;
	color: #fff;
	background: #e94442;
	background: -webkit-linear-gradient(left, #fc5644 , #e94442); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fc5644, #e94442); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fc5644, #e94442); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fc5644 , #e94442); /* 标准的语法 */
	box-shadow: 0 .07rem .15rem rgba(237,72,67,.4);
}
.s6-main p.ps-new{ font-size: .16rem; color: #666; line-height: .48rem; margin-left:.5rem; float: left; margin-bottom: .24rem;}

/* section07 */
.sec07{
	width: 100%; height: 7.12rem;
	background: url("../images/s7-bg.jpg") no-repeat center top;
	background-size: auto 100%;
}
.s7-main .mainbox{
	height: 4.32rem;
	background: url("../images/s7-img01.png") no-repeat center top;
	background-size:100%;
}
.s7-left{
	width: 3.5rem; float: left;
}
.s7-left img{
	width: 2.47rem; display: inline-block; margin-top: .34rem;
}
.s7-left font{
	width: 100%; clear: both; float: left; margin-top: .11rem;
	font-size: .18rem; line-height: .24rem; font-weight: bold;
}
.s7-left p{
	font-size: .18rem; line-height: .24rem; text-align: center; margin: auto;
	width: 2.47rem;
	color: #666;
}
.s7-right{
	float: right; width: 7rem; margin-top: .31rem; margin-right: .53rem;
}
.s7-right p{
	font-size: .18rem; line-height: .32rem; text-align: justify;
	text-indent: 2em;
}


/*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:180px; height:508px; display: block; background: url(../images/cb.png) no-repeat center;top:25%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:10px; right:10px; height:12px; width:12px; }

.nav-bg{
	 width: 159px;height: 41px; background: url(../images/cb-bg.png) center center no-repeat; font-size: 16px; color: #000; text-align: center; line-height: 41px;
	  margin: 0 auto; margin-bottom: 8px;
}
.nav-bg.mt185{margin-top:116px;}
.nav-bg a{width: 159px;height: 41px; display: block; margin:auto;}
.nav-bg a:hover{
	color: #ed1e1e;
}

.left_top{display: block;
	font-size: 20px; color: #fff; text-align: center; line-height: 145px;
}
