/*publick*/
html{font-size:62.5%; }
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select{margin:0;padding:0}
body{font-family: "Microsoft YaHei";-webkit-text-size-adjust:100%;font-size: 1em;height:100%;min-width:320px; background-color: #f8f8f8;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
a{text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none;}
img{border:0;vertical-align:middle}
em{font-style:normal}
li{list-style:none}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance:bottom; -moz-appearance:none;-webkit-appearance: none;}
input[type="button"], input[type="checkbox"], input[type="radio"] {-webkit-appearance:none;}
/*清除浮动*/
.clearfix:after { content:" "; display:block; clear:both; height:0;}
.clearfix { zoom:1;}
.fl{float:left !important;}
.fr{float:right !important;}



article,aside,dialog,footer,header,hgroup,nav,figure,menu,section{display:block;}
.zg_main{ margin:0 auto;max-width:640px; overflow:hidden;}
.offcn-header{padding: 0 5px 0 10px;background: #fff;}
@media only screen and (max-width:320px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:50px;line-height:50px;}}
@media only screen and (max-width:359px) and (min-width:320px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:50px;line-height:50px;}}
@media only screen and (max-width:479px) and (min-width:360px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:50px;line-height:50px;}}
@media only screen and (max-width:599px) and (min-width:480px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:80px;line-height:80px;}}
@media only screen and (max-width:720px) and (min-width:600px){.offcn-header,.offcn-logo,.offcn-kcbtn{height:80px;line-height:80px;}}
@media only screen and (min-width:720px) {.offcn-header,.offcn-logo,.offcn-kcbtn{height:80px;line-height:80px;}}
.offcn-logo{width: 80%;}
.offcn-kcbtn{width: 50px}
.offcn-logo img,.offcn-kcbtn img{width: 100%;}
.type{background: url("../images/nav_icon.png") no-repeat center center;background-size: 30px;width:50px;height:100%;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);     /* IE 9 */
    -moz-transform:rotate(0deg);    /* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg);
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.type.on{background: url("../images/btn.png") no-repeat center center;background-size: 55%;
    transform:rotate(135deg);
    -ms-transform:rotate(135deg);     /* IE 9 */
    -moz-transform:rotate(135deg);    /* Firefox */
    -webkit-transform:rotate(135deg); /* Safari 和 Chrome */
    -o-transform:rotate(135deg);
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.menu{overflow: hidden;background-color: #f4f4f4;width: 100%;height: 0;position: fixed;max-width:640px;
    z-index: 9999;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}

.offcn-tlistbtn{
    width:100%;
    height:7%;
}
.offcn-tlistbtn{border-bottom: 1px solid #e2e2e2;}
.offcn-tlistbtn a{
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding-left:15%;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font: 1.5rem/1 "Microsoft YaHei";
    color: #333;
}
.offcn-tlistbtn a:after{
    display: block;
    content: '';
    padding-top: 100%;
}
.offcn-tlistbtn1{
    background: url(../images/icon_01.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn2{
    background: url(../images/icon_02.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn3{
    background: url(../images/icon_03.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn4{
    background: url(../images/icon_04.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn5{
    background: url(../images/icon_05.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn6{
    background: url(../images/icon_06.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn7{
    background: url(../images/icon_07.png) no-repeat 5% center;
    background-size: 6% auto;
}
.offcn-tlistbtn8{
    background: url(../images/icon_08.png) no-repeat 5% center;
    background-size: 6% auto;
}


.offcn-tlistbtn9{
    background: url(../images/icon_09.png) no-repeat 5% center;
    background-size: 6% auto;
}

@media only screen and (max-width:320px){.offcn-kcbtn{width: 15%;}}
@media only screen and (max-width:359px) and (min-width:320px){.offcn-kcbtn{width: 15%;}}
@media only screen and (max-width:479px) and (min-width:360px){.offcn-kcbtn{width: 15%;}}

/*拿高薪*/

.zg_main{ margin:0 auto;max-width:640px; overflow:hidden;}
.banner img{width: 100%;display: block;}
.bm_yh{background: #fff;overflow: hidden;}
.bm_yh_tt{text-align: center;width: 90%;margin: 0 auto;padding: 7% 0 7% 0;}
.bm_yh_tt p{font-weight: bold;color: #16202e;}
.bm_yh_tt span{color: #e60012;}
@media only screen and (max-width:320px){.bm_yh_tt,.bm_btn a,.stu_req p{font-size:1.3rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.bm_yh_tt,.stu_req p{font-size:2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.bm_yh_tt{font-size:2.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.bm_yh_tt{font-size:3rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.bm_yh_tt{font-size:3rem!important}}
@media only screen and (min-width:720px) {.bm_yh_tt{font-size:4rem!important}}


/*系统管理员*/
.offcn-category{width: 90%;margin: 0 auto;}


.flexbox {
    display: -moz-box; /* Firefox */
    display: -ms-flexbox; /* IE10 */
    display: -webkit-box; /* Safari */
    display: -webkit-flex; /* Chrome, WebKit */
    display: box;
    display: flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 2% 0 0 0;
}
/*.flexbox1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0px;
}*/

@media only screen and (max-width:320px){.flex-1 img{width: 95%;}}
@media only screen and (max-width:359px) and (min-width:320px){.flex-1 img{width: 95%;}}
@media only screen and (max-width:479px) and (min-width:360px){.flex-1 img{width: 95%;}}


@media only screen and (max-width:599px) and (min-width:480px){.flex-1 img{width: 95%;}}
@media only screen and (max-width:720px) and (min-width:600px){.flex-1 img{width: 95%;}}
@media only screen and (min-width:720px) {.flex-1 img{width: 95%;}}
.bm_btn{margin:5% auto;text-align: center;}
.bm_btn a{display: inline-block;width: 60%;background: #e60012;height: 40px;text-align: center;line-height: 40px;
    font-size: 14px;color: #fff;border-radius: 32px;}

/*选择>努力*/
.ht_m{background: url("../images/opemaint/vocation_bg.png");width: 100%;overflow: hidden;}
.ht_ml_fi{width: 90%;margin: 0 auto;}

.ht_m_tt p span{color:#fed813}
.ht_m_tt{color: #fff;text-align: center;padding: 6% 0 6% 0;}
.ht_m_tt p{line-height: 4rem;}


.ht_ml_fi .ab_desc{color:#fff;}
.ht_m .ht_ml_fi img{width: 100%;display: block;padding: 8% 0;}
@media only screen and (max-width:320px){.ht_m_tt{font-size:1.4rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.ht_m_tt{font-size:1.8rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.ht_m_tt,.stu_req p{font-size:2.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.ht_m_tt,.stu_req p{font-size:3rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.ht_m_tt,.stu_req p{font-size:3rem!important}}
@media only screen and (min-width:720px) {.ht_m_tt,.stu_req p{font-size:3.8rem!important}}

/*谁更适合学云计算*/
.stu_req p{text-align: center;font-weight: bold;padding: 8% 0;}
.stu_req span{line-height: 1.6em;margin-top: 10%;margin-left: 4%;}
.flexbox1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0px;
}

.stu_req .flexbox {
    padding-top: 8%;
}
@media only screen and (max-width:320px){.stu_req span{font-size:1.0rem!important;}}
@media only screen and (max-width:359px) and (min-width:320px){.stu_req span{font-size:1.0rem!important;}}
@media only screen and (max-width:479px) and (min-width:360px){.stu_req span{font-size:1.2rem!important;}}
@media only screen and (max-width:599px) and (min-width:480px){.stu_req span{font-size:1.6rem!important;}}
@media only screen and (max-width:720px) and (min-width:600px){.stu_req span{font-size:2rem!important;}}
@media only screen and (min-width:720px) {.stu_req span{font-size:2rem!important;}}


@media only screen and (max-width:320px){.stu_req .flex-1 img{width: 40%;}}
@media only screen and (max-width:359px) and (min-width:320px){.stu_req .flex-1 img{width: 40%;}}
@media only screen and (max-width:479px) and (min-width:360px){.stu_req .flex-1 img{width: 45%;}}


@media only screen and (max-width:599px) and (min-width:480px){.stu_req .flex-1 img{width: 45%;}}
@media only screen and (max-width:720px) and (min-width:600px){.stu_req .flex-1 img{width: 45%;}}
@media only screen and (min-width:720px) {.stu_req .flex-1 img{width: 45%;}}

.con_btn{margin:10% auto;text-align: center;}
.con_btn a{display: inline-block;width: 50%;background: #fbac18;height: 45px;text-align: center;line-height: 45px;
    font-size: 20px;color: #fff;border-radius: 9px;}


/*0基础起航*/

.zero_ba{background: #fff;overflow: hidden;background: #0f141c;}
.zero_ba .rf_yh_tt{text-align: center;width: 90%;margin: 0 auto;padding: 7% 0 2% 0;color: #fff;}
.ht_ml_fi{width: 90%;margin: 0 auto;}
.rf_yh_tt span{font-weight: bold}
.rf_yh_tt1{font-weight: bold;text-align: center;width: 90%;margin: 0 auto;padding: 3% 0 7% 0;color: #fff;}
.rf_yh_tt1 span{color: #fbac18;}

.zero_ba .ht_ml_fi img{width: 95%;display: block;padding: 8% 0;}

@media only screen and (max-width:320px){.rf_yh_tt{font-size:1.4rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_yh_tt{font-size:1.7rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_yh_tt{font-size:1.9rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_yh_tt{font-size:2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_yh_tt{font-size:2.6rem!important}}
@media only screen and (min-width:720px) {.rf_yh_tt{font-size:3rem!important}}



@media only screen and (max-width:320px){.rf_yh_tt1{font-size:1.6rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_yh_tt1{font-size:1.9rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_yh_tt1{font-size:2.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_yh_tt1{font-size:2.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_yh_tt1{font-size:3.2rem!important}}
@media only screen and (min-width:720px) {.rf_yh_tt1{font-size:3.8rem!important}}

.part_btn{margin:10% auto;text-align: center;}
.part_btn a{display: inline-block;width: 60%;background: #fbac18;height: 50px;text-align: center;line-height: 50px;
    font-size: 20px;color: #fff;border-radius: 9px;}

/*授课讲师*/
.teach_team{text-align: center;width: 90%;margin: 0 auto;padding: 7% 0 2% 0;}

.teach_team .tt_title{font-weight: bold;}

@media only screen and (max-width:320px){.tt_title{font-size:1.6rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.tt_title{font-size:1.9rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.tt_title{font-size:2.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.tt_title{font-size:2.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.tt_title{font-size:3.2rem!important}}
@media only screen and (min-width:720px) {.tt_title{font-size:3.8rem!important}}


.teach_team .tt_desc{color: #999;padding-top: 8%;}

.teach_team img{width: 100%;display: block;padding: 8% 0;}

@media only screen and (max-width:320px){.tt_desc{font-size:1.2rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.tt_desc{font-size:1.2rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.tt_desc{font-size:1.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.tt_desc{font-size:1.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.tt_desc{font-size:2.6rem!important}}
@media only screen and (min-width:720px) {.tt_desc{font-size:2.6rem!important}}

/*百万级机房*/

.rfh_mx{width: 100%;height: auto;background: url("../images/opemaint/com_room.png") no-repeat center center;overflow: hidden;}

.ht_ml_fi{text-align: center;width: 90%;margin: 0 auto;padding: 0 0 2% 0;}

.ht_ml_fi .rfh_yh_tt{color: #fff;font-weight: bold;}
.ht_ml_fi .rfh_yh_tt span{color:#fff000;}
.rfh_yh_desc{color: #fff;padding: 11% 0;}

.rfh_mx .ht_ml_fi .pd_top{padding-top: 10%;}
@media only screen and (max-width:320px){.rfh_yh_tt{font-size:1.4rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rfh_yh_tt{font-size:2.0rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rfh_yh_tt{font-size:2.6rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rfh_yh_tt{font-size:2.8rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rfh_yh_tt{font-size:3.0rem!important}}
@media only screen and (min-width:720px) {.rfh_yh_tt{font-size:3.2rem!important}}


@media only screen and (max-width:320px){.rfh_yh_desc{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rfh_yh_desc{font-size:1rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rfh_yh_desc{font-size:1.2rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rfh_yh_desc{font-size:1.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rfh_yh_desc{font-size:2.2rem!important}}
@media only screen and (min-width:720px) {.rfh_yh_desc{font-size:2.2rem!important}}

.rfh_btn{margin:5% auto;text-align: center;}
.rfh_btn a{display: inline-block;width: 60%;background: #fff000;height: 45px;text-align: center;line-height: 45px;
    font-size: 20px;color: #474747;border-radius: 9px;}



/*双选会*/
.bmb_yh{background: #fff;overflow: hidden;}

.bmb_yh .ht_ml_fi{width: 90%;margin: 0 auto;}

.bmb_yh .pd_top{padding: 6% 0;}

@media only screen and (max-width:320px){.bmb_yh .flex-1 img{width: 95%;}}
@media only screen and (max-width:359px) and (min-width:320px){.bmb_yh .flex-1 img{width: 95%;}}
@media only screen and (max-width:479px) and (min-width:360px){.bmb_yh .flex-1 img{width: 95%;}}


@media only screen and (max-width:599px) and (min-width:480px){.bmb_yh .flex-1 img{width: 95%;}}
@media only screen and (max-width:720px) and (min-width:600px){.bmb_yh .flex-1 img{width: 95%;}}
@media only screen and (min-width:720px) {.bmb_yh .flex-1 img{width: 95%;}}

/*更多问题*/
.rf_mx{width: 100%;height: auto;background: #f0f0f0;}
.rf_mx .pd_top{padding-top: 8%;}

.ht_ml_fi{width: 90%;margin: 0 auto;}

.rf_xxq_tt{text-align: center;padding: 5% 0 3% 0;}
@media only screen and (max-width:320px){.rf_xxq_tt{font-size:1.8rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_xxq_tt{font-size:1.8rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_xxq_tt{font-size:2.4rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_xxq_tt{font-size:2.6rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_xxq_tt{font-size:3rem!important}}
@media only screen and (min-width:720px) {.rf_xxq_tt{font-size:3.2rem!important}}


.rf_ques{color: #c0c0c0;text-align: center;}
@media only screen and (max-width:320px){.rf_ques{font-size:1rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.rf_ques{font-size:1.3rem!important}}
@media only screen and (max-width:479px) and (min-width:360px){.rf_ques{font-size:1.5rem!important}}
@media only screen and (max-width:599px) and (min-width:480px){.rf_ques{font-size:1.7rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.rf_ques{font-size:1.8rem!important}}
@media only screen and (min-width:720px) {.rf_ques{font-size:2rem!important}}


.msjx_btn{margin:8% auto;padding: 0 0 8% 0;}
.msjx_btn a{width: 60%;margin: 0 auto;background: #e60012;  border-radius: 10px;color: #fff;font-size: 20px;
    height:45px;line-height:45px;display: inline-block; }
.rf_yh_mg{margin-top: 6%;}



/*footer*/
.footer{width: 100%;height: auto;background: #242b32;overflow: hidden;position: fixed;bottom: 0;max-width: 640px;}
.footer_tel.on{
    background: #2d363f;
}
.footer_tel{width: 33.3%;text-align: center;padding: 4% 0 3% 0;}
.footer_tel span img{margin-right: 3%;}
.footer_tel a{display: block;color: #fff;}

@media only screen and (max-width:320px){.footer_tel,.fe span{font-size:1.2rem!important}}
@media only screen and (max-width:359px) and (min-width:320px){.footer_tel,.fe span{font-size:1.6rem!important}.footer_tel img{height: 20px;}}
@media only screen and (max-width:479px) and (min-width:360px){.footer_tel,.fe span{font-size:1.5rem!important}.footer_tel img{height: 20px;}}
@media only screen and (max-width:599px) and (min-width:480px){.footer_tel,.fe span{font-size:2.2rem!important}}
@media only screen and (max-width:720px) and (min-width:600px){.footer_tel,.fe span{font-size:2.4rem!important}}
@media only screen and (min-width:720px) {.footer_tel,.fe span{font-size:2.6rem!important}}

/*弹框*/
#layermbox0 .layermbtn span{width:80% !important;}
#layermbox0 .layermchild h3{text-align:center;}
#layermbox0 .layermcont{font-size:14px;}
#layermbox0 .layermchild{background-color: #F5F5F5;}
.layermbtn{background: #1caffc;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
#layermbox0 .layermbtn span:first-child{background-color: #1caffc;color: #F1F1F1;}