body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; font-size:14px; font-family:"微软雅黑",Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { color: #337ab7; text-decoration:none; }
a:focus{text-decoration: none;}
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fr{float: right;}
.fl{float: left;}
i{display: inline-block;}
.posa{position: absolute;}
.posr{position: relative;}

/************header和nav**************/
.head{width:100%;background: #ffffff;height: 80px;}
.rimi_coms{width: 1200px;margin: 0 auto;overflow: hidden;}
.head_rimi{height: 80px;line-height: 80px;}
.rimi_lxz{margin-top: 10px;margin-left: 30px;}
.head_fig{height: 24px;width: 1px;background: #adadad;margin-top: 28px;}
.rimi_head_content p{float: left;color: #666;margin-right: 10px;}
.rimi_head_phone{background: url(../images/rimi_head_phone.png) no-repeat 8px;padding-left: 40px;font-size: 16px;color: #000;}
/*nav*/
.rimi_topic_nav{width: 100%;height: 60px;background: #1291e7;}
.rimi_nav{height: 60px;line-height: 60px;}
.logo img{vertical-align: middle;}
.nav{font-size: 18px;}
.nav ul li{float: left;margin-left: 21px;}
.nav ul li a{color: #fff;padding: 20px 10px;}
.nav ul li a:hover{background: #00BAFF;color: #fff;transition: all 0.4s ease-in-out 0s;}
.rimi_head_green a,.font_col{color:#24377e;}
.head_rimi .rimi_head_content .tel_col{color: #24377e;}
div.rimi_topic_nav{background: #16202e;}

.rimi_nav .nav li a:hover {
    text-decoration: none;
    background: #e60012;
    color: #fff;
}

/**********************banner*********************/
.banner_bg{background: url("../images/opeMaint/yw_banner.png") center center;height: 620px;text-align: center;
    background-size: cover;}
.banner_bg img{margin-top: 160px;margin-right: 70px;}

/********************拿高薪、进名企******************/

.train_obj{width: 1200px;margin:30px auto;text-align: center;}
.train_obj h3{font-size: 46px;font-weight: 600;line-height: 60px;margin-bottom: 30px;}
.train_obj h3 span{color: #e60012;}
.care_dire p{display: inline-block;margin-left: 23px;vertical-align: bottom}
.care_dire p.first_tag{margin-left: 0;}

.care_dire .webma{background:url("../images/opeMaint/webma.png") no-repeat;width: 252px;height: 96px;}
.care_dire .maint{background:url("../images/opeMaint/maint.png") no-repeat;width: 266px;height: 126px;}
.care_dire .lin_ope{background:url("../images/opeMaint/lin_ope.png") no-repeat;width: 286px;height: 150px;}
.care_dire .cloud_arch{background:url("../images/opeMaint/cloud_arch.png") no-repeat;width: 312px;height: 193px;}
.care_dire p span{color: #fff;}
.care_dire p span b{font-size: 20px;font-style: normal;}
.care_dire p span em{font-style: normal;color: #e60012;}
.care_dire p.webma span{top: 26px;left: 40px; }
.care_dire p.maint span{top: 50px;left: 46px; }
.care_dire p.lin_ope span{top: 73px;left: 54px; }
.care_dire p.cloud_arch span{top: 108px;left: 60px; }

.train_obj a{width: 360px;height: 40px;display: inline-block;background: #e60012;color: #fff;margin: 50px auto;border-radius: 30px;
line-height: 40px;font-size: 16px; }
.train_obj a:hover{color: #fff;}



/********************选择>努力******************/
.sect_dem{background: url("../images/opeMaint/vocat_bg.png") no-repeat;height:1345px;}

.sect_dem_cont{width: 1200px;margin: auto;}
.sect_dem_cont h3{font-size: 46px;color: #fff;text-align: center;font-weight: 600;padding-top: 50px;}
.sect_dem_cont h3 span{color: #fed813;}

.sect_dem_cont div{display: inline-block;color: #fff;}

.sect_dem_cont div p{display: inline-block;}

.intr_part div{display: inline-block;width: 43%;margin-top: 40px;}

.intr_part div em{width: 6px;height: 6px;border-radius:50%;background: #fff;display: inline-block;right: 20px;}

.intr_part .tit_txt{font-size: 26px;}
.intr_part .txt_desc{border: 1px dashed #dededf;font-size: 14px;color: #dededf;padding: 10px;border-radius: 15px;margin-top: 20px;}

.intr_part .mgn_left{margin-right: 146px;}


/*发展前景*/

.deve_dem div{width: 44%;margin-right: 121px;vertical-align: bottom;}

.deve_dem em{width: 6px;height: 6px;border-radius:50%;background: #fed813;display: inline-block;right: 20px;}

.deve_dem .tit_txt{font-size: 34px;color: #fed813;}
.deve_dem  .txt_desc{font-size: 18px;margin-top: 90px;}

.sect_dem img{margin-top: 90px;}




/*****************谁更适合学云计算运维工程师*********************/
.study_req{width: 1200px;margin: 30px auto;text-align: center;}
.study_req h3{color: #16202e;font-size: 40px;font-weight: 600;}

.fit_icon1{background: url("../images/opeMaint/fit_icon1.png") no-repeat;width: 125px;height: 124px;}
.fit_icon2{background: url("../images/opeMaint/fit_icon2.png") no-repeat;width: 125px;height: 124px;}
.fit_icon3{background: url("../images/opeMaint/fit_icon3.png") no-repeat;width: 125px;height: 124px;}
.fit_icon4{background: url("../images/opeMaint/fit_icon4.png") no-repeat;width: 125px;height: 124px;}

.study_req ul li {float: left;margin-left: 62px;margin-top: 60px;}

.study_req ul li.first_tag{margin-left: 0}
.study_req ul li p{font-size: 22px;text-align: left;line-height: 40px; margin: 20px 0 0 15px;color: #333;}

.study_req a{width: 251px;height: 54px;display: inline-block;background: #fbac18;font-size: 26px;color: #fff;
    line-height: 40px;margin: 60px auto;border-radius: 10px; border: 5px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.35);}
.study_req a:hover{color: #fff;border: 0px;line-height: 54px;}
.study_req .chang_line{line-height: 56px;}

/*项目阶段*/
.item_oper{margin-top: 40px;}
.item_oper div{display: inline-block;vertical-align: middle;}

.item_oper .out_img1{background: url("../images/opeMaint/item_img2.png") no-repeat;width: 301px;height: 293px;}
.item_oper .inside_img2{background: url("../images/opeMaint/item_img1.png") no-repeat;width: 245px;height: 245px;left: 29px;
    top: 25px;}
.item_oper .item_mod1,.item_oper .item_mod2{line-height: 90px;font-size: 24px;color: #333;}
.item_oper .item_mod1{text-align: right;}
.item_oper .item_mod2{text-align: left;}

.item_oper .item_tit1{left: 20px;}
.item_oper .item_tit2{left: -35px;top:-9px;}
.item_oper .item_tit3{left: -35px;}
.item_oper .item_tit4{left: 20px;}
.item_oper .item_tit5{left: -18px;}
.item_oper .item_tit6{left: 20px;top:-9px;}
.item_oper .item_tit7{left: 20px;}
.item_oper .item_tit8{left: -18px;}

.item_oper .out_img1{animation: rotate 15s linear infinite;}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

100% {
    transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
}
}

/*********************0基础起航********************/

.study_stage{background: url("../images/opeMaint/stage_bg.png") no-repeat;height: 900px;}

.stage_class{width: 1200px;margin: auto;text-align: center;}

.stage_class h3{font-size: 40px;font-weight: 600;color: #fff;text-align: center;padding: 80px 0;}
.stage_class h3 span{color: #fbac18;}

.study_stage ul li.first_tag{margin-left: 0;}
.study_stage ul li{float: left;margin-left: 13px;margin-bottom: 60px;}
.study_stage ul li p{background: #fff;padding: 6px; line-height: 28px;}
.study_stage ul li p span{font-size: 18px;color: #fbac18;}

.study_stage a{width: 251px;height: 54px;display: inline-block;background: #fbac18;font-size: 26px;color: #fff;
    line-height: 40px;margin: 30px auto;border-radius: 10px; border: 5px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.35);}
.study_stage a:hover{color: #fff;border: 0px;line-height: 54px;}

.avatar { position: relative; overflow: hidden; }

.avatar img{
    transition:all 1s ease 0s;
    -moz-transition:all 1s ease 0s;
    -webkit-transition:all 1s ease 0s;
    -o-transition:all 1s ease 0s;


}
.avatar:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}


/*********************授课讲师********************/


.instr{width: 1200px;margin: 60px auto;text-align: center;}
.instr h3{font-size: 40px;font-weight: 600;}
.instr p{font-size: 26px;color: #999;margin: 50px 0;}


/*********************百万级机房********************/

.mach_room{background: url("../images/opeMaint/classroom_bg.png") center center;background-size: cover;height: 560px;}

.mach_room_img{width: 1200px;margin: auto; padding-top: 48px;}

.mach_room_img div{display: inline-block;color: #fff;text-align: center; vertical-align: bottom;}
.mach_room_img img{margin:0 180px 0 40px;}
.mach_room_img .txt_intr1{font-size: 40px;line-height: 80px;}

.mach_room_img .txt_intr2{line-height: 50px;}

.mach_room_img a{width: 251px;height: 54px;display: inline-block;background: #fbac18;font-size: 26px;color: #fff;
    line-height: 40px;margin: 30px auto;border-radius: 10px; border: 5px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.35);}
.mach_room_img a:hover{color: #fff;border: 0px;line-height: 54px;}


/********************火爆双选会********************/

.rimi_coms{width: 1200px;margin: 0 auto;overflow: hidden;}
.rimi_sxh_tt{font-size: 36px;font-weight: bold;text-align: center;margin-top: 50px;}
.rimi_sxh_box,.rimi_other_stu{margin: 60px 0px 60px 0px;overflow: hidden;}
.sxh_img_box{width: 810px;height: 544px;background: #e60012;padding: 5px 5px 8px;}
.sxh_info_bg{background: #f0f0f0;text-align: center;font-size: 18px;width: 390px;}
.sxh_info_bg ul li{height: 136px;cursor: pointer;}
.sxh_info{padding: 40px 0 40px 0;}
.sxh_info a{color: #000;}
.sxh_info a:hover{color: #fff;}
.last_li a{line-height: 136px;position: relative;display: block;}
.bott{border-bottom: 1px solid #ccc;width: 380px;margin: 8px auto;}
.current{background: #e60012;}
.current a{background: #e60012;color: #fff;}


/**********************课程太高深**********************/
.cour_ques{width: 1200px;margin: 30px auto;text-align: center;}
.cour_ques h3{font-size: 36px;font-weight: bold;margin-bottom: 40px;}
.cour_ques ul{clear: both}
.cour_ques ul li.first_tag{margin-left: 0;}
.cour_ques ul li{ width: 32%;margin: 30px 0 30px 19px;display: inline-block;vertical-align: top;}
.cour_ques ul li p{text-align: left;color: #666;}
.cour_ques ul li p span{font-size: 22px;color: #333;bottom: 6px;}
.cour_ques i{margin-right: 10px;}
.cour_ques .num_one{background: url("../images/opeMaint/num_one.png") no-repeat;width: 100px;height: 100px;}
.cour_ques .num_two{background: url("../images/opeMaint/num_two.png") no-repeat;width: 100px;height: 100px;}
.cour_ques .num_three{background: url("../images/opeMaint/num_three.png") no-repeat;width: 100px;height: 100px;}
.cour_ques .num_four{background: url("../images/opeMaint/num_four.png") no-repeat;width: 100px;height: 100px;}
.cour_ques .num_five{background: url("../images/opeMaint/num_five.png") no-repeat;width: 100px;height: 100px;}
.cour_ques .num_six{background: url("../images/opeMaint/num_six.png") no-repeat;width: 100px;height: 100px;}


/*common*/

.foot_fixed{
    height: 64px;
    width: 100%;
    background: #0f8add;
    margin-top: 30px;
}
.foot_fixed h2{
    line-height: 64px;
    color: #FFFFFF;
    font-size: 19px;
}
.foot_fixed h2 span{
    font-size: 15px;
    margin-left: 15px;
}
.foot_fixed h2 a{
    display: block;
    float: right;
    width: 104px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    margin-top: 17px;
    font-size: 16px;
    text-transform: uppercase;
}


/*footer-nav*/
.footer_nav{width: 100%;height: 230px;background: #333;}
.footer_nav_box{margin-top: 30px;}
.footer_nav_tt a{color: #fff;font-size: 18px;}
.footer_nav_list{margin-top: 15px;}
.footer_nav_list li{margin-top: 7px;color: #545454;}
.footer_t_l{margin-left: 38px;}
.footer_fig{margin-left: 55px;width: 1px;height: 170px;background: #666;}
.rimi_ewm{margin-left: 60px;text-align: center;color: #fff;}
.rimi_ewm_info{margin-top: 20px;}
.rimi_phone{color: #fff; width: 184px; margin-top: 32px;}
.rimi_tel{font-size: 20px; margin-bottom: 10px;}
.rimi_phone img{ width: 36px; height: 36px; float: left; margin-right: 10px; margin-top: 3px;}
.rimi_kf {margin-top: 3px;}
.rimi_kf a{color: #1291e7;border:1px solid #1291e7;padding: 10px 20px;font-size: 16px;display:block;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius: 20px;}
/*rimi_copyright*/
.rimi_copyright{width: 100%;height: 90px;background: #fff;text-align: center;}
.rimi_copyright p{color: #666;margin-top: 20px;}
.rimi_copyright p a{ padding: 0 10px;}

/*right_swt*/
.right_swt{
    width: 130px;
    height: 570px;
    position: fixed;
    top: 25%;
    left: 0;
    z-index: 1000;
}
.right_swt a{
    display: block;
    width: 100%;
    height: 500px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.right_swt_off{
    display: block;
    position: absolute;
    background: url("../images/close-tranparent.png") no-repeat;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    cursor: pointer;
}

/*回到顶部*/
.elevator-item {
    position: fixed;
    right: 30px;
    bottom: 422px;
    z-index: 999;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    opacity: 0.6;
}
.elevator-item:hover{
    opacity: 1;
}
.elevator-item a{
    display: block;
    margin-bottom: 5px;
    width: 40px;
    height: 36px;
    border-radius: 2px;
    background: url(../images/iconsprite_btbar.png) 8px 6px no-repeat;
    background-color: #444;
    background-color: rgba(0,0,0,.6);
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}