﻿body{  margin:0px; line-height:20px; font-family:"΢���ź�"; color:#000;}
a{ text-decoration:none; color:white;}
a:hover{ text-decoration:none; color:#1d2088;}
img{ border:0px;}
.clear{ clear:both;}
ul{ margin:0px; padding:0px;}
li{ list-style:none;}
dd,dt,dl{ margin:0px; padding:0px;}
p{ margin:0px; padding:0px;}

#neirong img{ width:100%}


.scroll{ margin:5px auto; max-width:100%;}
.scroll_box{ overflow:hidden; visibility:hidden; position:relative;}
.scroll_wrap{ overflow:hidden; position:relative;}
.scroll_wrap li{ position:relative; display:block; width:100%; float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;left:45%;z-index:400px;bottom:14px;}
.scroll_position li{display:inline-block;width:16px;height:16px;border-radius:10px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}
.scroll_position_bg{background:#fff;position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:680px;height:26px;border-radius:26px;}


.scrollDiv{ width:80%;height:25px;/* ��ҪԪ�� */line-height:25px;overflow:hidden;/* ��ҪԪ�� */}
.scrollDiv li{height:25px;padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}
.scrollDiv li a{height:25px;padding-left:10px;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}
.scrollDiv li a:hover{height:25px;padding-left:10px;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}





/*main*/
.allbg{background:url(../images/backgrnd.jpg) left repeat-y #ebebeb;-moz-background-size:100% 220px;
    -webkit-background-size:100% 220px;
    -o-background-size:100% 220px;
    background-size:100% 220px;}
.mainbg { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-99; }
.mainbg img { width:100%; height:100%; }
		
.mainbox { float:left; width:100%; margin:0 auto; position: relative; z-index: 1; background:#4c4c4c; }
.box{float:left; margin-left:2.5%; margin-top:2%; width:30%;display: inline-block;position:  relative;font-size: 12px; background:#915e29 repeat-x top;}
.box  p { text-align:center; display:block;}
.box  a { display:block; color:#FFF; text-align:center; overflow:hidden;}
.box  a img { width:60%; height:50% ;}
.box  a.logo  img { width:94%; padding-top:10%; margin:0; height:80% ;}
.box  a span { clear:both; display:block; line-height:30px; padding:0 0 40px 0; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center }
.box  p {margin:0; border: 0px; overflow: hidden; border-radius:0}
.box  a img {margin: 10px 0 0 0; }

.box:before{
	content: "";
	display: block;
	padding-top: 100%; /* initial ratio of 1:1*/
}
/* Other ratios */
.ratio2_1:before{
	padding-top: 50%;
}
.ratio1_2:before{
	padding-top: 200%;
}
.ratio4_3:before{
	padding-top: 75%;
}
.ratio16_9:before{
	padding-top: 56.25%;
}
.ratio6_5:before{
	padding-top: 83.33%;
}
.box-content{
	/* Positioning */
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/* Styling */
	text-align: center;
	vertical-align: center;
	text-transform: uppercase;
	color: #fff;
}

.dibu{ background:#fef7ed; width:100%;}




/*�ײ�*/
.top_bar{position:fixed;z-index:900;bottom:-1px;left:0;right:0; background:#b9b9b9;}
.top_menu{
	border-top:1px solid #b3b3b3;width:100%;height:40px;margin:0;padding:0;
	
	background:rgba(255, 255, 255, 0.7);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
	background:-o-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
	background:gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
}
.top_bar .top_menu>li{
	position:relative;text-align:center;display:inline-block;width:25%;float:left;
	
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
	background:-o-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -o-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
	background:gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
}
.top_bar .top_menu li a label{padding:3px 0 0 3px;font-size:12px;overflow:hidden;}
.top_menu>li:first-child{background:none;}
.top_bar .top_menu>li>a{height:40px;line-height:40px;display:block;text-align:center;color:#4f4d4f;text-shadow:0 1px rgba(255, 255, 255, 0.3);text-decoration:none;border-top:1px solid #f9f9f9;}
.top_bar .top_menu>li>a p{overflow:hidden;margin:0 0 0 0;font-size:12px;display:block!important;line-height:18px;text-align:center;}
.top_bar .top_menu>li>a img{padding:0;height:20px;width:20px;color:#fff;line-height:40px;vertical-align:middle;}
.top_bar .top_menu>li>a:hover,.top_bar .top_menu>li>a:active{background-color:#CCCCCC;}



/*��ҳ*/
.nnn{ color:#333;}
.nnn a{ color:#333;}
.dh ul{list-style:none;} 
.dh li{float:left;width:48%;margin-right:0%; margin-left:1%; margin-bottom:8px;line-height:30px;color:#000;} 
.dh a{display:block;text-align:center;height:30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; } 
.dh a:link{ color:#333;text-decoration:none; border:#e0e0e0 1px solid; background:#f4f4f4; } 
.dh a:visited{color:#333;text-decoration:none; border:#e0e0e0 1px solid;color:; } 
.dh a:hover{color:#ffffff; text-decoration:none; background-color:#915e29;} 

.neir p{ font-size:14px; color:#000; line-height:22px;}

.dao{ font-size:12px; color:#666;}
.daoa:hover{ color:#1052ba;}