/* PC端样式 */
@media screen and (min-width: 769px) {
    /*顶部菜单栏样式*/
    .menu_container{ display: flex; flex-direction: row;  flex-wrap: nowrap; height: 0.8rem; }
    .head_left{ width: 30%;  height: 0.8rem;  vertical-align: middle; font-size: 0; }
    .head_left>img{ margin-top: 0.2rem; margin-left: 0.8rem;   height: 60%;   }
    .head_right{   width: 50%;  height: 0.8rem;   line-height: 0.8rem;  margin-left: 10%;  box-sizing: border-box;  }
    .head_right_ul{ display: flex;  flex-direction: row; flex-wrap: nowrap; justify-content: space-between;  height: 0.8rem; box-sizing: border-box; font-size: 0.16rem;font-weight: bold;}
    .head_right_li{ line-height: 0.8rem;  width: 15%; text-align: center;  cursor: pointer;}
    .head_right_li:hover{color: #376CE4 ;}
    .head_right_li.active,.head_right_li:first-child{color: #376CE4 ; border-bottom: 0.02rem solid #376CE4;}
    .head_right_li a{color: #4d4d4d;}
    .head_right_li a:hover{color: #376CE4 ;}

    /* 轮播图样式 */
    .el-carousel{height: 6rem;}
    .el-carousel__container{height: 6rem;}
    .el-carousel__item>img{width: 100%;height: 100%;}

    /* 就业优势 */
    .section3{padding-top: 0.48rem;}
    .section3>h2{font-size: 0.32rem;text-align: center;color: #4d4d4d;}
    .section3 .section3_box{width: 70%;margin: 0.36rem auto 0;}
    .section3 img{width: 100%;}

    /* 服务优势 */
    .section4{padding-top: 0.48rem;}
    .section4>h2{font-size: 0.32rem;text-align: center;color: #4d4d4d;}
    .section4>p{font-size: 0.18rem;line-height:0.42rem;text-align: center;color: #4d4d4d;}
    .section4_box{width: 90%;display: flex;flex-flow: row wrap;margin: 0 auto;justify-content: space-around;}
    .section4 .sc4_box{width: 4rem;box-sizing: border-box;border: 0.01rem solid transparent;transition: all 0.5s;padding-bottom: 0.2rem;}
    .section4 .sc4_box:hover{border: 0.01rem solid #a0a0a0;cursor: pointer;}
    .section4 .sc4_box:hover .sc4_box_tit,
    .section4 .sc4_box:hover .sc4_box_txt{color: #000;}
    .section4 .sc4_box:nth-child(4),
    .section4 .sc4_box:nth-child(5),
    .section4 .sc4_box:nth-child(6){margin-top: 0.32rem;}
    .section4 .sc4_box_imgbox{height: 2rem;text-align: center;}
    .section4 .sc4_box_imgbox>img{width: 100%;}
    .section4 .sc4_box_tit{font-size: 0.2rem;text-align: center;line-height: 0.64rem;color: #4d4d4d;transition: all 0.5s;}
    .section4 .sc4_box_txt{font-size: 0.14rem;text-align: center;line-height: 0.24rem;padding: 0 0.24rem;color: #4d4d4d;transition: all 0.5s;}

    /* 线上学习优势 */
    .section5{padding-top: 0.48rem;}
    .section5>h2{font-size: 0.32rem;text-align: center;color: #4d4d4d;}
    .section5>p{font-size: 0.18rem;line-height:0.42rem;text-align: center;color: #4d4d4d;}
    .section5_box{width: 90%;display: flex;flex-flow: row nowrap;margin: 0 auto;justify-content: space-around;}
    .sec5_box_left,.sec5_box_right{width: 48%;height: 5rem;}
    .sec5_box_left{border-radius: 0.1rem;background: url(../images/kecheng_1.jpg)no-repeat;background-size: cover;}
    .sc5_box_l_tit{text-indent: 0.4rem;margin-top: 1rem;line-height: 0.64rem;font-size: 0.32rem;font-weight: bold;color: #fff;}
    .sc5_box_l_txt{width: 4rem;padding-left: 0.4rem;font-size: 0.18rem;color: #fff;}

    .sc5_box_r_top{height: 2.3rem;background: url(../images/kecheng_2.jpg)no-repeat;background-size: cover;margin-bottom: 0.4rem;border-radius: 0.1rem;border: 0.001rem solid transparent;}
    .sc5_box_r_top_tit{padding-left: 0.4rem;margin-top: 0.4rem;line-height: 0.64rem;font-size: 0.32rem;font-weight: bold;color: #fff;}
    .sc5_box_r_top_txt{width: 4rem;padding-left: 0.4rem;font-size: 0.18rem;color: #fff;}
    .sc5_box_r_bot{height: 2.3rem;background: url(../images/kecheng_3.jpg)no-repeat;background-size: cover;border-radius: 0.1rem;border: 0.001rem solid transparent;}
    .sc5_box_r_bot_tit{padding-left: 0.4rem;margin-top: 0.4rem;line-height: 0.64rem;font-size: 0.32rem;font-weight: bold;color: #fff;}
    .sc5_box_r_bot_txt{width: 4rem;padding-left: 0.4rem;font-size: 0.18rem;color: #fff;}

    /* 底部版权样式 */
    .footer{background: #2D2D3A;  box-sizing: border-box; padding: 0.3rem 1.5rem 0.06rem 1.5rem;margin-top: 0.48rem;}
    .footer .div_logo1{ display: flex; flex-flow: row nowrap; align-items: center; }
    .footer .div_logo1_img{ width: 4rem;   height: 0.6rem;  font-size: 0;}
    .footer .div_logo1_img>img{ height: 100%;}
    .footer .div_logo1_info{font-size: 0.24rem;    height: 1rem;    line-height: 1rem;font-weight: bold;    color: #fff;}
    .footer .div_logo2{  display: flex; flex-flow: row nowrap; align-items: center;}
    .footer .div_logo2_img{ width: 4rem;  height: 1rem; font-size: 0;  box-sizing: border-box;  padding-left: 0.5rem;}
    .footer .div_logo2_img>img{  height: 100%;}
    .footer .div_logo2_info{ display: flex; flex-flow: row nowrap;}
    .footer .div_logo2_info>p{ font-size: 0.16rem; height: 1rem;  line-height: 1rem; color: #fff;}
    .footer .div_logo2_info>p:first-child{ margin-right: 1rem; }
    .footer .banquan{ margin-top: 0.24rem;}
    .footer .banquan>p{font-size: 0.14rem;color: #a0a0a0;line-height: 0.24rem;text-align: center; }
    .footer .banquan>p>a{color: #a0a0a0;text-decoration: none;}
}

/* 移动端样式 */
@media screen and (max-width: 768px) {
    /*顶部菜单栏样式*/
    .menu_container{ display: flex; flex-direction: row;  flex-wrap: nowrap;  font-size: 0; border-bottom: 0.001rem solid #c0c0c0;}
    .head_left{ width: 60%; height: 0.8rem;box-sizing: border-box;}
    .head_left>img{ margin-top: 0.2rem;  margin-left: 0.8rem;  height: 60%;}
    /* .head_right{ display: none;} */
    .head_right_m{ width: 40%;height: 0.8rem;display: flex; flex-direction: row; align-items: center; justify-content: flex-end; margin-right: 0.8rem;}
    
    /*移动端汉堡图标*/
    .head_right_m .menu { display: flex; list-style-type: none; padding: 0; position: absolute; top: 0;  margin-top: 0.8rem; left: 0;flex-direction: column; width: 100%; justify-content: center; align-items: center; background: #fff; z-index: 999; border-top: 0.001rem solid #c0c0c0;}
    .head_right_m .menu > li { margin: 0 1rem; overflow: hidden;}
    .head_right_m .menu > li a {color: #ffffff;cursor:pointer;text-decoration:none;}
    .head_right_m .menu > li a:hover {color: #000;}
    .head_right_m .menu-button-container { width: 0.4rem;  cursor: pointer;flex-direction: column; justify-content: center;  align-items: center;}
    #menu-toggle {display: none;}
    .head_right_m .menu-button,
    .head_right_m .menu-button::before,
    .head_right_m .menu-button::after {  display: block; background-color: #4d4d4d; position: absolute; height: 0.05rem; width: 0.4rem; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); border-radius: 0.05rem;}
    .head_right_m .menu-button::before { height: 0.04rem; content: "";margin-top: -0.12rem;}
    .head_right_m .menu-button::after { content: ""; margin-top: 0.12rem;}
    #menu-toggle:checked + .menu-button-container .menu-button::before { margin-top: 0; transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button { background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after { margin-top: 0;transform: rotate(-405deg);}
    #menu-toggle ~ .menu li {height: 0;margin: 0;padding: 0;border: 0;transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .menu li {border-bottom: 0.01rem solid #f0f0f0; height: 0.6rem;line-height: 0.6rem;padding: 0.1rem;transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    .head_right_m .menu > li {display: flex;justify-content: center;margin: 0;padding: 0.1rem 0;width: 100%;}
    .head_right_m .menu > li>a{font-size: 0.26rem;color: #555555;font-weight: bold;}
    .head_right_m .menu > li:not(:last-child) {border-bottom: 0.01rem solid #f0f0f0;}
    
    /* 轮播图样式 */
    .el-carousel{height: 3.2rem;}
    .el-carousel__container{height: 3.2rem;}
    .el-carousel__item>img{width: 100%;height: 100%;}
    
    /* 就业优势 */
    .section3{padding-top: 0.24rem;}
    .section3>h2{font-size: 0.32rem;text-align: center;color: #4d4d4d;}
    .section3 .section3_box{width: 90%;margin: 0.18rem auto 0;}
    .section3 img{width: 100%;}
    
    /* 服务优势 */
    .section4{padding-top: 0.24rem;}
    .section4>h2{font-size: 0.32rem;text-align: center;color: #4d4d4d;}
    .section4>p{font-size: 0.18rem;line-height:0.32rem;text-align: center;color: #4d4d4d;}
    .section4_box{display: flex;flex-flow: row wrap;margin: 0.24rem auto 0;justify-content: space-around;}
    .section4 .sc4_box{width: 3rem;}
    .section4 .sc4_box_imgbox{text-align: center;height: 2rem;background-color: #4d4d4d;}
    .section4 .sc4_box_imgbox>img{width: 100%;height: 100%;}
    .section4 .sc4_box_tit{font-size: 0.24rem;text-align: center;height: 0.36rem;color: #4d4d4d;}
    .section4 .sc4_box_txt{font-size: 0.14rem;text-align: center;height: 0.64rem;color: #4d4d4d;}
    
    /* 线上学习优势 */
    .section5{padding-top: 0.48rem;}
    .section5>h2{font-size: 0.32rem;text-align: center;color: #4d4d4d;}
    .section5>p{font-size: 0.18rem;line-height:0.42rem;text-align: center;color: #4d4d4d;}
    .section5_box{width: 94%;display: flex;flex-flow: row nowrap;margin: 0 auto;justify-content: space-around;}
    .sec5_box_left,.sec5_box_right{width: 48%;height: 5rem;}
    .sec5_box_left{border-radius: 0.1rem;background: url(../images/kecheng_1.jpg)no-repeat;background-size: cover;}
    .sc5_box_l_tit{text-indent: 0.2rem;margin-top: 1rem;line-height: 0.64rem;font-size: 0.32rem;font-weight: bold;color: #fff;}
    .sc5_box_l_txt{padding-left: 0.2rem;font-size: 0.18rem;color: #fff;}
    
    .sc5_box_r_top{height: 2.3rem;background: url(../images/kecheng_2.jpg)no-repeat;background-size: cover;margin-bottom: 0.4rem;border-radius: 0.1rem;border: 0.001rem solid transparent;}
    .sc5_box_r_top_tit{padding-left: 0.2rem;margin-top: 0.4rem;line-height: 0.64rem;font-size: 0.32rem;font-weight: bold;color: #fff;}
    .sc5_box_r_top_txt{padding-left: 0.2rem;font-size: 0.18rem;color: #fff;}
    .sc5_box_r_bot{height: 2.3rem;background: url(../images/kecheng_3.jpg)no-repeat;background-size: cover;border-radius: 0.1rem;border: 0.001rem solid transparent;}
    .sc5_box_r_bot_tit{padding-left: 0.2rem;margin-top: 0.4rem;line-height: 0.64rem;font-size: 0.32rem;font-weight: bold;color: #fff;}
    .sc5_box_r_bot_txt{padding-left: 0.2rem;font-size: 0.18rem;color: #fff;}
    
    /* 底部版权样式 */
    .footer{ background: #2D2D3A;box-sizing: border-box;padding: 0.3rem 0.15rem 0.06rem 0.15rem;margin-top: 0.24rem;}
    .footer .div_logo1{display: flex;flex-flow: row nowrap; align-items: center;}
    .footer .div_logo1_img{width: 2rem;  height: 0.32rem; font-size: 0;  margin-left: 0.24rem;}
    .footer .div_logo1_img>img{height: 100%;}
    .footer .div_logo1_info{font-size: 0.18rem; height: 0.48rem; line-height: 0.48rem;  font-weight: bold; color: #fff;}
    .footer .div_logo2{display: flex; flex-flow: row nowrap;align-items: center;}
    .footer .div_logo2_img{ width: 2rem; height: 0.6rem; font-size: 0;  box-sizing: border-box;padding-left: 0.5rem;  margin-left: 0.24rem;}
    .footer .div_logo2_img>img{ height: 100%;}
    .footer .div_logo2_info{display: flex; flex-flow: row nowrap;}
    .footer .div_logo2_info>p{font-size: 0.16rem;  height: 1rem;  line-height: 1rem;  color: #fff;}
    .footer .div_logo2_info>p:first-child{margin-right: 0.24rem;}
    .footer .banquan{margin-top: 0.24rem;}
    .footer .banquan>p{font-size: 0.14rem; color: #a0a0a0;line-height: 0.24rem; text-align: center;}
    .footer .banquan>p>a{color: #a0a0a0;text-decoration: none;}
}