/* CSS Document */

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

a,a:visited{text-decoration:none;  color:#737373;}
a:hover{color:#d88c34;}
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;}
img{ vertical-align:top}
.pic{ width:100%; overflow:hidden;}

#wrap{ width:100%; margin:0 auto;  position:relative; min-width:1000px; min-height:100%;}
#header{ width:92%; padding:0 4%; position: fixed; left:0; top:0; z-index:999 ; height:120px; background:rgba(0,0,0,0.4)}
.logo{ float:left; height:60px; margin-top:30px; position:relative; z-index:333}
.logo img{ height:60px;}
.topright{  position: absolute; right:4%; height:100%; width:100%}
.btn{ position: absolute; top:35px; right:60px; width:50px; height:50px; background:url(../images/menu.png) center no-repeat; cursor:pointer}

.menu ul{ position:absolute; width:80%; top:45px; height:55px;  right:110px; text-align:right; z-index:33}
.openmenu ul{ top:-9945px;transition:all 0.6s;}
.menu ul li{ display:inline-block; height:75px; position:relative; margin:0 20px;text-align:left}
.menu ul li span{font-size:16px; font-weight:bold; color:#fff; display:block; line-height:20px;}
.menu ul li em{ font-size:12px; color:#fff; opacity:0.5; font-style:normal;line-height:15px;}
.menu ul li:hover span{color:#d88c34;}
.menu ul li:hover em{color:#d88c34;}
.menu ul li.current span{color:#d88c34;}
.menu ul li.current em{color:#d88c34;}

.menu li .menusub{ position:absolute; width:100px; left:50%; margin-left:-50px; top:75px; padding:10px 0; display:none; background:rgba(0,0,0,0.4);}
.menu li .menusub a{ display:block; line-height:20px; margin:0 auto; border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px; text-align:center; width:90px; overflow:hidden; font-size:12px; color:#fff;}
.menu li .menusub a:hover{color:#d88c34;}

.menu li:hover .menusub{ display:block;}


.search{position: absolute; top:0px; right:0; width:50px; height:100%;}
.searchbtn{ position: relative;margin-top:35px; width:50px; height:50px; background:url(../images/search.png) center no-repeat; cursor:pointer} 
.select{ display:none; width:300px; height:35px; padding:10px 20px; position:absolute; right:0; top:120px; background:#fff;}
.select .text{ width:263px; float:left; border:1px solid #ccc; height:33px; text-indent:10px;}
.select .button{ width:35px; height:35px; float:left; border: none; background:#f7931c url(../images/search.png) center no-repeat; cursor:pointer}
.search:hover .select{ display:block;}

#banner{ width:100%; position:relative; overflow:hidden; }
.flex-viewport{ width:100%; }
#banner .slides li{ width:100%; }
#banner .slides li img{ width:100%; }
#banner .flex-control-nav{ position:absolute; left:0; height:20px; bottom:5px; text-align:center; width:100%; z-index:22 }
#banner .flex-control-nav li{ display:inline-block; width:12px; height:12px; margin:0 10px;}
#banner .flex-control-nav li A{ display:block; width:100%; height:100%; border:1px solid #fff; cursor:pointer; text-indent:-999em; border-radius:50%;background:#fff;}
#banner .flex-control-nav li A.flex-active{ background:none; }
#banner .flex-direction-nav a{ display:block; width:50px; height:100px; position:absolute; top:
50%; margin-top:-20px; z-index:33; text-indent:-999em; opacity:0.6;}
#banner .flex-prev{ background:url(../images/left.png) center no-repeat; left:20px;}
#banner .flex-next{ background:url(../images/right.png) center no-repeat; right:20px;}
#banner .slides li:hover .bg{ display:none;}	
	
#footer{ width:92%; padding:50px 4%; position:relative; overflow:hidden; background:#1d73ba}
.footmen{ width:52%; float:left;}
.footmen dl{ width:16.66%; float:left;}
.footmen dl dt{ color:#fff; font-weight: bold}
.footmen dl dd a{ color:#fff; opacity:0.5}
.foot a{ color:#fff; opacity:0.8}
.weixin{ width:15%; float:right; overflow:hidden;}
.weixin li{ width:70%; float: right; margin-right:3%; position:relative}
.weixin li img{ width:100%;}
.weixin li p{ width:100%; line-height:30px; font-weight:bold; margin-bottom:5px; text-align:center; color:#fff;}
.weixin li:nth-child(2){ margin-right:0;}

.foot{ width:29%; float: right; margin-right:2%; overflow:hidden; color:#fff;}


@media(max-width:1460px){
	#header{ height:100px;}
.menu ul li{  margin:0 15px;}
.logo{  margin-top:20px;}
.btn{  top:25px; }
.searchbtn{ position: relative;margin-top:25px; }
.menu li .menusub{ top:65px; }
.menu ul {
    top: 35px;
	height:65px;
	}
	}
@media(max-width:1360px){
.menu ul li{  margin:0 10px;}
.logo{ height:50px; margin-top:25px;}
.logo img{ height:50px;}
	}
@media(max-width:1200px){
.menu ul li span{font-size:14px; font-weight:bold;}
.menu ul li em{ font-size:11px;}

	}
@media(max-width:1150px){
	#wrap{ width:100%;min-width: 100%; }
	.menu ul{ position: fixed; height:100%; width:140px; top:100px; transition:all 0.6s; right:-140px; text-align: center; z-index:33; background:rgba(29,115,186,0.8); padding-top:50px;}
	.menu ul li{ width:100px; padding-bottom:10px; margin:0 20px;text-align:left; margin-bottom:20px; border-bottom:1px solid #fff;}
	.openmenu ul{ right:0; }
	.menusub{ display:none !important}
.menu ul li:hover .menusub{ display:none !important}

	}

@media(max-width:900px){
.menu ul li{padding-bottom:10px; margin-bottom:10px; height:auto !important;}
.menusub{ display:none !important}
.menu ul li:hover .menusub{ display:none !important}
#header{ height:80px; width: 96%;
    padding: 0 2%;}
.logo{ height:35px; margin-top:20px;}
.logo img{ height:35px;}
.topright{ height:50px; top:12px;}
.btn{  top:5px; right:0px; width:40px; height:40px; background-size:40px auto;}
	.menu ul{ width:140px; top:80px; padding-top:20px;}

.search{ width:30px; height:50px; display:none;}
.searchbtn{ margin-top:10px; width:30px; height:30px; background-size:30px auto;} 
.select{top:50px;}

#banner .flex-direction-nav a{ width:20px; height:45px; top:
50%; margin-top:-20px;}
#banner .flex-prev{ background:url(../images/left.png) center no-repeat; background-size:20px auto; left:10px;}
#banner .flex-next{ background:url(../images/right.png) center no-repeat; background-size:20px auto;  right:10px;}

	
#footer{  padding:15px 4%;}
.footmen{ width:100%; float:none; display:none;}
.weixin{ width:100%; float:none;display:none; overflow:hidden; margin-bottom:20px;}
.weixin li img{ width:120px; display:block; margin:0 auto;}

.foot{ width:100%; float: none; margin-right:0%; font-size:12px; line-height:20px; }



}