@charset "utf-8";

html,
body {
	height: 100%;
	overflow: hidden;
	background: #1a1a1a;
	font-family:"Microsoft YaHei";
}
a{font-family:"Microsoft YaHei";}
.header {
	width: 100%; height: 70px; background: #000;
	box-shadow: none;
	position: fixed;
	z-index: 5;
	top: 0; left: 0;
	-webkit-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.header .wrapper{
	height: 100%;
	width: 1200px; height: 90px;
	overflow: hidden;
}
.header .logo{
	width: 205px;	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: absolute; left: 5%;
}
.header .logo a{
	padding: 0; margin: 18px 0 0 0;
	line-height: 0;
	height: 100%;
	max-height: 90px;
	width: 100%;
	-webkit-transition: max-height 2s ease-in-out 0;
	transition: max-height 2s ease-in-out 0;
}
.header .logo img{
	width: 100%; margin-top: 30px; display: none;
}
.header .search{
	position: absolute;
	top: 0;
	left: auto;
	right: 3%; height: 70PX;
}
.header .search a{ margin-top: 12px; display: block; width: 50px; height: 50px; text-align: center; text-decoration: none; }
.header .search a i{ line-height: 50px; font-size: 20px; }

.header-black{
	background: #019199;
	height: 60px;
}


.header .nav{ position: absolute; right: 0; }
.header .nav ul{}
.header .nav ul li{ float: left; width: 120px; height: 70px; }
.header .nav a{ height: 70px; line-height: 70px; width: 100px; }
.header .nav a{
	display: block; padding: 0 10px;
 font-size: 14px;  text-align: center;
	text-decoration: none;
	-webkit-transition: line-height .5s ease-in-out .6s;
	transition: line-height .5s ease-in-out .6s;
}
.header .nav #dh a{display: block; height: 68px; width: 100px;
	line-height: 68px; border-bottom: 2px #db7801 solid; color: #fff; padding: 0 10px;}

.header-black ul li.active .line{
	background-color: #fff;
}
.header-black a{
	height: 54px;
	line-height: 60px;
}

.header-black .logo{margin-top:-16px;}
.header-black .logo a{
	max-height: 29px;
	-webkit-transition: max-height 1s ease-in-out 0;
	transition: max-height 1s ease-in-out 0;
}

.header2-black{}
.header1-black a{color: #ffffff; font-family:"Microsoft YaHei";}
.header2-black a{color: #202020; font-family:"Microsoft YaHei";}

.header1-black .logo{background: url('/images/up_images/logo.png') no-repeat 0 50%;}
.header2-black .logo{background: url('/images/up_images/logo.png') no-repeat 0 50%;}

#page,
.page {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.page h1{
	font-size: 36px;
	text-align: center;
	font-weight: 300;
	font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp";
	padding: 80px 0 0;
	position: relative;
	z-index: 500;
}
#page.animate {
	-webkit-transition: -webkit-transform 1s ease;
	   -moz-transition: -moz-transform 1s ease;
	    -ms-transition: -ms-transform 1s ease;
	     -o-transition: -o-transform 1s ease;
	        transition: transform 1s ease;
}
.page.absolute {
	position: absolute;
	display: none;
	top: 0;
}
#page-indicator {
	position: absolute;
	z-index: 100;
	right: 40px;
	top: 42%;
	width: 20px;
}
#page-indicator span{
	display: block; margin: auto; width: 10px; height: 10px;
 text-align: center; color: #aaa; font-weight: bold; }
#page-indicator li {
	margin: 3px 0;
	*overflow: hidden;
}
#page-indicator li a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 6px 5px;
	text-decoration: none;
}
#page-indicator li.current a {
	padding: 4px 5px;
}
#page-indicator .dot {
	display: block;
	width: 9px;
	height: 9px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	margin: auto;
	background-color: #aaa;
}
#page-indicator li.current .dot {
	width: 9px;
	height: 9px;
	border: 1px solid #aaa;
	background: #ddc28c;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
#page-indicator .text {
	position: absolute; display: none;
	right: 24px;
	top: 0px;
	white-space: nowrap;
	color: #aaa;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .3s linear;
	   -moz-transition: opacity .3s linear;
	    -ms-transition: opacity .3s linear;
	     -o-transition: opacity .3s linear;
	        transition: opacity .3s linear;
}
#page-indicator li a:hover .text,
#page-indicator li a:focus .text {
	opacity: 1;
	filter: alpha(opacity=100);
}
#pageDrawer{
	width: 26px;
	height: 120px;
	position: fixed;
	top: 43%;
	left: 100%;
	margin-left: -26px;
	z-index: 10;
}
#pageDrawer a{
	display: block;
	padding: 18px 8px;
	border-radius: 5px 0 0 5px;
	font-weight: bold;
}
.page-banner{
	position: absolute;
	width: 960px; height: 380px;
	top: 50%; left: 50%;
	margin-top: -190px;
	margin-left: -480px;
}
.p-banner{
	position: absolute;
	top: 50%; left: 50%;
}


.index_news_block{background:url('/images/index_news_bg.png') no-repeat 50% 0;  }
.index_news_block .title_box{width: 1200px; margin: auto; text-align: center; font-size: 36px; padding-top: 120px; padding-bottom: 20px; }
.index_news_block .data_box{width: 1200px; margin: auto; height: 522px; }
.index_news_block .data_box li{ float: left; width: 33%; overflow: hidden; }
.index_news_block .data_box li a{ display: block; width: 360px; height: 522px; margin: auto; text-decoration: none; overflow: hidden; }
.index_news_block .data_box span{display: block;  font-size: 16px;}
.index_news_block .data_box a .img{}
.index_news_block .data_box img{ width: 100%; }
.index_news_block .data_box .date_box{ margin-top: 15px; margin-bottom: 15px; position: relative; width: 140px; color: #a29a9a; height: 60px;}
.index_news_block .data_box .day{font-weight: bold; color: #ddc28c; font-size: 60px; line-height: 60px; float: left;}

.index_news_block .data_box .year{ float: right; font-size: 16px; margin-top: 30px; }
.index_news_block .data_box .title{ margin-top: 10px; margin-bottom: 10px;  color: #000;    font-size: 16px;}
.index_news_block .data_box .desc{font-size: 14px; color: #737373;}
.index_news_block .data_box .btn_view{color: #ddc28c;}
.index_news_block .data_box .btn_more{display: none;}


.index_news_block .data_box a{  -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;}

 .index_news_block .data_box a:hover{
 	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
 }

.index_news_block .data_box a:hover{display: block; width: 380px; height: 522px; margin: auto; background:url('/images/index_news_hover_bg.jpg') no-repeat; }

.index_news_block .data_box a:hover .img{ display: none; }
.index_news_block .data_box a:hover .date_box{padding-top: 150px; margin-left: 30px; margin-top: 0;}
.index_news_block .data_box a:hover .title{ margin-left: 30px; padding-right: 30px; color: #fff;}
.index_news_block .data_box a:hover .desc{padding-left: 30px; padding-right: 30px; color: #fff;}
.index_news_block .data_box a:hover .btn_view{display: none;}
.index_news_block .data_box a:hover .btn_more{display: block; width: 120px; height: 40px; margin-left: 30px;  margin-top: 40px;  line-height: 40px; color: #fff; text-align: center; border:1px #fff solid; font-size: 14px;}

#page-7{ position: relative; }
.clert{ clear: both; }
.footer_block{background: #0a0a0a; width: 100%;  color: #fff; position: absolute; bottom: 0; left: 0; }
.footer_block .index-block{ width: 1200px; margin: auto; }
.footer_block .left_box{ float: left; width: 255px; }
.footer_block .right_box{ float: left; }
.footer_block li{ float: left; width: 160px; height: 30px; line-height: 30px; }
.footer_block li a{letter-spacing: 2px;  color: #fffefe; font-size: 13px; font-family:"Microsoft YaHei";}
.footer_block li .t{font-size: 14px; color: #fff; font-weight: bold; letter-spacing: 2px; }
.footer_block h4{ font-size: 14px; color: #fff; font-weight: bold; letter-spacing: 2px;}
.footer_block .tel{ font-size: 22px; color: #fff;  }
.footer_block .btn{ display: block; width: 160px; height: 40px; line-height: 40px;
	border:0; padding: 0; margin-bottom:0px; margin-top: 10px;
	color: #fff; text-align: center; font-size: 14px; background: #ddc28c;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.footer_block .btn:hover{background: #d2ab5f; color: #fff;}
.footer_block .wx_box{ float: right; width: 120px; }
.footer_block .wx_box .t{font-size: 14px; color: #fff; font-weight: bold; margin-bottom: 10px; letter-spacing: 2px; }
.footer_block .wx_box .bg{background:url('/images/weixin_bg.png') no-repeat; padding: 10px; }
.footer_block .wx_box img{ width: 100%; }

.footer_block .copyright_block{ height: 55px; line-height: 55px;  }
.footer_block .copyright_block .left_box{ float: left; width: 620px; }
.footer_block .copyright_block .right_box{ float: right; }
.footer_block .copyright_block a{color: #fffefe; }
.footer_block .web_link a{color: #fffefe; margin-right: 10px;}