@charset "utf-8";
/* CSS Document */

/*-----------------------------------------初始化样式------------------------------------------*/
body,html{
	padding:0;
	margin:0 auto;
	line-height:24px;
	background-image: url(../images/read_bg.jpg);
	background-repeat: repeat;
}
img{ border:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,form,ul,ol,li,p,pre,dl,dt,dd,fieldset,legend,button,input,textarea,th,td{ padding:0; margin:0;}
ul,ol,li{ list-style:none;}
sup{ vertical-align:text-top;}
sub{ vertical-align:text-bottom;}
legend { color:#000;}
fieldset{ border:0;} 
em,i{ font-style:normal;}
button,input,select,textarea { font-size:100%;}
table{ border-collapse:collapse; border-spacing:0;}
.clear{ clear:both; line-height:0px; font-size:0px;}
.clearfix:after{ content:".";display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}
.left{ float:left; _display:inline;}
.right{ float:right;}
.hr_10{ clear:both; height:10px; overflow:hidden; font-size:1px; line-height:1px;}

/*------------------------------------------字体样式-------------------------------------------*/
body,button,input,select,textarea{ font-family: "微软雅黑", "苹果丽黑"; color:#000; font-size:12px;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
address,cite,dfn,em,var{ font-style:normal }
code,kbd,pre,samp{ font-family:courier new, courier, monospace;}
small{ font-size:12px;}
.bold{ font-weight:bold;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#CC0000; text-decoration:underline;}
a.red:link,a.red:visited{ color:#B70B00;}
a.red:hover{ color:#B70B00;}
a.red:active{ color:#B70B00;}
a.white:link,a.white:visited{ color:#fff;}
a.white:hover{ color:#fff;}
a.white:active{ color:#fff;}
/*主体内容开始*/
.wrapper{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.main_yb{
	width:100%;	
	position: relative;
	top: -360px;
}.gray_top {
	background-image: url(../images/gray_top.png);
	background-image: -webkit-image-set(url('../images/gray_top.png') 1x, url('../images/gray_top@2.png') 2x);
	background-image: -moz-image-set(url('../images/gray_top.png') 1x,url('../images/gray_top@2.png') 2x);
	background-image: -ms-image-set(url('../images/gray_top.png') 1x,url('../images/gray_top@2.png') 2x);
	background-image: -o-image-set(url('../images/gray_top.png') 1x,url('../images/gray_top@2.png') 2x);
	background-repeat: no-repeat;
	background-position: center top;
	height: 127px;
	width: 100%;
	position: relative;
	
	margin-top: -360px;
}
.nav_cont{
	background-image: url(../images/gray_bg.jpg);
	background-repeat: repeat;
	height: auto;
	width: 100%;
	position: absolute;
	top: 360px;
	background-position: center 228px;
}
.wrapper_cont{
	background-color: #FFF;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 340px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: url(../images/biaozhi.gif);
	background-repeat: no-repeat;
	background-position: 123px 192px;
	position: relative;
	padding-right: 30px;
}.cont_bg {
	background-image: url(../images/gray_top_02.png);
	background-image: -webkit-image-set(url('../images/gray_top_02.png') 1x, url('../images/gray_top_02@2.png') 2x);
    background-image: -moz-image-set(url('../images/gray_top_02.png') 1x,url('../images/gray_top_02@2.png') 2x);
    background-image: -ms-image-set(url('../images/gray_top_02.png') 1x,url('../images/gray_top_02@2.png') 2x);
    background-image: -o-image-set(url('../images/gray_top_02.png') 1x,url('../images/gray_top_02@2.png') 2x);
	background-repeat: no-repeat;
	background-position: center top;
	height: 487px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 340px;
}
.wrapper_cont h1 {
	font-family: "微软雅黑", "苹果丽黑";
	font-size: 24px;
	line-height: 30px;
	color: #bb2838;
	height: 30px;
	width: 200px;
	background-image: url(../images/v.png);
	background-repeat: no-repeat;
	background-position: 75px center;
	margin-bottom: 20px;
}
.wrapper_cont h1 a{color: #bb2838;
	
}
.wrapper_cont h1 span {
	font-size: 14px;
	float: right;
	color: #494949;
}
.wrapper_cont p {
	font-size: 16px;
	line-height: 28px;
}
.wrapper_cont h2 {
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	height: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.foot {
	line-height: 30px;
	height: 30px;
	width: 1200px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align: center;
	font-size: 16px;
}
.zhijian {
	line-height: 30px;
	height: 60px;
	width: 220px;
	position: absolute;
	left: 64px;
	top: 287px;
	font-size: 16px;
	text-align: center;
}

@media screen and (max-width:640px){


/*-----------------------------------------初始化样式------------------------------------------*/
body{min-height:100%;line-height:1.6;margin:0;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}a{text-decoration:none}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;min-height:1px;float:left}


* { box-sizing: border-box }
body {
	height: 99.9%;
	font-size: 14px;
	
}
.wrapper{width:100%;margin-left:auto;margin-right:auto}
.wrapper img{width:100%}
.gray_top {
	background-image: url(../images/gray_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 127px;
	width: 100%;
	position: relative;
	
	margin-top: 0px;
}
.gray_top {
background-image: url(../images/gray_top.png);
background-repeat: no-repeat;
background-position: center top;
height: 127px;
width: 100%;
position: relative;
margin-top: -160px;
}
.cont_bg {
background-image: url(../images/gray_top_02.png);
background-repeat: no-repeat;
background-position: center top;
height: 487px;
width:100%;
margin-right: auto;
margin-left: auto;
position:relative;
top:0px;
padding:0px;
}
.wrapper_cont {
background-color: #FFF;
width: 100%;
padding-left:5%;
padding-right:5%;

padding-top:180px;
background-image: url(../images/biaozhi.gif);
background-repeat: no-repeat;
background-position: top center;
position: relative;

}
.zhijian {
	line-height: 30px;
	height: 60px;
	width: 100%;
	margin-left:auto;margin-right:auto;
	top: 100px;
	font-size: 16px;
	text-align: center;
	left:0px;
	
}
.foot {
line-height: 30px;
height: 70px;
width:100%;
margin-top: 0px;
padding-right:2%;padding-left:2%;
background-color: #FFF;
text-align: center;
font-size: 16px;
padding-bottom:10px;
}
}
