@charset "utf-8";
/* CSS Document */

/*@media screen and (max-width:980px){
	#wrap{
		width:96%;
		padding:0 2%
		
		}	
		
	article{
		width:61.22%;
		padding:0 3.5%;
		padding-top:36px;
		}
	aside{
		width:24.48%;
		}
	
	
	
}
*/
@media screen and (max-width:640px){
	#head{display:none;}
	.ec{display:none;}
	.logoin{width:640px;position:left:0;top:0;}
	.logoin img{margin-top:19px;}
	.s_box input{display:none;}
	.ph{display:none;}
	.ec{display:none;}
	.indexCon .flashBanner{width:100%;height:158px;}
	.bigImg{min-height:150px;width:100%;}
	.nav{height:50px;}
	.navin{display:none;}
.ui-header-left, .ui-header-right{ position:absolute; top:0; left:0; width:52px; height:11%;}
.ui-header-right{ left:auto; right:-254px;}
.ui-header-left a, .ui-header-right a{ display:block; height:100%; background-size:30px auto; background-repeat:no-repeat; background-position:center center;}

.ui-header-ico-home{ background:url(https://jt-supreme.com/images/home.png);}
.ui-header-ico-menu{ background:url(https://jt-supreme.com/images/menu.png);}
		
#menu{ position:absolute; width:138px; height:11%; top:59px; right:-200px; background:#eae8e8; color:#666; z-index:100; display:none;}
#menu li{ border-bottom:1px solid #f7f6f6;}
#menu li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #d2d0d0;}
#menu a{ position:relative; height:40px; line-height:40px;  padding:0 20px 0 40px; border:none; display:block; height:100%; color:#666;}
#menu a:after{
	display:block; content:''; position:absolute; 
	right:8px;
	top:50%;
	margin-top:-6px;
	width:10px; height:10px;
	border:2px solid #bbb;
	border-width:2px 2px 0 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

#menu .icon{ background:url(https://jt-supreme.com/images/icon-menu1.png) 8px center no-repeat; background-size:20px auto;}
	
	
}

@media screen and (max-width:480px){
	aside{display:none;}
	.menu{
		display:block;
		}
	.nav_ul{
		display:none;
		}
	}