@charset "utf-8";

* {
	border         : 0;
	margin         : 0;
	padding        : 0;
	outline        : none;
	text-decoration: none;
	list-style     : none;
}

a {
	font-family    : '微软雅黑';
	text-decoration: none;
}

p {
	font-family: '微软雅黑';
}

input {
	border : none;
	padding: none;
	margin : none;
}

img {
	display: block;
}

.clearfix {
	clear: both;
}

body {
	height: 100%;
}

html {
	height: 100%;
}
.nav{
	width: 720px;
}
.headerr {
	width     : 100%;
	height    : 800px;
	background: url(../images/about_banner.jpg)no-repeat;
	overflow  : hidden;
	margin    : 0 auto;
}

.top {
	width : 1200px;
	height: auto;
	margin: 42px auto 0;
}

.logo {
	width      : 190px;
	height     : auto;
	margin-left: 0;
	float      : left;
}

.banner_text_1 {
	width : 800px;
	height: 412px;
}

.banner_text_1 h1 {
	font-size  : 5rem;
	line-height: 5rem;
	color      : #fff;
}

.honor_bj {
	width     : 100%;
	height    : 1810px;
	background: url(../images/white_n.png) no-repeat center;
	position  : absolute;
	margin    : -400px auto 60px;
}

.honor_box {
	width : 1200px;
	height: auto;
	margin: 80px auto 0;
}
.honor_box .bt {
	padding: 10px 20px;
	background: #f5f5f5;
}
.honor_box .bt a{

	display: inline-block;
    color: #515151;
    line-height: 30px;
    font-size: 16px;
    padding: 4px 25px;
    text-align: center;
    border-radius: 5px;
}
.honor_box .bt  a.active{
	color: #fff;
    background: #1276ff;
}
.honor_box h1 {
	font-size     : 24px;
	letter-spacing: 1px;
	line-height   : 30px;
	text-align    : center;
}

.honor_box p {
	font-size     : 14px;
	letter-spacing: 1px;
	line-height   : 36px;
	text-align    : center;
}

.honor_content {
	width : 1200px;
	height: auto;
	margin: 80px auto 0px;
}

.honor_left {
	width      : 796px;
	height     : auto;
	margin-left: 0;
	float      : left;
}

.honor_left_list {
	width        : 796px;
	height       : auto;
	margin-bottom: 60px;
}

.honor_pic {
	width : 368px;
	height: auto;
	float : left;
}
.honor_pic >a>img{
	height: 247px;
}
.honor_text {
	width : 398px;
	height: auto;
	float : right;
}

.honor_text h1 {
	font-size : 16px;
	text-align: left;
}

.honor_text_small {
	width : 110px;
	height: auto;
}

.small {
	float       : left;
	margin-top  : 10px;
	margin-right: 10px;
}

.honor_text_small p {
	float: right;
}

.honor_p p {
	font-size   : 14px;
	text-align  : left;
	color       : #666;
	line-height : 28px;
	text-align  : justify;
	text-justify: inter-ideograph;
}

.xingqing {
	width           : 172px;
	height          : 40px;
	color           : #fff;
	background-color: #1276ff;
	padding         : 6px 10px;
	border-radius   : 4px;
	font-size       : 16px;
	line-height     : 40px;
	text-align      : center;
	box-shadow      : 5px 5px 15px rgb(18, 118, 255, 0.3);
	margin-top      : 20px;
}

.dixian {
	width           : 800px;
	height          : 1px;
	background-color: #eee;
	margin-top      : 30px;
}

.honor_right {
	width : 300px;
	height: auto;
	float : right;
}

.about_honor {
	width        : 300px;
	height       : auto;
	margin-bottom: 30px;
}

.about_honor h1 {
	font-size    : 16px;
	text-align   : left;
	margin-bottom: 10px;
}

.about_honor p {
	font-size   : 14px;
	text-align  : left;
	line-height : 24px;
	color       : #888;
	text-align  : justify;
	text-justify: inter-ideograph;
}

.hot_event {
	width        : 300px;
	height       : auto;
	margin-bottom: 30px;
}

.hot_event h1 {
	font-size    : 16px;
	text-align   : left;
	margin-bottom: 10px;
}

.hot_event li {
	font-size     : 14px;
	text-align    : left;
	line-height   : 24px;
	color         : #888;
	letter-spacing: 1px;
}

.kecheng_cp h1 {
	font-size    : 16px;
	text-align   : left;
	margin-bottom: 10px;
}

.kecheng_list {
	width        : 300px;
	height       : auto;
	margin-bottom: 30px;
}

.cp_pic {
	width : 70px;
	height: auto;
	float : left;
}

.cp_text {
	width: 210px;
	float: right;
}

.cp_text p {
	font-size   : 12px;
	color       : #666;
	line-height : 24px;
	text-align  : left;
	text-align  : justify;
	text-justify: inter-ideograph;
}

.footer_box {
	width           : 100%;
	height          : 540px;
	background-color: #333333;
	padding-top     : 100px;
	margin-top      : 1600px;
	overflow        : hidden;
}

.footer {}

.footer_lie {
	width : 720px;
	height: auto;
	float : left;
}

.footer_text {
	width       : 134px;
	height      : auto;
	float       : left;
	margin-right: 50px;
	text-align  : center;
}

.footer_text h7 {
	font-size  : 18px;
	color      : #fff;
	line-height: 42px;
}

.footer_text p {
	font-size  : 14px;
	color      : #fff;
	line-height: 24px;
}

.footer_pic {
	width : 380px;
	height: auto;
	float : right;
}

.weixin {
	width : 184px;
	height: auto;
	float : left;
}

.weixin p {
	color         : #fff;
	letter-spacing: 1px;
	line-height   : 24px;
	text-align    : center;
}

.app_pic {
	width : 184px;
	height: auto;
	float : right;
}

.app_pic p {
	color         : #fff;
	letter-spacing: 1px;
	line-height   : 24px;
	text-align    : center;
}

.footer_logo {
	width : 544px;
	height: auto;
	margin: 60px auto;
}

.footer_logo p {
	color      : #fff;
	line-height: 36px;
	margin     : 0 auto;
	text-align : center;
}

.pager {
	text-align: center;
}

.pagination {
	text-align   : center;
	display      : inline-block;
	padding-left : 0;
	margin       : 20px 0;
	border-radius: 4px;
}

.pagination>li {
	float        : left;
	display      : inline !important;
	width        : 34px !important;
	height       : 34px !important;
	margin-right : 0px !important;
	margin-bottom: 0px !important;
}

.pagination>li>a,
.pagination>li>span {
	position        : relative;
	float           : left;
	width           : 100%;
	height          : 100%;
	line-height     : 34px;
	text-decoration : none;
	color           : #acacac;
	background-color: #fff;
	border          : 1px solid #ddd;
	margin-left     : -1px;
}

.pagination>li.active>span {
	background-color: #288df0;
	color           : #FFFFFF;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left              : 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius   : 4px;
}

.footer {
	margin-top: 1404px;
}

@media screen and (max-width:767px) {


	.honor_box .bt a {
		display: inline-block;
		color: #515151;
		line-height: 20px;
		font-size: 14px;
		padding: 4px 8px;
		text-align: center;
		border-radius: 5px;
	}

	.honor_bj {
		height    : auto;
		background: none;
		margin    : 0;
		position  : relative;
	}

	.honor_box {
		width : 94%;
		height: auto;
		margin: 10px 3% 0;
	}

	.honor_content {
		width : 100%;
		margin: 30px 0;
	}

	.honor_left {
		width : 100%;
		height: auto;
	}

	.honor_left_list {
		position     : relative;
		width        : 94%;
		margin       : 0 3%;
		padding      : 10px;
		box-sizing   : border-box;
		height       : auto;
		margin-bottom: 20px;
		border-radius: 4px;
		border       : 1px solid #eaeaea;
	}

	.honor_pic {
		width  : 36%;
		padding: 0 3%;
	}

	.honor_pic >a>img {
		width: 100%;
		height: 75px;
	}

	.honor_text {
		width: 54%;
	}

	.dixian {
		display: none;
	}

	.xingqing {
		display         : none;
		position        : relative;
		left            : 8%;
		transform       : translateX(-50%);
		width           : 120px;
		height          : 30px;
		color           : #fff;
		background-color: #1276ff;
		padding         : 0;
		border-radius   : 4px;
		font-size       : 12px;
		line-height     : 30px;
		text-align      : center;
		box-shadow      : 5px 5px 15px rgb(18, 118, 255, 0.3);
		margin-top      : 20px;
	}

	.honor_p p {
		line-height       : 20px;
		text-overflow     : -o-ellipsis-lastline;
		overflow          : hidden;
		text-overflow     : ellipsis;
		display           : -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp        : 2;
		-webkit-box-orient: vertical;
	}

	.honor_text h1 {
		text-overflow: ellipsis;
		overflow     : hidden;
		white-space  : nowrap;
		line-height  : 18px;
	}

	.small {
		margin-top  : 4px;
		margin-right: 10px;
	}

	.honor_box p {
		line-height: 18px;
	}

	.about_honor {
		display: none;
	}

	.hot_event:last-child {
		display: none;
	}

	.footer {
		margin-top: 20px;
	}
}