@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: #444;background: #fff;}


.nav-bgd{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;}

input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
 }
/*banner */
.banner-box{position:relative;height:720px;background:url(../images/banner.png) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}
.ban-btn{width: 100%; clear: both; float: left; margin-top: 539px;}
.ban-btn a{width: 450px; height: 70px; display: block; margin: auto;
	border-radius: 35px;
}

/*section1*/
.sec01{width: 100%; clear: both; height: auto; background: url(../images/s1-bg.jpg) no-repeat center top; float: left;}
.s1-title{width: 100%; clear: both; float: left; background: url(../images/s1-title.png) no-repeat center top; margin-top: 45px;}
.s1-title h2{width: 100%; clear: both; font: bold 46px/84px "microsoft yahei"; color: #333; float: left; margin-top: 23px;}
.s1-cont{width: 100%; clear: both; float: left; margin-top: 48px;}
.s1-cont .item{width: 520px; display: block; float: left; margin-bottom: 42px;}
.s1-cont .item.right{float: right;}
.s1-cont .item font{width: 280px; height: 73px; display: block; background: url(../images/s1-font.png) no-repeat center; font: bold 36px/73px "microsoft yahei"; color: #fff;}
@media screen and (min-width: 800px) {
	.s1-cont .item font{ text-align: left;text-indent: 35px;}
}
.s1-cont .item font:after{content: '';width: 38px; height: 73px; display: block; float: right; background: url(../images/s1-icon01.png) no-repeat center; background-size: 100%; margin-right: 50px;}
.s1-cont .item .itembox{width: 100%; height: 240px; display: block; background: url(../images/s1-img05.png) no-repeat center;
	border-radius: 0 10px 10px 10px;
	-webkit-box-shadow: 0 3px 30px rgba(116,126,217,.2);
	box-shadow: 0 3px 30px rgba(116,126,217,.2);
}
.s1-cont .item .itembox img{float: left; margin-left: 23px; margin-top: 17px; display: block;}
.s1-cont .item .itembox .itemTxt{float: left; margin-top: 28px; margin-left: 23px;width: 235px;}
.s1-cont .item .itembox .itemTxt p{font: 18px/30px "microsoft yahei"; color: #333; text-align: left; width: 100%;min-height: 120px; float: left; margin-bottom: 10px;}
.s1-cont .item .itembox .itemTxt p span{color: #ed534a;}
.s1-cont .item .itembox .itemTxt a{width: 170px; height: 46px; display: block; clear: both; margin: auto; font: bold 20px/46px "microsoft yahei"; color: #fff;
	background: #ed534a; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#eb4f46) , to(#fb7870));
	background: linear-gradient(to right, #eb4f46 , #fb7870); /* 标准的语法 */
	border-radius: 23px;
	-webkit-box-shadow: 0 4px 6px rgba(219,90,83,.3);
	box-shadow: 0 4px 6px rgba(219,90,83,.3);
}

/* section02 */
.sec02{width: 100%; clear: both; height: auto; float: left;}
.s2-title{width: 100%; clear: both; float: left; background: url(../images/s2-title.png) no-repeat center top; margin-top: 36px;}
.s2-title h2{width: 100%; clear: both; font: bold 46px/84px "microsoft yahei"; color: #333; float: left; margin-top: 23px;}
.s2-cont{width: 100%; clear: both; float: left; margin-top: 18px;}
.s2-cont .item01{float: left; background: url(../images/s2-img01.png) no-repeat center top;width: 374px; margin-top: 251px;}
.s2-cont .item02{float: left; background: url(../images/s2-img02.png) no-repeat center top;width: 374px; margin-top: 128px; margin-left: -7px;}
.s2-cont .item03{float: left; background: url(../images/s2-img03.png) no-repeat center top;width: 374px; margin-top: 0; margin-left: -7px; margin-right: -8px;}
.s2-cont .item{padding-bottom: 27px;}
.s2-cont .item h3{font: bold 32px/62px "microsoft yahei"; color: #404cae; float: left; margin-top: 30px; margin-left: 42px;}
.s2-cont .item p{font: 18px/34px "microsoft yahei"; color: #333; float: left; clear:both; width: 300px; margin-left: 42px; text-align: left;}
.s2-cont .item01 p{margin-bottom: 40px;}
.s2-cont .item p.zhu{font: 16px/34px "microsoft yahei"; margin-bottom: 28px;}
.s2-cont .item ul{float: left; clear: both; margin-bottom: 16px; margin-top: -5px;}
.s2-cont .item ul li{float: left; clear: both; width: 100%;}
.s2-cont .item ul li font{font: 18px/27px "microsoft yahei"; color: #404cae; float: left; margin-left: 38px; margin-bottom: 5px; margin-top: 5px;}
.s2-cont .item ul li font:before{content: "";width: 4px; height: 27px; display: block; float: left; background: #5c66c4; margin-right: 14px;}
.s2-cont .item ul li p{margin-left: 56px;}
.s2-cont .item a{width: 200px; height: 50px; display: block; clear: both; margin: auto; font: bold 24px/50px "microsoft yahei"; color: #fff;
	background: #ed534a; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#eb4f46) , to(#fb7870));
	background: linear-gradient(to right, #eb4f46 , #fb7870); /* 标准的语法 */
	border-radius: 23px;
	-webkit-box-shadow: 0 4px 6px rgba(219,90,83,.3);
	box-shadow: 0 4px 6px rgba(219,90,83,.3);
}
.s2-btm{width: 100%; clear: both; float: left; margin-bottom: 50px;}
.s2-btm img{display: block; margin: auto;}

/* section03 */
.sec03{width: 100%; clear: both; height: auto;background: url(../images/s3-bg.png) no-repeat center top; float: left;}
.s3-title{width: 100%; clear: both; float: left; background: url(../images/s3-title.png) no-repeat center top; margin-top: 30px;}
.s3-title h2{width: 100%; clear: both; font: bold 46px/84px "microsoft yahei"; color: #333; float: left; margin-top: 23px;}
.s3-cont{width: 100%; clear: both; float: left; margin-top: 43px;}
.s3-left{float: left;margin-top: 30px; margin-left: -33px;}
.s3-left img{display: block; margin: auto;}
.s3-right{width: 544px; height: 545px;display: block; background: #fefefe; float: right;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 23px rgba(28,67,156,.2);
	box-shadow: 0 0 23px rgba(28,67,156,.2);
}
.s3-right h3{font: bold 30px/67px "microsoft yahei"; color: #fff; text-align: left; text-indent: 25px; width: 522px; height: 67px; display: block; float: left; margin-left: -18px; margin-top: 21px;
	background: #5c66c4; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#5c66c4) , to(rgba(92,102,196,0)));
	background: linear-gradient(to right, #5c66c4 , rgba(92,102,196,0)); /* 标准的语法 */
}
.s3-right ul{width: 100%; clear: both; float: left; margin-top: 16px; margin-bottom: 26px;}
.s3-right ul li{clear: both; float: left; margin-left: 38px; padding-left: 32px; position: relative;}
.s3-right ul li i{width: 22px; height: 22px; display: block; background: url(../images/s3-icon01.png) no-repeat center; background-size: 100%; position: absolute; top: 13px; left: -10px;}
.s3-right ul li:before{content: '';width: 1px; height: 100%; border-left: dashed 1px #f4bb40; position: absolute; top: 22px; left: 0;}
.s3-right ul li:last-child:before{display: none;}
.s3-right ul li p{font: 18px/47px "microsoft yahei"; color: #333; float: left; text-align: left;}
.s3-right a{width: 300px; height: 60px; display: block; margin: auto; clear: both; font: bold 24px/60px "microsoft yahei"; color: #fff;
	background: #ed534a; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#eb4f46) , to(#fb7870));
	background: linear-gradient(to right, #eb4f46 , #fb7870); /* 标准的语法 */
	border-radius: 30px;
	-webkit-box-shadow: 0 4px 6px rgba(219,90,83,.3);
	box-shadow: 0 4px 6px rgba(219,90,83,.3)
}
.s3-form{width: 100%; clear: both; height: 328px; display: block; float: left; margin-top: 54px; margin-bottom: 80px; background: url(../images/s3-img02.png) no-repeat center top;
	border-radius: 164px 0 164px 0;
	-webkit-box-shadow: 0 4px 6px rgba(77,85,179,.3);
	box-shadow: 0 4px 6px rgba(77,85,179,.3);
}
.s3-form h3{width: 100%; clear: both; float: left; margin-top: 22px; font: bold 40px/80px "microsoft yahei"; color: #fff;}
.s3-form form{width: 100%; clear: both; margin-top: 15px; float: left;}
.s3-form ul{width: 100%; clear: both; float: left;}
.s3-form ul li{width: 400px; height: 50px; display: block; float: left; margin: 0 13px 20px; background: #fff;
	border-radius: 6px;
}
.s3-form ul li.left{margin-left: 112px;}
.s3-form ul li span{font: 18px/50px "microsoft yahei"; color: #666; float: left; margin-left: 20px;}
.s3-form ul li input{width: 285px; height: 50px; display: block; border: none;font: 18px/50px "microsoft yahei";}
.s3-form ul li a{width: 100%; height: 50px; display: block; font: bold 24px/50px "microsoft yahei"; color: #fff;
	background: #ee544d; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#fb7870) , to(#eb4f46));
	background: linear-gradient(to right, #fb7870 , #eb4f46); /* 标准的语法 */
	border-radius: 6px;
}
.s3-form p{font: 16px/40px "microsoft yahei"; color: #fff; width: 100%; float: left; }

/* section04 */
.sec04{width: 100%; clear: both; height: 618px;background: url(../images/s4-bg.jpg) no-repeat center top; float: left;}
.s4-title{width: 100%; clear: both; float: left; background: url(../images/s4-title.png) no-repeat center top; margin-top: 50px;}
.s4-title h2{width: 100%; clear: both; font: bold 46px/84px "microsoft yahei"; color: #fff; float: left; margin-top: 23px;}
.s4-cont{width: 100%; clear: both; float: left; margin-top: 49px;}
.s4-cont .item{width: 340px; display: inline-block; height: 337px; background: url(../images/s4-img01.png) no-repeat center top;
	border-radius: 10px;
}
.s4-cont .item02{margin: 0 40px auto;}
.s4-cont .item font{width: 100%; float: left; margin-top: -11px; height: 66px; display: block; background: url(../images/s4-img02.png) no-repeat center; font: bold 32px/66px "microsoft yahei"; color: #fff;}
.s4-cont .item ul{width: 100%; clear: both; float: left; margin-top: 25px;}
.s4-cont .item ul li{clear: both; float: left; margin-bottom: 15px;}
.s4-cont .item ul li span{width: 62px; height: 32px; display: block; float: left; background: url(../images/s4-img03.png) no-repeat center; font: bold 20px/32px "microsoft yahei"; color: #fff; text-align: left; text-indent: 10px;	}
.s4-cont .item ul li p{float: left; font: 18px/32px "microsoft yahei"; color: #333; text-align: left; width: 255px; margin-left: 10px;}

/* section05 */
.sec05{width: 100%; clear: both; height:auto; float: left;}
.s5-title{width: 100%; clear: both; float: left; background: url(../images/s5-title.png) no-repeat center top; margin-top: 55px;}
.s5-title h2{width: 100%; clear: both; font: bold 46px/84px "microsoft yahei"; color: #333; float: left; margin-top: 23px;}
.s5-cont{width: 100%; clear: both; float: left; margin-top: 49px;height: 495px; background: url(../images/s5-img01.png) no-repeat center; background-size: 100%;
	-webkit-box-shadow: 0 0 30px rgba(74,74,162,.2);
	box-shadow: 0 0 30px rgba(74,74,162,.2);
}
.s5-top{width: 100%; clear: both;}
.s5-top ul{float: left;}
.s5-top ul li{width: 352px; height: 66px; display: block; float: left; font: 24px/66px "microsoft yahei"; color: #fff; cursor: pointer;
	background: #646fcc; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#7b86df) , to(#5b66c4));
	background: linear-gradient(to right, #7b86df , #5b66c4); /* 标准的语法 */
}
.s5-top ul li.active{}
.s5-top font{float: left; width: 396px; height: 66px; display: block; float: left; font:bold 24px/66px "microsoft yahei"; color: #fff;
	background: #eb4f46; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, right top, from(#fb7870) , to(#eb4f46));
	background: linear-gradient(to right, #fb7870 , #eb4f46); /* 标准的语法 */
}

.s5-left{float: left; margin-left: 22px; margin-top: 19px; width: 684px; display: block;}

.s5-right{float: left; margin-left: 30px; margin-top: 25px;}
.s5-right ul{float: left; clear: both; display:none;}
.s5-right ul.show{display: block;}
.s5-right ul li{width: 100%; clear: both; float: left;}
.s5-right ul li a{font: 16px/45px "microsoft yahei"; float: left; cursor: pointer;}
.s5-right ul li a.active{color: #eb4f46;}
.s5-right ul li span{width: 45px; height: 22px; display: block; float: right; margin-left: 15px; margin-top: 11px; background: #eb4f46; font: 16px/22px "microsoft yahei"; color: #fff;
	border-radius: 11px 11px 11px 0;
}
.s5-right ul li span.vip{background: #c4974a;}

/* section06 */
.sec06{width: 100%; clear: both; height:auto; float: left;}
.s6-title{width: 100%; clear: both; float: left; background: url(../images/s6-title.png) no-repeat center top; margin-top: 90px;}
.s6-title h2{width: 100%; clear: both; font: bold 46px/84px "microsoft yahei"; color: #333; float: left; margin-top: 23px;}
.s6-cont{width: 100%; clear: both; float: left; margin-top: 45px; margin-bottom:0px;}

.s6-cont table{ border:none;border-right:solid 1px #ddd; float:left; background: #fff;
	-webkit-box-shadow: 4px 2px 16px rgba(141,141,141,.4);
	box-shadow: 4px 2px 16px rgba(141,141,141,.4);
	border-radius: 20px 0 0 20px;
}

.s6-cont .course-table2 tr th{ font: 24px/80px "microsoft yahei"; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.s6-cont .course-table2 tr th:first-child{width: 226px; border-bottom:none; background: #526de2; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
    background: -webkit-gradient(linear, left top, left bottom, from(#4058c5), to(#6481ff));
    background: linear-gradient(#4058c5, #6481ff); /* 标准的语法 */
	border-radius: 20px 0 0 0;
}
.s6-cont .course-table2 tr th:first-child+th{width: 160px;}
.s6-cont .course-table2 tr th:first-child+th+th{width: 160px; }
.s6-cont .course-table2 tr th:first-child+th+th+th{width: 260px; }
.s6-cont .course-table2 tr th:first-child+th+th+th+th{width: 180px; }
.s6-cont .course-table2 tr th:last-child{border-right: none;}

.s6-cont .course-table2 td{font: 16px/28px "microsoft yahei";color:#333; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:13px 0; position: relative;}
.s6-cont .course-table2 td.gradient{color:#fff;background: #526de2; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
    background: -webkit-gradient(linear, left top, left bottom, from(#4058c5), to(#6481ff));
    background: linear-gradient(#4058c5, #6481ff); /* 标准的语法 */
   	border-bottom: none;
	border-radius: 20px 0 0 20px;
}
.s6-cont .course-table2 .hot td.gradient{
	background: #f95c50; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
	background: -webkit-gradient(linear, left top, left bottom, from(#f04b3d), to(#ff695f));
	background: linear-gradient(#f04b3d, #ff695f); /* 标准的语法 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04b3d', endColorstr='#ff695f',GradientType=0 );
}
.s6-cont .course-table2  td.gradient02{
	border-radius: 0 0 0 20px;
}
.s6-cont table td.gradient font{ font: bold 26px/48px "microsoft yahei";color:#fff;}
.s6-cont table td.gradient i{position:absolute;width:1080px;height:8px;top:0;left:20px;background: url(../images/table-shadow.png) repeat-x;}
.s6-cont table td p{width: 95%; margin: auto 5%; text-align: left;}

.s6-cont table td .table-dl1{margin:6px 20px 10px;font-size:0; padding-bottom: 0;
	border-bottom:1px solid rgba(255,255,255,.3);
}
.s6-cont table td dl dt{display:inline-block;width:110px;font:16px/24px "microsoft yahei";text-align:left}
.s6-cont table td dl dt span{display:block;font:bold 28px/28px "microsoft yahei";vertical-align:top}
.s6-cont table td dl dd{display:inline-block;width:74px;vertical-align:top;margin: 24px 0 0;}
.s6-cont table td dl a{display:block;width:74px;height:28px;font:16px/28px "microsoft yahei";color:#fff;background:#ec4232; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
    background: -webkit-gradient(linear, left top, right top, from(#ff6b60) , to(#e83828));
    background: linear-gradient(to right, #ff6b60 , #e83828); /* 标准的语法 */
	border-radius:5px;
}
.s6-cont table .hot td dl a{background:#fff;color: #e1382e;}
.s6-cont table td a.tab-btn01{display:block;width:101px;height:44px;margin:15px auto;font:16px/46px "microsoft yahei";color:#333;background:#fff;border:solid 1px #333}
.s6-cont table td a.tab-btn02{display:block;width:103px;height:46px;margin:15px auto;font:16px/46px "microsoft yahei";color:#fff;background:#e82021; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
    background: -webkit-gradient(linear, left top, right top, from(#d90000) , to(#f84444));
    background: linear-gradient(to right, #d90000 , #f84444); /* 标准的语法 */
}


/*section2*/

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 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;
    -webkit-transition-property: -webkit-box-shadow, -webkit-transform;
    transition-property: -webkit-box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    -webkit-box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    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:153px; height:432px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:25%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:0; right:0; height:19px; width:19px; }
.mt185{margin-top:135px;}
.nav-bg{width:150px; height:38px; display: block;float:left; clear:both;margin-left:0;margin-bottom:1px;}
.nav-bg a{width:100%; height:38px; display: block; margin:auto; font: 18px/38px "microsoft yahei"; color: #fff; text-align: center;}

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


/*用户协议*/
.agreement{margin: .0rem auto; margin-left: -0.5rem;}
.agreement input[type = checkbox]{display: inline-block;vertical-align: middle;width: .16rem;height: .16rem;margin: 0 .1rem 0 0;}
.agreement label{display: inline-block;vertical-align: middle;}
.agreement span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #fff;}
.agreement a{display: inline-block;vertical-align: middle;font-size: .14rem;color: #fff;}

/*2022-3.29*/
.ps-new{float: left; font-size: 16px; color: #666; line-height: 50px; margin-bottom: 30px; margin-left: 10px;;}