body{
    margin:0px;
    padding:0px;
    background-color:#fff;
    font-size:1rem;
    color:#666666;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
::selection{
    background-color: #4ec8fe;
    color: #ffffff;
}
::-webkit-selection{
    background-color: #4ec8fe;
    color: #ffffff;
}



p,h1,h2,h3,h4,h5,input,ul,li,dl,dt,dd,img,pre{
    padding:0;
    margin:0;
    outline:0;
    border:0;
    font-size:1rem;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

i{
    font-style:normal;
}

li{
    list-style:none;
}
a:link{
    color: black;
}

a:visited{
    color: black;
}

a:active{
    color: black;
}

a,a:hover{
    text-decoration:none;
}
img{
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-user-select: none;
}

.fl{
    float:left;
}

.fr{
    float:right;
}

.clearfloat{
    clear:both;
    overflow:hidden;
}
.clearfloatx{
    clear:both;
}
.w1440{
    width:1440px;
    margin:0 auto;
    position: relative;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.transition{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/*================================================================*/
/*top*/
.top{display: flex;width: 100%;position: fixed;z-index: 999;top: 0;justify-content: space-between;align-items: center;background-color: #fff;    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);    -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);}
.top .top_ico{width: 4rem;text-align: center;color: #000}
.top .top_ico a{display: block;padding: 0.5rem 0;}
.top .logo>a{height: 3rem;width: 150px;background: url(../img/logo.png) no-repeat;display: block;background-size: 100%}
.top i{font-size: 1.5rem}
#nav_head{position: fixed;top: 0;opacity: 0;z-index: -1;background-color: #fff;border-top: 1px #f0f0f0 solid}
.show_nav{opacity: 1!important;z-index: 999!important;top: 4.8rem!important;}
.nav_but{width: 100%;height: 4rem}

/*banner*/

.banner{
    height: 20rem;margin-top: 4rem;
}
.swiper-container-horizontal>.banner-bullet{
    bottom: 10px;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 20px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.swiper-pagination-bullet-active{
    width: 30px;
    background: white;
}

.s1{
    background: url(../img/banner1.jpg) center center no-repeat;
    background-size: 100% 20rem;
}
.s2{
    background: url(../img/banner2.jpg) center center no-repeat;
    background-size: 100% 20rem;
}
.s3{
    background: url(../img/banner3.jpg) center center no-repeat;
    background-size: 100% 20rem;
}

/*nav_head*/
#my-mip-toggle-1{position: fixed;top: 3.8rem;z-index: 99;display: none;background-color: #fff;width: 100%}
.nav_head{display: flex;padding: 2rem 0 0;flex-wrap: wrap;}
.nav_head li{width: 25%;padding-bottom: 1.4rem}
.nav_head li a{display: flex;align-items: center;justify-content: center}
.nav_head li a .ico_back{background-color: #ff5e5c;color: #fff;text-align: center;padding: 0.5rem 1rem;border-radius: 4px}
.nav_head li a .ico_back i{font-size: 2rem}
.nav_head li a p{padding-top: 0.5rem;font-size: 0.8rem;text-align: center}
.nav_head li a .ico_back1{background-color: #ffbb50}
.nav_head li a .ico_back2{background-color: #1ac756}
.nav_head li a .ico_back3{background-color: #19B5FE}

.back_xian{width: 100%;height: 1rem;background-color: #f5f5f5}


/*四大途径*/
.tujing_title{text-align: center;font-size: 1.8rem;font-weight: bold;padding: 2rem 0}
.sdtj_content{padding: 1rem}
.sdtj_content li{padding-bottom: 1rem}
.sdtj_content li a{display: flex;justify-content: space-between}
.sdtj_content li a .sdtj_img{width: 35%;height: 3rem}
.sdtj_content li a .sdtj_img img{width: 100%}
.sdtj_content li a .sdtj_txt{width: 62%}
.sdtj_content li a .sdtj_txt h2{font-size: 1.2rem;color: #18aa1f}
.sdtj_content li a .sdtj_txt p{padding-top: 0.5rem;color: #9e9e9e;font-size: 0.8rem}
.sdtj_image1{background: url(../img/chengkao.jpg) no-repeat;background-size: 100% 100%}
.sdtj_image2{background: url(../img/zixue.jpg) no-repeat;background-size: 100% 100%}
.sdtj_image3{background: url(../img/wangluo.jpg) no-repeat;background-size: 100% 100%}
.sdtj_image4{background: url(../img/dianda.jpg) no-repeat;background-size: 100% 100%}

/*优势*/
.youshi{background: #f8f8f8}
.youshi ul{display: flex;flex-wrap: wrap}
.youshi ul li{width: 50%;text-align: center;padding-bottom: 2rem}
.youshi i{font-size: 3rem;color: #666}
.youshi .datitle{font-size: 3rem;font-weight: bold;color: #18aa1f;padding-bottom: 0.5rem}
.youshi .datitle span{font-size: 1.3rem;font-weight: 500}

/*保障*/
.baozhang{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 1rem}
.baozhang li{width: 48.5%;padding: 0.5rem 0 1rem;box-sizing: border-box;text-align: center}
.baozhang li img{width: 100%}
.baozhang li p:nth-child(1){height: 7rem}
.baozhang li p:nth-child(2){padding-top: 0.5rem;font-weight: bold}
.baozhang_img1{background: url(../img/yr1.jpg)no-repeat;background-size: 100%}
.baozhang_img2{background: url(../img/yr2.jpg)no-repeat;background-size: 100%}
.baozhang_img3{background: url(../img/yr3.jpg)no-repeat;background-size: 100%}
.baozhang_img4{background: url(../img/yr4.jpg)no-repeat;background-size: 100%}
.baozhang_img5{background: url(../img/yr5.jpg)no-repeat;background-size: 100%}
.baozhang_img6{background: url(../img/yr6.jpg)no-repeat;background-size: 100%}


/*资讯*/
.new{padding: 1rem;background: #f8f8f8}
.new_img a{display: block;width: 100%;overflow: hidden;position: relative}
.new_img img{width: 100%}
.new_img .new_img_txt{width: 100%;height: 100%;font-weight: normal;bottom: 0;left: 0;position: absolute;display: flex;align-items: flex-end;padding: 1rem;color: #fff;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
    text-shadow: 1px 1px 1px #000;
    /* background-color: rgba(21,20,20,0.5); */
    background-color: rgba(0,0,0,0);
    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5));
    background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5));
    background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5));}
.new_list{padding: 1rem 0}
.new_list li{line-height: 2.5rem}
.new_list a{display: flex;justify-content: space-between}
.new_list a span:nth-child(1){width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.new_list a span:nth-child(2){width: 10%}


/*底部*/
.footer_content{text-align: center;padding:1.2rem 1rem;line-height: 2rem}
.zixun_ape{position: fixed;right: 1rem;width: 3rem;height:3rem;color: #fff;background: #18aa1f;bottom: 20%;border-radius: 50%;line-height: 3rem;text-align: center}
.zixun_ape i{color: #fff;font-size: 1.5rem}


@media screen and (max-width: 768px){
    .sdtj_content li a .sdtj_img{height: 10rem}
    .sdtj_content li a .sdtj_txt p{font-size: 1rem}
    .baozhang li p:nth-child(1){height: 15rem}
}
@media screen and (max-width: 414px){
    .sdtj_content li a .sdtj_img{height: auto}
    .sdtj_content li a .sdtj_txt p{font-size: 0.8rem}
    .baozhang li p:nth-child(1){height: 7rem}
}

/*==============================深圳成人高考=================================*/
.chengkao_banner{width: 100%;font-size: 0;background: url(../img/chengren_01.jpg)no-repeat;background-size: 100% 100%;display: block}
.chengkao_jieshao{background-color: #00c598;color: #fff;padding:3rem 1rem}
.zhuanti_title{font-size: 1.8rem;text-align: center;padding-bottom: 1rem}
.chengkao_jieshao p {line-height: 2.4rem}

.shihe{padding: 3rem 0}
.shihe_list{display: flex;}
.shihe_list li{width: 30%;padding: 0.5rem;text-align: center}
.shihe_list li h5{padding: 1rem 0;color: #000}
.shihe_list li img{width: 100%}
.shihe_list li p{width: 100%}

.liyou{color: #fff;text-align: center;background-color: #30c2ff;padding:3rem 0}
.liyou p{line-height: 2.6rem}
.liyou_img img{width: 100%}

.baozhangse{padding: 3rem 0}
.baozhangse .zhuanti_title{color: #00c598}
.baozhang_desc{width: 80%;line-height: 3rem;background-color: #00c598;color: #fff;text-align: center;border-radius: 5rem;margin: auto}

.meishijian{text-align: center;padding: 3rem 0}
.meishijian p{font-size: 1.3rem;padding-bottom: 3rem}
.meishijian img{width: 100%;}

.kekao img{width: 100%}
.kekao .hengxian{width: 100%;height: 10px; background-color: #00c598;margin-top: 1rem}
.xiaoyuan_img{width: 100%;padding: 2rem 0 0rem}
.xiaoyuan_img h2{padding-bottom: 2rem}
.xiaoyuan_img img{width: 100%}

.pig_img{width: 100%;}
.pig_shdx_img1{background: url(../img/456_04.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img2{background: url(../img/456_06.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img3{background: url(../img/456_08.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img4{background: url(../img/chengren_03.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img5{background: url(../img/456_20.gif)no-repeat;background-size: 100% 100%}
.pig_shdx_img6{background: url(../img/456_21.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img7{background: url(../img/chengren_05.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img8{background: url(../img/yr1.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img9{background: url(../img/yr2.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img10{background: url(../img/yr3.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img11{background: url(../img/yr4.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img12{background: url(../img/yr5.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img13{background: url(../img/yr6.jpg)no-repeat;background-size: 100% 100%}
.pig_shdx_img14{background: url(../img/chengren_09.jpg)no-repeat;background-size: 100% 100%;margin-top: 2rem}
.pig_shdx_img15{background: url(../img/chengren_11.jpg)no-repeat;background-size: 100% 100%;}
.pig_shdx_img16{background: url(../img/456_18.gif)no-repeat;background-size: 100% 100%;}
.pig_shdx_img17{background: url(../img/456_19.gif)no-repeat;background-size: 100% 100%;}
.pig_shdx_img18{background: url(../img/456_35.jpg)no-repeat;background-size: 100% 100%;}
.pig_shdx_img19{background: url(../img/456_37.jpg)no-repeat;background-size: 100% 100%;}
.pig_bzimg{width: 100%;}


@media screen and (max-width: 768px){
    .chengkao_banner{height: 32rem;}
    .shihe_list li>p:first-child{height: 10rem;}
    .pig_shdx_img4{height: 40rem;}
    .pig_shdx_img5{height: 14rem;}
    .pig_shdx_img6{height: 27rem;}
    .pig_shdx_img7{height: 20rem;}
    .pig_shdx_img14{height: 22rem}
    .pig_shdx_img15{height: 22rem}
    .pig_shdx_img16{height: 7rem}
    .pig_shdx_img17{height: 17rem}
    .pig_shdx_img18{height: 19rem}
    .pig_shdx_img19{height: 19rem}
}@media screen and (max-width: 414px){
    .chengkao_banner{height: 18rem;}
    .shihe_list li>p:first-child{height: 4.6rem;}
    .pig_shdx_img4{height: 22rem;}
    .pig_shdx_img5{height: 9rem;}
    .pig_shdx_img6{ height:14rem;}
    .pig_shdx_img7{height: 13rem;}
    .baozhang_desc{width: 90%;font-size: 14px;}
    .pig_shdx_img14{height: 12rem}
    .pig_shdx_img15{height: 11rem}
    .pig_shdx_img16{height: 4rem}
    .pig_shdx_img17,.pig_shdx_img18{height: 9rem}
    .pig_shdx_img19{height: 10rem}
    .footer_content p{font-size: 12px;line-height: 24px}
}@media screen and (max-width: 375px){
    .chengkao_banner{height: 16rem;}
    .pig_shdx_img4{height: 20rem;}
    .pig_shdx_img5{height: 8rem;}
    .pig_shdx_img7{height: 12rem;}
    .pig_shdx_img15{height: 10rem}
    .pig_shdx_img16{height: 3rem}
    .pig_shdx_img17{height: 8rem}
    .pig_shdx_img19{height: 9rem}
}@media screen and (max-width: 320px){
    .chengkao_banner{height: 14rem;}
    .shihe_list li>p:first-child{height: 4rem;}
    .pig_shdx_img4{height: 17rem;}
    .pig_shdx_img5{height: 8rem;}
    .pig_shdx_img6{height: 12rem;}
    .pig_shdx_img7{height: 10rem;}
    .pig_shdx_img14{height: 9rem}
    .pig_shdx_img15,.pig_shdx_img19{height: 8rem}
}


/*========================================网络教育============================================*/
.wangluo_banner{width: 100%;background: url(../img/wangluo_banner.jpg) no-repeat;background-size: 100% 100%;}
.wangluo_jieshao{padding: 3rem 1rem}
.wangluo_jieshao{line-height: 2.4rem}
.wangluo_shihe{background-color: #f1fdf2}

.lingyali{padding: 3rem 0;background-color: #f7a900;color: #fff;text-align: center}
.lingyali>p{font-size: 1.3rem}
.lingyali ul{display: flex;flex-wrap: wrap;padding-top: 1rem}
.lingyali ul li{width: 50%;padding:1rem  0.5rem;box-sizing: border-box}
.lingyali ul li .list_ling{border: 2px #fff solid;background-color: #fde287;padding: 1rem 0.5rem;border-radius: 0.5rem}
.lingyali ul li .list_ling h3{color: #bd600e;font-size: 1.5rem;padding-bottom: 1rem}
.lingyali ul li .list_ling p{color: #333}

.pig_wl_img1{background: url(../img/456_17.gif)no-repeat;background-size: 100% 100%;}

@media screen and (max-width: 768px){
    .wangluo_banner{height: 26rem}
    .pig_wl_img1{height: 36rem}
}@media screen and (max-width: 414px){
    .wangluo_banner{height: 13rem}
    .pig_wl_img1{height: 22rem}
    .shihe_list li h5{font-size: 14px;}
}@media screen and (max-width: 375px){
    .pig_wl_img1{height: 20rem}
    .lingyali ul li .list_ling p,.lingyali>p{font-size: 14px;}
}@media screen and (max-width: 320px){
    .wangluo_banner{height: 10rem}
    .pig_wl_img1{height: 19rem}
    .lingyali ul li .list_ling h3{font-size: 16px;}
}
/*========================================自学考试=============================================*/
.zixue_jieshao{padding: 3rem 1rem;background-color: #fff7e7;color: #6d4f19;line-height: 2.4rem}
.shiheduixiang{padding: 3rem 0}
.shiheduixiang ul{display: flex;}
.shiheduixiang ul li{width: 50%;padding: 0.5rem;text-align: center}
.shiheduixiang ul li img{width: 100%}
.shiheduixiang ul li h3{padding: 1rem 0;color: #000;font-size: 1.2rem}

.zixue_youshi{background-color: #ffc000;padding: 3rem 0;color: #fff}
.zixue_youshi ul{display: flex;flex-wrap: wrap;justify-content: center}
.zixue_youshi ul li{width: 30%;background-color: #fde287;border: 2px #fff solid;margin:1rem  0.3rem;text-align: center;padding: 1rem 0;border-radius: 0.5rem}
.zixue_youshi ul li h3{color: #bd600e;padding-bottom: 1rem}
.zixue_youshi ul li p{color: #333;line-height: 2rem}
.zixue_banner{width: 100%;background: url(../img/zixue_01.jpg)no-repeat;background-size: 100% 100%;}
.pig_zx_img1{width: 100%;background: url(../img/zixue_03.jpg)no-repeat;background-size: 100% 100%;}

@media screen and (max-width: 768px){
    .zixue_banner{height: 26rem}
    .pig_zx_img1{height: 20rem}
    .pig_zks li p:first-child{height: 12rem}
}@media screen and (max-width: 414px){
    .zixue_banner{height: 13rem}
    .pig_zx_img1{height: 10rem}
    .pig_zks li p:first-child{height: 7rem}
    .shiheduixiang ul li h3{font-size: 15px;}
    .pig_zks li p:last-child{font-size: 13px;line-height: 24px}
    .zixue_youshi ul li p{font-size: 15px}
}@media screen and (max-width: 375px){
    .zixue_youshi ul li{width: 40%}
}@media screen and (max-width: 320px){
    .zixue_banner{height: 10rem}
    .pig_zx_img1{height: 8rem}
    .shiheduixiang ul li h3{font-size: 15px;}
    .pig_zks li p:last-child{font-size: 12px;line-height: 24px}
}

/*======================================电大教育====================================*/
.dianda_banner{width: 100%;background: url(../img/dianda_banner.jpg)no-repeat;background-size: 100% 100%;}
.guanyu_banner{width: 100%;background: url(../img/about.jpg)no-repeat;background-size: 100% 100%;}
.baoming_banner{width: 100%;background: url(../img/max-zxbm.png)no-repeat;background-size: 100% 100%;}
.pig_guanyu span,.pig_guanyu h3{font-weight: bold;display: block;padding-top: 30px;}

@media screen and (max-width: 768px){
    .dianda_banner{height: 30rem}
    .guanyu_banner{height: 30rem}
    .baoming_banner{height: 30rem}
}@media screen and (max-width: 414px){
    .dianda_banner{height: 17rem}
    .guanyu_banner{height: 17rem}
    .baoming_banner{height: 17rem}
}@media screen and (max-width: 375px){
    .dianda_banner{height: 15rem}
    .guanyu_banner{height: 15rem}
    .baoming_banner{height: 15rem}
}@media screen and (max-width: 320px){
    .dianda_banner{height: 12rem}
    .guanyu_banner{height: 12rem}
    .baoming_banner{height: 12rem}
}


/*======================================文章列表====================================*/
.aticle_nav{display: flex;flex-wrap: wrap;justify-content: center;padding: 2rem 0}
.aticle_nav li{width: 25%;padding: 0.5rem;box-sizing: border-box;text-align: center}
.aticle_nav li a{display: block;background-color: #eee;font-size: 0.9rem;padding: 0.5rem;border-radius: 5rem}
.aticle_nav li .nav_autoe{background-color: #18aa1f;color: #fff}

.list_article{display: flex;flex-wrap: wrap}
.list_article li{padding: 1rem;box-sizing: border-box}
.list_article h3{font-size: 1.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 1rem 0 0.5rem}
.list_article li a{display: block}
.list_article img{width: 100%}
.list_article .type_time span{padding-right: 1rem;color: #888}
.list_article .article_desc{padding-top: 1rem;line-height: 1.8rem;color: #888}
.article_img{width: 100%}
.article_img mip-img{height: 100%}

@media screen and (max-width: 768px){
    .article_img{height: 13rem}
}@media screen and (max-width: 414px){
    .article_img{height: 17rem}
}@media screen and (max-width: 375px){
    .article_img{height: 15rem}
}@media screen and (max-width: 320px){
    .article_img{height: 12rem}
}

/*分页*/
.page{display: flex;justify-content: center;}
.page li{width: 50%;padding: 1rem;box-sizing: border-box;text-align: center}
.page li a{width: 100%;padding: 1rem 0;text-align: center;display: block;background-color: #eee}

.flet_article{padding: 1rem 1rem 2rem;background-color: #f8f8f8;margin-top: 2rem}
.tj_title{font-size: 1.6rem;text-align: center;padding: 2rem 0 1rem}
.flet_list_article{padding-left: 1rem;padding-top: 1rem}
.flet_list_article li{list-style-type: disc;}
.flet_list_article li a{display: block;line-height: 2.6rem;font-size: 1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}


/*文章详情*/
.lujing{padding:0rem 1rem 1rem;color: #999}
.lujing a{color: #999}
.article_centent{padding: 1rem;}
.article_centent h1{font-size: 1.5rem;text-align: center}
.article_centent p{line-height: 1.6rem}
.article_centent .art_type_time{text-align: center;padding: 1rem 0;color: #999}
.article_centent .art_type_time span{padding: 0 0.5rem}
.article_centent .text_centent{line-height: 2rem}
.article_centent .text_centent img,.article_centent img{width: 100%!important;height: auto!important;}
.article_centent .text_centent p,.article_centent .text_centent span{font-size: 1rem!important;line-height: 30px}
.article_centent .text_centent .top_bot_new{padding-top: 1.5rem}
.article_centent .text_centent .biaoqiantab{padding: 1.5rem 0}
.article_centent .text_centent .biaoqiantab a{padding: 0.5rem;background-color: #eee;margin-right: 0.5rem}


.top_type{text-align: center;padding: 1rem 0}
.top_type a{padding: 1rem 3rem;background-color: #eee;border-radius: 5rem}


/*在线报名*/
.form_baoming{background-color: #f8f8f8;padding: 1rem}
.form_baoming p{padding: 1rem 0}
.form_baoming input{width: 100%;background-color: #F0F0F0;line-height: 3rem;padding: 0 1rem;box-sizing: border-box;border-radius: 5rem;outline: none}
.form_baoming .desc_form{text-align: center}
.form_baoming .desc_form span{padding: 0 1rem;color: #ff2222;font-size: 1.3rem}
.form_baoming .form_titme{text-align: center;padding: 1rem 0;font-size: 1.6rem}
.xueli_list{text-align: center;}
.xueli_list span{padding:0.5rem 0.8rem;margin:0.5rem;background-color: #e2e2e2;font-size: 1.2rem}
.form_baoming .sub_from{text-align: center;padding: 2rem 1rem }
.sub_from button{border: none;padding: 1rem 3rem;background-color: #18aa1f;color: #fff;border-radius: 5rem;outline: none}
.xueli_list .fromauto{background-color: #18aa1f;color: #fff}
#xueli{width: 100%;height: 3rem;outline: none;background-color: #F0F0F0;border-radius: 5rem}


@media screen and (max-width:768px) {
    .list_article li{width: 50%;padding-right: 1rem}
    .list_article .article_desc{font-size: 0.7rem;line-height: 1.5rem}

}@media screen and (max-width:414px) {
    .list_article li{width: 100%}

}@media screen and (max-width:375px) {

}@media screen and (max-width:320px) {

}

























