@charset "utf-8";
/***************
This is for BASE, including header and footer
***************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, figure, figcaption, code, del, dfn, em, image, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tf, tr, th {
	border: 0px;
	padding: 0px;
	/*font-size: 100%;*/
	margin: 0px;
	font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight:normal;
}
body {
	color: #565656;
	line-height: 20px;
	font-size: 12px;
	font-family:'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	margin: 0px;
}
input, textarea, select {
	font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	background-color: #FFFFFF;
	font-size:12px;
	outline:none;
}
img {
	border: 0px;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;
}
a, a:link {
	text-decoration: none;
	color: #323232;
}
a:hover {
	text-decoration:none;
	color:#8c0000;
}
ul, li {
	list-style-type:none;
}
.pku-red{
   color:#8c0000;
}
.pku-gold{
   color:#dda813;
}
.pku-gray{
   color:#565656;
}
.icon-space-right{
   margin-right:3px;
}
.icon-space-left{
   margin-left:3px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix:after {
	display:block;
	content:'';
	clear:both;
	height:0px;
	visibility: hidden;
}
.yahei {
	font-family:"Microsoft Yahei", Arial;
}
h1, h2, h3, h4 {
	font-family:"Microsoft Yahei", Arial;
}
.relative {
	position:relative;
}
.clearfix {
	*display:inline-block;
	*zoom:1;
	*vertical-align:top;
}
/* Add by PKU zb 2014.9.1 */
.clearfix1 {
	*display:inline-block;
	*zoom:1;
	*vertical-align:top;
	line-height:35px;
}
.clear{
	clear:both;
}
.clear_f {
	clear:both;
}
 *::selection {
 background:#8c0000;
 color: #FFFFFF;
 text-shadow: none;
}
 *::-moz-selection {
 color: #8c0000;
 text-shadow: none;
}
.ie6 {
	text-align:center;
	font-size:14px;
	line-height:60px;
}
.ie6 span {
	float:right;
	margin-right:30px;
	cursor:pointer;
}
.blankspace {
	height:1.5em;
	overflow:hidden;
	margin:0;
	padding:0;
	clear:both;
}
.mainWrap {
	width:1000px;
	margin:auto;
}
.header{
   overflow:hidden;
}
.header .topLine {
}
.header .topWrap {
	padding:0;
	background:#8c0000 url(../img/img_its.gif) no-repeat top right;
}
.header .topWrap .mainWrap{
	height:100px;
}
.header .logo {
	float:left;
	_display:inline;
	padding-top:20px;
	padding-left:15px;
}
.header .logo a{
	float:left;
	display:inline;
}
.header .logo a.xkb_logo {
	float:left;
	display:inline;
	margin-top:15px;
	margin-left:15px;
	padding-left:15px;
	padding-top:2px;
	color:#FFFFFF; 
	font-size:30px;
	height:30px;
	border-left:solid 1px #fff; 
}
.header .logo a.xkb_logo:hover {
	color:#CECECE;
}
.header .logo a.xkb_logo span.logo_hotline {
	font-family:Arial;
}
.header .logo img{
		width:213px;
}
.header .subnavLeft {
	padding-left:10px;
}
.header .subNav {
	background:#700005; 
	border-bottom:0px solid #700005;
}
.header .subNav .onlymobileshow{
	display:none;
}
.header .subNav .menu {
	display:none;
}
.header .subNav li {
	float:left;
	_display:inline;
	padding:6px 2px 6px 3px;
	position:relative;
	z-index:999;
	zoom:1;
}
.header .subNav li a {
	display:block;
	font-size:14px;
	color:#e5e3e3;
	padding:0 5px;
	filter:dropshadow(color=#600000, offx=0, offy=2);
}
.header .subNav li a:hover, .header .subNav li a:focus, .header .subNav li a.hover {
	color:#fff;
}
.header .subNav li.current {
	background:#fff;
}
.header .subNav li.current a {
	color:#444;
	text-shadow:0px 2px 1px #f3f3f3;
	filter:dropshadow(color=#f3f3f3, offx=0, offy=2);
}
.header .subNavRight {
	float:right!important;
}
.header .subNav #mobileNav ul {
   height:120px;
   width:640px;
}
.header .subNav #mobileNav li {
   padding: 2px 2px 2px 2px;
   line-height:40px;
   height:36px;
   width:154px;
   float:left;
}
.header .subNav #mobileNav li form{
   height:40px;
   line-height:40px;
}
.header .subNav #mobileNav li form input {
   width:80px;
   float:left;
   opacity:0.8;
   background-color:#fff;
   border:1px solid #C4C4C4;
   margin-left:8px;
   margin-right:3px;
   margin-top:12px;
}
.header .subNav #mobileNav li form a {
   height:40px;
   line-height:40px;
}
.header .subNav #mobileNav li a {
   font-size:14px;
   color:#000;
   float:left;
}
.header .nav {
	background-color:#fff;
}
.header .nav .menu {
	display:none;
}
.header .nav #nav{
	margin:auto;
	width:1000px;
}
.header .nav li {
	float:left;
	_display:inline;
	padding:0 10px 0 9px;
	+padding:0 9px 0 8px;
	z-index:999;
	zoom:1;
}
.header .nav li.nav_first {
        padding-left:0px;
}
.header .nav li.nav_last {
        padding-right:0px;
} 
.header .nav li a.current {
	background: url(../img/nav_cur_red.png) bottom repeat-x;
}
.header .nav li a {
	display:block;
	line-height:43px;
	font-size:16px;
	color:#333;
	text-align:center;
	width:125px;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
	-ms-transition-duration:0s;
}
.header .nav li a:hover, .header .nav li:hover a{
   color:#fff;
	background:#8f000b;
}
.header .nav li a i {
	padding:0;
 *margin:0 -5px 0 5px;
}
.header .nav li a i:before {
	margin-right:-4px;
}

.header .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

#nav .minfoWrap {
	position:absolute;
	background:#fff;
	border-top: 0px solid #8c0000;
	left:0%;
	width:100%;
	z-index:2;
	padding:2em 0;
	display:none;
}
#nav .minfoWrap_inner {
	width:1200px;
	background:#fff;
	margin:0 auto;
}
#nav ul.last {
	right:2px;
}
#nav ul li {
	float:none;
	display:block;
	padding:0;
	margin:0;
}
#nav ul li a {
	background:#fff;
	line-height:24px;
	font-size:14px;
	color:#565656;
	padding:0 0 0 0px;
}
.header .nav #nav li .sub-nav{
   position:absolute;
   z-index:4;
   display:none;
}
.header .nav #nav .sub-nav li a{
   background:#8c0000;
   color:#fff;
   line-height:16px;
	font-size:14px;
   text-align:left;
   width:205px;
   padding:10px 5px 10px 30px;
}
.header .nav #nav .sub-nav li a:hover{
   background:#9c0000;
}
.readmore {
	/*text-transform: uppercase;*/
	font-size: 15px!important;
	box-shadow: none;
	color: #8c0000!important;
	display:inline !important;
	-webkit-transition: 400ms !important;
	-moz-transition: 400ms !important;
	-o-transition: 400ms !important;
	transition: 400ms !important;
}
.readmore:hover {
	text-shadow: none;
	box-shadow: none !important;
	color:#333!important;
}
.readmore1 {
	/*text-transform: uppercase;*/
	font-size: 15px!important;
	box-shadow: none;
	color: #000000!important;
	display:inline !important;
	-webkit-transition: 400ms !important;
	-moz-transition: 400ms !important;
	-o-transition: 400ms !important;
	transition: 400ms !important;
}
.readmore1:hover {
	text-shadow: none;
	box-shadow: none !important;
	color:#8c0000!important;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.main-body{
  width:100%;
  max-width:1380px;
  margin:0 auto;
  overflow:hidden;
}
.footer{
   width:100%;
   height:32px;
   background: #505050;
   margin-top:40px;
}
.footer .footWrap {
	background:#ededed;
	padding:40px 0;
	border-top: #dfdfdf 1px solid;
}
.footer .footWrap li {
	width:150px;
	float:left;
  _display:inline;
}
.footer .footWrap h4 {
	padding-bottom:8px;
}
.footer .footWrap h4 a {
	font-size:15px;
	color:#333;
}
.footer .footWrap h4 a:hover {
	color:#8c0000
}
.footer .footWrap a {
	color:#787878;
	display:block;
	line-height:24px;
	text-align:center;
}
.footer .footWrap a:hover {
	color:#8c0000;
}
.footer .copyrights {
	color:#f8f8f8;
	padding:15px 0;
	line-height:22px;
	background:#821514;
	border-top:#8c0000;
}
.footer .copyrights .info {
	float:left;
}
.footer .copyrights .info span {
	padding-right:24px;
}
.footer .copyrights .icp {
	float:right;
}
.footer .copyrights .copy {
	display:block;
}
.fot_bot{
   width:940px; 
   margin:0 auto;
   font-size: 12px;
   overflow: hidden;
   color: #fff;
   text-align: center;
   background: #505050;
   height:32px;
   line-height: 32px;
}
.fot_bot span{
   display:inline-block;
   float:left;
   width:160px;
   padding: 0 20px;
}
.fot_bot .copyright{
   width:160px;/*195px*/
}
.fot_bot .addr{
   width:195px;
}
.fot_bot .telephone{
   width:195px;
}
.fot_bot .tech-sup{
   width:195px;
}

._plugMasklayer {
	background: none repeat scroll 0 0 #FFFFFF;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.8;
	filter:alpha(opacity=80);
	_position: absolute;
	position:fixed;
	top: 0;
	width: 100%;
	z-index: 9998;
	bottom:0;
}
._plugLayer {
	background: none repeat scroll 0 0 #FFFFFF;
	display: none;
	left: 50%;
	top: 50%;
	border:1px solid #609;
	_position: absolute;
	position:fixed;
	z-index: 9999;
}
/*action*/
.ssubNav {
	display:none;
}

.header .nav_long {
   display:block;
}
.header .nav_short {
   display:none;
}


/***
This is for ITS Login Page style like IAAA
--- zhangy --2017.12--
****/
	input::-webkit-search-cancel-button{ 
		display: none; 
	} 
	input[type=search]::-ms-clear{ 
		display: none; 
	}
	::-ms-clear, ::-ms-reveal{display: none;}

	.loginPanel_v2_bg {
		position:absolute;
		z-index:49;
		width:270px;
		height:200px;
		right:60px;
		padding-top:15px;
		padding-left:15px;
		padding-right:15px;
		background-color:#fff;
		filter:alpha(Opacity=70);
		-moz-opacity:0.70;
		opacity: 0.70;
		-moz-box-shadow:0 2px 1 rgba(0, 0, 0, 0.2), 0 -2px 1 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow:0 2px 1 rgba(0, 0, 0, 0.2), 0 -2px 1 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3);
		box-shadow:0 2px 1 rgba(0, 0, 0, 0.2), 0 -2px 1 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.3);
	}
	.loginPanel_v2 {
		position:absolute;
		z-index:50;
		width:270px;
		right:75px;
		padding-top:15px;
		box-sizing: border-box;
	}
	.loginPanel_v2_row{
		margin-bottom:15px;
	}
	.loginPanel_v2_input{
		color:#B7B7B9;
		width:100%;
		height:40px;
		padding:5px;
		font-size:16px;
		vertical-align:middle;
		ime-mode:disabled;
		border:1px solid #CECECE;
		box-sizing: border-box;
	}
	.loginPanel_v2_tip{
		color:#3f3f3f;
		font-size:16px;
		vertical-align:middle;
		position:absolute;
		right:10px;
		top:80px;
	}
	.loginPanel_v2_tipip{
		color:#3f3f3f;
		font-size:16px;
		vertical-align:middle;
		position:absolute;
		right:10px;
		top:25px;
	}
	.loginPanel_v2_href{
		color:#fff;
		font-size:16px;
		width:100%;
		height:20px;
		vertical-align:middle;
		ime-mode:disabled;
		font-family:Arial, Microsoft YaHei;
		color:#333;
	}
	.loginPanel_v2_btn{
		cursor:pointer;
		width:100%;
		height:40px;
		border-style:none;
		background-color:#B40605;
		border:1px solid #B40605;
		font-size:16px;
		color:#fff;
		vertical-align:bottom;
		-webkit-appearance:none;
	}
	.i-clear{
		color:#ccc;
		vertical-align:middle;
		text-decoration:none;
		position:absolute;
		right:10px;
		top:26px;
		display:none;
	}
	.i-clear-pad{right:85px;top:80px;}
	.nohovercolor{color:#ccc;font-size:16px;}
	#app-10{display:none;}
	.panel_length{padding-bottom:480px!important;}
	.check_code{cursor:pointer;position:absolute;top:122px;right:10px;}


/***********************************************************************
*	screen 1024px
*
******/
 @media screen and (max-width:1024px) {
	.mainWrap {
		width:800px;
		margin:0 auto;
	}
	.header .nav #nav{
		width:795px;
	}
	.header .nav #nav .minfoWrap .minfoWrap_inner div.fl{
		display:none;
	}
	.header .nav li {
		padding:0 11px 0 11px;
		+padding:0 10px 0 10px;
	}
	.header .nav li a {
		font-size:13px;
		width:90px;
	}
	#nav ul {
		width:100px;
	}
	#nav ul.fl{
		width:160px;
	}
	#nav ul.fl a {
		width:150px;
	}
	.header .nav #nav .sub-nav li a{
		line-height:25px;
		font-size:11px;
		line-height:12px;
		width:158px;
		padding-left:20px;
	}
	.footer .footWrap li {
		width:120px;
		overflow:hidden;
	}
	.footer{
		height:65px;
	}
	.fot_bot{
		width:500px;
		height:55px;
	}
	.fot_bot span{
		text-align:left;
	}
	.fot_bot .postcode{
		width:200px;
	}
	.fot_bot .telephone{
		width:160px;
	}
	.fot_bot .tech-sup{
		width:160px;
	}
	.header .topWrap {
		height:auto;
	}

/****
This is for ITS Login Page style like IAAA
--- zhangy --2017.12--
****/
	.panel_length{padding-bottom:370px!important;}

}

/***************************************************
*  screen 800px
***********************************/
 @media screen and (max-width:800px) {
	.mainWrap {
		width: 640px;
	}
	#nav .minfoWrap {
		left:50%;
		margin-left:-380px;
		width:760px;
	}
	.header .topWrap {
		position:relative;
	}
	.header .logo {
		margin:auto;
		padding-left:0px;
	}
	.header .search {
		float:none;
		position:absolute;
		width:100%;
		top:0px;
		margin-top:10px;
	}
	.header .search .ext {
		float:right;
		padding:4px 30px 10px 0;
	}
	.header .search .ext a {
		color:#fff;
	}
	.header .search .inp {
		border:0;
		margin-left:20px;
		height:14px;
		width:130px;
		background:#fff;
	}
	.header .search .btn {
		height:20px;
		line-height:20px;
		font-size:12px;
	}
	.header .subnavLeft {
		padding-top:30px;
	}
	.header .subNav li a {
		font-size:12px;
		color:#f5f5f5;
	}
	.header .subNavRight li a {
		padding-left:17px;
	}
	.minfoWrap {
		display:none!important;
	}
	.header .topWrap {
		height: auto;
	}
	.header .nav {
		border:0;
	}
	.header .nav .menu {
		display:none;
		line-height:44px;
		line-height:38px;   /*   ZB   */
		font-size:18px;
		padding:0 20px;
		cursor:pointer;
		color:#22132d;
	}
	.header .nav .menu .menuicon {
		float:right;
		color:#22132d;
	}
	.header .nav #nav{
		width:680px;
		text-align:left;
	}
	.header .nav li {
		float:left;
		padding:0px 14px 0px 14px;
		/*background:#fff;*/
		overflow:hidden;
	}
	.header .nav li a {
		font-size:12px;
		line-height:30px;
		color:#333;
		width:70px;
	}
	.header .subNav #mobileNav ul {
		height:80px;
	}
	/*   zhangy 2018-05-03
	.iosSlider .slider .item .inner .text1{
		display:none;
	}*/
	.footer .footWrap li {
		width:190px;
		height:200px;
		overflow:hidden;
	}
	.footer .copyrights {
		text-align:center;
	}
	.fot_bot .copyright,.fot_bot .telephone {
		width:160px;
	}
	.fot_bot .addr,.fot_bot .tech-sup {
		width:160px;
		padding-right:0px;
	}
	.footer .copyrights .info {
		float:none;
		display:block;
	}
	.footer .copyrights .icp {
		float:none;
		display:block;
	}
	.header .logo {
		float:none;
		display:block;
		width:544px;
		height:60px;
		margin:0 auto;
		padding-bottom:0;
	}
	.header .nav {
		float:none;
		background:#efefef;
	}
	.header .topWrap {
		height:auto;
	}
	.minfoWrap {
		display:none!important;
	}
	
/**
This is for ITS Login Page style like IAAA
--- zhangy --2017.12--
****/
	.panel_length{padding-bottom:300px!important;}
	
}

/************************************************
*  screen 700px
****************/
@media screen and (max-width:700px) {

	.header .nav li {
		float:left;
		padding:0px 11px 0px 11px;
		/*background:#fff;*/
		overflow:hidden;
	}
	
}

/*************************************************
*  screen 640px
****************/
 @media screen and (max-width:640px) {

	.mainWrap {
		width: 100%;
	}
	.mainWrap02 {
		position:relative;
		display:none;
		background:#444;
	}
	.header .topWrap {
		position:relative;
	}
  .header .topWrap .mainWrap{
		height:80px;
   }
	.header .logo {
		margin:auto;
		padding-left:0px;
		padding-top:20px;
		padding-bottom:20px;
		width:392px;
	}
	.header .logo img{
		width:160px;
	}
	.header .logo a.xkb_logo {
		margin-top:10px;
		font-size:20px;
	}
	.header .search {
		float:none;
		position:absolute;
		width:100%;
		top:0px;
		margin-top:10px;
	}
	.header .search .ext {
		float:right;
		padding:4px 30px 10px 0;
	}
	.header .search .ext a {
		color:#fff;
	}
	.header .search .inp {
		border:0;
		margin-left:20px;
		height:14px;
		width:130px;
	}
	.header .search .btn {
		height:20px;
		line-height:20px;
		font-size:12px;
	}
	.header .topWrap {
	height: auto;
	}
	.header .nav {
	border:0;
	}
	.header .nav .menu {
		display:none;
		line-height:44px;
		line-height:38px;   /*   ZB   */
		font-size:18px;
		padding:0 20px;
		cursor:pointer;
		color:#22132d;
	}
	.header .nav .menu .menuicon {
		float:right;
		color:#22132d;
	}
   .header .nav li {
		/*background:#fff;*/
		overflow:hidden;
		padding:0 6px 0 6px;
	}
	.header .nav li a {
		color:#000;
		/* add  */
		font-size:14px;
		width:80px;
	}
	.header .nav li a .thuicon-angle-down {
		display:none;
	}
	.header .subNav #mobileNav ul {
		height:120px;
		width:480px;
	}
	.footer .footWrap {
		padding:14px 0;
	}
	.footer .footWrap li {
		width:25%;
		height:auto;
	}
	.footer .footWrap a {
		display:none;
	}
   .footer .footWrap h4 a {
		display:block;
		font-size:12px;
		line-height:30px;
	}
	.footer .footWrap h4 {
		padding-bottom:0;
	}
	.footer .copyrights {
		text-align:center;
	}
	.footer .copyrights .info {
		float:none;
		display:block;
		padding:0 30px;
	}
	.footer .copyrights .info span {
		display:block;
		padding:0;
	}
	.footer .copyrights .icp {
		float:none;
		display:block;
	}
	.header .caret {
		display:none;
	}
	.subNav .ssubNav {
		display:block;
		line-height:35px;
		line-height:32px;   /*   ZB   */
		font-size:14px;
		padding:0 6px;
		color:#fff;
		background:#700005;   /*  ZB   */
	}
	.header .subnavLeft {
		padding-top:30px;
	}
	.header .subNav li {
		float:none;
		border:none;
	}
	.header .subNavRight li a {
		padding-left:17px;
	}
	.header .subNavRight {
		float:none!important;
	}
	.minfoWrap {
		display:none!important;
	}
	
/***
This is for ITS Login Page style like IAAA
--- zhangy --2017.12--
****/
	.panel_length{padding-bottom:230px!important;}
	.loginPanel_v2_bg{background-color:#fff;}
	 #app-10{display:block;}

 
}

/****************************************************
*	screen 480px
************************************/
@media screen and (max-width:480px) {

	.header .subNav #mobileNav ul {
		height:160px;
		width:360px;
	}
	.header .topWrap {
		background-size:auto 70px;
	}
	.header .topWrap .mainWrap{
		height:70px;
	}
	.header .logo {
		padding-top:16px;
		padding-bottom:16px;
		width:321px;
	}
	.header .logo img{
		width:140px;
	}
	.header .logo a.xkb_logo {
		margin-top:6px;
		margin-left:10px;
		padding-left:10px;
		font-size:16px;
		height:24px;
	}
	/*--  zhangy 2018-05-03  --*/
	.iosSlider .slider .item .inner .text1{
		display:none;
	}/* -- -- */
	.footer{
		height:70px;
	}
	.fot_bot{
		width:300px;
		height:60px;
		padding-left:20px;
	}
	.fot_bot span{
		width:240px;
		text-align:left;
	}
	.fot_bot .tech-sup, .fot_bot .addr{
		width:160px;
		padding-left:20px;
		padding-right:0px;
   }
	.fot_bot .telephone, .fot_bot .copyright{
		width:120px;
		padding-left:0px;
		padding-right:0px;
   }
	.header .nav_long {
		display:none;
	}
	.header .nav_short {
		display:block;
	}
	.header .nav li {
		overflow:hidden;
		padding:0px 0px 0px 0px;
	}
	.header .nav li a {
		width:40px; /*50px*/
	}
	.header .nav_hpc{width:55px!important;}
	.header .nav_phone_style {width:70px!important;}

	
/****
This is for ITS Login Page style like IAAA
--- zhangy --2017.12--
*****/
	.panel_length{padding-bottom:360px!important;}
	.loginPanel_v2_bg{display:none;}
	.loginPanel_v2{
		width:100%;
		left:0px;
		right:0px;
		top:140px;
		padding-left:15px;
		padding-right:15px;
		box-sizing:border-box;
		background-color:#fff;
	}
	.loginPanel_v2_input{
		font-size:14px;
		border-left-width:0px;
		border-right-width:0px;
		border-top-width:0px;
		height:35px;
		-webkit-appearance:none;
		border-radius:0px;
	}
	.loginPanel_v2_btn{font-size:14px;}
	.loginPanel_v2_href{font-size:14px;}
	.loginPanel_v2_tip{font-size:14px;top:57px;right:15px;}
	.loginPanel_v2_tipip{font-size:14px;top:23px;}
	.i-clear{right:20px;top:22px;}
	.i-clear-pad{right:75px;top:57px;}
	.nobottom480{margin-bottom:0px;}
	.content .info-note ul li span.s-wd{width:47px;}
	.check_code{top:100px;right:20px;}
	.header .nav #nav {width:420px;}
	.header .nav li {padding:0px 5px 0px 5px;}
	
}

@media screen and (max-width:440px){
	.header .nav #nav {width:390px;}
	.header .nav li {padding:0px 5px 0px 0px;}
}
@media screen and (max-width: 400px){
	.header .nav #nav {width:360px;}
	.header .nav li {padding:0px 0px 0px 0px;}
}

/**********************************************************
*	screen 360px
******************************/
 @media screen and (max-width:360px) {
   
	.minfoWrap {
		display:none!important;
	}
	.header .subNav #mobileNav ul {
		height:160px;
		width:320px;
	}
	.header .topWrap {
		background-size:auto 60px;
	}
	.header .topWrap .mainWrap{
		height:60px;
	}
	.header .logo {
		padding-top:14px;
		padding-bottom:14px;
		width:291px;
	}
	.header .logo img{
		width:120px;
	}
	.header .logo a.xkb_logo {
		margin-top:6px;
		margin-left:10px;
		padding-top:0px;
		padding-bottom:2px;
		padding-left:10px;
		font-size:15px;
		height:20px;
	}
   
}

/***********************************************
*	screen 320px
**********************************/
 @media screen and (max-width:320px) {
 
	.header .subNav #mobileNav ul {
		height:320px;
		width:200px;
	}
	.header .topWrap {
		background-size:auto 50px;
	}
	.header .topWrap .mainWrap{
		height:50px;
	}
	.header .logo {
		margin:auto;
		padding-top:11px;
		padding-bottom:11px;
		width:241px;
	}
	.header .logo img{
		width:100px;
	}
	.header .logo a.xkb_logo {
		margin-top:6px;
		margin-left:10px;
		padding-top:0px;
		padding-bottom:6px;
		padding-left:10px;
		font-size:12px;
		height:15px;
	}
	.header .search .inp {
		width:100px;
	}
	.header .nav .menu {
		line-height:40px;
		font-size:16px;
	}
	.minfoWrap {
		display:none!important;
	}
	.header .nav li {
		overflow:hidden;
		padding:0px 0px 0px 0px;
	}
	
}