/* CSS Document */

*{margin:0px;padding:0px;}
body{font-size:20px;color:#000;font-family: Verdana, Geneva, sans-serif, Arial, "微软雅黑";line-height:1.8em; height:100%; position:relative; max-width:2880px; }

a,a:visited{text-decoration:none; color:#737373;}
a:hover{color:#39ACA1;}
a.red:link,a.red:hover,a.red:visited,.red{color:#f60;}
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%; margin:0 auto;  position:relative; min-width:1200px;}
#header{ width:100%; height:200px; position:relative; z-index:22;}

.nav{  margin:0 auto; height:200px; position:relative;}
.logo{ width:9%; height:auto; float:left;  margin-top:40px; margin-left:2%; }
.logo img{ width:100%; vertical-align:middle;}
.menu{ float:right; height:35px; width:100px; margin-top:90px; margin-right:2%; padding-bottom:10px; }
.menu ul{ height:35px; top:90px;  position:absolute; right:120px;}
.menu li{ float:left; position:relative; padding:0 30px;line-height:35px; margin-right:70px; font-size:26px; }
.menu li a{ color:#333;}
.submenu{ display:none; width:100%; position:absolute;left:0px;     top: 7px;}
.submenu span{ width:21px; height:21px; margin-top:0px; border-radius:50%; display:block; background:#39ACA1;}
.submenu h2{ width:100%; height:1px; background:#000; position:absolute; left:0; top:8px;}
.sub1 span{ margin-left:51px;}
.sub2 span{ margin-left:53px;}
.sub3 span{ margin-left:72px;}
.sub4 span{ margin-left:64px;}
.sub5 span{ margin-left:42px;}
.sub6 span{ margin-left:47px;}



/*.menu ul li a:hover{ color:#39ACA1;}*/
.menu ul li:hover .submenu{ display:block;}

.menu .menubtn{ width:40px; height:40px; position:relative; top:-10px; float: right; background:url(../images/menu.png) center no-repeat; display:block; cursor:pointer; z-index:22;}
.select{ width:220px; float:left  ;height:30px; z-index:222; margin-top:5px;}
.text{ width:125px; text-indent:5px; height:20px; border:1px solid #ccc; float:left;}
.submit{  width:30px; height:25px; float:left; position:relative; top:-2px; background:url(../images/sel.png) center no-repeat; cursor:pointer; border:none; }
.lan{ float:right; width:45px; height:45px; margin-top:-10px; position:relative; background:url(../images/lan.png) center no-repeat;}
.lan a{ display:block; width:42px ; height:45px; text-align:center; line-height:45px; font-size:13px; color:#fff;}


#footer{ width:100%; height:300px; opacity:0.8; font-family:Verdana; color:#b2b2b2; position:relative; overflow:hidden;}

.footmenu{ float:right; position:relative; height:30px; margin-top:15px; margin-right:6%}
.footmenu ul{ float:left; height:30px; margin-right:10px;}
.footmenu ul li{ float:left; padding-right:100px; font-size:22px; position:relative;}
.footmenu ul li span{ border-bottom:1px solid #444; padding:0 5px; display:block;}
.footmenu ul li span a{ color:#666;}
.footmenu ul li .subfoot{ position: absolute; display:none; left:5px;  padding-top:5px; width:160px;}
.footmenu ul li .subfoot a{ display:block; line-height:20px; font-size:12px; color:#666666}
.footmenu ul li:hover .subfoot{ display:block;}
.footmenu ul li .subfoot a:hover{ color:#0c7985; text-decoration:underline;}
 
 .foot{ width:90%; height:30px; position:absolute; line-height:30px; left:5%; bottom:5px; color:#666; text-align:center;}
 @media(max-width:2400px){
	body{font-size:14px;}
	 #header,.nav{ height:100px;}
	 .logo{ margin-top:20px;}
	.logo img{ height:65px; width:auto;}
.menu{ float:right; height:35px; width:100px; margin-top:40px; padding-bottom:10px; }
.menu ul{ height:35px; top:37px;  position:absolute; right:120px;}
.menu li{ float:left; position:relative; padding:0 30px;line-height:35px; margin-right:10px; font-size:14px; }	
.submenu{  top: 9px;}

.submenu span{ width:10.5px; height:10.5px; margin-top:3px; border-radius:50%; display:block; background:#39ACA1;}
.sub1 span{ margin-left:41px;}
.sub2 span{ margin-left:44px;}
.sub3 span{ margin-left:55px;}
.sub4 span{ margin-left:49px;}
.sub5 span{ margin-left:37px;}
.sub6 span{ margin-left:41px;}
.foot{ font-size:12px;}
	#footer{ width:100%; height:170px;}
	
.footmenu ul li{ padding-right:60px; font-size:12px; }
.footmenu ul li .subfoot{ left:8px;}

	 }
 
@media(max-width:1600px){
.nav{  margin:0 auto; height:120px;}
	#header{ height:100px;}

.logo{ margin-top:20px; }
.logo img{ height:65px; width:auto;} 
.menu{ float:right; height:35px; margin-top:45px; padding-bottom:10px;}
.menu ul{top:38px ;}

#footer{height:; }
.foot{line-height:40px;}


}
@media(max-width:1200px){
.footmenu ul li{ padding-right:30px; font-size:12px; }

}