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

.header {background:#a74f30; 
}
.header .topLine {
}
.header .topWrap {
	padding:0;
	background:#a74f30 url(../figs/top_2.png) no-repeat bottom center;
	border-top: 2px solid #af0a1a;
	border-bottom: 2px solid #af0a1a;
}
.header .topWrap .mainWrap{
	/*background:url(../figs/header_right1.png) no-repeat top right;*/
	height:80px;
	margin:auto;
	min-width:320px;
	width:auto;
	padding-left:50px;
}
.header .logo {
	/*padding-top:20px;
	padding-bottom:20px;*/
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	float:left;
}
.header #iop_logo1 {
display:none;
}
.header .note {
	position:absolute;
	right:0%;
	top:0%;
}
.header .note li{
	float:left;
	z-index:1000;
}
#form_Search{
    margin-right:5px;
}

#nav .minfoWrap1 {
	border: 2px solid #af0a1a;
	background:#fff;
	position:absolute;
	right:0%;
	padding:5px auto;
	display:none;
	z-index: 2; 
	width:200px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-bordert-radius: 6px;
    border-radius: 6px;
}
.nav06{
    margin-top:1px;
    margin-right:10px;
	float:left;
	display: block;
	background: #f4f4f4;
	line-height:160%;
	color: #0008c;
    border-radius: 6px;
	border: 2px solid #af0a1a;
	font-size:16px;
}
.header .nav {
	margin:0 auto 0 auto;
	float:right;
	 /*float:right;
	_display:inline;
	border-top: 1px solid #af0a1a;*/
}
.nav05{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:5%;
	width: 40%;
	float:left;
	display: block;
	background: #f4f4f4;
	line-height:160%;
	color: #0008c;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-bordert-radius: 6px;
    border-radius: 6px;
	border: 1px dashed #8c0000;
	font-size:16px;
}
.header .menu {
	display:none;
}
 

.header .nav li {
  	width:100px;
    margin-left:10px;
	float:left;
	z-index:1000;
	zoom:1;	
	border: 1px solid #af0a1a;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-bordert-radius: 8px;
    border-radius: 8px;
}
.header .nav li.nav_first {
    padding-left:0px;
}
.header .nav li.nav_last {
    padding-right:20px;} 
	
.header .nav li a {
	background-color:#fff;
	display:block;
	line-height:30px;
	color:#333;
  	text-align:center;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-bordert-radius: 8px;
    border-radius: 8px;
 	font-size:18px;
}
.header .nav li a:hover{
	font-size:20px;
    color:#fff;    
	background: none;  
	font-weight:bold;
}
.header .nav li a i {
	padding:0;
    *margin:0 -5px 0 5px;
}
.header .nav li a i:before {
	margin-right:-4px;
}
.nav04{
	z-index: 9; 
}


#nav{
  	width:auto;
  	height:auto;
}
#nav .minfoWrap {
	border-bottom: 2px solid #af0a1a;
	border-top: 3px solid #af0a1a;
	background:#fff;
	position:absolute;
	right:0%;
	height:160px;
	padding:0 0 0 0;
	display:none;
	z-index: 2; 
	width:100%;
}
#nav .minfoWrap_inner {
	margin:0;
}
#nav ul {
	width:12.5%;
}
#nav ul li {
	width:100%;
	float:none;
	display:block;
	padding:0;
	margin:0;
}
#nav ul li a {
	width:100%;
	line-height:24px;
	font-size:14px;
	color:#565656;
	padding:0 0 0 0px;
	background:none;
}
#nav ul li a:hover {
	color:#af0a1a;
}
.nav01 {
    margin-left:3%;
    margin-top:2em;
	width:15%;
	background:none;
    margin-left:20px;
}

.nav02 {
	display:block;
}
.nav03 {
	opacity: 0.5;
	filter: alpha(opacity=50);
	width:15%;
    margin-left:3%;
	font-size:14px;
    margin-right:3%;
    padding-right:0;
	z-index: 5; 
	color:#999;
	line-height:24px;
}

.fl {
	float:left;
}
.fr {
	float:right;
}

 @media screen and (max-width:1366px) {
 

 .header .nav li a {
 font-size:18px;
}
.header .nav li a:hover, .header .nav li a.hover {

	font-size:18px;
}
.nav03 {
	font-size:14px;
}
#nav .minfoWrap {
	width:100%;
}
}

 @media screen and (max-width:1024px) {

.header .topWrap .mainWrap{
	padding-left:15px;
}
.header .logo {
	padding-left:15px;
}

.nav02 {
	display:none;
}
.nav03 {
	width:20%;
}
 .header .nav li {
}
 .header .nav li a {
}
.header .nav li a:hover, .header .nav li a.hover {

 font-size:16px;
}
 #nav ul {
 width:100px;
}

 #nav ul.fl{
 width:160px;
}
 #nav ul.fl a {
 width:150px;
}

.header .topWrap {
height:auto;
}
.header #iop_logo {
display:none!important;
}
.header #iop_logo1 {
display:block;
}
}
@media screen and (max-width:800px) {

 .header .nav li {
  	width:95px;
}
 .header .nav li a {
 font-size:16px;
 line-height:24px;
}
.header .nav li a:hover, .header .nav li a.hover {
	font-size:13px;
}
.nav03 {
display:none!important;
}


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

 .header .nav li {
    margin-left:10px;
    margin-right:0px;
}
 .header .nav li a {
 font-size:14px;
 line-height:20px;
}
 #nav ul {
 width:150px;
}
 #nav ul li a {
 font-size:14px;
 line-height:32px;
}

.mainWrap02 {
 position:relative;
 display:none;
 background:#444;
}
.header .topWrap {
 position:relative;
}
.header .logo {
 margin:auto;
 padding-left:0px;
}
.minfoWrap {
display:none!important;
}
 .header .topWrap {
 height: 80;
  /* padding:20px 0 0;*/
}
 .header .nav {
 border:0;
 background:none;
 width: auto;
 /* margin-top:20px;*/
}
 .header #nav {
 border:0;
 background:none;
 width: auto;
 float:left;
 /* margin-top:20px;*/
}
 .header .nav .menu {
 background:#fff;
 float:right;
 /*display:block;*/
 line-height:50px;
 font-size:18px;
 padding:0 20px;
 cursor:pointer;
 color:#22132d;
	display:none;
}
 .header .nav .menu .menuicon {
 float:right;
 color:#22132d;
}
 .header .nav ul {
 display:none;
}
 .header .nav li {
}
 .header .nav li a {
 font-size:16px;
}
.header .nav li a:hover, .header .nav li a.hover {
font-size:13px;
color:#fff;     
background: none;  
font-weight:bold;
}
.header .logo {
float:left;
display:block;
width:auto;
height:80px;
margin:0 auto;
padding-bottom:0;
}
.header #iop_logo2 {
display:none!important;
}

}