@charset "utf-8";
@media (max-width:1200px){
	.menu{ width:200px;}
	.header{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%;}
	.btns{ width:480px; margin-left:-240px;}
	.footer .footer-nav,.footer .copyright{ font-size:13px;}
	
}
@media (max-width:992px){
	.footer .footer-nav,.footer .copyright{width:100%; padding-left:10px; padding-right:10px; line-height:22px;font-size:12px; text-align:center;}
	.btns{ transform:translateY(0px); -webkit-transform:translateY(0px); }
	.menu > .menu-list > ul > li{ height:40px; line-height:40px;}
	
}
@media (max-width:768px){
	.menu{ width:160px;}
	.menu > .menu-hd > span > i{ font-size:14px; }
	.menu > .menu-list > ul > li{ height:36px; line-height:36px; font-size:12px;}
	.header > .logo{ width:282px;}
	.header > .btn-menu,.header > .btn-menu > i{ font-size:14px;}
	.btns{ transform:translateY(-20px); -webkit-transform:translateY(-20px); }
}
@media (max-width:640px){	
	.btns{ width:420px; height:36px; margin-left:-210px; transform:translateY(-20px); -webkit-transform:translateY(-20px); }
	.btns > ul > li,.btns > ul > li > a{ font-size:12px; height:36px; line-height:36px;}
	.btns > ul > li > a > i{  padding:3px; font-size:14px;}
	.btns > ul > li > p{ height:140px;margin-top:-70px;}
	.btns > ul > li > p > a{height:35px; line-height:35px;}
	
}

@media (max-width:480px){
	.menu{ width:120px;}
	.header{ margin-top:25px}
	.header > .logo{ width:200px;}
	.btns{ width:150px; margin-left:-160px; height:auto; transform:translateY(-80px); -webkit-transform:translateY(-80px); }
	.btns > ul > li{ width:100%; margin-right:0; margin-top:0; margin-bottom:10px;}
	.btns > ul > li > p{left:150px;}

}
@media (max-width:375px){
	.btns{  width:120px; height:auto; margin-left:-120px; transform:translateY(-20px); -webkit-transform:translateY(-20px);}
	.btns > ul > li > p{left:120px;}
}