/* 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:nth-child(4){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%;}

    /* 关于我们样式 */
    .tab1_box_wrap{display: flex;flex-flow: row nowrap;margin: 0.12rem 0 0.36rem;}
    .main_tab1_h{font-size: 0.24rem;line-height: 0.36rem;margin-top: 0.36rem;font-weight: bold;text-align: center;}
    .box_left{width: 70%;box-sizing: border-box;padding: 0.12rem 0.36rem;}
    .p_h{font-size: 0.2rem;line-height: 0.36rem;font-weight: bold;margin-top: 0.24rem}
    .p1{font-size: 0.18rem;line-height: 0.36rem;}
    .box_right{width: 30%;box-sizing: border-box;padding:0 0.24rem;}
    .box_right>img{width: 100%;}
    .p1 .p1_span1{display: inline-block;width: 1.2rem;font-weight: bold;}
    .p1 .p1_span1_h{display: inline-block;font-weight: bold;font-size: 0.16rem;}
    .p1 .p1_span2_h{font-size: 0.16rem;}

    /* 底部版权样式 */
    .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%;}
    
    /*关于我们样式*/
    .tab1_box_wrap{display: flex;flex-flow: row nowrap;margin: 0.12rem 0 0.36rem;}
    .main_tab1_h{font-size: 0.24rem;line-height: 0.36rem;margin-top: 0.36rem;font-weight: bold;text-align: center;}
    .box_left{width: 100%;box-sizing: border-box;padding: 0.12rem 0.36rem;}
    .p_h{font-size: 0.2rem;line-height: 0.36rem;font-weight: bold;margin-top: 0.24rem}
    .p1{font-size: 0.18rem;line-height: 0.36rem;}
    .p1 .p1_span1{display: inline-block;width: 1.2rem;font-weight: bold;}
    .p1 .p1_span1_h{display: inline-block;font-weight: bold;font-size: 0.16rem;text-indent: 2em;}
    .p1 .p1_span2_h{font-size: 0.16rem;padding-left: 0.48rem;}
    
    /* 底部版权样式 */
    .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;}
}