@media screen and (max-width: 1400px) {
  .ab14 .girl{width:45%}
  .ab14 .jc-c{width:55%}
  .ab14 .block1{padding: 0.8rem 1.3rem 0.4rem}
  .ab14 .ft30{font-size: 0.20rem;}
  .ab14 .w50{width:90%}
}
@media screen and (max-width: 1024px) {
	.layui-nav{display: none;}
	.nav-btn {
        display: block;
		position:absolute;
		width: 50px;
        height: 50px;
        color: #000;
		z-index:999999;
		top:0;
    }
	.pc-nav{display: none !important;}
	.m-nav{display:block;}


    .head.layui-main {
        width: 100%;
        margin: 0;
        min-height: 60px !important;
        border-radius: 0;
    }


    .headerpage .navbox {
        color: #Fff;
        position: fixed;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        height: 100vh;
        left: 0;
        flex: 1;
        top: -200%;
        z-index: 99999;
        transition: all 0.3s;
        display: flex;
    }

    .layui-main {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0.2rem 0.2rem !important;
    }
    .nav-btn {
        display: block;
		position:absolute;
		width: 50px;
        height: 50px;
        color: #000;
		z-index:999999;
		top:20px;
    }

    .navbox a {
        color: #fff !important;
    }
	.navbox dl a {
        color: #333 !important;
    }
	.layui-nav-child dd { text-align: center;}

	.pro_nav{z-index:99999}
	.pro_nav .b1{width:auto;min-width: 150px;}
.index2 .title_ul li:not(:last-child) .item {
    margin-right: 0.1rem;
}


  .ab14 .girl{width:45%}
  .ab14 .girl img{width:100%; height:auto;}
  .ab14 .jc-c{width:55%}
  .ab14 .block1{padding: 0.1rem;}
  .ab14 .ft30{font-size: 0.20rem;}
  .ab14 .w50{width:90%}

  
	.layui-btn{height:35px; margin-bottom:5px; margin-right: 10px;margin-left: 0 !important;}
	.subclass{display: flex; align-content:center; align-items: center; flex-wrap: wrap;}

	.proImg .title_ul{display: flex; flex-wrap: wrap; justify-content:space-between;}
	.proImg .title_ul li{display: flex; width: 29%; background-color:#FFF; margin-right:0.25rem; margin-bottom: 0.25rem; height:20vh; justify-content: center; align-items: center;}
	.proImg .title_ul li a{text-align: center; display:flex; flex-direction:column-reverse; height:100%}

	.proImg .title_ul .item span{line-height: 40px; padding-bottom: 30px;border-bottom: 1px solid #FFFFFF;}
	.proImg .title_ul .item:hover span{color:#EC144A; line-height: 40px; border-bottom: 1px solid #EC144A; }

}
 
@media screen and (max-width: 976px) {
.layui-nav{display: none;}
	.nav-btn {
        display: block;
		position:absolute;
		width: 50px;
        height: 50px;
        color: #000;
		z-index:999999;
		top:20px;
    }
	.pc-nav{display: none !important;}
	.m-nav{display:block;}


	.mySwiper{
		display: none;
	}
	.mySwiper.m-banner{
		display: block;
		width:100%;
		height:50vh;
	}
	.swiper {
		 width: 100%;
		 height: 50vh;
	}
  .swiper-slide .img_100 {
	 width: 100%;
	 max-height: 50vh;
  }

  .swiper-slide {
	 position: relative;
  }

  .swiper-slide .text_box {
	 position: absolute;
	 top: 20%;
  }

	.ab14 .girl{width:45%}
	.ab14 .girl img{width:100%; height:auto;}
	.ab14 .jc-c{width:55%}
	.ab14 .block1{padding: 0.1rem;}
	.ab14 .ft30{font-size: 0.20rem;}
	.ab14 .w50{width:90%}

	
	.layui-btn{height:35px; margin-bottom:5px; margin-right: 10px;margin-left: 0 !important;}
	.subclass{display: flex; align-content:center; align-items: center; flex-wrap: wrap;}

	.proImg .title_ul{display: flex; flex-wrap: wrap; justify-content:space-between;}
	.proImg .title_ul li{display: flex; width: 29%; background-color:#FFF; margin-right:0.25rem; margin-bottom: 0.25rem; height:20vh; justify-content: center; align-items: center;}
	.proImg .title_ul li a{text-align: center; display:flex; flex-direction:column-reverse; height:100%}

	.proImg .title_ul .item span{line-height: 40px; padding-bottom: 30px;border-bottom: 1px solid #FFFFFF;}
	.proImg .title_ul .item:hover span{color:#EC144A; line-height: 40px; border-bottom: 1px solid #EC144A; }
}

@media screen and (max-width: 750px) {
	.layui-nav{display: none;}
	.nav-btn {
        display: block;
		position:absolute;
		width: 50px;
        height: 50px;
        color: #000;
		z-index:999999;
		top:0;
    }
	.pc-nav{display: none !important;}
	.m-nav{display:block;}

	.about11 .block1 span{font-size:14px !important;}

	.ab14 .girl{width:100%}
	.ab14 .girl img{width:100%; height:auto;}
	.ab14 .jc-c{width:100%}
	.ab14 .block1{padding: 0.1rem;}
	.ab14 .ft30{font-size: 0.30rem;}
	.ab14 .w50{width:90%}
	.ab14 .gary_bg .gary_c9{font-size: 0.3rem !important; line-height:0.4rem !important;}

	.footer1 .logo img{width:40%}
	.proInfo{height: 370px;overflow: hidden; margin-top: 0.5rem;}
	.index2 .content .item{height:230px}

	.layui-btn{height:24px; margin-bottom:5px; margin-right: 10px;margin-left: 0 !important;}
	.subclass{display: flex; align-content:center; align-items: center; flex-wrap: wrap;}

	.proImg .title_ul{display: flex; flex-wrap: wrap; justify-content:space-between;}
	.proImg .title_ul li{display: flex; width: 29%; background-color:#FFF; margin-right:0.25rem; margin-bottom: 0.25rem; height:20vh; justify-content: center; align-items: center;}
	.proImg .title_ul li a{text-align: center; display:flex; flex-direction:column-reverse; height:100%}

	.proImg .title_ul .item span{line-height: 40px; padding-bottom: 30px;border-bottom: 1px solid #FFFFFF; }
	.proImg .title_ul .item:hover span{color:#EC144A; line-height: 40px; border-bottom: 1px solid #EC144A; }


	.proClassBox {display: flex;  flex-wrap: wrap;}
	.proClassBox li{width:33%; display: flex; justify-content: space-around; align-items: center; margin-bottom:10px}
	.proClassBox li a{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
}