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

.left{ float:left;}.right{ float:right;}
img {
    border: 0 none;
    width:100%;
    display: block;
}

html{-webkit-text-size-adjust:none;  }
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;}  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) { 
    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;
}


.clear_f:after {
    clear: both;
}
.clear_f:after, .clear_f:before {
    content: "";
    display: table;
}
img{border: none;}
/*===================男生学什么好=============================*/
.banner{
    width: 100%;
}
.hslbox1{
    width: 100%;
    background-color: #f2f2f2;
    padding-bottom:1rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.title{
    width: 100%;
    text-align: center;
    margin: 2rem 0;
}
.title .tit{
    font-size:2rem;
    line-height: 3rem;
    color: #f13609;
}
.title .subtit{
    font-size:1.5rem;
    line-height: 2rem;
    color: #000;
}
.hslbox1_2{
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-bottom: 1rem;
}
.shrq_img{
    width: 40%;
    display: inline-block;
}
.hslbox1_text{
    width: 60%;
    display: inline-block;
    padding: 0.8rem 1.5rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.hslbox1_text h2{
    font-size: 1.5rem;
    line-height: 2rem;
}
.hslbox1_text p{
    font-size: 1.2rem;
    line-height: 1.5rem;
}
.hslbox1_text p b{
    color: #ff6100;
}
.hslbox1_text a{
    width: 100%;
    height: 2.5rem;
    display: block;
    border:1px solid #f13609 ;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    line-height: 2.5rem;
    text-align: center;
    color: #f13609;
    margin-top: 0.3rem;
}
.jswsmh{
    display: block;
    width: 95%;
    margin: 0 auto;
}
.btn{
    width: 95%;
    margin: 0 auto;
    padding:0 1rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.btn a{
    display: inline-block;
    width: 45%;
    color: #fff;
    font-size: 1.2rem;
    line-height: 3rem;
    border-radius: 2rem;
    text-align: center;
    margin: 2rem 0;
}
.btn .btn_left{
    background: -o-linear-gradient(left, #ff8f00 0%,#ff5700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff8f00),to(#ff5700));
    background: linear-gradient(to right, #ff8f00 0%,#ff5700 100%);
    margin-right: 5%;
}
.btn .btn_right{
    background-color:#ee0000;
}
.hslbox3_zy{
    padding: 1.5rem 1rem 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.hslbox3_zy .hslbox3_zyzs{
    width: 49%;
    display: inline-block;
    border: 1px solid #c3c3c5;
    margin-bottom: 1rem;
}
.hslbox3_text{
    text-align: center;
    padding: 1rem 1.3rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.hslbox3_text .box3_tit{
    font-size: 1.4rem;
    line-height: 2rem;
    color: #de4e08;
    font-weight: bold;
}
.hslbox3_text .box3_subtit{
    font-size: 1.2rem;
    line-height: 2rem;
    color:#633710;
    font-weight: bold;
}
.hslbox3_text .box3_subtit span{
    color: #f00;
}
.zy_btn{margin-top: 0.3rem;}
.zy_btn a{display:inline-block!important;width:46%;background:#fff;color:#de4e08;border-radius:0.5rem;text-align:center;line-height:2.1rem;font-size:1.1rem;border:1px solid #de4e08;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.zy_btn a:first-child{margin-right:5%;}
.zy_btn a:last-child{background:#eb6d00;color:#fff;border:1px solid #eb6d00;}
.btn2 a{
    margin: 1rem 0 2rem;
}
.btn2 .btn_left{
    background: #ff8d00;
}
.hslbox4{
    width: 100%;
    background-color: #ecf3fa;
}
.hslbox4_pk{
    display: block;
    width: 95%;
    margin: 0 auto;
}

.hslbox5_1{ padding:1rem;margin-top: 1rem;}
.hslbox5_2{ height:4rem; width:100%; position:relative;}
.hslbox5_2 input{ height:3.6rem; background-color:#f5f5f5; border:1px solid #e8e8e8; border-radius:.3rem; width:100%;text-indent:3.2rem; color:#666; font-size:1.3rem; font-weight:bold;}
.hslbox5_2 input::-webkit-input-placeholder{ color:#666;}
.hslbox5_2 input::-moz-placeholder{ color:#666;}
.hslbox5_2 input:-ms-input-placeholder{ color:#666;}
.hslbox5_2 input::-ms-input-placeholder{ color:#666;}
.hslbox5_2 input::placeholder{ color:#666;}
input::-webkit-input-placeholder {
        color: #666;
      }
input::-moz-input-placeholder {
        color: #666;
      }
input::-ms-input-placeholder {
        color: #666;
      }
.hslbox5_2 i{ display:block; height:2rem; line-height:2rem; font-size:2rem; color:#999; position:absolute; left:.3rem; top:.9rem; border-right:1px solid #ccc; padding-right:.3rem; }
.hslbox5_1 .tijiao{ height:3.6rem;background: -o-linear-gradient(left, #c50000 0%,#fe0000 100%);background: -webkit-gradient(linear, left top, right top, from(#c50000),to(#fe0000));background: linear-gradient(to right, #c50000 0%,#fe0000 100%); background-color:#d10000; border:none; width:100%; border-radius:.5rem; margin-top:.5rem; color:#fff; font-size:1.5rem;}

.hslbox6{
    width: 95%;
    margin: 0 auto;
    margin-top: 1rem;
}
.hslbox6 p{
    font-size: 1.2rem;
}
.hslbox6 p img{
    vertical-align: middle;
    width: 10%;
    display: inline-block;
}
.hslbox6 p b{
    color: #ff8d00;
    font-size: 1.6rem;
}
.hslbox7{
    width: 100%;
    background-color: #ecf3fa;
}
.hslbox7_1{
    width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.hslbox7_1 .mqcl{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 49%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 3px 0 #666;
            box-shadow: 0 3px 3px 0 #666;
    margin-bottom:1rem ;
}
.hslbox7_1 .mqcl a{
    display: inline-block;
    width: 40%;
}
.hslbox7_1 .mqcl a img{
    width: 100%;
}
.hslbox7_1 .mqcl .mqcl_text{
    width: 60%;
    padding:0.5rem 0 0 0.5rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mqcl .mqcl_text .mqcl_tit{
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #f00;
    font-weight: bold;
}
.mqcl_subtit{
    font-size: 1rem;
    line-height: 1.2rem;
}
.hslbox7_1 .mqcl2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 3px 0 #919397;
            box-shadow: 0 3px 3px 0 #919397;
    margin-bottom:1rem ;
}
.mqcl2 a{
    width: 45%;
}
.mqcl2 .mqcl_text{
    padding: 1rem 1.5rem;
    color: #f00;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: bold;
} 

.hzcy{
    width: 95%;
    display:block;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.kcts{padding: 1rem 0;background: url(../images/bg.jpg) no-repeat 0 0;background-size: 100%; height: 13rem;}
.col-f{color: #fff !important;}
.ul2-2{width: 93.75%;margin: 0.5rem auto;background: #fff;padding: 0.8rem 0.8rem 0;}
.ul2-2 li{float: left;width: 49%;margin-right: 2%;}
.ul2-2 li:nth-child(2n){margin-right: 0;}
.ul2-2 li:last-child{margin-right: 0;}
.tit_b{text-align: center;font-size: 2rem;color: #F13609;line-height: 3rem;}
.tit_s{font-size: 1.5rem;text-align: center;line-height: 2rem;}
.tit_top{margin-top: 1.2rem;}
.tit_bottom{margin-bottom: 1.2rem;}

.kc-wd h3{font-size: 1.4rem;line-height: 3rem;color: #FF2A00;}
.kc-wd span{display: inline-block;margin: 0.6rem 0;width: 4rem;height: 0;border-bottom: 2px solid #FF2A00;}
.kc-wd p{font-size: 1.3rem;line-height: 2rem;}
.kc1{margin-top: -5rem;border-bottom: 2px dashed #FF2A00;padding-bottom: 0.6rem;}
.kc-img{margin-bottom: 1rem;}

.btn_box{width: 88%;margin: 1.25rem auto 1.4rem;font-size: 0;}
.btn_box a{display: inline-block;width: 47%;font-size: 1.4rem;line-height: 3rem;text-align: center;background: -o-linear-gradient(left, #ff8f00 0%,#ff5700 100%);background: -webkit-gradient(linear, left top, right top, from(#ff8f00),to(#ff5700));background: linear-gradient(to right, #ff8f00 0%,#ff5700 100%);color: #fff;border-radius: 1.5rem;}
.btn_box a:last-child{background: #ee0000;margin-left: 6%;}

.cgxz{width: 100%;margin: 1rem auto;position: relative;}
.cgxz p{font-size: 0.9rem;line-height: 1.2rem;color: #000;position: absolute;}
.cgxz .cgxz_1{left: 6%;top: 21.5%;}
.cgxz .cgxz_2{left: 38%;top: 21%;}
.cgxz .cgxz_3{left: 70%;top: 21%;}
.cgxz .cgxz_4{left: 22%;top: 53%;}
.cgxz .cgxz_5{left: 53%;top: 53%;}
.cgxz .cgxz_6{left: 6%;top: 82.5%;}
.cgxz .cgxz_7{left: 37%;top: 82.5%;}
.cgxz .cgxz_8{left: 70%;top: 82.5%;}
.sss {
    background: #ff402e;
    color: #fff;
    padding: 5% 10%;
}
.sss h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: .8rem;
}
.dl p {
    font-size: 1.2rem;
    line-height: 1.8rem;
}