/* CSS Document */


/*网页全局样式开始*/

body {
	font-size: 14px;
	font-family: "Microsoft YaHei";
}

input,
button,
textarea,
select,
optgroup,
option {
	font-size: 12px;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}

body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
h1 {
	padding: 0;
	margin: 0;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
}

img {
	border: none;
}

.clear {
	clear: both;
	height: 0px;
}

ul,
ol {
	list-style: none;
}

li {
	list-style-type: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

a {
	text-decoration: none;
	color: #595757;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #007ce4;
	cursor: pointer;
}

.top {
	height: 472px;
	background-image: url(11111.png);
	background-position: center;
	background-repeat: no-repeat
}

.yyfw {
	text-align: center;
	margin-top: 20px;
	font-size: 31.5px;
	color: #000000
}

.yyfwy {
	text-align: center;
	margin-top: 10px;
	color: #cbcbcb
}

.yyfwj {
	margin-top: 15px;
	text-align: center
}

#CSSBox {
	float: left;
	width: 900px;
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
}

#CSSBox ul li {
	float: left;
	list-style: none;
	border: 0px solid red;
	margin: 0px 15px;
	width: 150px;
	text-align: center
}

#CSSBox ul li span {
	display: block;
	text-align: center;
	font-size: 14px;
	padding-top: 12px;
	line-height: 24px;
}

#LeftButton {
	cursor: pointer;
	margin: 5px;
	height: 140px;
	width: 30px;
	float: left;
	background: url(dsj_18.png) center center no-repeat;
}

#RightButton {
	cursor: pointer;
	margin: 5px;
	height: 140px;
	width: 30px;
	float: left;
	background: url(dsj_21.png) center center no-repeat;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	margin-top: 15px;
}

.CSSBOXWZ {
	margin-top: 10px;
	line-height: 24px;
	height: 50px;
	z-index: 999
}

.shkf {
	height: 100%;
	background-image: url(dsjbg_30.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 50px;
	padding-bottom: 40px;
}

.shkf1 {
	text-align: center;
	font-size: 31.5px;
	color: #FFF;
	padding-top:50px;
}

.shkf2 {
	text-align: center;
	margin-top: 14px;
	color: #FFF
}

.hio {
	position: relative;
	width: 965px;
	height: 470px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 53px;
}

.pic1 {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 227px;
	height: 227px;
}

.pic2 {
	top: 240px;
	left: 0px;
	position: absolute;
	width: 227px;
	height: 227px;
}

.pic3 {
	top: 0px;
	left: 247px;
	position: absolute;
	width: 227px;
	height: 227px;
}

.pic4 {
	left: 247px;
	position: absolute;
	width: 227px;
	height: 227px;
}

.pic5 {
	top: 0px;
	left: 491px;
	position: absolute;
	width: 227px;
	height: 469px;
}

.pic6 {
	top: 0px;
	left: 738px;
	position: absolute;
	width: 227px;
	height: 227px;
}

.pic7 {
	top: 240px;
	left: 738px;
	position: absolute;
	width: 227px;
	height: 227px;
}

.con {
	width: 227px;
	height: 227px;
}

.con ul li {
	width: 227px;
	height: 227px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.txt {
	width: 227px;
	height: 45px;
	background: rgba(0, 0, 0, 0.6);
	/*透明背景色，不透明其文字内容*/
	position: absolute;
	left: 0;
	bottom: -2px;
	color: #fff;
	font-family: "微软雅黑";
}

.txt h3 {
	font-size: 20px;
	font-weight: 100;
	height: 45px;
	text-align: center;
	line-height: 45px;
}

.txt p {
	font-size: 14px;
	text-align: center;
}

.con1 {
	width: 227px;
	height: 469px;
}

.con1 ul li {
	width: 227px;
	height: 469px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

/*******************/
.menu{width:100%; height:94px; line-height:94px; background:#fff;  z-index:999;top:0; _top:expression(eval(document.documentElement.scrollTop+0))}
.menu_1{width:1000px; margin:0px auto}
.menu_logo{float:left; padding-top:15px}
.menu .nav{float:right}
.menu .nav li{float:left; padding:0px 15px; cursor:pointer; font-size:16px}
.menu .nav li:hover{background:#f7f7f7; border-top:2px solid #145fca; line-height:90px}
/*******************/
html{    _background-image:url(about:blank); _background-attachment:fixed; }/* html加上这段代码用于取消ie6滚动时候元素震动bug */
		
		#content{ position:relative; z-index:0; }
		.article{ text-align:left; }
		.article dt{ width:60%; padding-top:50px;   margin:0 auto; font:normal 40px/200% "Microsoft YaHei"; color:#fff; text-shadow:1px 1px 1px #666;  }
		.article dt em{ font:italic 80px/150% Verdana; margin-right:10px;  }
		.article dd{ position:relative; z-index:1; width:60%;  margin:20px auto 0 auto;   }
		.article dd .con{ position:relative; z-index:1; padding:30px; font:normal 16px/200% "Microsoft YaHei"; color:#fff; }
		.article dd .con p{ text-indent:24px; margin-bottom:20px;  }
/**
		#art2{ background:#7eb906;  }
		#art3{ background:#d68432;  }
		#art4{ background:#aa89d8;  }

		.sideGuide{ position:fixed;  _position:absolute;  z-index:1; left:50px; top:150px; width:150px; background:#fff;  _top:expression(eval(document.documentElement.scrollTop+150))  }
		.sideGuide h3{ height:40px; line-height:40px; background:#f50; font-weight:bold; color:#fff;   }
		.sideGuide ul{ padding:10px 0;  }
		.sideGuide li{ height:32px; line-height:32px; position:relative; border-bottom:1px solid #f4f4f4; vertical-align:middle;  }
		.sideGuide li s{ display:none; position:absolute; top:0; left:-10px; width:10px; background:#555; height:32px;     }
		.sideGuide li a{ display:block; color:#999;   }
		.sideGuide li a:hover{ text-decoration:none; color:#f50;  }
		.sideGuide li.on s{ display:block;  }
		.sideGuide li.on a{ background:#f4f4f4; color:#333;  }**/
		.ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));}
		
@media screen and (max-height:760px){
	.top{height:380px;background-position:top center}
	#LeftButton,#RightButton{height:100px}
	#CSSContent img{width:66px; height:80px}
	#CSSBox{height:140px}
	#CSSBox ul li{width:130px}
	.yyfw {margin-top:15px}
	.yyfwj { margin-top:10px}
	#wrapper{margin-top:10px}
	.hio{margin-top:20px}
	.shkf1{padding-top:20px}
	.shkf2{margin-top:5px}
	.yyfwj{margin-top:5px}
}

/* 横向滚动
------------------------------ */
.scroll_horizontal{position:relative;width: 980px;
    margin: 0 auto;
    margin-top: 15px;
    overflow: hidden;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:900px;height:180px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{    float: left;
    list-style: none;
    border: 0px solid red;
    padding: 0px 15px;
    width: 180px;
    text-align: center;
    border-left-width: 0px;
    border-right-width: 0px;
    display: inline;
}
.scroll_horizontal .list li span{display: block;
    text-align: center;
    font-size: 14px;
    padding-top: 12px;
    line-height: 24px;}	
.scroll_horizontal .prev{position:absolute;cursor: pointer;
    margin: 5px;
    height: 140px;
    width: 30px;
    float: left;
    background: url(dsj_18.png) center center no-repeat; top:0px; left:0px}
.scroll_horizontal .next{position:absolute;cursor: pointer;
    margin: 5px;
    height: 140px;
    width: 30px;
    float: left;
    background: url(dsj_21.png) center center no-repeat; top:0px; right:0px}