/*  */
.banner{	
	width: 100%;
	
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 16%;
	
}
.location{
	width: 1200px;
	margin: auto;
	margin-top: 29px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #666666;	
}
.about{
	width: 1200px;
	height: auto;
	/* background-color: #ccc; */
	margin: 0 auto;
	margin-top: 50px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

}
.about .menu{
	width: 200px;
	margin-right: 45px;
	/* background-color: red; */
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	border-top: 1px solid #D9E2EB;
	box-sizing: border-box;
}
.about .menu li{
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 10px;
	background-color: #EFF5FB;
	border-left: 1px solid #D9E2EB;
	border-right: 1px solid #D9E2EB;
	border-bottom: 1px solid #D9E2EB;	
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
}

.about .menu li:hover{
	color: #fff;
	background-color: #FF8A00;
}
.about .menu .curr{
	color: #fff;
	background-color: #FF8A00;
}
.about .content{
	flex:1;	
	height: auto;
	padding: 5px 0px;
}
.about .content p{
	text-indent: 2em;
	font-size: 18px;
	line-height: 45px;
}


/* news */


.mccbox{
	width: 100%;
	height: auto;
}
.news{
	width: 1200px;
	height: auto;
	/* background-color: #f9f9f9; */
	margin: 0 auto;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-bottom: 30px;
	border-bottom: 1px solid #D9E2EB;
}

.news .pic{
	width: 300px;
	height: auto;
	/* background-color: green; */
	margin-right: 30px;
}
.news .pic img{
	width: 300px;
	height: 200px;
	object-fit: cover;
	border-radius: 15px;
	vertical-align: middle;
}
.news .title{
	flex: 1;
	height: auto;
	/* background-color: red; */
}
.news .title h2{
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	overflow: hidden;
	/* background-color: #d9d9d9; */
	margin-bottom: 10px;
	margin-top: 5px;
}
.news .title h2 a{
	font-size: 18px;
}

.news .title p{
	width: 100%;
	height: 120px;
	font-size: 14px;
	color: #999;
	line-height: 30px;
	/* background-color: #133; */
	overflow:hidden;
	text-indent: 2em;
}





.news .date{
	width: 150px;
	margin-left: 30px;
	background-color: #f9f9f9;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.news .date span{
	height: 60px;
}
.news .date .d{
	height: 50px;
	line-height: 50px;
	color: #999;
	text-align: center;
	font-size: 32px;
}
.news .date .ym{
	height: 30px;
	line-height: 30px;
	color: #999;
	text-align: center;
}


.expert{
	width: 1200px;
	height: auto;
	background-color: #EFF5FB;
	margin: 0 auto;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 30px;
	border-bottom: 1px solid #D9E2EB;
}
.expert .item{
	width: 360px;
	margin:20px;
	height: 150px;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.expert .item .pic{
	width: 120px;
	height: 120px;
	margin: 10px;
	/* background-color: #123; */
}
.expert .item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* border-radius: 50%; */
}
.expert .item .title{
	flex: 1;
	height: auto;
	margin: 10px;
	/* background-color: #877; */
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.expert .item .title h2{	
	height: 40px;
	line-height: 40px;
}
.expert .item .title h2 a{
	font-size: 16px;
	color: #2c53d4;
}
.expert .item .title h2 a:hover{	
	color: #ff0000;
}
.expert .item .title .vocation{
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	/* background-color: #ccc; */
}

.expert .item .title .company{
	height: 60px;
	margin-top: 10px;
}

.expert .item .title .company .com{
	height: 25px;
	line-height: 25px;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	color: #999;
}



.fenye{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	background-color: #ccc;
	text-align: center;
	padding: 20px 0px;
}


.show{
	width: 1200px;
	height: auto;
	/* background-color: #f9f9f9; */
	margin: 0 auto;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-bottom: 30px;
	/* border-bottom: 1px solid #D9E2EB; */
}
.show .content{
	flex: 1;
	margin-right: 30px;
	min-height: 750px;
	/* background-color: red; */
}

.show .content h1{
	font-size: 24px;
	line-height: 40px;
	height: auto;
	/* font-weight: normal; */
	text-align: center;
}
.show .content .author{
	font-size: 14px;
	color: #999;
	height: 35px;
	line-height: 35px;
	margin-bottom: 30px;
	text-align: center;
}
.show .content .intro{
	width: 85%;
	height: 130px;
	line-height: 30px;
	border: 1px solid #ccc;
	background-color: #eee;
	overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 40px;
	padding: 5px 10px;
	color: #999;
	font-size: 14px;
}
.show .content p{
	text-indent: 2em;
	font-size: 16px;
	line-height: 40px;
	padding: 0 25px;
	
	/* background-color: #666; */
}

/* ////////////////////////////////// */
.show .content .field_box{
	width: 100%;
	height: auto;	
	/* background-color: #f1f1f1; */
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-bottom: 5px;
}

.show .content .field_box span{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
.show .content .field_box input{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	outline: none;
	overflow: hidden;
	padding: 0 10px;
	border:1px solid #eee;
}

.show .content .field_box textarea{
	height: 120px;
	line-height: 30px;
	font-size: 14px;
	outline: none;
	overflow: hidden;
	padding: 0 10px;
	border:1px solid #eee;
}


.show .content .field_box .radio{
	height: 40px;
	
	font-size: 14px;
	outline: none;
	overflow: hidden;
	padding: 0 10px;
	/* border:1px solid #ccc; */
	background-color: #fff;
}


.show .content .field_box .verify{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: red;
	display: none;
}

.row{
	width: 100%;
	height: auto;	
	/* background-color: #f1f1f1; */
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.row .col{
	flex: 1;	
}
.row .col:first-child{
	margin-right: 30px;
}








/* ////////////////////////////////// */


.show .item{
	width: 240px;
	height: 200px;
	/* background-color: #EFF5FB; */
}
.show .item h2{
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	/* border-bottom:  1px solid #D9E2EB;  */
	/* padding-left: 10px; */
}
.show .item .pic{
	width: 240px;
	height: 210px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-bottom: 20px;
}

.show .item .pic img{
	width: 100%;
	padding: 10px;
	object-fit: cover;
	height: 150px;
	box-sizing: border-box;
	/* border-radius: 20px; */
	padding-top: 20px;
	padding-bottom: 0;
}
.show .item .pic span{
	flex: 1;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 10px;
}
.show .item .pic span a{
	font-size: 16px;
}


