@charset "utf-8";

.sp-main {
	width: 100%;
	padding-left: 120px
}

.sp-main>.sp-container {
	margin: 0 auto
}

.sp-container {
	margin: 0 auto;
	width: 1080px
}

.sp-container:before,
.sp-container:after {
	display: table;
	content: " "
}

.sp-header {
	padding: 50px 0;
	width: 100%;
	border-bottom: 1px solid #e6e6e6
}

.sp-header:before,
.sp-header:after {
	display: table;
	content: " "
}

.sp-header:after {
	clear: both
}

.sp-header:before {
	display: table;
	content: ''
}

.col-title {
	margin: 0;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	font-size: 0
}

.col-title.about-title {
	width: 153px;
	height: 57px
}

.col-title.news-title {
	width: 211px;
	height: 58px
}

.col-title.party-title {
	width: 249px;
	height: 58px
}

.col-title.business-title {
	width: 280px;
	height: 58px
}

.col-title.technical-title {
	width: 327px;
	height: 58px
}

.col-menu {
	margin-top: 3px;
	margin-right: -5px;
	float: right;
	font-size: 0
}

.col-menu li {
	display: inline-block;
	margin: 0 5px
}

.col-menu li.active .col-link,
.col-menu li:hover .col-link {
	background: #a41e25;
	color: #fff
}

.col-menu li.active .col-link:before,
.col-menu li:hover .col-link:before {
	width: 16px;
	margin-right: 15px
}

.col-menu .col-link {
	position: relative;
	display: block;
	width: 130px;
	height: 50px;
	background: #efefef;
	font-size: 14px;
	color: #666;
	line-height: 50px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.col-menu .col-link:before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 0;
	height: 2px;
	background: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.col-menu strong {
	font-weight: 400
}

.sp-col-tabs {
	width: 100%;
	height: 61px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 0;
	text-align: center
}

.sp-col-tabs li {
	margin: 0 30px;
	display: inline-block
}

.sp-col-tabs li.active a {
	color: #a82027
}

.sp-col-tabs li.active a:after {
	background: #c63a42
}

.sp-col-tabs li:hover a {
	color: #a82027
}

.sp-col-tabs a {
	position: relative;
	display: block;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #808080;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.sp-col-tabs a:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	display: block;
	content: '';
	width: 100%;
	height: 3px;
	background: transparent;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.sp-banner {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover
}

.sp-banner.party-banner {
	height: 280px
}

.sp-footer {
	position: relative;
	width: 100%;
	background: #f0f0f0;
	display: block
}

.sp-footer .go-top {
	right: 40px;
	bottom: 45px
}

.sp-copy {
	margin: 0;
	padding: 30px 0 30px 20px;
	position: relative;
	border-bottom: 1px solid #e1e1e1
}

.sp-copy:before {
	position: absolute;
	left: 0px;
	top: 30px;
	display: block;
	content: '';
	width: 17px;
	height: 17px;
	background: url(../images/copy.png)
}

.sp-copy a {
	font-size: 12px;
	color: #808080;
	margin-left: 6px;
	line-height: 16px
}

.sp-copy a.last-a {
	background: #a41e25;
	padding: 0 5px;
	text-transform: uppercase;
	color: #fff;
	font-family: HelveticaExt-Normal, Arial, "Microsoft YaHei"
}

.sp-ftr {
	padding: 20px 0;
	overflow: hidden
}

.sp-ftr p {
	margin: 0;
	float: left;
	font-size: 12px;
	color: #4c4c4c;
	line-height: 42px
}

.sp-ftr p a {
	color: #4c4c4c
}

.sp-ftr .ftr-logo {
	float: right
}

.lh-pagination {
	margin-bottom: 100px;
	font-size: 0;
	text-align: center
}

.lh-pagination i {
	font-size: 20px;
	margin: 0 20px
}

.lh-pagination a,
.lh-pagination span {
	display: inline-block;
	margin: 0 5px;
	position: relative;
	padding: 6px 12px;
	background-color: #f7f7f7;
	font-size: 14px;
	color: #333;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.lh-pagination a:hover,
.lh-pagination a:focus,
.lh-pagination span:hover,
.lh-pagination span:focus {
	z-index: 2;
	background-color: #a41e25;
	color: #fff
}

.lh-pagination a.active,
.lh-pagination span.active {
	z-index: 3;
	background-color: #a41e25;
	color: #fff
}

.lh-pagination span.disabled,
.lh-pagination span:focus {
	color: #999;
	background: #f5f5f5;
	cursor: not-allowed
}

.lh-pagination:before,
.lh-pagination:after {
	display: table;
	content: " "
}

.lh-pagination:after {
	clear: both
}

.lh-pagination-centered {
	text-align: center
}

.lh-pagination-right {
	text-align: right
}

.lh-pagination-lg a,
.lh-pagination-lg span {
	padding: 10px 16px;
	line-height: 1.3333333;
	font-size: 18px
}

.lh-pagination-sm a,
.lh-pagination-sm span {
	padding: 5px 10px;
	line-height: 1.5;
	font-size: 12px
}

.info-items {
	padding: 59px 0
}

.info-items:before,
.info-items:after {
	display: table;
	content: " "
}

.info-items:after {
	clear: both
}

.info-items:before {
	display: table;
	content: ''
}

.info-items.video-panel .item {
	height: 328px
}

.item {
	width: 100%;
	height: 215px
}

.item+.item {
	margin-top: 20px
}

.item:hover .item-cont {
	background: white;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.item:hover .pic-panel img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.item:hover .title {
	color: #a41e25
}

.item-cont {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.pic-panel,
.txt-box {
	float: left
}

.pic-panel {
	width: 380px;
	height: 215px;
	overflow: hidden;
	background: #f5f5f5
}

.pic-panel img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.txt-box {
	padding: 0 50px;
	overflow: hidden;
	width: 700px;
	height: 215px;
	display: table-cell;
	vertical-align: middle
}

.txt-box .time {
	margin-top: 40px;
	display: block;
	font-size: 14px;
	color: #333
}

.txt-box .time strong {
	font-size: 18px
}

.txt-box .title {
	margin: 20px 0;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.txt-box .desc {
	font-size: 14px;
	color: #999;
	line-height: 28px;
	height: 56px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.txt-box .desc p {
	margin: 0
}

.txtinfo-panel .item {
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
	height: auto;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.txtinfo-panel .item:hover {
	background: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.txtinfo-panel .item:hover .item-cont {
	background: transparent;
	box-shadow: none
}

.txtinfo-panel .item-cont {
	height: 120px
}

.txtinfo-panel .time-box {
	float: left;
	width: 340px;
	text-align: center;
	line-height: 120px;
	color: #333
}

.txtinfo-panel .time-box .time {
	font-size: 18px
}

.txtinfo-panel .time-box .time strong {
	font-size: 28px
}

.txtinfo-panel .txt-box {
	height: 120px
}

.txtinfo-panel .txt-box .title {
	margin-top: 15px
}

.video-panel .item {
	margin-bottom: 30px
}

.video-panel .item-cont {
	height: 328px
}

.video-panel .pic-panel {
	position: relative;
	width: 580px;
	height: 328px
}

.video-panel .mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../images/black20.png) center center repeat
}

.video-panel .mask span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -48px;
	margin-left: -48px;
	display: block;
	width: 96px;
	height: 96px;
	background: url(../images/video-btn.png) center center no-repeat
}

.video-panel .txt-box {
	width: 500px
}

.video-panel .time {
	margin-top: 75px
}

.video-panel .desc {
	margin-top: 30px
}

.detail-panel {
	margin: 100px 0;
	overflow: hidden
}

.detail-left,
.detail-right {
	padding-bottom: 10000px;
	margin-bottom: -10000px
}

.detail-left {
	float: left;
	width: 800px;
	overflow: hidden
}

.detail-hd {
	border-bottom: 1px solid #e6e6e6
}

.detail-hd .title {
	margin: 0;
	font-size: 24px;
	color: #333
}

.detail-hd .time {
	display: inline-block;
	margin: 20px 0;
	font-size: 14px;
	color: #333
}

.detail-hd .time strong {
	font-size: 18px
}

.detail-bd {
	padding: 30px 0;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 26px
}

.detail-bd p {
	margin: 0
}

.detail-bd img {
	max-width: 100%
}

.detail-bd video {
	width: 100%
}

.detail-ftr {
	padding: 50px 0;
	overflow: hidden
}

.detail-ftr span {
	display: inline-block;
	width: 360px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.detail-ftr span.prev {
	float: left
}

.detail-ftr span.next {
	float: right
}

.detail-ftr span:hover {
	background: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.detail-ftr span:hover i {
	color: #fff;
	background: #a41f25
}

.detail-ftr span:hover a {
	color: #a41f25
}

.detail-ftr i,
.detail-ftr a {
	display: inline-block;
	float: left;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.detail-ftr i {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 28px;
	color: #666;
	background: #e6e6e6
}

.detail-ftr a {
	padding: 0 20px;
	width: 300px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.detail-right {
	float: right;
	width: 220px;
	border-left: 1px solid #e6e6e6
}

.recm-title {
	padding: 20px 0 0 28px;
	margin: 0;
	width: 220px;
	height: 80px;
	background: #a41f25
}

.recm-title span {
	display: block;
	width: 86px;
	height: 37px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	font-size: 0
}

.recm-panel {
	padding: 30px 20px;
	overflow: hidden
}

.recm-panel .item {
	margin-bottom: 20px;
	overflow: hidden;
	height: 170px
}

.recm-panel .item-cont {
	height: 170px
}

.recm-panel .pic-panel {
	width: 180px;
	height: 100px
}

.recm-panel .txt-box {
	padding: 0;
	width: 100%;
	height: auto
}

.recm-panel .txt-box .title {
	margin: 5px 0;
	font-size: 16px;
	line-height: 22px;
	height: 44px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: initial
}

.recm-panel .txt-box .time {
	margin-top: 5px;
	font-size: 12px
}

.recm-panel .txt-box .time strong {
	font-size: 16px
}

.leader-info {
	margin: 30px -20px 100px -20px;
	font-size: 0
}

.leader-info:before {
	display: table;
	content: ''
}

.leader-info .item:hover {
	border-color: transparent
}

.leader-info .item-cont {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden
}

.leader-info dt,
.leader-info dd {
	display: inline-block;
	margin: 20px;
	border: 1px solid #e6e6e6
}

.leader-info dt {
	width: auto;
	min-height: 390px
}

.leader-info dt .pic-panel {
	width: 520px;
	height: 388px
}

.leader-info dt .txt-box {
	padding: 20px 60px;
	width: 558px;
	height: auto
}

.leader-info dt .txt-box .title {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 30px
}

.leader-info dt .txt-box .title span {
	display: inline-block;
	padding: 0 10px;
	font-size: 16px;
	color: #999;
	font-weight: bold
}

.leader-info dt .txt-box .title span+span {
	border-left: 1px solid #ddd
}

.leader-info dt .desc {
	height: auto;
	max-height: 264px;
	margin-top: 30px;
	overflow-y: auto;
	padding-right: 10px;
	-webkit-line-clamp: 100000
}

.leader-info dt .desc::-webkit-scrollbar {
	width: 2px;
	height: 2px;
	background: #eee;
	border-radius: 10px
}

.leader-info dt .desc::-webkit-scrollbar-thumb {
	display: block;
	width: 1px;
	margin: 0 auto;
	border-radius: 10px;
	background: #A41E25
}

.leader-info dd {
	width: 520px;
	height: 360px
}

.leader-info dd .txt-box {
	padding: 50px;
	width: 238px;
	height: 100%
}

.leader-info .position {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #999
}

.leader-info .desc {
	font-size: 14px;
	color: #4c4c4c;
	height: 84px;
	line-height: 28px
}

.leader-info .desc p {
	margin: 0
}

.leader-info .top-box {
	width: 100%;
	height: 208px
}

.leader-info .top-box .pic-panel {
	width: 280px;
	height: 100%
}

.leader-info .bottom-box {
	padding: 33px 40px;
	width: 100%;
	height: 150px
}

.honor-info {
	margin: 30px -20px;
	overflow: hidden
}

.honor-info:before {
	display: table;
	content: ''
}

.honor-info .item {
	float: left;
	margin: 20px;
	width: 520px;
	height: auto;
	cursor: pointer
}

.honor-info .pic-panel {
	width: 100%;
	height: 356px
}

.honor-info .txt-box {
	padding: 20px;
	width: 100%;
	height: auto;
	text-align: center
}

.honor-info .txt-box .title {
	margin-top: 0;
	margin-bottom: 10px
}

.honor-info .txt-box .year {
	font-size: 14px;
	color: #999
}

.layer-popup {
	width: 730px !important;
	height: 586px
}

.layer-popup .layui-layer-content {
	width: 100%;
	height: 100%
}

.popup-hd {
	padding: 20px 40px;
	height: 86px;
	overflow: hidden;
	background: white
}

.popup-hd .close {
	float: right;
	font-size: 20px;
	color: #333;
	line-height: 49px
}

.popup-hd .close:hover {
	color: #a41e25
}

.popup-hd .hd-title {
	margin-right: 100px;
	display: block;
	overflow: hidden
}

.popup-hd .title {
	margin-top: 0;
	font-size: 18px;
	color: #333;
	font-weight: 400
}

.popup-bd {
	width: 100%;
	height: 500px;
	background: #f7f7f7
}

.popup-bd .pic-panel {
	width: 100%;
	height: 100%
}

.nassir-list {
	padding: 70px 0
}

.nassir-item {
	border-bottom: 1px solid #e6e6e6;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.nassir-item:before,
.nassir-item:after {
	display: table;
	content: " "
}

.nassir-item:after {
	clear: both
}

.nassir-item:hover {
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.nassir-item a {
	display: block;
	width: 100%;
	height: 100%
}

.t-time {
	float: right;
	width: 200px;
	height: 120px;
	line-height: 40px;
	padding: 40px;
	color: #999999;
	text-align: right;
	font-weight: 600
}

.recrut-cont {
	padding: 24px 240px 24px 36px
}

.nassir-tit {
	color: #333333;
	font-size: 18px;
	line-height: 38px;
	margin: 0;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	height: 38px
}

.nassir-txt {
	color: #999999;
	font-size: 14px;
	margin: 0;
	line-height: 34px;
	height: 34px;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.sp-load-btn {
	display: block;
	margin: 50px 0;
	width: 100%;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	text-align: center
}

.sp-load-btn:hover {
	color: #a41f25
}

.sp-load-btn.load-txt,
.sp-load-btn.nodata-txt {
	margin: 250px 0
}

.sp-load-btn.load-txt:hover,
.sp-load-btn.nodata-txt:hover {
	color: #666
}

.abstract-sect {
	padding: 80px 0 150px
}

.facade {
	float: left;
	width: 520px;
	height: 740px;
	margin-right: px
}

.facade img {
	display: block;
	width: 100%;
	height: 100%
}

.abstract-panel:before,
.abstract-panel:after {
	display: table;
	content: " "
}

.abstract-panel:after {
	clear: both
}

.abstract-cont {
	padding: 0 0 0 600px;
	min-height: 740px
}

.abstract-bd {
	max-height: 740px;
	overflow-y: auto;
	padding: 0 10px
}

.abstract-bd::-webkit-scrollbar {
	width: 2px;
	height: 2px;
	background: #eee;
	border-radius: 10px
}

.abstract-bd::-webkit-scrollbar-thumb {
	display: block;
	width: 1px;
	margin: 0 auto;
	border-radius: 10px;
	background: #A41E25
}

.abstract-logo {
	margin: 0;
	width: 320px;
	height: 44px
}

.abstract-logo img {
	display: block;
	width: 100%;
	height: 100%
}

.abstract-txt {
	padding: 35px 0;
	color: #666666;
	font-size: 12px;
	line-height: 24px
}

.abstract-txt p {
	margin: 0
}

.vision-box {
	position: relative;
	width: 100%;
	height: 738px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover
}

.tissue-sect {
	padding: 50px 0 150px
}

.tissue-pic {
	height: auto
}

.tissue-pic img {
	display: block;
	width: 100%;
	height: 100%
}

.y-time {
	float: left;
	width: 200px;
	color: #999999;
	font-size: 32px;
	min-height: 50px;
	line-height: 50px;
	text-align: right;
	font-weight: 600;
	margin-right: 5px
}

.y-time .h-icon {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 28px;
	background: url(../images/h-icon.png) no-repeat;
	background-position: -20px -88px;
	margin: 0 20px;
	vertical-align: middle;
	top: -3px
}

.h-message {
	float: left;
	padding-left: 10px;
	position: relative
}

.h-message-cont {
	width: 665px;
	padding: 12px 30px;
	font-size: 14px;
	line-height: 26px;
	background-color: #f5f5f5
}

.h-message-cont p {
	margin: 0
}

.triangular {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #f5f5f5;
	position: absolute;
	left: 0;
	top: 15px
}

.histoty-cont {
	padding: 15px 0
}

.histoty-cont:before,
.histoty-cont:after {
	display: table;
	content: " "
}

.histoty-cont:after {
	clear: both
}

.history-hd:before,
.history-hd:after {
	display: table;
	content: " "
}

.history-hd:after {
	clear: both
}

.history-tit {
	display: block;
	width: 80px;
	height: 80px;
	position: relative;
	margin-left: 128px
}

.history-tit img {
	display: block;
	width: 100%;
	height: 100%
}

.h-active .y-time {
	color: #000
}

.h-active .y-time .h-icon {
	background-position: -20px -20px
}

.h-active .h-message-cont {
	background-color: #fff;
	color: #333333;
	border: 1px solid #e6e6e6;
	-webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1)
}

.h-active .triangular {
	width: 10px;
	height: 13px;
	background: url(../images/sanjiao-icon.png) no-repeat;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 0px solid #f5f5f5;
	z-index: 10;
	left: 3px
}

.history-box {
	height: 1086px;
	background: url(../images/hisbox-bg.jpg) repeat-y;
	background-position: 166px 0;
	padding-top: 20px
}

.history-box .swiper-container {
	width: 100%;
	height: 100%
}

.history-box .swiper-wrapper {
	flex-wrap: wrap;
	max-height: 1086px;
	overflow-y: auto
}

.history-box .swiper-wrapper::-webkit-scrollbar {
	width: 2px;
	height: 2px;
	background: #eee;
	border-radius: 10px
}

.history-box .swiper-wrapper::-webkit-scrollbar-thumb {
	display: block;
	width: 1px;
	margin: 0 auto;
	border-radius: 10px;
	background: #A41E25
}

.history-box .swiper-slide {
	height: auto;
	min-height: 50px
}

.history-box .swiper-slide-active .y-time {
	color: #000
}

.history-box .swiper-slide-active .y-time .h-icon {
	background-position: -20px -20px
}

.history-box .swiper-slide-active .h-message-cont {
	background-color: #fff;
	color: #333333;
	border: 1px solid #e6e6e6;
	-webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1)
}

.history-box .swiper-slide-active .triangular {
	width: 10px;
	height: 13px;
	background: url(../images/sanjiao-icon.png) no-repeat;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 0px solid #f5f5f5;
	z-index: 10;
	left: 3px;
	top: 20px
}

.history-panel {
	padding: 40px 0 130px
}

.his-ft {
	height: 60px;
	background: url(../images/his-ft.jpg) no-repeat;
	background-position: 166px 0
}

.enterprise-panel {
	margin-bottom: 100px
}

.enterprise-hd {
	background-color: #a41e25;
	padding: 15px 30px
}

.e-icon {
	background: url(../images/business-icon.png) no-repeat;
	position: relative;
	display: inline-block;
	width: 47px;
	height: 38px;
	margin-right: 15px
}

.name-tit {
	display: inline-block;
	position: relative;
	margin: 0;
	color: #fff
}

.name-tit span {
	display: block;
	font-size: 18px;
	line-height: 28px
}

.name-tit strong {
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-family: arial;
	text-transform: uppercase
}

.catalogue-list {
	margin: 0 -2px
}

.catalogue-list:before,
.catalogue-list:after {
	display: table;
	content: " "
}

.catalogue-list:after {
	clear: both
}

.catalogue-item {
	float: left;
	width: 269px;
	height: 214px;
	background-color: #f7f7f7;
	margin: 2px 1px;
	padding: 20px
}

.catalogue-even {
	background-color: #f0f0f0
}

.c-tit {
	text-align: center;
	color: #333333;
	font-size: 16px;
	line-height: 36px;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin: 0
}

.c-txt {
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	margin: 10px 0 0;
	height: 120px
}

.engi-hd .e-icon {
	background-position: -20px -136px
}

.consult-hd .e-icon {
	background-position: -20px -194px
}

.town-hd .e-icon {
	background-position: -20px -658px
}

.urban-hd .e-icon {
	background-position: -20px -252px
}

.pressure-hd .e-icon {
	background-position: -20px -426px
}

.credit-hd .e-icon {
	background-position: -20px -484px
}

.projects-hd .e-icon {
	background-position: -20px -368px
}

.mappg-hd .e-icon {
	background-position: -20px -542px
}

.mappg-hd .e-icon {
	background-position: -20px -542px
}

.constr-hd .e-icon {
	background-position: -20px -78px
}

.services-hd .e-icon {
	background-position: -20px -20px
}

.survey-hd .e-icon {
	background-position: -20px -310px
}

.license-hd .e-icon {
	background-position: -20px -600px
}

.design-hd .e-icon {
	background-position: -20px -658px
}

.hazard-hd .e-icon {
	background-position: -20px -716px
}

.enterprise-bd {
	margin-bottom: 40px
}

.town-text {
	color: #333333;
	font-size: 16px;
	line-height: 26px;
	background-color: #f0f0f0;
	padding: 35px 20px;
	margin: 2px 0
}

.town-text p {
	margin: 0
}

.infoSlide-panel {
	width: 100%
}

.infoSlide-panel:before {
	display: table;
	content: ''
}

.infoSlide-hd {
	margin: 40px 0;
	width: 100%;
	height: 68px;
	overflow: hidden
}

.infoSlide-hd .hd-title {
	padding: 0 30px;
	width: 600px;
	height: 68px
}

.infoSlide-hd .hd-title .title {
	font-size: 24px;
	color: #333;
	font-weight: 400;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.infoSlide-hd .hd-title .desc {
	font-size: 14px;
	color: #999;
	height: 18px;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin: 0
}

.infoSlide-hd .hd-title a {
	display: block;
	width: 100%;
	height: 100%
}

.infoSlide-hd .hd-title:hover .title {
	color: #a41e25
}

.tips,
.hd-title,
.hd-more {
	float: left
}

.tips {
	position: relative;
	padding: 20px;
	display: inline-block;
	width: 160px;
	height: 68px;
	background: #faf4f4;
	font-size: 20px;
	line-height: 28px;
	color: #c30b15;
	font-family: HelveticaExt-Normal, Arial, "Microsoft YaHei"
}

.tips:before {
	margin-right: 15px;
	display: inline-block;
	content: '';
	width: 11px;
	height: 11px;
	background: url(../images/mark-ico.png) center center no-repeat
}

.hd-more {
	display: inline-block;
	float: right;
	width: 120px;
	height: 68px;
	text-align: center;
	font-size: 14px;
	color: #333;
	border-left: 1px solid #e6e6e6;
	line-height: 68px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.hd-more i {
	margin-left: 10px;
	font-size: 18px;
	color: #999;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.hd-more:hover {
	color: #a41e25
}

.hd-more:hover i {
	color: #a41e25
}

.infoSlide-bd {
	width: 100%;
	height: 315px;
	overflow: hidden
}

.slide-info {
	width: 100%;
	height: 315px;
	overflow: hidden
}

.slide-hd {
	width: 520px;
	height: 315px;
	float: right
}

.slide-node {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.slide-node li {
	width: 100%;
	height: 78px;
	overflow: hidden
}

.slide-node li+li {
	border-top: 1px solid #e6e6e6
}

.slide-node li:hover a,
.slide-node li.on a {
	background: #f0f0f0
}

.slide-node li:hover .title,
.slide-node li.on .title {
	color: #a41e25
}

.slide-node a {
	display: block;
	padding: 0 10px 0 40px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.slide-node .title {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.slide-node .desc {
	font-size: 14px;
	color: #999;
	margin: 0;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.slide-bd {
	float: left;
	width: 560px;
	height: 315px
}

.slide-bd a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.slide-bd a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.slide-bd img {
	width: 100%;
	height: 315px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.info-wrap {
	margin: 50px 0 100px 0;
	width: 100%
}

.info-wrap.party-wrap .info-items {
	padding-top: 0
}

.info-wrap .hd {
	padding: 20px;
	width: 100%;
	height: 68px;
	border: 1px solid #f0f0f0;
	background: #a41e25;
	line-height: 24px
}

.info-wrap .hd .title {
	margin: 0;
	position: relative;
	display: inline-block;
	float: left;
	font-size: 20px;
	line-height: 24px;
	color: #fff
}

.info-wrap .hd .title:before {
	margin-right: 10px;
	margin-top: -3px;
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 22px;
	height: 22px;
	background: url(../images/party-ico.png) center center no-repeat
}

.info-wrap .more {
	float: right;
	font-size: 14px;
	color: #fff
}

.info-wrap .more i {
	margin-left: 10px
}

.info-wrap .info-items {
	padding: 40px 0
}

.info-wrap .item {
	height: 215px
}

.djhouse-panel {
	margin: 0 -28px;
	padding-bottom: 40px
}

.djhouse-panel:before,
.djhouse-panel:after {
	display: table;
	content: " "
}

.djhouse-panel:after {
	clear: both
}

.djhouse-panel .djhouse-item:hover {
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.djhouse-item {
	padding: 10px;
	float: left;
	width: 520px;
	height: 370px;
	margin: 0 24px 24px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer
}

.djhouse-item .pic-panel {
	width: 260px;
	height: 350px
}

.djhouse-item .txt-box {
	width: 240px;
	padding: 18px;
	height: 350px
}

.djhouse-item .txt-box .time {
	margin-top: 5px
}

.dj-down {
	display: inline-block;
	width: 140px;
	height: 34px;
	padding: 2px;
	border: 1px solid #dbdbdb;
	line-height: 28px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #999999;
	overflow: hidden;
	cursor: pointer
}

.dj-down:hover {
	background-color: #a41e25;
	color: #fff
}

.dj-down:hover .down-icon {
	background-position: -20px -68px
}

.down-icon {
	display: inline-block;
	position: relative;
	width: 28px;
	height: 28px;
	background: url(../images/down-icon.png) no-repeat;
	background-position: -20px -20px;
	vertical-align: middle;
	margin-right: 25px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-left: 2px;
	top: -1px
}

.house-tit {
	color: #333333;
	font-size: 18px;
	line-height: 32px;
	margin: 0;
	height: 64px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.house-txt {
	color: #999999;
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	height: 120px;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	margin: 30px 0 40px
}

.culture-panel {
	margin-bottom: 100px;
	overflow: hidden
}

.culture-panel .item {
	height: 300px;
	margin: 0
}

.culture-panel .item:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.culture-panel .item:hover .item-cont {
	background: #a41e25
}

.culture-panel .item:hover .title,
.culture-panel .item:hover .time,
.culture-panel .item:hover .desc {
	color: #fff
}

.culture-panel .pic-panel {
	width: 540px;
	height: 100%
}

.culture-panel .txt-box {
	padding: 60px 80px;
	width: 540px;
	height: 300px
}

.culture-panel .txt-wrap {
	position: relative;
	padding-right: 80px;
	width: 100%
}

.culture-panel .txt-wrap:after {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	content: '';
	width: 11px;
	height: 18px;
	background: url(../images/right-aroow.png) center center no-repeat
}

.culture-panel .title {
	margin-top: 0;
	font-size: 18px;
	color: #333
}

.culture-panel .time {
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.culture-panel .desc {
	margin-top: 60px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.partner-info {
	margin: 50px -10px 100px -10px;
	font-size: 0
}

.partner-item {
	margin: 10px;
	display: inline-block;
	width: 530px;
	height: 180px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.partner-item:hover {
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.partner-item:hover .partner-cont {
	background: white
}

.partner-cont {
	padding: 28px 40px;
	display: block;
	width: 100%;
	height: 100%;
	background: #efefef;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.partner-cont .pic-panel {
	width: 124px;
	height: 124px;
	background: none
}

.partner-cont .txt-box {
	padding-right: 0;
	padding-left: 30px;
	width: 326px;
	height: 100%
}

.business-hd {
	position: relative
}

.business-hd:before,
.business-hd:after {
	display: table;
	content: " "
}

.business-hd:after {
	clear: both
}

.bigpic {
	display: block;
	width: 720px;
	height: 200px;
	position: relative;
	margin-top: -50px
}

.bigpic img {
	display: block;
	width: 100%;
	height: 100%
}

.bs-lt {
	float: left
}

.bs-rt {
	float: right
}

.business-tit {
	width: 355px;
	padding: 60px 40px 10px;
	height: 150px
}

.bus-numb {
	position: relative;
	display: inline-block;
	color: #333333;
	font-size: 44px;
	font-family: arial;
	font-style: normal;
	margin-right: 2px;
	vertical-align: middle;
	top: -14px
}

.bs-name {
	position: relative;
	display: inline-block
}

.b-str {
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	display: block;
	font-weight: normal;
	line-height: 22px
}

.b-sp {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	font-family: arial;
	line-height: 14px;
	font-weight: 600;
	text-transform: uppercase
}

.business-bd {
	color: #666666;
	font-size: 14px;
	line-height: 26px;
	padding: 40px 50px 60px;
	min-height: 322px
}

.business-bd p {
	margin-bottom: 20px
}

.odd-bus {
	background-color: #f5f5f5
}

.business-wrip {
	padding: 100px 0 50px
}

.rd-line {
	width: 120px;
	height: 2px;
	display: inline-block;
	background-color: #a41e25;
	position: absolute;
	top: 88px;
	z-index: 10
}

.odd-bus .rd-line {
	right: 280px
}

.odd-bus .business-tit {
	padding-left: 80px
}

.even-bus .rd-line {
	left: 280px
}

.resource-panel {
	position: relative;
	width: 100%;
	height: 680px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover
}

.resource-cont {
	text-align: center;
	color: #fff
}

.rs-slogin {
	margin: 12px 0;
	font-size: 32px
}

.rs-txt {
	margin: 0;
	font-size: 24px
}

.rs-link {
	display: block;
	width: 280px;
	height: 60px;
	background: url(../images/resoce-bg.png) repeat;
	margin: 0 auto;
	line-height: 40px;
	padding: 10px;
	color: #fff;
	margin-top: 32px
}

.rs-link:hover {
	color: #fff
}

.resource-sect {
	height: 100%;
	display: table
}

.resource-cont {
	display: table-cell;
	vertical-align: middle
}

.relk-icon {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/relink-icon.png) no-repeat;
	vertical-align: middle;
	margin-right: 28px
}

.filter-wrap {
	margin: 50px 0 20px 0;
	width: 100%;
	height: 50px;
	font-size: 0
}

.filter {
	float: left;
	display: inline-block;
	width: 260px;
	height: 50px;
	border: 1px solid #e5e5e5
}

.filter+.filter {
	margin-left: 13px
}

.filter .type {
	padding: 10px;
	position: relative;
	display: block;
	float: left;
	width: 90px;
	height: 48px;
	background: #f6f6f6;
	font-size: 14px;
	color: #999;
	line-height: 28px
}

.filter .type:before {
	margin-top: -3px;
	margin-right: 10px;
	display: inline-block;
	content: '';
	width: 18px;
	height: 18px;
	vertical-align: middle
}

.filter .type.nth1:before {
	background: url(../images/business-ico1.png) center center no-repeat
}

.filter .type.nth2:before {
	background: url(../images/business-ico2.png) center center no-repeat
}

.filter .type.nth3:before {
	background: url(../images/business-ico3.png) center center no-repeat
}

.filter .srch-select {
	position: relative;
	float: left;
	width: 168px;
	height: 48px;
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 0
}

.filter .srch-select:after {
	display: none
}

.filter .srch-select .sel-placeholder {
	position: relative;
	padding: 0 20px;
	height: 48px;
	font-size: 14px;
	line-height: 48px;
	color: #aaa;
	margin: 0;
	cursor: pointer
}

.filter .srch-select .sel-placeholder:after {
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 20px;
	display: block;
	content: '';
	width: 12px;
	height: 6px;
	background: url(../images/shape-down.png) center center no-repeat
}

.filter .sel-options {
	display: none;
	position: absolute;
	left: 0;
	top: 58px;
	z-index: 2;
	width: 100%;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 40px rgba(31, 31, 34, 0.15);
	-moz-box-shadow: 0 0 40px rgba(31, 31, 34, 0.15);
	box-shadow: 0 0 40px rgba(31, 31, 34, 0.15)
}

.filter .sel-options em {
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white
}

.filter .sel-options li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #666
}

.filter .sel-options li+li {
	border-top: 1px solid #e5e5e5
}

.filter .sel-options li:hover {
	color: #333;
	background: #f0f0f0
}

.filter .sel-options span {
	padding: 0 10px;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.filter .sel-options:before {
	position: absolute;
	top: -12px;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 12px
}

.serh-form {
	width: 100%;
	height: 100%
}

.serh-form input {
	padding: 10px 20px;
	float: left;
	width: 200px;
	height: 48px;
	font-size: 14px;
	color: #666;
	line-height: 28px;
	border: none;
	background: none
}

.serh-form input::-webkit-input-placeholder {
	color: #ccc
}

.serh-form input:-moz-placeholder {
	color: #ccc
}

.serh-form input::-moz-placeholder {
	color: #ccc;
	opacity: 1
}

.serh-form input:-ms-input-placeholder {
	color: #ccc
}

.serh-form button {
	float: left;
	display: block;
	width: 58px;
	height: 48px;
	border: none;
	background: none;
	cursor: pointer;
	background: #f6f6f6 url(../images/search-ico.png) center center no-repeat
}

.project-panel {
	width: 100%;
	margin-bottom: 100px
}

.project-items {
	margin: 0 -20px;
	font-size: 0
}

.project-item {
	display: inline-block;
	margin: 20px;
	width: 520px;
	height: 490px;
	border: 1px solid #e6e6e6
}

.project-item:hover {
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	border-color: transparent
}

.project-item:hover .pic-panel img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.project-item:hover .title {
	color: #a41e25
}

.project-cont {
	display: block;
	width: 100%;
	height: 100%
}

.project-cont .pic-panel {
	width: 100%;
	height: 290px;
	overflow: hidden
}

.project-cont .pic-panel img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.project-cont .project-txt {
	padding: 0 40px;
	width: 100%;
	height: 188px;
	overflow: hidden
}

.project-cont .title {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 20px;
	color: #333;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.project-cont .e-title {
	font-size: 14px;
	color: #333;
	font-family: 'arial'
}

.project-cont .type {
	font-size: 14px;
	color: #999;
	margin: 0;
	margin-top: 5px
}

.project-cont .team-item {
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px solid #e6e6e6;
	font-size: 0;
	overflow: hidden
}

.project-cont .team {
	float: left;
	padding: 7px;
	display: inline-block;
	width: 80px;
	height: 54px;
	background: #f5f5f5;
	font-size: 12px;
	color: #999;
	text-align: center
}

.project-cont .team+.team {
	margin-left: 9px
}

.project-cont .team span {
	display: block;
	line-height: 20px;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.project-cont .team.last span {
	line-height: 40px
}

.project-detail {
	margin: 100px 0
}

.project-detail:before {
	display: table;
	content: ''
}

.project-detail .hd {
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden
}

.project-detail .hd .title {
	margin-top: 0;
	font-size: 20px;
	color: #333;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.project-detail .hd .e-title {
	font-size: 14px;
	color: #333;
	font-family: 'arial'
}

.project-detail .hd .type {
	font-size: 14px;
	color: #999;
	margin: 0
}

.project-detail .bd {
	margin-top: 60px;
	width: 100%
}

.project-detail .ftr {
	padding: 20px 0;
	width: 100%;
	overflow: hidden
}

.project-detail .ftr .article {
	width: 530px;
	height: 142px;
	background: #efefef;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.project-detail .ftr .article:hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	background: #fff
}

.project-detail .ftr .article:hover .pic-panel span {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100)
}

.project-detail .ftr .article.prev {
	float: left
}

.project-detail .ftr .article.prev i {
	margin-right: 15px
}

.project-detail .ftr .article.next {
	float: right
}

.project-detail .ftr .article.next i {
	margin-left: 15px
}

.project-detail .ftr .article a {
	display: block;
	width: 100%;
	height: 100%
}

.project-detail .ftr .pic-panel {
	position: relative;
	float: left;
	width: 180px;
	height: 100%;
	overflow: hidden
}

.project-detail .ftr .pic-panel span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 142px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	background: url(../images/resoce-bg.png) center center repeat;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.project-detail .ftr .pic-panel span i {
	font-size: 18px;
	line-height: 142px
}

.project-detail .ftr .txt-box {
	float: left;
	padding: 30px;
	width: 350px;
	height: 100%
}

.project-detail .ftr .txt-box .title {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	color: #666
}

.project-detail .ftr .txt-box .type {
	font-size: 14px;
	color: #999;
	margin: 0
}

.project-detail .project-txt {
	float: left;
	display: inline-block
}

.project-detail .hd-slides {
	padding-left: 30px;
	float: right;
	width: 470px;
	border-left: 1px solid #e6e6e6
}

.project-detail .hd-slides h4 {
	/* margin: 0; */
	font-size: 14px;
	color: #333;
	font-weight: 400
}

.project-detail .slides-panel {
	position: relative;
	margin-top: 10px;
	width: 440px;
	height: 54px
}

.project-detail .person-container,
.project-detail .person-wrapper {
	width: 100%;
	height: 100%
}

.project-detail .person-slide {
	padding: 10px;
	width: 80px;
	height: 54px;
	background: #f5f5f5;
	margin-right: 0 !important
}

.project-detail .person-slide+.person-slide {
	margin-left: 10px
}

.project-detail .person-slide span {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #999;
	line-height: 17px;
	text-align: center;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.project-detail .person-pagination {
	position: absolute;
	top: -30px;
	right: 0;
	text-align: center;
	z-index: 10;
	vertical-align: middle
}

.project-detail .person-pagination span {
	margin: 0 5px;
	display: inline-block;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ccc;
	opacity: 1;
	vertical-align: middle
}

.project-detail .person-pagination span.swiper-pagination-bullet-active {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #dd4d4d;
	background: #fff
}

.pic-slides {
	position: relative;
	width: 100%;
	height: 715px
}

.pic-slides .swiper-button-next,
.pic-slides .swiper-button-prev {
	position: absolute;
	top: 264px;
	display: block;
	width: 40px;
	height: 80px;
	text-align: center;
	background: white;
	cursor: pointer;
	z-index: 10;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.pic-slides .swiper-button-next i,
.pic-slides .swiper-button-prev i {
	font-size: 20px;
	line-height: 80px
}

.pic-slides .swiper-button-next:hover,
.pic-slides .swiper-button-prev:hover {
	background: #a41f25;
	color: #fff
}

.pic-slides .swiper-button-prev {
	left: -20px
}

.pic-slides .swiper-button-next {
	right: -20px
}

.pic-container,
.pic-wrapper,
.pic-slide {
	width: 100%;
	height: 608px
}

.pic-slide,
.small-slide div {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover
}

.small-container,
.small-wrapper {
	width: 100%;
	height: 94px
}

.small-container {
	margin-top: 12px
}

.small-slide {
	position: relative;
	width: 170px !important;
	height: 94px;
	cursor: pointer;
	margin-right: 0 !important
}

.small-slide+.small-slide {
	margin-left: 12px
}

.small-slide div {
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	border: 2px solid #fff
}

.small-slide .s-btn {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	background: url(../images/resoce-bg.png) center center repeat;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.small-slide .s-btn i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -17px;
	margin-left: -17px;
	display: block;
	width: 34px;
	height: 34px;
	background: url(../images/project-search.png) center center no-repeat
}

.small-slide.swiper-slide-thumb-active div {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	border-color: #a41f25
}

.small-slide:hover .s-btn {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100)
}

.pro-detail {
	padding: 50px 0;
	width: 100%;
	overflow: hidden
}

.pro-detail+.pro-detail {
	border-top: 1px solid #e6e6e6
}

.sp-tit {
	padding-left: 10px;
	width: 100%;
	border-left: 3px solid #a41f25;
	font-size: 16px;
	color: #333
}

.sp-tit em {
	font-size: 14px;
	color: #333;
	font-style: normal;
	text-transform: capitalize
}

.detail-box {
	font-size: 14px;
	color: #666;
	line-height: 26px
}

.col-title.talent-title {
	width: 354px;
	height: 58px
}

.sp-banner.talent-banner {
	height: 502px
}

.style-info {
	margin: 50px 0 100px 0;
	width: 100%;
	overflow: hidden
}

.style-item {
	margin-bottom: 50px;
	width: 100%;
	height: 390px;
	background: #fff;
	overflow: hidden
}

.style-item a {
	display: block;
	width: 100%;
	height: 100%
}

.style-item .pic-panel {
	width: 520px;
	height: 390px
}

.style-item .txt-box {
	padding: 60px;
	width: 560px;
	height: 100%
}

.style-item .txt-box .position {
	font-size: 14px;
	color: #999
}

.style-item .txt-box .project-tit {
	font-size: 14px;
	color: #333;
	margin-top: 55px
}

.style-item .txt-box .desc {
	height: 84px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.team-items {
	margin: 30px -20px 100px -20px;
	overflow: hidden
}

.team-items .item {
	float: left;
	margin: 20px;
	display: inline-block;
	width: 520px;
	height: 446px;
	border: 1px solid #e6e6e6
}

.team-items .item .pic-panel {
	width: 100%;
	height: 366px
}

.team-items .item .txt-box {
	padding: 20px;
	width: 100%;
	height: 78px
}

.team-items .item .txt-box .title {
	margin: 0;
	font-size: 18px;
	color: #333;
	text-transform: uppercase
}

.team-items .item .txt-box .type {
	margin: 0;
	font-size: 14px;
	color: #999
}

.team-items .item:hover {
	border-color: transparent;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.15)
}

.team-items .item:hover .pic-panel img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.team-detail .detail-hd {
	padding-bottom: 20px
}

.team-detail .detail-hd .type {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #999
}

.col-title.contact-title {
	width: 189px;
	height: 57px
}

.contactus-box {
	position: relative;
	width: 100%;
	height: 500px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover
}

.gcontact-footer {
	padding-top: 35px
}

.gcontact-footer .f-msg-cont {
	height: 305px
}

.gcontact-footer .ftr-msgpanel {
	height: 305px
}

.download-item {
	padding: 24px 0 30px 30px;
	border-bottom: 1px solid #e6e6e6
}

.download-item:before,
.download-item:after {
	display: table;
	content: " "
}

.download-item:after {
	clear: both
}

.download-item .dj-down {
	margin-top: 12px;
	float: right
}

.download-icon {
	float: left;
	width: 55px;
	height: 55px
}

.download-icon img {
	display: block;
	width: 100%;
	height: 100%
}

.download-msg {
	float: left;
	width: 700px;
	margin-left: 35px
}

.dow-txt {
	color: #666666;
	font-size: 16px;
	margin: 0;
	line-height: 30px;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	height: 30px
}

.dow-time {
	color: #b2b2b2;
	font-size: 14px;
	line-height: 28px
}

.download-bd {
	padding-bottom: 30px
}

.download-list {
	padding-bottom: 60px
}

.col-title.search-title {
	width: 118px;
	height: 58px
}

.z-search-tabs {
	text-align: left
}

.z-search-tabs .nth1 {
	margin-left: 0
}

.search-result {
	padding: 20px 0
}

.search-result p {
	margin: 0;
	color: #808080;
	font-size: 14px
}

.search-result p span {
	color: #333333
}

.zsh-hd .nassir-list {
	padding-top: 5px
}

.s-year {
	color: #a41e25
}

.shproject-list {
	padding-top: 5px
}

.shproject-list .item {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 20px;
	margin-top: 0;
	border-bottom: 1px solid #e6e6e6;
	height: auto
}

.shproject-list .item:before,
.shproject-list .item:after {
	display: table;
	content: " "
}

.shproject-list .item:after {
	clear: both
}

.shproject-list .item:hover {
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.shproject-list .txt-box {
	width: 680px;
	height: 200px
}

.shproject-list .pic-panel {
	width: 360px;
	height: 200px
}

.proj-name {
	color: #999999;
	font-size: 14px;
	line-height: 34px;
	height: 34px;
	display: block;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-top: 10px
}

@media screen and (max-width: 1599px) {
	.aside-panel {
		width: 90px
	}

	.sp-main {
		padding-left: 90px
	}

	.aside-nav {
		margin-top: -80px
	}

	.aside-nav .nav-item {
		height: 40px
	}

	.aside-nav .nav-item a {
		padding: 10px 15px;
		font-size: 12px
	}

	.aside-nav .nav-item.menu-btn .menu-line {
		height: 3px
	}

	.cross.nav-item {
		margin-top: 40px
	}

	.aside-menu-panel {
		padding-left: 90px
	}

	.menu-cont {
		width: 1280px
	}

	.menu-cont {
		padding: 50px
	}

	.menu-cont .menu-item {
		width: 140px
	}

	.menu-cont .onelevel {
		padding: 20px 10px
	}
}