﻿/** 页面样式重置 2014 **/
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
html,body{height:100%;width:100%;}
body{margin:0;padding:0;line-height:18px;border:0;font:12px/1.5 Arial;text-align:left;font-size:12px;background:#fff;color:#333;_behavior:url("csshover.htc");}
form,dl,dd,dt,ul,li,img{margin:0;padding:0;line-height:18px;border:0;font-family:"宋体";font-size:12px;list-style-type:none;white-space:normal;}img{vertical-align:middle;}select,textarea{margin:0;padding:0;resize:none;outline:none;}th,td{margin:0;padding:0;}p{margin:0;padding:0;font-weight:normal;font-size:12px;word-wrap:break-word;word-break:normal;}h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style-position:outside;list-style-type:none;white-space:normal;}
a{text-decoration:none;cursor:pointer;outline:none;/*移除超链的虚线框  IE8,FF有用*/hide-focus:expression(this.hideFocus=true); /*IE6、IE7*/}
a:link,a:visited,a:active{color:#333;text-decoration:none;}a:hover{text-decoration:none;color:#0033cc;}
input,button,input[type=button],input[type=submit],input[type=reset],select{margin:0;padding:0;outline:none;hide-focus:expression(this.hideFocus=true);}
::selection{background:#6ECCF0;color:white;/* 全选时背景变色 Safari */}::-moz-selection{background:#6ECCF0;color:white;/* 全选时背景变色 Firefox */ }
.clear{clear:both;font-size:0;height:0;line-height:0;}/*清除浮动 、关div*/

/** index布局样式 **/
BODY {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; LINE-HEIGHT: 19px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.header,.culture .content,.product,.active,.newsBox,.case,.footer{width:1170px;margin:0 auto;}

.header{ height:175px; overflow:hidden; position:relative;}
.header .logo{ position:absolute; top:50px; left:50%; margin-left:-57px;}

.nav{ float:left; width:1170px; margin-top:80px;}
.nav li{float:left; margin:0 33px; _display:inline;font-size:14px;font-weight:bold;}
.nav li a,.nav li a:link,.nav li a:visited,.nav li a:active{ display:block; height:30px; line-height:30px; color:#313131; border-bottom:1px solid #313131;}
.nav li a:hover,.nav li a.cur,.nav li a:link.cur,.nav li a:visited.cur,.nav li a:active.cur,.nav li a:hover.cur{color:#BF9958; border-bottom-color:#BF9958;}
.nav li.m-left{ margin-left:220px;}

.banner{
	width:100%;
	height:754px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background-color: #1C73F6;
}
.banner li a{ display:block; width:100%; height:754px; background-repeat:no-repeat; background-position:center top;}
.banner .prev,.banner .next {
	display:none;
	width:100px;
	height:700px;
	position: absolute;
	top:25px;
	z-index:999;
	visibility: visible;
}
.banner .prev { left: 0; background:url(../images/prev.png) no-repeat center;}
.banner .next { right:0; background:url(../images/next.png) no-repeat center;}

.banner .num {
	overflow:hidden;
	height: 25px;
	position: absolute;
	bottom:12px;
	right: 15px;
	zoom:1;
	z-index:3;
	visibility: visible;
}
.banner .num li { width: 10px; height: 10px; line-height: 25px; text-align: center;text-indent:-9999px; font-weight: 400; font-family: "微软雅黑", Arial; color: #000; background: #000; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.banner .num li.on { background: #bf9958; } /*当前项*/

/** index正文 **/
.culture{ width:100%; margin-top:45px; background:url(../images/culture.jpg) no-repeat center bottom; height:260px; overflow:hidden;}
.culture .content{ text-align:center; line-height:200%; font-family:Microsoft Yahei; color:#323232;}
.culture .content h1{ display:block; height:65px; line-height:65px; font-size:30px; color:#935900;}

.product{ margin-top:30px;font-family:Microsoft Yahei; text-align:center; overflow:hidden;}
.product h1{ display:block; height:45px; line-height:45px; font-size:30px; color:#935900; text-align:center;}
.product h2{ display:block; font-size:14px; color:#7D7D7D; font-weight:normal;}
.product ul{ width:1200px;}
.product li{ float:left; width:269px; height:353px; margin:55px 28px 0 0; _display:inline; position:relative;font-family:Microsoft Yahei;}
.product li img{ display:block; width:269px;}
.product li .text{
	width:209px;
	height:150px;
	background:url(../images/textBg.png) repeat;
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	padding:10px 30px;
	line-height:170%;
	color:#272727;
	overflow:hidden;
	visibility: visible;
}
.product li .time{
	width:249px;
	height:36px;
	background:#BF9958 url(../images/timeBg.png) no-repeat 100px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:100;
	font-size:13px;
	color:#fff;
	line-height:36px;
	padding-left:20px;
	visibility: visible;
}
.product li h3{ display:block; height:40px; line-height:40px; font-size:16px; overflow:hidden;}
.product li h3 a,.product li h3 a:link,.product li h3 a:visited,.product li h3 a:active{ color:#BF9958;}
.product li h3 a:hover{ text-decoration:underline;}

.active,.case{ margin-top:50px; position:relative;}
.active h1,.case h1{ display:block; height:45px; line-height:45px; font-size:30px; color:#935900; text-align:center;}
.active h2,.case h2{ display:block; height:45px; font-size:14px; color:#7D7D7D; font-weight:normal; text-align:center; background:url(../images/h2Bg.png) no-repeat center bottom;}
#ulBox{ float:left; width:1170px; margin-top:30px; height:434px; position:relative; overflow:hidden;}
#ulBox ul{
	position:absolute;
	width:800%;
	left:0;
	visibility: visible;
}
#ulBox li{ float:left; width:1170px;}
.active #prev,.active #next{
	position:absolute;
	top:300px;
	z-index:999;
	width:35px;
	height:63px;
	cursor:pointer;
	visibility: visible;
}
.active #prev{ left:-100px; background:url(../images/prev1.png) no-repeat;}
.active #next{ right:-100px; background:url(../images/next1.png) no-repeat;}

.active li .aImg{ float:left; width:569px; height:434px; overflow:hidden;}
.active li .content{ float:right; width:555px; margin-top:25px; font-family:Microsoft Yahei; color:#313131; line-height:200%; height:150px; overflow:hidden;}
.active li .content h3{ display:block; height:35px; line-height:35px; font-size:20px; color:#BF9958;}
.active li .content .tit1{ display:block; font-size:12px; color:#BF9958; margin-bottom:15px;}
.active li .instr{ clear:right; float:right; width:555px; margin-top:50px;}
.active li .char{ float:left; width:400px; height:151px; margin-left:-132px; padding:10px 0 0 78px; line-height:48px; background:url(../images/charBg.png) no-repeat; position:relative; z-index:999; font-size:12px; color:#7D7D7D; font-family:Microsoft Yahei; overflow:hidden;}
.active li .time{ float:right; width:171px; height:130px; background:url(../images/timeBg1.png) no-repeat; text-align:center; color:#7D7D7D; padding-top:31px; font-family:Microsoft Yahei; line-height:200%; overflow:hidden;}
.active li .time b{ display:block; font-size:30px; padding:10px 0 18px;}
.active li .time a{ display:inline-block; width:96px; height:26px; background:url(../images/read.png) no-repeat;}

.wrap{ clear:both; width:100%; padding-top:100px; height:309px; background:url(../images/banner.jpg) no-repeat center bottom; overflow:hidden;}
.newsBox{ margin-top:50px; overflow:hidden;}
.newsBox li{ float:left; width:360px; margin-right:65px; _display:inline;}
.newsBox li.second{ width:350px;}
.newsBox li.last{ width:330px; margin-right:0;}
.newsBox li h3{ display:block; height:35px; line-height:35px; background:url(../images/tit2.jpg) repeat-x center 17px; margin-bottom:10px;}
.newsBox li h3 b{ float:left; width:100px; background-color:#fff; padding-left:10px; font-size:20px; color:#BF9958; font-family:Microsoft Yahei;}
.newsBox li h3 a{ float:right; width:53px; height:22px; background:url(../images/more.jpg) no-repeat; margin-top:6px;}

.newsBox li .news{ display:block;}
.news a{ display:block; width:270px; height:28px; line-height:28px; background:url(../images/dot1.gif) no-repeat left 12px; padding-left:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news a,.news a:link,.news a:visited,.news a:active{ font-family:Microsoft Yahei; color:#313131;}
.news a:hover{ text-decoration:underline;color:#BF9958;}
.contact{ display:block; line-height:220%;font-family:Microsoft Yahei; color:#313131;}

.case{ margin-bottom:100px; overflow:hidden;}
.case ul{ float:left; margin-top:35px;}
.case li{ float:left; width:292px; height:291px; background-color:#eee; text-align:center; position:relative; overflow:hidden;}
.case li img{ display:block; margin:0 auto; height:291px;}
.case li span{
	display:none;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.2;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	visibility: visible;
}
.case li a:hover span{ display:block;}

.footBg{ width:100%; background-color:#c8a063; overflow:hidden;}
.footer{ padding:25px 0; background:url(../images/footBg.png) no-repeat left 65px; color:#FFFFFF;font-family:Microsoft Yahei; line-height:200%; overflow:hidden;}
.footer .content{ float:left; width:500px; margin:40px 0 0 140px; _display:inline; border-left:1px solid #606060; padding-left:12px;}
.footer .code{ float:right; background:url(../images/code.png) no-repeat right top; padding:90px 125px 0 0; text-align:right;}
.footer a,.footer a:link,.footer a:visited,.footer a:active,.footer a:hover{color:#FFFFFF;}

#goTop{ display:none; width:40px; height:48px; background:url(../images/goTop.png) no-repeat; cursor:pointer; position:fixed; bottom:200px; right:10px; z-index:999;}
