﻿@charset "utf-8";
@font-face {font-family: 'FontAwesome';src: url('fonts/ark.eot.txt');src: url('fonts/ark.ttf.txt') format('truetype'),url('fonts/ark.woff.txt') format('woff2');font-weight: normal;font-style: normal}
/* 通用样式 */
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
.logobar .s1{ float:left;width:450px; text-align:left;}
.logobox{width:422px;height:27px;overflow:hidden;}
.logobar .s1 h1{ display:none;}
.logobar .s3{float:right;width:360px;}
.logobar .s3 .sIn{padding:6px 0 0 0;text-align:left;color:#6c6c6c;}
.logobar .s3 .sIn a{color:#6c6c6c;}
.logobar .s3 .c1{text-align:right;line-height:26px;}
.logobar .s3 .c2{margin:0px 0 0 0;line-height:26px; float: right;}
.logobar .s3 .cur a{ color:#C00}
.searchbox{ float:right;}
.imgTip{ clear:both; }
.ispan{float:left;border: 1px solid #b2b2b2;height: 25px;overflow:hidden;background:#fff;}
.ispan .span-in{display:block;width: 210px;height: 25px;overflow:hidden;position:relative;}
.ibox{border:0;padding: 0;width:207px;font-size: 16px;}
#searchselect{margin:4px 1px 0 0;font-size:12px;height: 17px;border: 0;}
.bspan{float:left;border:  1px solid #b2b2b2;border-left: 0;height: 25px;}
#searchtext{height: 25px;line-height: 25px;width:200px;border: 0;padding: 0 3px;}
.slspan{position:absolute;right:0;top:0;}
.button{margin: 0 0 0 -1px;width: 25px;height: 25px;border: 1px solid #fff;background: url(../images/s.gif) no-repeat;padding:  0;border-radius:  0;}

@media only screen and (max-width:800px) {
body{-webkit-text-size-adjust:none;font-size: 16px;}
.logobar .s1{ float:none;width:100%;margin-top:26px; text-align:left;}
.logobox{background-position: center;background-size:90vw calc(90vw * 0.25);width:100%;height:calc(90vw * 0.25);overflow:hidden;}
.logobar .s3{float:none;width:auto;}
.logobar .s3 .c1{
	position: absolute;width:100%;top:0;left: 0;
	text-align:left;
	line-height:26px;}
	
.logobar .s3 .sIn{
	padding:0;
}
.logobar .s3 .c1 a{
	padding: 0 0 0 12px;
}
.logobar .s3 .c2{line-height:26px; float: none;margin: 0;}
.searchbox{float:none;margin:0;height: 27px;width:auto;}
#searchtext{width:172px;}
.ibox{width:178px;}
.ispan .span-in{display:block;width:178px;}




	
.fa {
	display: inline-block;
	font: normal normal normal 24px/1.1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fa-bars:before {
	content: "\f0c9"
}
.fa-user-o:before {
	content: "\f2c0"
}
.fa-search:before {
  content: "\f002";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.toggled .fa-bars:before, .toggled .fa-user-o:before,.toggled .fa-search:before {
	content: "\f00d"
}
/*----------------page-wrapper----------------*/
.page-wrapper {
}
/*----------------toggeled sidebar----------------*/

.sidebar-wrapper, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper ul li a i,.sidebar-toggle {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
/*----------------sidebar-wrapper----------------*/
.sidebar-wrapper {
	width: 209px;
	height: 27px;
	max-height: 27px;
	position: fixed;
	top: 2px;
	left: auto;
	right:0;
	z-index: 9999;
}
.sidebar-wrapper a{
	color:#fff;
}
.pw-r .sidebar-wrapper {
	left: auto;
	right: -209px;
}
.page-wrapper.toggled .sidebar-wrapper {
	left: 0px;
}
.pw-r.toggled .sidebar-wrapper {
	left: auto;
	right: 0;
}
.sidebar-wrapper ul li:hover a i, .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before, .sidebar-wrapper .sidebar-search input.search-menu:focus + span {
	color: #0086fd;
}
.sidebar-wrapper ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.sidebar-wrapper a {
	text-decoration: none;
}
/*----------------sidebar-content----------------*/
.sidebar-content {
	position: relative;
}
.sidebar-content.desktop {
	overflow-y: hidden;
}
/*--------------------sidebar-brand----------------------*/
.sidebar-wrapper .sidebar-brand {
	padding: 10px 0px 0 0;
	text-align: center;
	border-bottom: 1px solid #10151d;
}
.sidebar-wrapper .sidebar-brand > a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}
/*---------------------toggle-sidebar button-------------------------*/

.sidebar-toggle {
	top: 3px;
	position: absolute;
	font-size: 20px;
	color: #000;
	z-index: 98;
}
.sidebar-toggle:hover {
	color: #000;
}
#toggle-sidebar {
	left: 10px;
}
#toggle-sidebarR {
	right: 10px;
}
.toggled .sidebar-toggle {
	position: fixed;
	top: 2px;
	font-size: 24px;
}
.toggled #toggle-sidebar {
	left:249px;
}
.toggled #toggle-sidebarR {
	right:210px;
}


}

@media only screen and (max-width:360px) {
.login{font-size:12px;}
.iB4 .boxList .menu li a{font-size: 14px;}
.iB4 .boxList .menu li li a{font-size: 12px;}
}
@media only screen and (max-width:350px) {
ul>li.chs{font-size:14px;}
}