/*reset and clearfix
---------------------------*/
html{color:#333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
a{text-decoration:none;}
.clearfix:after,.wrapper:after,.home_box:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix,.wrapper,.home_box{*zoom:1;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,/*PingFang SC,*/Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-size: 14px;}
/*清除 iPhone Safari 按钮默认样式*/
input[type="submit"],input[type="reset"],input[type="button"],button,select,textarea {-webkit-appearance: none;}
input::-webkit-input-placeholder{
	color:#aaa;
}
/* 主题色：#bc272e */
/*common style
---------------------------*/
body{font-family:Arial,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; text-align: center;}
body{min-width: 1240px; background: #f5f5f7;   min-height: 100vh; position: relative;}
 a{color: #333;}
 a:hover{color: #4662ba;}


.left{
	float: left;
}
.right{
	float: right;
}
.mobile{
	display: none;
}
.flex{
	display: flex;
	 
}

.flex_between{
	justify-content: space-between;
}
.wrapper{
	width: 1200px;
	text-align: left;
	margin: 0 auto;
}
.wrapper_outer{
	width: 1220px;
	text-align: left;
	margin: 0 auto;
}
 
.footer{
 
	background-color: #eaebef;
	 
	width: 100%;
	padding: 40px 0;
}

.footer span{
 
	font-size: 14px;
}
.footer p{
	margin-bottom: 15px;
}
 
.footer img{
	margin-right: 100px;
}
.footer p.copyright{
	font-size: 14px;
	color: #888;
}
 p.address{
	padding-left: 22px;
	background: url(../img/icon_address.png) no-repeat left center;
	background-size: 13px;
}

  p.phone{
	padding-left: 22px;
	background: url(../img/icon_phone.png) no-repeat left center;
	background-size: 15px;
}
.header{
	height:84px;
	background:#fff;
	/* line-height: 60px; */
	display: flex;
	align-items: center;

}

.header h1{
 font-size: 20px;
} 

.nav {
	height: 50px;
	background-color: #243362;
	color: #fff;
}
.nav ul li a{
	color: #fff;
	margin-right: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.nav ul{
	height: 50px;
	display: flex;
	align-items: center;
}
.nav ul li a.current{
	margin-top: 6px;
}
.nav ul li a.current::after{
	content: '';
	display: block;
	border-bottom: solid #e83528 2px;
	width: 16px;
	margin-top: 6px;
}
.banner{
	display: flex;
	justify-content: center;
	height: 243px;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.banner img{
	 
}

.box{
	 border-radius: 10px;
		box-shadow: 0px 6px 10px 0px rgba(36, 51, 98, 0.05);
		 	 background-color: #fff; 
}
h2{
	font-size: 22px;
	font-weight: bold;
	font-family: Arial;
}
.main{
	margin-top: 50px;
}
.latest_item{
	padding: 30px 0;
	width: 407px;
	margin-bottom: 30px;
}
.latest_list{
	flex-wrap: wrap;
	margin-top: 24px;
}
.latest_item{
	margin-right: 30px;
}
.latest_item span{
	font-size: 18px;
	line-height: 26px;
	height: 98px;
	border-left: solid #243362 4px;
	padding-left: 20px;
	display: block;
	padding-right: 20px;
}
.author{
	height: 60px;
	padding: 0 20px;
	border-left:  solid #e83528 4px;
	padding-top: 20px;
	background: url(../img/icon_author.png) no-repeat 20px top ;
	background-size: 16px;
}
.author em{
	height: 42px;  
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
    line-height: 22px;
}
.book_info img{
	margin-bottom: 10px;
}
.book_info h3{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 12px;
	padding-top: 10px;
}
.book_info p{
	font-size: 16px;
	padding-bottom: 12px;
	line-height: 24px;
}
.about_field{
	text-align: left;
	background-color: #fff;
	padding: 40px 0;
}
.about_title{
	background-color: #243362;
	color: #fff;
	font-family: Oswald;
	font-size: 23px;
	text-transform: uppercase;
}
.about_field p{
	font-size: 18px;
	line-height: 33px;
	margin-top: 20px;
}
.about_field a{
	color: #4662ba;
}
.page_title{
	color: #fff;
	font-size: 36px;
	font-family: DIN Condensed;
	background-color: #7380a9;
	height: 62px;
	line-height: 62px;
	text-align: left;
}
.article_list{
	padding: 30px;
	font-size: 18px;
	padding-top: 20px;
}
.article_list a{
	border-bottom: solid #ddd 1px;
	height: 58px;
	line-height: 58px;
	display: block;
	position: relative;
	margin-left: 30px;
}
.article_list a::before{
	content: '';
	width: 13px;
	height: 16px;
	background: url(../img/icon_article.png) no-repeat center;
	background-size: 13px;
	display: block;
	position: absolute;
	top: 21px;
	left: -30px;
}
.article_main{
	margin-bottom: 40px;
	margin-top: 30px;
	 
}
.about_main .box{
	padding: 30px 0;
}
.about_text{
	font-size: 18px;
	padding:0 30px;
 
	line-height: 32px;
	padding-left: 30px;
	border-left: solid #243362 4px;
	margin-left: 30px;
}
.about_text p{
	padding-bottom: 20px;
}
.about_text p:last-child{
	padding-bottom: 0;
}

.contact_text{
	font-size: 16px;
}

.contact_text span{
	font-size: 24px;
}
.red_line{
	border-color: #e83528;
}
.about_text.red_line{
	padding-top: 20px;
}
.about_text.red_line p{
	padding-bottom: 0;
}
p.sub{
	font-size: 16px;
	padding-left: 22px;
}
.about_text.red_line .phone{
	margin-top: 10px;
}
.members_list{

}
.members_list .box{
	width: 380px;
	padding: 30px;
	font-size: 18px;
}

.mem_title{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: solid #ddd 1px;
}
.mem_title span{
	font-weight:  normal;
}
.members_list .box p{
	line-height: 30px;
	padding: 20px 0;
}
.email em{
	background-color: #243362;
	color: #fff;
}
body.page{
	display: flex;
	flex-direction: column;
}
body.page .main{
	flex-grow: 1;
}