@media only screen and (max-width:1600px) {


    

}
@media only screen and (max-width:1500px) {

    .headbox{width: 92%;}
	.about_banner{width: 92%;}
	.home_box{width: 92%;}
	footer{width: 92%;}
	.navtext{width: 92%;}
	.fybox{width: 92%;}
	.showbox{width: 92%;}

}
@media only screen and (max-width:1400px) {
  
    .banner_swiper .swiper-button-prev{width: 80px!important; height: 53px!important;  }
    .banner_swiper .swiper-button-prev em img{width: 27px; height: 53px;}
    .banner_swiper .swiper-button-prev:hover i{width: 20px;}
    .banner_swiper .swiper-button-next{width: 80px!important; height: 53px!important; ;}
    .banner_swiper .swiper-button-next em img{display: block; width: 27px; height: 53px;}
    .banner_swiper .swiper-button-next:hover i{width: 20px;}
 
}
@media only screen and (max-width:1300px) {
  
  .menuBox a{margin-left: 30px; font-size: 16px;}
 
} 
@media only screen and (max-width:1260px) {
	
	
   
	
	

}
@media only screen and (max-width:1200px) {
	
	.fuwus{margin-top: 30px;}
	.fuwu_list{width: calc(50% - 15px); margin-top: 30px;}
	
	.foot_about{width: 100%;margin-bottom: 30px;}
	.foot_about span h2{margin-top: 10px;}
	
	.contact_title{width: 200px;}
	.contact_con{width: calc(100% - 240px);}
	
}


@media only screen and (max-width:1100px ) {


}
@media only screen and (max-width:1000px ) {
	
	.mBtn{display: block;}
	.menuBox{position: fixed; z-index: 99; right: -100%; top: 90px; width: 100%; transition: 0.5s; background: #fff; height: calc(100vh - 90px); display: block;}
	.menuBox.active{right: 0;}
	.menuBox a{display: block; width: 100%;  margin-left:0px; font-size: 24px;  height: 50px; margin-top: 30px;}
	.menuBox a i{height: 50px; line-height: 50px;}
	.menuBox a:hover i:nth-child(1){transform: translateY(-50px);}
	.menuBox a:hover i:nth-child(2){transform: translateY(-50px);}
	.menuBox a.on i:nth-child(1){transform: translateY(-50px);}
	.menuBox a.on i:nth-child(2){transform: translateY(-50px);}

	header{height: 90px;}
	header.active{height: 90px;}
	.index_banner{margin-top: 90px;}
	.logo{ width: 160px; }
	header.active .logo{width: 160px;}
	
    .about_banner h1{font-size: 24px; width: 100%;}
	
	.home_title h1{font-size: 48px;}
	
	.home_box{margin-top: 60px;}
	footer{margin-top: 60px;}
	
	.casebox a{width: 50%;}
	.casebox a:last-child{display: none;}
	
	.brand_title h1{font-size: 36px;}
	.brand_title h2{font-size: 18px; }
	
	.navtext{margin-top: 120px;}
	
	.navtext_left{ font-size: 36px; width: 90px;  }
	.navtext_right{ width: calc(100% - 200px); }
	.navtext_right h1{font-size: 42px; }
	.navtext_right h2{font-size: 20px;}
	
	.fybox{margin-top: 60px; }
	
	.about_left{width: calc(100% - 400px);}
	
	.casebox a span{ width: 100%;height: 80px; top:auto; bottom: 0;opacity: 1; background: rgba(0,0,0,.3); color: #fff; }
	.casebox a span h1{font-size: 18px;}
	.casebox a span h2{ margin-top: 6px;}
	
	
	.casebox2 a span{ width: 100%;height: 80px; top:auto; bottom: 0;opacity: 1; background: rgba(0,0,0,.3); color: #fff; }
	.casebox2 a span h1{font-size: 18px;}
	.casebox2 a span h2{ margin-top: 6px;}
	
	.showbox{margin-top: 120px;}
	
	.contact_title{width: 100%;}
	.contact_con{margin-top: 50px; width: 100%;}
	
	
	
	

}
@media only screen and (max-width:900px ) {
    

	 
	 
	
}
@media only screen and (max-width:800px ) {
    .contacts_box{width: 100%;}
	.foot_contact{width: calc(50% - 20px); }
	.foot_contact:nth-child(2){margin-left: 0px;}
	.foot_focus{margin-top: 30px;}
	
}
@media only screen and (max-width:750px ) {

  
	.banner_swiper .swiper-button-prev{width: 50px!important; height: 37px!important;  }
	.banner_swiper .swiper-button-prev em img{width: 19px; height: 37px;}
	.banner_swiper .swiper-button-prev:hover i{width: 15px;}
	.banner_swiper .swiper-button-next{width: 50px!important; height:37px!important; ;}
	.banner_swiper .swiper-button-next em img{display: block; width: 19px; height: 37px;}
	.banner_swiper .swiper-button-next:hover i{width: 15px;}
	
	.about_banner{padding: 20px; margin-top: 30px;}
	.about_banner h1{font-size: 18px;}
	.about_banner h2{font-size: 20px;}
	
	.home_box{margin-top: 40px;}
	.about_tx{margin-top: 40px;}
    .about_more{margin-top: 40px;}
	.nums{margin-top: 40px;}
	.numitem span p{font-size: 36px;}
	.numitem h1{font-size: 15px;}
	
	.fuwus{margin-top: 20px;}
	.fuwu_list{width: 100%; margin-top: 20px;}
	.fuwu_title h1{margin-top: 0;}
	.fuwu_title{height: auto; padding: 20px; box-sizing: border-box;}
	
	.casebox{margin-top: 40px;}
	.casebox a{width: 100%;}
	
	
	
	.newsbox{margin-top: 40px;}
	.news_btn{margin-top: 40px;}
	
	.brand_title h1{font-size: 32px;}
	.brand_title h2{font-size: 14px; }
	
	.brands{ margin-top: 25px;}
	.brands span{width: calc(33.3333% - 8px); margin-right: 12px; margin-top: 12px; }
	.brands span:nth-child(3n){margin-right: 0;}
	.brands span:nth-child(5n){margin-right: auto;}
	.brands span:hover{transform: translateY(0);}
	
	footer{margin-top: 40px;}
	.foot_top{padding-top: 30px;}
	
	
	.navtext_left{  display: none;  }
	.navtext_right{ width: 100%; }
	.navtext_right h1{font-size:28px; }
	.navtext_right h2{font-size: 18px;}
	
	.about_pic{width: 100%; margin-top: 30px;}
	.chuangren{margin-top: 90px;}
	.about_left{width: 100%;}
	.fybox{margin-top: 40px; padding-top: 40px;}
	.rentitle{position: absolute; top: 30px; left: 0;}
	.wenhuabox{margin-top: 40px;padding:0 20px;}
	.wenhua_list{padding-bottom: 30px; padding-top: 30px;}
	
	.casebox2 a{width: 100%;}
	
	.pages{margin-top: 40px;}
	
	.con_show_title h1{font-size: 28px;}
	.bar{margin-top: 40px;}
	.bar a.show_prev{width: calc(50% - 40px);}
	.bar a.show_next{width: calc(50% - 40px);}
	.service_item{margin-top: 40px;}
	
	.service_list{width: 100%; border-right: 0;}
	.service_list:nth-child(3){border-bottom: 1px #ddd solid;}
	
	.liuchengbox{margin-top: 28px;}
	.liuchengbox span{width: calc(50% - 6px); margin-top: 12px; padding: 20px;}
	.liuchengbox span h2{font-size: 20px;}
	
	.wenzhang{margin-top: -30px;}
	.wenzhang a{margin-top: 30px; width: calc(50% - 6px);}
	.wenzhang a span h1{font-size: 18px;}
	
	.contact_item{width: 100%; margin-top: 30px;}
	.contact_con{margin-top: 0;}
	.contact_item i{width: 100%;}
	
	.join_list{padding: 30px 0;}
	.join_list:first-child{padding-top:30px;}
}	

@media only screen and (max-width:600px ) {
    
    .foot_about em{width: 160px;}
	.foot_contact{width: 100%;}
	.foot_contact:nth-child(2){margin-top: 30px;}
	.foot_center h2{width: 100%; margin-top: 10px; }
	.foot_center h2 a{font-style: italic;}

	
}
@media only screen and (max-width:500px ) {

}
@media only screen and (max-width:420px ) {

}
@media only screen and (max-width:350px ) {
	
}