/* CSS Document */

*{margin:0px;padding:0px;}
body{font-size:14px;color:#808080;font-family: "微软雅黑";line-height:1.8em; height:100%; }

a,a:visited{text-decoration:none; color:#737373;}
a:hover{color:#189c51;}
a.red:link,a.red:hover,a.red:visited,.red{color:#189c51;}
img{border:none;zome:1}
a:focus{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input:focus {
    outline:none;
}
textarea:focus {
    outline:none;
}
textarea { -webkit-appearance: none;} 

/*img:hover{filter:alpha(opacity=80);	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity:  0.8;}
*/li,dl{list-style:none;}
.clear:before,.clear:after{content:".";display:block;height:0px;visibility:hidden;}
.clear{clear:both;}
html{ position:relative;}
h1,h2,h3{ font-weight:500;}

#wrap{ width:100%; position:relative; min-width:1200px;}
header{ width:90%; height:90px; padding:0 5%; position: absolute; left:0; top:0; background:url(../images/bg1.png); z-index:33;}
.logo{ height:50px; float:left; margin-top:20px;}
.logo img{ height:50px; vertical-align:middle;}
nav{ width:540px; float:left; margin-left:100px; position:relative; height:60px; margin-top:15px;}
nav li{ width:90px; height:60px;line-height:60px;text-align:center;  position:relative; float:left; margin:0 1.5%;}
nav li span{line-height:50px; font-size:16px; color:#333;}
.nav li span a{ color:#333 ; vertical-align:middle}

nav li:hover span{  color:#189c51;}
.menubtn{ display:none;}
.submen{ width:100px; padding:10px 0; overflow:hidden; position:absolute; left:-5px; top:60px; border-radius:5px; background:url(../images/bg1.png); display:none; }
.submen a{ display:block; height:30px; color:#333;width:100%; text-align:center; line-height:30px;}
nav li:hover .submen{ display:block;}
nav li .submen a:hover{ color:#fff; background:#c8141d}
.active span a{  color:#189c51 !important;}


.topright{ float:right; width:200px; position:relative; height:30px; margin-top:30px;}
.topright h2{ color:#000; font-size:16px; float:left; line-height:30px; text-indent:20px;}
.selbtn{ width:30px; float:left; height:30px; cursor: pointer; background:url(../images/sel.png) center no-repeat; }
.qqbtn {
    width: 30px;
    float: right;
    height: 30px;
    cursor: pointer;
    background: url(../images/qq.png) center no-repeat;
	background-size:25px 25px;
}
.sel{ position:absolute; top:56px; display:none;  right:0; width:220px; background:#fff; height:30px; padding:5px 10px;}
.text{ width:180px; text-indent:10px; height:28px; border:1px solid #666; float:left;}
.submit{ width:30px; height:30px; border:none; float:right; background:url(../images/sel.png) center no-repeat; cursor:pointer;}


#banner{ width:100%; position:relative;}
#banner .flex-viewport{ width:100%; position:relative;}
#banner .slides li{ width:100%; position:relative;}
#banner .slides li img{ width:100%; position:relative; vertical-align:middle;}
#banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:20px; text-align:center;}
#banner .flex-control-nav li{ width:50px; height:3px; overflow:hidden; margin:4px 5px;  display:inline-block; text-align:center; cursor:pointer;}
#banner .flex-control-nav li a{ display:block; background:#fff; text-indent:-999em;}
#banner .flex-control-nav li .flex-active{ background:#009944}
#banner .flex-direction-nav a{ position:absolute; width:30px; height:65px; display:; display:none;text-indent:-999em; top:50%; margin-top:-50px;}
#banner .flex-prev{ background:url(../images/left.png) center no-repeat; left:30px;}
#banner .flex-next{ background:url(../images/right.png) center no-repeat; right:30px;}

#container{ width:100%; margin:0 auto; position:relative;}
#footer{ width:90%; padding:0 5%; height:90px; position:relative; overflow:hidden; background:#333333; color:#adadad;}
.footleft{ width:50%; float:left; font-size:14px; line-height:90px;}

.footright{float:right; font-size:14px; line-height:90px; overflow:hidden;}
.footright .footmen{ float:left; margin-right:10px;}
.footright .footmen a{ margin-right:10px; color:#adadad;}
.lxi{ float:left; position:relative;}
.lxi li{ width:35px; height:35px; float:left; margin-right:10px; margin-top:22px;}
.weixin{ background:url(../images/wx.png) center no-repeat;}
.weibo{ background:url(../images/wb.png) center no-repeat;}



@media(max-width:900px){
#wrap{ width:100%; position:relative; min-width:100%;}
header{ width:94%; height:40px; padding:0 3%; position: absolute;}
.logo{ height:30px; margin-top:5px;}
.logo img{ height:30px; vertical-align:middle;}

nav{ width:40px; float:right; margin-left:0px; position:relative; height:40px; margin-top:0px;}
.menubtn{ width:40px; height:40px; z-index:22; position:relative; background:url(../images/btn.png) center no-repeat; display:block;}
nav ul{position:fixed; right:-100px; top:0px; padding-top:50px; background:url(../images/bg1.png); width:100px; height:100%; }
nav li{ width:100px; height:auto;line-height:40px;text-align:center;  position:relative; float:none; margin:0;}
nav li span{line-height:40px; display:block; width:100%; font-size:14px; color:#000000;}
nav li:hover span{  color:#189c51;}
.submen{ position: relative; left:0px; top:0px; border-radius:5px; padding:0; background:#fff; display:none;}
.submen a{ display:block; height:20px; width:100%; text-align:center; font-size:12px; line-height:20px;}
.active .submen{ display:block !important;}
.active a:hover{ color:#fff; background:#c8141d}



.topright{ display:none;}

#footer{ width:94%; padding:5px 3%; height:auto}
.footleft{ width:100%; float:none; font-size:12px; line-height:25px;}
.footright{ display:none;}


	
	
	}