@charset "utf-8";
/* CSS Document */
@media (max-width:1440px){
	.header ul{top:3%}
	.flash ul{height:35em}
	.flash ul li.s1,.flash ul li.s2,.flash ul li.s3{background-size:100% 100%}
	.flash ul li hgroup{padding-top:10%}
	.flash ul li hgroup p{font-size:3em}
}

@media (max-width:1366px){
	.header ul{top:2.96%}
}

@media (max-width:1080px){
	.header,.product,hgroup.nbox,.footer,.middle{padding-left:1%;padding-right:1%}
	
	.header .htop{float:left;width:80%;border-bottom:none;text-align:left;}
	.header .htop img{width:20%;margin-left:2em}
	.header .htop span{top:1.5em;right:0;left:15em}
	
	.header .menu{display:block;position:relative;float:right;margin-top:3.5%;padding:1% 0.5%}
	.header .menu span{display:block;width:2.1em;height:0.25em;background:rgb(136,136,136)}
  	.header .menu span + span{margin-top: 0.5rem}
	
	.header ul{position:fixed;top:0;left:-26%;width:25%;height:100%;background:#1a1f2a;-webkit-transition:1s;transition:1s;z-index:999}
	.header ul li{width:100%;height:auto;line-height:5rem;}
	.header ul li a{color:rgb(255,255,255)}
	.header ul li a:hover{padding-top:0;border-top:none;padding-bottom:13%;border-bottom:0.3rem solid rgb(215,0,15);color:rgb(215,0,15)}
	.header ul li > dl{width:100%;display:block; margin:0 auto; padding: 0; background: transparent;}
	.header ul li > dl dt a,.header ul li > dl dt a:visited {color:#ffffff}
	.header ul li:hover dt a, .header ul li a:hover dt a {width:100%;height:5rem;line-height:5rem;display:block;color:#cc0000;border-bottom:0;}
	.header ul li > dl dd a,.header ul li > dl dd a:visited {background:#ececec;font-size:14px;height:30px;line-height:30px;text-decoration:none;display:block;padding:0;text-align:center;color:#222222;}
    .header ul li > dl dd a:hover {background:#cc0000;color: #ffffff;font-size:14px;height:30px;line-height:30px;padding:0;text-align:center;border-bottom:0;}
	.header .ddlong{width:100%;height:auto;text-align:center;overflow:hidden}
	
	.flash{margin:0}
	.flash ul{height:30em}
	.flash ul li hgroup p{font-size:2em}
	
	nav{width:100%;text-align:center}
	nav h1{padding:0 0 1%}
	nav hr{display:none}
	nav span{position:static;background:none;padding:0}
	
	hgroup.button button{width:10%}
	
	.about{height:42em;background:url(../images/a.png) no-repeat center 100%}
	.about hgroup{width:90%;padding-bottom:1rem;}
	.about hgroup.button{width:80%}
	
	.footer .fbox hgroup:nth-child(2){text-align:center}
}

@media (max-width:1024px){
	.flash ul{height:27em}
}

@media (max-width:960px){
	.header .htop{line-height:7.5em}
	.header .htop span{top:1.2em;left:14em}
	
	.flash ul{height:25em}
	
	.footer .fbox hgroup:nth-child(2){line-height:10}
}

@media (max-width:768px){
	.header .htop{line-height:6.5em}
	.header .htop span{top:1em;left:12em}
	
	.flash ul{height:20em}
	.flash ul li hgroup p{font-size:1.5em}
	
	nav h1{font-size:1.5em}
	nav span{font-size:1em}
	
	hgroup.button button{width:12%}
	
	.product ul li,.product ul li:nth-child(5),.product ul:nth-child(2) li:nth-child(2),.product ul:nth-child(2) li:nth-child(4),hgroup.nbox ul li{width:46%;margin:auto 2%}
	.product ul li:nth-child(2),.product ul li:nth-child(4),.product ul:nth-child(2) li,hgroup.nbox ul li:nth-child(2){margin-right:0}
	
	
	.footer .fbox hgroup{width:70%}
	.footer .fbox hgroup p span{display:block}
	.footer .fbox hgroup p span:nth-child(2){margin:0}
	.footer .fbox hgroup p:nth-child(3){font-size:1em}
}				

@media (max-width:667px){
	.header .htop span{display:none}
	
	.header .menu{margin-top:4.2%}
	
	.flash ul{height:18em}
	.flash ul li hgroup p{font-size:1.4em}
	
	.footer .fbox hgroup:nth-child(1),center{display:none}
	.footer .fbox hgroup:nth-child(2){width:100%;text-align:center}
	.footer .fbox hgroup:nth-child(2) img{width:25%}
}

@media (max-width:480px){
	.header .htop{line-height:5em}
	.header .htop img{width:30%}
	
	.header .menu{margin-top:5%}
	.header ul{left:-36%;width:35%}
	
	.flash ul{height:12em}
	.flash ul li hgroup p{font-size:1em}
	
	nav{padding:8% 0}
	
	hgroup.button button{width:24%}
	
	hgroup.nbox ul li h1{font-size:1.1em}
	hgroup.nbox ul li p{font-size:1em}
	
	
}