@charset "gb2312";
input {-webkit-appearance:none;} 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.hsl{
    font-family:"hsl" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.left{ float:left;}.right{ float:right;}
.hslgd1 img, .hslgd2 img, .fengmian img,.imgbox3 img,.imgbox2 img,.imgbox4 img {
    border: 0 none;
    width:100%;
}

html{-webkit-text-size-adjust:none;  }
body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; max-width:640px; margin:0 auto;}
* {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
html {
    font-size:62.5%
}
@media only screen and (min-width:321px) { /*iphone5*/
    html {
        font-size:62.5%!important
    }
}
@media only screen and (min-width:361px) {
    html {
        font-size:70.31%!important
    }
}
@media only screen and (min-width:376px) {
    html {
        font-size:73.24%!important
    }
}
@media only screen and (min-width:481px) {
    html {
        font-size:84%!important
    }
}
@media only screen and (min-width:561px) {
    html {
        font-size:90%!important
    }
}
@media only screen and (min-width:641px) {
    html {
        font-size:100%!important
    }
}


body {

    font-family: "Microsoft YaHei",sans-serif;
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    color: #333333;
}


.hr_jxys_box{
    clear: both;
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
}
.hr_jxys_box h2{
    clear: both;
    width: 100%;
    line-height: 50px;
    overflow: hidden;
    font-size: 36px;
    font-weight: normal;
    color: #000;
    text-align: center;
    margin-top: 30px;
}
.hr_jxys_box b{
    display: block;
    clear: both;
    width: 100%;
    line-height: 35px;
    overflow: hidden;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    text-align: center;
    margin: 10px 0 20px 0;
}
.hr_jxys_imgs1{
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
}
.jxys_imgs1_left{
    float: left;
    width: 50%;
    overflow: hidden;
}
.jxys_imgs1_left img{
    width: 100%;
}
.jxys_imgs1_right{
    float: left;
    width: 50%;
    overflow: hidden;
}
.imgs1_rigjt_top {
    clear: both;
    width: 100%;
    overflow: hidden;
}
.imgs1_rigjt_top img{
    width: 100%;
}
.jxys_imgs1_right strong{
    display: block;
    clear: both;
    width: 100%;
    line-height: 40px;
    overflow: hidden;
    font-size: 20px;
    color: #c9b873;
    font-weight: normal;
    text-align: center;
    border-top: 1px dashed #FFF;
    border-bottom: 1px dashed #FFF;
}
.jxys_imgs1_right span {
    display: block;
    clear: both;
    width: 100%;
    line-height: 40px;
    overflow: hidden;
    font-size: 12px;
    color: #FFF;
    text-align: center;
}
.hr_jxys_imgs2{
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
}
.jxys_bot {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top:1rem;
}
.xxlr_cx_link{
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.xxlr_cx_link h5{
    clear: both;
    line-height: 35px;
    overflow: hidden;
    margin-top: 25px;
    font-size: 18px;
    color: #FFF;
    font-weight: normal;
}
.xxlr_cx_link h5 a {
    color: #f39800;
}
.xxlr_cx_link p{
    clear: both;
    width: 100%;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    color: #FFF;
    padding-top: 0;
}

.tit{width: 93.75%;margin:0.8rem auto 1.2rem;font-size:1.2rem;line-height:2rem;text-indent: 2.4rem;color: #000;}
.zy_box{width:93.75%;margin:1rem auto;border:1px solid #E6E4E4;}
.zy_mc{float:left;width:45%;font-size:1.5rem;line-height:2.3rem;}
.zy_xz{float:right;width:45%;font-size:1rem;line-height:2.3rem;text-align:right;}
.zy_box img{display:block;width:100%;}
.zy_content{padding:1rem;font-size:1rem;line-height:1.8rem;color:#838383;padding-top: 0;}
.zy_box font{color:#f00;}
.zy_box b{font-size:1.2rem;}
.zy_top{margin:0.8rem auto;width:92%;}
.zy_btn{width:68%;margin:1rem auto;}
.zy_btn a{display:inline-block;width:46%;background:#f60;color: #fff;border-radius:5px;text-align: center;line-height: 3rem;font-size: 1.4rem;}
.zy_btn a:first-child{margin-right:6%;background:#fff;color: #f60;border: 1px solid #f60;}
.a_btn{display:block;font-size:1.65rem;line-height:3.8rem;background:#f60;color:#fff;text-align:center;font-family:'微软雅黑';width: 93.75%;margin: 0.6rem auto;border-radius: 0.6rem;box-shadow: 3px 3px 3px #a7a7a7;}
/*===================================初高中生专题===================================*/
.hdp_kzc_hr {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.cg_title_box {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 1rem;
}
.cg_title_box p {
    clear: both;
    width: 100%;
    line-height: 2.2rem;
    overflow: hidden;
    font-size: 1.2rem;
    color: #333;
    text-align: center;
}
.cg_title_box h2{
    clear: both;
    width: 100%;
    overflow: hidden;
    font-size: 1.7rem;
    color: #8E5D1C;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
}
/*面对难题*/
.cg_img_wt_box {
    clear: both;
    width: 93.75%;
    overflow: hidden;
    margin: 1.2rem auto;
}
.cg_img_wt_box img{
    width: 100%;
}
.cgzs_yjjj{
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.4rem;
    color: #000;
    padding: 1rem;
    text-indent: 2.8rem;
}
/*行业前景*/
.cgzs_qt_box{
    clear: both;
    width: 100%;
    overflow: hidden;
}   
.cgzs_qt_box h2{
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.8rem;
    color: #FFF;
    text-align: center;
    background-color: #4a5aa5;
    padding: 1rem 0;
}
.cgzs_qt_box img {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 1rem;
}
.hyjy_qj_box{
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 1.4rem;
}
.hyjy_qj_box h2{
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.8rem;
    color: #FFF;
    text-align: center;
    background-color: #4a5aa5;
    padding: 1rem 0;
}
.zyqj2_bj {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
}
.zyqj2_bj img {
    width: 100%;
}
/*校园品牌*/
.xypp_img_box {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
}
.xypp_img_top {
    clear: both;
    width: 100%;
    overflow: hidden;
}
.xypp_img_top img {
    width: 100%;
}
.xypp_box_bot{
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 1rem;
    background-color: #4a5aa5;
}
.xypp_box_left {
    float: left;
    width: 40%;
    overflow: hidden;
}
.xypp_box_left strong{
    display: block;
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    text-align: center; 
    font-size: 1.8rem;
    color: #FFF;
    font-weight: normal;
}
.xypp_box_left span {
    display: block;
    width: 100%;
    line-height: 2rem;
    overflow: hidden;
    font-size: 1.4rem;
    color: #FFF;
    text-align: center;
}
.xypp_box_right {
    width: 60%;
    float: left;
    overflow: hidden;
}
.xypp_box_right a{
    display: block;
    float: left;
    overflow: hidden;
    padding: 0.5rem 1rem;
    margin-left: 1.5rem;
    background-color: #ffff00;
    border-radius: 0.5rem;
    margin-top: 0.8rem;
}
.xypp_box_right a span {
    font-size: 1rem;
    color: #000;
}
.xypp_jse_box {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
}
.xypp_jse_left {
    float: left;
    width: 50%;
    overflow: hidden;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
}
.xypp_jse_left img {
    width: 100%;
}
.xypp_jse_right {
    float: left;
    width: 50%;
    overflow: hidden;
    padding-left: 0.5rem;
    margin-bottom: 1rem;
}
.xypp_jse_right img {
    width: 100%;
}
.xypp_zxlink {
    clear: both;
    width: 100%;
    overflow: hidden;
    background-color: #4a5aa5;
}
.xypp_zxlink a{
    display: block;
    width: 8rem;
    line-height: 1.4rem;
    overflow: hidden;
    padding: 0.5rem 1rem;
    margin-left: 1.5rem;
    background-color: #ffff00;
    border-radius: 0.5rem;
    margin-top: 0.8rem;
    font-size: 1rem;
    color: #000;
    margin: 1rem auto;
    text-align: center;
}
/*热门专业*/
.rem_zy_box{
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
}
.rem_zy_box h2{
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.8rem;
    color: #FFF;
    text-align: center;
    background-color: #4a5aa5;
    padding: 1rem 0;
}
.rem_zy_box img{
    width: 100%;
}
.zyxz_nvs_box{
    clear: both;
    width: 100%;
    overflow: hidden;
    background-color: #ea68a2;
    padding: 1rem 1rem;
}
.zyxz_nvs_box h3{
    clear: both;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 1.4rem;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 1rem;
}
.zyxz_nvs_seli {
    clear: both;
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 1rem;
}

/*专题响应式公共样式开始*/

*{font-family:"微软雅黑"}

dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,ol,p,select,textarea,ul,li,a{
    padding: 0;
    list-style: none;
    margin: 0;
    text-decoration:none
}
.hslbanner {
    background-repeat: no-repeat;
    background-position: center top;
    width:100%;
    background-image:url(../images/1.jpg);
    height:600px;
}
.hslbg{
    background-repeat: no-repeat;
    background-position: center top;
    width:100%;
    background-image:url(../images/4.jpg);
    height:624px;
}


.delia_text {
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 1rem;
    background-color: #FFF;

}
.delia_text strong{
    clear: both;
    width: 100%;
    line-height: 2rem;
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: normal;
    color: #e4007f;
}
.delia_text p {
    clear: both;
    width: 100%;
    line-height: 1.6rem;
    overflow: hidden;
    font-size: 1.2rem;
    color: #000;
}
.zyxz_nans_box{
    clear: both;
    width: 100%;
    overflow: hidden;
    background-color: #7ecef4;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
}
.zyxz_nans_box h3{
    clear: both;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 1.4rem;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 1rem;
}
.xues_zuop_box {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 1.4rem;
    position: relative;
    margin-bottom: 1.4rem;
}
.xues_zuop_box h2{
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.8rem;
    color: #FFF;
    text-align: center;
    background-color: #4a5aa5;
    padding: 1rem 0;
}
.slides {
    margin: 1rem 0;
    background-color: #eeeeee;
    padding: 1rem 0;
}
.slides li {
    width: 100%;
    overflow: hidden;
}
.slides img{
    width: 100%;
}
.xueli_box {
    clear: both;
    width: 100%;
    overflow: hidden;
}
.xueli_box h2{
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.8rem;
    color: #FFF;
    text-align: center;
    background-color: #4a5aa5;
    padding: 1rem 0;
}
.xueli_box p {
    clear: both;
    width: 100%;
    line-height: 1.6rem;
    overflow: hidden;
    font-size: 1.2rem;
    color: #000;
    padding: 1rem;
    text-indent: 2.4rem;
}
.xueli_box p b {
    font-weight: normal;
    font-size: 1.2rem;
    color: #ff0000;
}
.xueli_box img {
    width: 100%;
}
.pts_xuanz_box {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 1rem;
}
.xypp_zxlink p{
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.2rem;
    color: #FFF;
    text-align: center;
    margin-top: 0.7rem;
}
.xypp_jse_bot {
    clear: both;
    width: 100%;
    overflow: hidden;
    background-color: #4a5aa5;
}
.xypp_bot_left{
    float: left;
    width: 50%;
    overflow: hidden;
}
.xypp_bot_left img{
    width: 100%;
}
.xypp_bot_zxlink {
    float: left;
    width: 50%;
    overflow: hidden;
}
.xypp_bot_zxlink p {
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.2rem;
    color: #FFF;
    text-align: center;
    margin-top: 0.7rem;
}
.xypp_bot_zxlink a {
    display: block;
    width: 8rem;
    line-height: 1.4rem;
    overflow: hidden;
    padding: 0.5rem 1rem;
    margin-left: 1.5rem;
    background-color: #ffff00;
    border-radius: 0.5rem;
    margin-top: 0.8rem;
    font-size: 1rem;
    color: #000;
    margin: 0.1rem auto;
    text-align: center;
}



.hrzpbox {
    clear: both;
    width: 100%;
    overflow: hidden;
}
.hrzpbox a {
    display: block;
    width: 100%;
    overflow: hidden;
}
.hrzpbox a  img {
    width: 100%;
}

.mqbz_gx_box {
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
}
.mqbz_gx_box h2{
    clear: both;
    width: 100%;
    line-height: 1.8rem;
    overflow: hidden;
    font-size: 1.8rem;
    color: #FFF;
    text-align: center;
    background-color: #4a5aa5;
    padding: 1rem 0;
}
.mqbz_gx_box p{
    clear: both;
    width: 100%;
    line-height: 1.6rem;
    overflow: hidden;
    font-size: 1.2rem;
    color: #000;
    padding: 1rem;
    text-indent: 2.4rem;

}
.slides2 {
padding: 0;
}