@charset "utf-8";
/* CSS Document */
html{}
body{font-family:"Microsoft YaHei", "΢���ź�", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif; font-size:100%; color:#434343; margin:0px; padding:0px; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px;}
img {border:none;}
.clear{clear:both;height:0;overflow:hidden; font-size:0px;}
.clear10{height:10px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
.clear40{height:40px;overflow:hidden;clear:both;}
a:link, a:visited {color:#999; text-decoration: none;outline:none;}
a:hover, a:active {color: #E2373D; text-decoration: none;outline:none;}
.clear{clear:both;}
.head{width:100%; overflow:hidden; border-bottom:1px #ccc dotted;  height:25px;}
.logo{ width:1300px; margin:0px auto;  overflow:hidden; text-align:left;font-size:12px; color:#666666; line-height:25px;}
.logo_left{width:500px; float:left}
.logo_right{ float:right; margin-top:0px; line-height:125px;}

/*banner*/
.banner{height:auto; width:100%; position:relative; height:100%; display:inline-block;}
.slides{position:relative; height:100%;}
.slides li{height:100%; position:relative; width:100%;}
.slides li a{ display:block; width:100%; height:auto;}
.slides li img{display:none;}
@media screen and (max-width:1024px){
.slides li{ background-size:auto 100% !important; height:auto !important;  min-height:500px !important;}
}
@media screen and (max-width:770px){
.slides li{ background:none!important; height:auto !important; min-height:inherit !important;}
.slides li img{ width:100%; display:block;}
}
.flex-control-nav{ position:absolute; bottom:5%; z-index:99; text-align:center; width:100%;}
.flex-control-nav li{ display:inline-block; height:13px; margin:0 6px;}
.flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; border:1px solid #073190; width:11px; height:11px; border-radius:50%; background:#fff; cursor:pointer;transition:0.5s;}
.flex-control-nav li a.flex-active{ background:#073190; border:1px solid #073190; transition:0.5s;}
.flex-direction-nav{position:absolute;z-index:99; width:100%; left:0; margin:0 auto; top:47%;}
.flex-direction-nav li a{display:block;width:15px;height:25px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:1; -khtml-opacity:1; opacity: 1;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(../images/ban_l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:2%;background:url(../images/ban_r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
/*banner*/

.nav{ width:100%;  background:#11863F; height:65px; margin:0 auto; z-index:9999;}
	  


.navli{z-index:999999;}
#webmenu { width:1300px; 
margin:0px auto;
	height:65px;
	text-align:center;
	color:#fff;
	

}
#webmenu a { 
		height:65px;
		line-height:65px;
		width:205px;
		
}
#webmenu li ul {
	display:none; border-top:1px solid #ccc;
}
#webmenu li ul li {
	float:none;
}
*html #webmenu li ul li {
	display:inline;
}
#webmenu li ul a {
	float:none;
	height:65px;
	width:205px;
	line-height:65px; 
	text-transform:capitalize;
	color:#333;
}
#webmenu .height-auto {
	line-height:65px;
	 	 
}
.second-menu, .third-menu, .fourth-menu {
	position:absolute;
}
.first-menu li {
	float:left;
	position:relative;
	color:#333;
	width:205px;
}
.first-menu a {
	float:left;
	display:block;
	height:65px;
	line-height:65px;
width:205px;
	font-size:20px;
	color:#FFFFFF
}
.first-menu a:hover {
	
	color: #fff;
	width:205px;
	background:#46AE35; 
 
}
.second-menu {
	top:65px;
	font-size:18px;
	right:0; 
	z-index:99999999;
}
*html .second-menu {
	right:-1px;
}
.second-menu a {
	font-size:18px;
	color:#333;
}
.second-menu a.arrow {
background-color:#fff;
opacity:0.8;
filter:Alpha(opacity=80);
color:#000;
}

.arrow:hover{ color:#000}


.second-menu a.arrow:hover {
	background:#ccc url(../img/arrow.gif) no-repeat right -35px;
}
.second-menu a.arrow-02 {
	background:#205299;
	
}
.second-menu a.arrow-02:hover {
	background:#46AE35 url(../img/arrow.gif) no-repeat right -205px;
}
.third-menu, .fourth-menu {

	top:0;
	left:105px;
}
.third-menu a {
	background:#46AE35;
	 
}
#subMgm {
	width:205px;
}
#subMgm .third-menu {
	left:205px;
}
#subMgm .fourth-menu {
	left:205px;
}
#subMusic, #subNews {
	
}