@charset "gb2312";
.min_height{
min-height:400px;
/* sets min-height for IE */
_height:expression(this.scrollHeight < 400 ? "400px" : "auto");
}

body {
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.jpg);
	font-family: "΢ÈíÑźÚ";
	
}

* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #333333;
}
.current {
	color: #F6A83A;
}

a:hover {
	color: #0961BA;
	text-decoration: underline;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

HTML {
	OVERFLOW-X: hidden;
}
#clear {
	clear: both;
}
#header {
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
}
#header #logo {float: left;}
#header #enter {
	float: right;
	width: 129px;
	height: 32px;
	padding-top: 42px;
}
#header #enter a:hover {
	background-image: url(../images/enterahover.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#header #enter a {
	background-image: url(../images/entera.jpg);
	display: block;
	height: 32px;
	width: 129px;
	background-repeat: no-repeat;
	background-position: left center;
}
#banner {
	height: 530px;
	width: 1440px;
	margin-right: auto;
	margin-left: auto;
}

#news {
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	z-index: 999;
	height: 35px;
	
}

#news #newsleft {
	background-image: url(../images/news_03.gif);
	background-repeat: repeat-x;
	height: 42px;
	width: 150px;
	float: left;z-index:999;
}
#news #newsleft .cn {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/news_13.gif);
	background-position: 10px 16px;
	padding-left: 28px;
	display: block;
	background-repeat: no-repeat;
	float: left;z-index:999;
}
#news #newsleft .en {
	color: #487e6c;
	font-size: 13px;
	font-weight: bold;
	float: left;
	padding-left: 12px;z-index:999;
}
#news #inner {
	position: absolute;
	line-height: 42px;
	height: 42px;
	width: 1004px;
	z-index: 999;
	margin-top: -21px;
	}
#news #newsright {
	background-image: url(../images/news_05.gif);
	background-repeat: repeat-x;
	height: 42px;
	width: 854px;
	float: left;
	z-index: 999;
	overflow: hidden;
	position:relative
}
#footer {
	line-height: 21px;
	color: #7d7d7d;
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-bottom: 10px;
	text-align: center;
	border-top: 1px solid #dcdcdc;
}
#footer a {color: #7d7d7d;}
#footer ul {display: inline-block;}
#footer ul li{ float:left}
/* news-slider */
.news-slider {
	overflow: hidden;
	position:relative
}
.news-slider ul{font-size:0;}	
.news-slider ul li{
	font-size: 12px;
	position: relative;
	list-style-type: none;
	background-image: url(../images/dianzi.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 28px;
}

.news-slider ul li a span.time{
	font-size: 12px;
	padding-left: 18px;
	position: absolute;
	top: 0;
	right: 100px;
	background-image: url(../images/news_16.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.news-slider .flex-direction-nav{}
.news-slider .flex-direction-nav li a{right:12px;top:-32px;width:20px;height:20px;line-height:20px;background:#24483c url(../images/slidenew_arrow.png) no-repeat -20px 0; margin:0;opacity:1;}
.news-slider .flex-direction-nav li a.flex-prev{left:inherit;right:40px; background-position:0 0}
.news-slider .flex-direction-nav li a.flex-disabled{opacity: 1!important;filter:alpha(opacity=100);}
.news-slider .flex-direction-nav li a.flex-prev.flex-disabled{background:#a1a1a1 url(../images/slidenew_arrow.png) no-repeat 0 0;}
.news-slider .flex-direction-nav li a.flex-next.flex-disabled{background:#a1a1a1 url(../images/slidenew_arrow.png) no-repeat -20px 0;}
.banner {height:530px;width: 1440px;margin-right: auto;margin-left: auto;position:relative;}
.banner .flex-viewport li{ height:530px;}
.banner .flex-viewport li a{ display:block}
.banner .flex-control-nav{bottom:35px;}
.banner .flex-control-paging li a{ width:16px; height:17px;background: url(../images/normal_bg.png) no-repeat;background-position: -249px -51px; border:none}
.banner .flex-control-paging li a.flex-active{background-position: -182px -51px;}
.banner .flex-direction-nav{ z-index:9}
.banner .flex-direction-nav a{width: 27px;height: 84px; margin-top:-42px;background: url(../images/normal_bg.png) no-repeat;background-position: 0px -59px;}
.banner .flex-direction-nav a.flex-next{background-position: -88px -59px;}
.banner:hover .flex-direction-nav a{background-position: -33px -59px; opacity:1}
.banner:hover .flex-direction-nav a.flex-next{background-position: -119px -59px;}

.banner li{ background-repeat:no-repeat; background-position:center center;}


.m-show{ z-index:99; display:none}
.m-show .logo-m{ position:absolute; width:100%; text-align:center;top:32%;font-size:28px; font-weight:bold;}
.m-show .logo-m a{ color:#fff}
.m-show .logo-m .pic{ width:110px; height:110px; background: rgba(255,255,255,0.85); border-radius:50%; text-align:center; margin:0 auto}
.m-show .logo-m .pic img{ padding-top:18px;}
.m-show .logo-m p{ margin-top:15px}
.m-show .btn-m{ position:absolute; bottom:33%; width:100%; text-align:center; opacity:0}
.fadedown{animation: fadedown 3s ease-in-out;-moz-animation: fadedown 3s ease-in-out;-webkit-animation: fadedown 3s ease-in-out;-o-animation: fadedown 3s ease-in-out;}
@keyframes fadedown{
	from{top:28%; opacity:0}
	to{top:32%; opacity:1}
}
@-moz-keyframes fadedown{
	from{top:28%; opacity:0}
	to{top:32%; opacity:1}
}
@-webkit-keyframes fadedown{
	from{top:28%; opacity:0}
	to{top:32%; opacity:1}
}
@-o-keyframes fadedown{
	from{top:28%; opacity:0}
	to{top:32%; opacity:1}
}
.fadein{animation: fadein 1s ease-in-out 3s;-moz-animation: fadein 1s ease-in-out 3s;-webkit-animation: fadein 1s ease-in-out 3s;-o-animation: fadein 1s ease-in-out 3s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@keyframes fadein{
	from{opacity:0}
	to{opacity:1}
}
@-moz-keyframes fadein{
	from{opacity:0}
	to{opacity:1}
}
@-webkit-keyframes fadein{
	from{opacity:0}
	to{opacity:1}
}
@-o-keyframes fadein{
	from{opacity:0}
	to{opacity:1}
}
@media screen and (max-width:1440px){
	.banner{ width:100%;}
}
@media screen and (max-width:1024px){
	#header{ width:96%}
	#footer{ width:100%}
	#news{ display:none}
	.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{ opacity:0}
}

@media screen and (max-width:768px){
	#logo img{ height:75px}
	#header #enter{ padding-top:23px}
}

@media screen and (max-width:640px){
	#footer{ display:none}
	#header{ display:none}
	.banner{ position:absolute; width:100%; height:100%}
	.banner .flex-viewport,.banner .flex-viewport .slides{ height:100%}
	.banner .flex-viewport li{ height:100%; background-size:cover !important}
	.m-show{display:block}
	
	.banner li.teshu{ background-repeat:no-repeat; background-position:-900px center;}
}
@media screen and (max-width:480px){
	.m-show .logo-m .pic{ width:90px; height:90px}
	.m-show .logo-m .pic img{ width:60px; padding-top:15px}
	.m-show .logo-m p{ font-size:20px;padding:0 15px;}
}