@charset "utf-8";

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,button,input,textarea,select{
	padding:0;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
}
/*新加了button,input,textarea,select*/

abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{
	display:block
}
body{
	width:100%;
	background: white;
	font-family:'microsoft yahei';
	color: #666;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	color: #333;
}

ol,ul{
  list-style:outside none none;
}

img {
	display: block;
	max-width: 100%;
	border:0;
}

a{
	text-decoration: none;
	cursor: pointer;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

.clear{
	height:0;
	clear:both;
	overflow: hidden;
	display: block;
}
.w1100{
	width: 1100px;
	margin:0 auto;
}
.w1000{
	width: 1000px;
	margin:0 auto;
}
#header{
	height: 100px;
	width: 100%;
	/*background: pink;*/
}
.headerLeft{
	float: left;
	width:20%;
}
.headerLeft img{
	margin-top:13px;
	width: 204px;
	height: 74px;
}
.headerRight{
	float: right;
	width:70%;
}
.nav{
	width: 100%;
	margin-top: 36px;
}
.nav li{
	width:14%;
	/*background: green;*/
	float: left;
	margin-right: 2px;
	box-sizing:border-box;
	height: 38px;
	line-height: 38px;
}

.nav li a{
	display: block;
	letter-spacing: 2px;
	width: 96px;
	margin:0 auto;
	font-size: 14px;
	/*background: blue;*/
	text-align: center;
	color: #333;
}
.nav li a:hover{
	background: #b02923;
	color: white;
}
.nav li a.Active{
	color: #b02923;
}
.nav li a.Active:hover{
	color: white;
}


.subPageBanner{
	width: 100%;
}
.subPageBanner img{
	margin:0 auto;
}
.picAndTextList{
	width: 100%;
}
.picAndTextListBox{
	display: flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.secondMenu{
	width:100%;
	border-bottom: 1px solid #dedede;
}
.secondMenuItemBox{
	height: 60px;
	display: flex;
	flex-direction:row;
	/*justify-content:center;*/
	align-items:center;
}
.secondMenuItem{
	background: white;
}
.secondMenuItem a{
	color:#333;
	font-size: 14px;
	letter-spacing: 1px;
	margin-right: 20px;
	display: block;
	padding:5px 10px;
}
.secondMenuItem a.active, .secondMenuItem a:hover{
	color:#b02923;
}
.List{
	width:100%;
	padding-top: 50px;
	padding-bottom: 20px;
}
.ListBox{
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom: 40px;
}
.ListLeft{
	/*background: red;*/
	width:22%;
}
.ListLeft img{
	width: 90%;
}
.ListRight{
	/*background: #eee;*/
	width: 78%;
}
.ListRightTitle{
	font-size: 20px;
	color: #333;
	line-height: 2;
}
.ListRightTime{
	font-size: 12px;
	color: #999;
	line-height: 2.4;
}
.ListRightText{
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	display:-webkit-box;
	overflow: hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.ListRightMoreBox{
	/*background: #eee;*/
	text-align: right;
}
.ListRightMore{
	display: inline-block;
	border:1px solid #dedede;
	padding: 5px 0;
	width: 10%;
	text-align: center;
	letter-spacing: 2px;
	color: #999;
	border-radius: 4px;
	margin-top:16px;
}
.ListRightMore:hover{
	color: #b02923;
	border:1px solid #b02923;
}




#footer{
	background: #27303f;
	height: 196px;
	letter-spacing: 1px;
}
.footerFlex{
	display: flex;
	flex-direction:row;
	
}
.footerLeft{
	/*background: green;*/
	flex-grow: 2;
}
.footerLeftBox{
	width: 100%;
	display: flex;
	flex-direction:row;
}
.footerLeftItem{
	height: 196px;
	flex:1;
	color: #f6f6f6;
	display: flex;
	flex-direction:column;
	/*justify-content:center;*/
	/*align-items:center;*/
}
.footerLeftItemTop{
	font-size: 17px;
	line-height: 2;
	margin-top: 16px;
	color:#cccccc;
}
.footerLeftItemText{
	font-size: 12px;
	line-height: 3;
	color:#cccccc;
}
.footerLeftItemText:hover{
	color: white;
}
.footerRight{
	/*background: red;*/
	flex-grow: 1;
	color: #f6f6f6;
	display: flex;
	/*align-items:center;*/
	justify-content:center;
}
.footerRightText{
	font-size: 12px;
	line-height: 3;
	margin-top: 16px;
	color:#cccccc;
}
.stripe{
	background: #1f2632;	
	height: 30px;
	line-height: 30px;
}
.stripeText{
	text-align: center;
	color: #a5a8ad;
	font-size: 12px;
}