@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}
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%; background: #fff; 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: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{display: inline-block;width: 100%;}
/* .title{ margin-bottom: .48rem;} */
.title h2{height: 1.22rem;line-height: 1.22rem; font-size: .42rem; color: #333; font-weight: bold;background: url(../images/titBg1.png) no-repeat center top;background-size: auto 1.22rem;}
.title h2 span{color: #f24634;}
.title h2 i {font-size: .3rem;display: inline-block;vertical-align: 4px;padding: 0 0.08rem;}
.main{display: inline-block;width: 100%;margin: 0 auto;}
/*banner*/
.banner-box{width: 100%;height: 715px;position: relative;text-align: center;}
.banner-box a{ display: block; position: absolute; top: .52;width: 1.78rem;}
.banner-box a img{width: 100%;}

/*sec01*/
.sec1{margin-top: .34rem;}
.s1main{position: relative;height: 4.5rem;background:#fff url(../images/s1Bg.png) no-repeat center .78rem;background-size: auto 2.5rem;margin-top: .4rem;}
/* .s1main::before{content: '';display: inline-block;width: 3.58rem;height: 2.5rem; background: url(../images/s1Bg.png) no-repeat center top;background-size: 100% 100%;position: absolute;z-index: -1;} */
.s1main>div{display: inline-block;width: 3.77rem;height: 1.64rem;background: rgba(255, 255, 255, .7);border-radius: .3rem;box-shadow: 0 0 .3rem rgba(255,137,126,.15);float: left;position: absolute;cursor: pointer;transition: all .5s;}
/* .s1main>div:nth-of-type(2n){right: 0;} */
.s1main>div:hover{transform: scale(1.1);}
.sL1{top: .4rem;left: .18rem;}
.sL2{top: 0;right: .62rem;}
.sL3{top: 2.72rem;left: .62rem;}
.s1main .sL4{height: 2.01rem; top: 2.32rem;right: .25rem;}
.s1R .p1{font-size: .18rem;font-weight: bold;color: #ff4740;background: url(../images/s1img5.png) no-repeat left bottom;background-size: 1.32rem;text-align: left;padding-left: .07rem;}
.s1R .p3{text-align: right;background: url(../images/s1img6.png) no-repeat right bottom;}
.s1R .p4{padding-right: .1rem;}
.s1R .p2{font-size: .16rem;color: #333;text-align: left;line-height: .27rem;margin-top: .1rem;}
.s1xq>div{display: inline-block;float: left;}
.s1L{margin-top: .52rem;margin-left: -.25rem;}
.s1R{width: 79%;margin-top: .23rem;}
.sL2>div{float: right;}
.sL2 .s1L{margin-left: inherit;margin-right: -.35rem;}
.sL4>div{float: right;}
.sL4 .s1L{margin-left: inherit;margin-right: -.35rem;}
.zixun{width: 4rem;line-height: .68rem;font-size: .26rem;color: #ffffff;margin: .2rem auto;background: #f34b49;border-radius: .5rem;cursor: pointer;font-weight: bold;transition: all .3s linear}
.zixun:hover{background: #f56564;transform: scale(1.02)}
.form-box{display: inline-block;width: 100%;height: 2.63rem;background: url(../images/s1F.jpg) no-repeat center top;background-size: 100% 100%;margin-top: .42rem;}
.form-box input[type=text]{width: 3.2rem; height: 0.48rem; border: 1px solid #fff; box-sizing: border-box; font-size: .18rem; padding-left: 0.4rem; margin-right: 0.32rem;background: transparent;color: #fff;}
.form-box input[type=button]{width: 2.32rem; height: 0.68rem; line-height: 0.5rem;background: url(../images/s1Btn.png) no-repeat center top; color: #7e0f11;font-weight: bold; font-size: .22rem; border-radius: .04rem; border: none; cursor: pointer;transition: all .5s;}
.form-box input[type=button]:hover{transform: scale(1.1);}
.form_bot {width: 94%; margin: 20px auto 0; text-align: center; font-size: .16rem; color: #fff; line-height:.26rem;}
.form_bot span a {color: #fff;}
.form_bot label {display: inline-block;}
.form_bot label input {display: inline-block; width: .14rem; height: .14rem; border: none; vertical-align: top; margin:
.06rem 0 0; position: relative;}
.form_bot label input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width:
100%; height: 100%; border: 1px solid #888; border-radius: 2px;}
.form_bot label input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background: #f1522b; top: 0;
left: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 2px; color: #fff; line-height: .14rem;
font-weight: bold; text-align: center;}
.s1Ftit{font-size: .36rem;font-weight: bold;color: #fee5bf;margin: 0.22rem auto 0.24rem;}
.s1Ftit span{display: inline-block;font-weight: 1;}
.form-box input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff;
}

.form-box input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
  color: #fff;
}

.form-box input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
  color: #fff;
}

.form-box input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fff;
}
.form-box2{margin-top: .6rem;}
.form-box2 input[type=text] {width: 2.58rem;margin-right: 0.15rem;padding-left: 0.2rem;}
.form-box2 .xlIt{margin-left: .3rem;}
.form-box2 input[type=button]{width: 1.98rem;background: url(../images/s2Btn.png) no-repeat center top;}
/*sec2*/
.sec2{width: 100%;height: auto;background: url(../images/s2Bg.png) no-repeat center 2.3rem;background-size: auto 7.3rem;padding-bottom: 2.8rem;margin-top: 1rem;}
.s2main{position: relative;margin-top: .22rem;}
.s2main::before{content: '';display: inline-block;width: 3.96rem;height: 4.22rem;background: url(../images/s2img.png) no-repeat center top;background-size: 100% 100%;position: absolute;top: .64rem;left: -.26rem;}
.s2nr{display: inline-block;width: 7rem;float: right;}
.s2nr>div{display: inline-block;float: left;width: 3.53rem;height: 2.72rem;background: url(../images/s2img1.png) no-repeat center top;background-size: 100% 100%;cursor: pointer;transition: all .5s;}
.s2nr>div:hover{transform: scale(1.1);}
.s2nr .s2x2{background: url(../images/s2img2.png) no-repeat center top;margin-left: -.15rem;}
.s2nr .s2x3{background: url(../images/s2img3.png) no-repeat center top;}
.s2nr .s2x4{background: url(../images/s2img4.png) no-repeat center top;margin-left: -.15rem;}
.s2xq>p{float: left;text-align: left;clear: both;margin-left: 0.67rem;}
.s2xq .p1{margin-top: 0.56rem;}
.s2xq .p2{font-size: .2rem;color: #ff4740;font-weight: bold;margin: .08rem auto;margin-left: 0.67rem;}
.s2xq .p3{font-size: .16rem;color: #333;width: 2.3rem;line-height: .22rem;}

/* section3 */
.s3main{background: url(../images/s1img.png) no-repeat -.15rem 1.7rem;background-size: 100% 1.5rem;margin-top: .65rem;}
.s3main>div{display: inline-block;float: left;width: 1.53rem;height: 2.13rem;box-shadow: 0 0 0.3rem rgb(255 137 126 / 15%);border-radius: .14rem;}
.s3main>div:nth-of-type(2n){margin-top: 2.6rem;}
.s3xq .p1{width: .84rem;line-height: .42rem;font-size: .2rem;font-weight: bold;color: #fff;border-bottom-left-radius: .5rem;border-bottom-right-radius: .5rem;margin: 0 auto;
	background: #fa696e;
	background: -webkit-linear-gradient(bottom, #fa696e , #f03832); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #fa696e, #f03832); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #fa696e, #f03832); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #fa696e , #f03832); /* 标准的语法 */
}
.s3xq .p2{font-size: .2rem;font-weight: bold;color: #ff4740;margin-top: 0.07rem;margin-bottom: 0.03rem;}
.s3xq .p3{font-size: .16rem;color: #333;line-height: .24rem;width: 74%;margin: 0 13%;text-align: left;}
.s3p6 .p3{width: 84%;margin: 0 8%;}

/* section4 */
.sec4{margin-top: 1.2rem;}
.s4main{margin-top: .32rem;}
.s4main .course-video{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  /* height: 541px; */
  background: #000
}
.course-right{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: .04rem;
}
.course-right a {
    width: 32.5%;
    height: 51px;
    font-size: 17px;
    color: #fff;
    line-height: 51px;
    text-align: center;
    margin: 0 auto 18px;
    background-color: #6c6c6c;
    display: inline-block;
	margin-right: 1%;
}
.course-right a:last-child{
	margin-right: 0;
}
.course-right a.on{
  background: #f15053;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.course-right a.on::before{content: '';display: inline-block;width: .19rem;height: .19rem;background: url(../images/s4img1.png) no-repeat center top;background-size: 100% 100%;position: absolute;top: .17rem;right: -.09rem;
	top: inherit;
	right: 45%;
	bottom: -0.09rem;
}
.form-box3{margin-top: .36rem;}

/* section5 */
.sec5{margin-top: 1rem;}
.s5xq{display: inline-block;width: 100%;height: 730px;background: url(../images/s5Bg.png) no-repeat center top;background-size: auto 100%;margin-top: .4rem;}
.s5main{position: relative;display: inline-block;height: 5rem;margin-top: .58rem;}
.s5main::before {content: '';display: inline-block;width: 4.22rem;height: 3.69rem;background: url(../images/s5img1.png) no-repeat center top;background-size: 100% 100%;position: absolute;top: 1.8rem;left: -0.94rem;}
.s5xj{display: inline-block;width: 66%;float: right;}
.s5xj>div{display: inline-block;width: 3.44rem;height: 2.4rem;background: #fff;border-radius: .3rem;box-shadow: 0 0 0.3rem rgb(255 137 126 / 15%);position: relative;float: left;}
.s5nr>p{width: 75%;margin: 0 12.5% 0;}
.s5nr .p1{font-size: .18rem;font-weight: bold;color: #fff; line-height: .21rem; display: inline-block;width: .67rem;height: .8rem;background: url(../images/s5img2.png) no-repeat center top;background-size: 100% 100%;padding-top: .07rem;position: absolute;top: -0.1rem;right: 0.35rem;margin: 0;}
.s5nr .p2{font-size: .23rem;font-weight: bold;color: #ff4740;text-align: left;margin-top: 0.4rem;margin-bottom: 0.1rem;}
.s5nr .p3{font-size: .17rem;color: #333333;text-align: left;line-height: .26rem;}
.s5nr2{margin-left: .34rem;margin-bottom: .35rem;}
.s5nr3{margin-left: 1.9rem;}

/* section6 */
.s6main{margin-top: .48rem;}
.s6nr{display: inline-block;width: 100%;}
.s6nr2{width: 75%;margin-top: .37rem;}
.s6nr>div{display: inline-block;float: left;width: 2.59rem;height: 1.01rem;border-radius: .5rem;background: #f34a47;margin-right: .21rem;}
.s6nr>div:last-child{margin-right: 0;}
.s6xq>div{display: inline-block;float: left;}
.s6L{width: .6rem;height: .6rem;line-height: .6rem;border-radius: .5rem;background: #ffd693;font-size: .26rem;font-weight: bold;color: #f34a47;margin-top: .21rem;margin-left: .16rem;margin-right: .1rem;}
.s6R{width: 50%;margin-top: .08rem;}
.s6R .p1{font-size: .24rem;font-weight: bold;color: #ffd693;margin-bottom: .03rem;}
.s6R .p2{font-size: .18rem;color: #fff;line-height: .21rem;}
.s6R .p3{width: 113%;}

/*sec7*/
.sec7{margin-top: 1.05rem;margin-bottom: .5rem;}
.sec7 .title h2{background: url(../images/titBg2.png) no-repeat center top;}
.sec10-main{border-radius: .1rem;width: 100%;padding-bottom: .3rem;background: #f85255;margin-top: .5rem;}
.kk {width: 100%;text-align: center;font-size: .2rem;color: #fff;font-weight: bold;line-height: .5rem;margin-bottom: 0.12rem;margin-top: 0.18rem;display: inline-block;}
.sec10-main table{width: 94.5%;background: #fff;border-radius: .25rem;overflow: hidden;}
.sec10-main table tr th{height: 0.66rem; line-height: 0.66rem; font-size: .22rem; color: #e6312e; font-weight: bold; border-right: 1px solid #fea8a7;background: #ffd693;
}
.sec10-main table tr th:nth-child(1){width: 1.4rem;}
.sec10-main table tr th:nth-child(2){width: 2.3rem;}
.sec10-main table tr th:nth-child(3){width: 3rem;}
.sec10-main table tr th:last-child{width: 1.8rem; border-right: none;}
.sec10-main table tr td{font-size: .18rem; color: #333; border: 1px solid #fea8a7; padding: .2rem 0; line-height: 0.26rem;}
.sec10-main table tr td b{font-weight: 700;}
.sec10-main table tr td.w68{width: 0.68rem;}
.sec10-main table tr td.shupai{font-size: .2rem;font-weight: bold;}
.sec10-main table tr td.taleft{text-align: left; padding: .12rem .15rem; line-height: 0.24rem; font-size: .15rem;}
.sec10-main table tr td span{font-size: .14rem; line-height: 10px;}
.sec10-main table tr td a{width: 1.04rem; height: 0.32rem; line-height: 0.32rem; border-radius: .15rem; font-size: .16rem; color: #fff; display: inline-block; margin-top: 0.1rem; box-shadow: 0 5px 20px #19d0c530;
	background: #45ddb9;
	background: -webkit-linear-gradient(right, #45ddb9 , #19d0c5); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #45ddb9, #19d0c5); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #45ddb9, #19d0c5); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #45ddb9 , #19d0c5); /* 标准的语法 */
}
.sec7 .tips1{ font-size: .16rem; color: #fff; text-align: right; padding-top: .16rem; line-height: 0.24rem;}
.sec10 .tips2{font-size: .15rem; color: #666666; text-align: right; margin-top: 0.2rem;}

/*侧边导航*/
.lfNav{position: fixed;width: 152px;height: 457px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;top:-.1rem; right:-.2rem; height:30px; width:30px;background: url(../images/close.png) no-repeat center top;background-size: 100% 100%;}
.mt185{margin-top: 78px;}
.nav-bg{width: 100%;height: auto;display: block;float:left;clear:both;margin-bottom: 14px;}
.nav-bg a {width: 105px;height: 28px;display: block;margin: auto;font-size: 17px;line-height: 28px;color: #7e0f11;text-align: center;border: 1px solid #7e0f11;border-radius: 30px;}
.nav-bg a:hover{ color: #fdd8b2;background: #e6363e;border: 1px solid #e6363e;font-weight: bold;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}
.tempWrap{
  margin: 0 auto;
}