@charset "utf-8";
@media screen and (max-width: 1200px){
	header nav>ul>li>a{
/*		width: 105px;*/
	}
    .banner{
		height: 400px;
	}
    .sub-banner{
		height: 300px;
	}
}
@media screen and (max-width: 990px){
	header nav{
		display: none;
	}
    header .menu{
		display: inline-block;
		*zoom: 1;
		*display: inline;
	}
    header .toptips{display: block;*zoom: 1;*display: inline;}
    
    .topline{display: none;}
	header nav>ul>li>a{
/*		width: 78px;*/
	}
    .topbg{background-position: top;background-size: 170%;height: 128px;}
    .banner{
		height: 360px;
	}
    .sub-banner{
		height: 260px;
	}
}
@media screen and (max-width: 768px){
    .topbg{height: 128px;background-size:inherit;}
	.banner{
		height: 320px;
	}
	.banner .swiper-slide .img1{
		width: 55%;
	}
	header .logo {
	    text-align: center;
	}
	
	header .logo>section{
		background-size: 60% 60%;
	}
	.sub-banner{
		height: 220px;
	}
	
}

@media screen and (max-width: 740px){
	header nav>ul>li>a{
/*		width: 65px;*/
	}
}
@media screen and (max-width: 640px){
	.banner{
		height: 200px;
	}
    .banner .swiper-pagination-bullet{width: 10px;height: 10px;}
	header .logo img {
	    width: 68%;margin: 0 auto;float: initial !important;
	}
    .topbg{height: 92px;}
	
	header .logo>section{
		background-size: 40% 40%;
	}
	
	header .toptips span{
		width: 22px;
	}
    
    .sub-banner{
		height: 200px;
	}
    
}
@media screen and (max-width: 480px){
	header .logo img {
	    width: 260px;
	}
	.topbg{height: 77px;}
	.banner{
		height: 144px;
	}
    
    .sub-banner{
		height: 120px;
	}
}