@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%;min-width: 1100px!important;
    font-size: 12px;color: #444;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    background: #fff;
    overflow-x: hidden;
}
#footer_bx{clear: both;}



.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;}
}
@media screen and (min-width:800px) and (max-width:1440px){body{zoom:0.8}}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
}  
/* 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:6.68rem;width:100%;text-align:center;
    background:url("../images/banner01.jpg") no-repeat center top; overflow:hidden;
}
.banner-box .wrap{height: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.banner-box .logo{
    width: 2.11rem; height: .69rem;
    display: flex;
    justify-content: center; align-items: center;
    position: absolute;left: 0; top: 0;
    background: #fff;
    border-radius: 0 0 .1rem .1rem;
}
.banner-box .logo img{
    width: 1.7rem;display: block;
}
.banTit{
    width: 100%;margin-top: .58rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.banTit img.theme{
    width: 8.56rem; display: block;
}
.banTit::before{
    content: ''; width: 1.12rem; height: 1.25rem; display: block;
    background: url("../images/ban-icon01.png") no-repeat center / 100%;
    position: absolute; top: 3.62rem; left: .68rem;z-index: 2;
    animation: moveY .8s linear infinite alternate;
    -o-animation: moveY .8s linear infinite alternate;
    -moz-animation: moveY .8s linear infinite alternate;
    -webkit-animation: moveY .8s linear infinite alternate;
}
.banTit::after{
    content: ''; width: 1.83rem; height: 2.28rem; display: block;
    background: url("../images/ban-icon02.png") no-repeat center / 100%;
    position: absolute; top: 2.22rem; right:.03rem;z-index: 2;
    animation: moveY2 .8s .5s linear infinite alternate;
    -o-animation: moveY2 .8s .5s linear infinite alternate;
    -moz-animation: moveY2 .8s .5s linear infinite alternate;
    -webkit-animation: moveY2 .8s .5s linear infinite alternate;
}

.sections{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.secTit{
    width: 100%; clear: both; position: relative;
    text-align: center;
}
.secTit .pic{
    width: auto; height: .92rem; margin: auto;
    display: flex;
    justify-content: center; align-items: flex-start;
    position: relative;
}
.secMain{
    width: 100%;
    border-radius: .49rem;
    border:solid .01rem #68fcfe;
    box-sizing: border-box;
    box-shadow: 0 0 .35rem #5df8fc inset;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.secMain .kuang{
    width: 11.5rem; height: auto;min-height: 2rem;
    margin: .24rem .24rem 0;
    background: #fff;
    background: -webkit-linear-gradient(#fff,#fffdd8);
    background: linear-gradient(#fff,#fffdd8);
    border-radius: .39rem;
    position: relative;z-index: 2;
}
.secMain .kuang .subTit{
    width: 11.54rem; height: .77rem;
    display: flex;
    justify-content: center; align-items: center;
    background: url("../images/s1-img01.png") no-repeat center / 100%;
    margin-left: -.02rem;
    border-radius: .39rem .39rem 0 0;
    box-shadow: 0 .07rem .27rem rgba(81,209,255,.6);
}
.secMain .kuang .subTit span{
    display: block;
    font-size: .36rem; font-weight: bold; color: #095ee7;
}
.secMain .kuang .subTit::before,.secMain .kuang .subTit::after{
    content: '';width: .08rem; height: .08rem; display: block;
    border-radius: 50%;
    background: #fff;
    margin: auto .3rem;
}


.sec01{
    height: 8.8rem;
    background:#0748f0 url("../images/s1-bg.jpg") no-repeat center top;
}
.s1-title .pic{width: 5.23rem;}
.s1-title .pic img{height: .92rem; display: block; position: relative;z-index: 2;}
.s1-title .pic::before{
    content: ''; width: 1.84rem; height: 1.75rem; display: block;
    background: url("../images/title-icon01.png") no-repeat center / 100%;
    position: absolute;
    left: -.54rem; top: -.4rem;z-index: 3;
    /* margin-right: -1.3rem; margin-top: -.4rem; */
}
.s1-title .pic::after{
    content: ''; width: 2.51rem; height: .55rem; display: block;
    background: url("../images/title-line01.png") no-repeat center / 100%;
    position: absolute; bottom: -.5rem;
}
.s1-main{margin-top: .19rem; position: relative}
.s1-main::before{
    content: ''; width: 2.32rem; height: 1.88rem; display: block;
    background: url("../images/page-img01.png") no-repeat center / 100%;
    position: absolute;bottom:-.45rem; left: -4rem;
}
.s1-coupon{
    width: 100%; clear: both; margin-top: .33rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* flex-wrap: wrap; */
}
.s1-coupon .coupon{
    width: 5.78rem; display: block; height: 4.09rem;
    position: relative;
}
.s1-coupon .coupon1{
    margin-right: -.54rem;
}
.s1-coupon .coupon >img{display: block; width: 100%;}
.s1-coupon .coupon a{
    width: 1.1rem; height: 1.08rem; display: block;
    border-radius: 50%;
    position: absolute; bottom: .51rem; left: 2.01rem;
    z-index: 3;
    animation: scale2 .5s linear infinite alternate;
}
.s1-coupon .coupon a img{width: 100%; display: block}
.s1-txt{
    width: 100%; clear: both; margin: .21rem auto .22rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.s1-txt p{
    font-size: .18rem; line-height: .3rem; color: #b8fffd;
    text-align: left;
    margin-left: .64rem;
}
.s1-txt img{
    width: .98rem; height: .82rem; display: block;
    margin-top: .16rem; margin-right: 1.04rem;
}

/* sec02 */
.sec02{
    height: auto;
    background:#f7edd4 url("../images/s2-bg.jpg") no-repeat center top;
    display: flex;
}
.s2-title .pic{width: 6.93rem;}
.s2-title .pic img{position: relative;z-index: 3}
.s2-title .pic::before{
    content: ''; width: 1.47rem; height: 1.6rem; display: block;
    background: url("../images/title-icon02.png") no-repeat center / 100%;
    position: absolute;
    left: -.19rem; top: -.34rem;z-index: 4;
    /* margin-right: -1.3rem; margin-top: -.4rem; */
}
.s2-title .pic::after{
    content: ''; width: 2.51rem; height: .75rem; display: block;
    background: url("../images/title-line02.png") no-repeat center / 100%;
    position: absolute; bottom: -.7rem;
}
.s2-main{margin-top: .29rem; position: relative;margin-bottom: .64rem;}
.s2-main::before{
    content: ''; width: 2.33rem; height: 1.77rem; display: block;
    background: url("../images/page-img03.png") no-repeat center / 100%;
    position: absolute;top:10.2rem; left: -4rem;
}
.s2-main::after{
    content: ''; width: 2.33rem; height: 1.77rem; display: block;
    background: url("../images/page-img02.png") no-repeat center / 100%;
    position: absolute;top:.65rem; right: -4rem;
}

.s2-main .kuang{margin-bottom: .26rem;}
.s2-main .part{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s2-main .partOne{margin-top: .39rem; margin-bottom: .48rem;}
.s2-main .partTwo{margin-top: .39rem; margin-bottom: .1rem;}
.s2-main .part .item{
    width: 3.44rem; height: 2.4rem;
    margin: 0 .1rem .18rem;
    border-radius: .15rem;
    display: flex;
    justify-content: center; align-content: flex-start;
    flex-wrap: wrap;
}
.s2-main .part .item1{
    background: url("../images/s2-pic01.png") no-repeat center / 100%;
    color: #0a63e9;
}
.s2-main .part .item2{
    background: url("../images/s2-pic02.png") no-repeat center / 100%;
    color: #0a63e9;
}
.s2-main .part .item3{
    background: url("../images/s2-pic03.png") no-repeat center / 100%;
    color: #8f2cca;
}
.s2-main .part .item4{
    background: url("../images/s2-pic04.png") no-repeat center / 100%;
    color: #b76131;
}
.s2-main .part .item5{
    background: url("../images/s2-pic05.png") no-repeat center / 100%;
    color: #0095b5;
}
.s2-main .part .item6{
    background: url("../images/s2-pic06.png") no-repeat center / 100%;
    color: #ec0a02;
}
.s2-main .part .item7{
    background: url("../images/s2-pic07.png") no-repeat center / 100%;
    color: #db0f14;
}
.s2-main .part .item8{
    background: url("../images/s2-pic08.png") no-repeat center / 100%;
    color: #e94818;
}
.s2-main .part .item9{
    background: url("../images/s2-pic09.png") no-repeat center / 100%;
    color: #0a74ff;
}
.s2-main .part .item10{
    background: url("../images/s2-pic10.png") no-repeat center / 100%;
    color: #0a63e9;
}
.s2-main .part .item11{
    background: url("../images/s2-pic11.png") no-repeat center / 100%;
    color: #c53b01;
}
.s2-main .part .item12{
    background: url("../images/s2-pic12.png") no-repeat center / 100%;
    color: #e8232b;
}
.s2-main .part .item13{
    background: url("../images/s2-pic13.png") no-repeat center / 100%;
    color: #0f8764;
}
.s2-main .part .item14{
    background: url("../images/s2-pic14.png") no-repeat center / 100%;
    color: #7651f2;
}
.s2-main .part .item15{
    align-items: center;
    align-content: center;
}
.s2-main .part .item15 img{width: 2.54rem; display: block;}
.s2-main .part .item h4{
    height: .53rem;
    font-size: .24rem; font-weight: bold; color: #fff; line-height: .53rem;
}
.s2-main .part .item .course{
    width: 100%; height: .9rem;
    font-size: .36rem; line-height: .45rem; font-weight: bold;
    display: flex;
    justify-content: center; align-items: center;
    flex-wrap: wrap;
    margin: .1rem auto .13rem;
}
.s2-main .part .item .price{
    width: 100%; height: .74rem;
    display: flex;
    justify-content: space-between; align-items: center;
}
.s2-main .part .item .price .left{
    font-size: .2rem; color: #fff; margin-left:.15rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}
.s2-main .part .item .price .left i{
    font-size: .3rem; margin-left: -.05rem;
    font-style: italic;
    color: #feda56;
}
.s2-main .part .item .price .left i b{
    font-size: .5rem; font-weight: bold;
    letter-spacing: -4px;
}
.s2-main .part .item .price .left span{
    height: .26rem; margin-left: .08rem;
    line-height: .26rem;
    padding: 0 .15rem;
    border-radius: .13rem;
    background: rgba(0,0,0,.2);
}
.s2-main .part .item .price a{
    width: .57rem; height: .49rem; display: flex;
    justify-content: center; align-items: center;
    margin-right: .07rem;
    border-radius: .08rem;
    border: solid .01rem #ffb15d;
    background: #fc9216;
    background: -webkit-linear-gradient(#fc9216,#ff5a00);
    background: -moz-linear-gradient(#fc9216,#ff5a00);
    background: -o-linear-gradient(#fc9216,#ff5a00);
    background: linear-gradient(#fc9216,#ff5a00);
    font-size: .26rem; line-height: .49rem; color: #fff;
    text-shadow: 0 .01rem .01rem #e53000;
}
.s2-main .part .item .price a::after{
    content: ''; width: .07rem; height: .13rem; display: block;
    background: url("../images/s2-icon01.png") no-repeat center / 100%;
    margin-left: .05rem;
}
.s2-btn{
    width: 100%; clear: both; margin-bottom: .47rem;
}
.s2-btn a{
    width: 5.07rem; height: 1rem; margin: auto;
    background: url("../images/s2-btn01.png") no-repeat center / 100%;
    display: flex;
    justify-content: center; align-items: center;
    border-radius: .5rem;
    font-size: .3rem; font-weight: bold; color: #fff;
}
.s2-btn a span{
    display: block;
    text-shadow: 0 .01rem .01rem #c02d06;
}
.s2-btn a::after{
    content: ''; width: .21rem; height: .17rem; display: block;
    background: url("../images/s2-icon02.png") no-repeat center / 100%;
    margin-left: .1rem;
}


/* sec02 */
.sec03{
    height: auto;
    background:#ffeacf url("../images/s3-bg.jpg") no-repeat center top;
}
.s3-title{
    width: 100%; clear: both; margin: 0 auto .29rem;
}
.s3-title img{height: .81rem; display: block; margin: auto;}
.s3-main{
    width: 100%; clear: both; margin-bottom: .54rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s3-main .item{
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 3.1rem;
    position: relative;
}
.s3-main .item .pic{
    width: 2rem; display: block; clear: both;
    margin:0 auto .23rem;
}
.s3-main .item .pic img{width: 100%; display: block;}
.s3-main .item p{
    font-size: .2rem; line-height: .28rem; color: #c45c1c;
    width: 100%; clear: both;
}
.s3-main .item1::after{
    content: ''; width: 1px; height: .55rem; display: block;
    background: #e6d193;
    position: absolute; right: 0; bottom: 0;
}

/*section1*/

/*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;top:50%; left:20px;z-index:9;
    width:165px; height:auto; display: block; text-align: center;
    background:#65ffeb;
    background: -webkit-linear-gradient(#f8caf7,#63fff0 34%, #bcf8cb 67%, #fcffba);
    background: -moz-linear-gradient(#f8caf7,#63fff0 34%, #bcf8cb 67%, #fcffba);
    background: -o-linear-gradient(#f8caf7,#63fff0 34%, #bcf8cb 67%, #fcffba);
    background: linear-gradient(#f8caf7,#63fff0 34%, #bcf8cb 67%, #fcffba);
    border-radius: 85px;
    box-shadow: 0 0 13px #fff inset;
    border: solid .02rem #fff;

    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.lfNav .close{position:absolute;top:0; right:-30px; height:30px; width:30px; }
.lfNav .close img{width: 100%;display: block;}
.navPic{
    width:1.77rem; display: block; margin-left: -6px; margin-top: -43px;
}
.navPic img{width: 100%; display: block;}

.mt185{margin-top:3px;}
.nav-bg{width:150px; height:39px; display: block;clear:both;margin-bottom:11px;}
.nav-bg a{width:150px; height:39px; display: block; margin:auto;
    line-height: 39px; color: #005eea; font-size: 20px;
}
.nav-bg a:hover{
    background: url("../images/fixedPic02.png") no-repeat center / 100%;
    color: #ff5f1d;
}

.left_top{width:64px; height:65px;display: block;
    margin: 3px auto 15px;
}