.titleBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 150px;
}
.titleBox .title {
	font-size: 30px;
	position: relative;
	height:60px;
	line-height: 50px;
	color: #323232;
}
.titleBox .title:before {
	content: "";
	width: 40px;
	height: 2px;
	background: #2662A2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.titleBox .subtitle {
	font-size: 20px;
	color: #2662A2;
}
.titleBox .titleWhite {
	font-size: 30px;
	position: relative;
	height:60px;
	line-height: 50px;
	color: #FFFFFF;
}
.titleBox .titleWhite:before {
	content: "";
	width: 40px;
	height: 2px;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.titleBox .subtitleWhite {
	font-size: 20px;
	color: #FFFFFF;
}

/* 我们的业务 */
.business {
	height: 400px;
	padding-bottom: 30px;
}
.businessContent {
	width: 100%;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.businessContent .businessItem {
	width: 230px;
	height: 230px;
	background: #FFFFFF;
	border: 1px solid #2662A2;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	margin-right: 15px;
}
.businessContent .businessItem:last-child{margin-right: 0}
.businessContent .businessItem:hover {
	margin-top: -10px;
	transition: all .15s ease-in;
	background: #2662A2;
}
.businessContent .businessItem:hover .businessItemTitle{color: #FFFFFF}
.businessContent .businessItem:hover .businessItemContent{color: #FFFFFF}
.businessItemTitle {
	font-size: 24px;
	color: #333333;
	margin: 20px 0 6px;
}
.businessItemContent {
	width: 205px;
	height: 115px;
	font-size: 12px;
	color: #808080;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 20px;
}

/* 企业介绍 */
.firmIntro {
	width: 100%;
	height: 616px;
	background: url("../images/home/index_jieshao_bg.png") no-repeat center bottom;
	position: relative;
}
.firmIntroCover {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4)
}
.firmIntroContent {
	width: 1200px;
	height: 456px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
}
.firmIntroImg {
	width: 534px;
	height: 400px;
}
.firmIntroDescribe {
	width: 563px;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.firmIntroDescribe .firmIntroDescribeTitle {font-size: 24px}
.firmIntroDescribe .firmIntroDescribeContent {margin: 15px 0}
.firmIntroDescribe .firmIntroDescribeContent p {text-indent: 30px;line-height: 24px;color: #333333}
.firmIntroDescribe .firmIntroDescribeBtn {
	width: 130px;
	height: 40px;
	border: 1px solid #2662A2;
	color: #2662A2;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 433px;
	cursor: pointer;
}
.firmIntroDescribe .firmIntroDescribeBtn:hover {background: #2662A2;color: #FFFFFF;transition: all .2s ease-in}
/* 企业介绍轮播 */
.firmSwiper {height: 700px;}
.firmMenuList {
	width: 100%;
	height: 70px;
	background: #F5F5F5;
	display: flex;
}
.firmMenuList li {
	width: 160px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 16px;
	color: #565458;
	cursor: pointer;
}
.firmMenuList li:hover {color: #FFFFFF;background: #2662A2;transition: all .2s ease-in}
.firmMenuList li.active {color: #FFFFFF;background: #2662A2;}
.firmContent {
	width: 100%;
	height: 160px;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 0 120px;
	box-sizing: border-box;
	color: #666666;
	line-height: 22px;
}
/* 企业团队 */
.firmTeamImg {width: 100%;display: flex;justify-content: center;margin-bottom: 20px}
.firmTeamImg img {width: 710px;height: 430px;}

/* 发展历程 */
.courseContent {
	width: 100%;
	height: 400px;
	position: relative;
	margin-top: 90px;
}
.courseContent .courseImg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.courseDetail {
	display: flex;
	flex-direction: column;
	position: absolute;
}
.courseTime {
	font-size: 16px;
	font-weight: 500;
	color: #434343;
	margin-bottom: 10px;
}
.intro1 {left: 0;bottom: -14%}
.intro2 {left: 14%;bottom: 38%}
.intro3 {left: 30%;bottom: -6%}
.intro4 {left: 38%;top: 16%}
.intro5 {left: 55%;bottom: 28%}
.intro6 {left: 68%;top: 8%;}
.intro7 {left: 81%;bottom: 32%}

/* 企业资质 */
.firmSwiperList {
	width: 100%;
	height: 300px;
	position: relative;
}
.swiperList {
	width: 90%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
}
.swiperList .cards-list {
	width: 270px;
	height: 180px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.swiperList .cards-list img {
	width: 100%;
	height: 100%;
}
.firmSwiperList .btn-direct {
	width: 50px;
	height: 90px;
	background: #2662A2;
	position: absolute;
	top: 50%;
	z-index: 100000;
	transform: translateY(-50%);
	cursor: pointer;
	transition: .2s;
}
.firmSwiperList .btn-direct.btn-left {
	left: 0;
}

.firmSwiperList .btn-direct.btn-right {
	right: 0;
}

.firmSwiperList .btn-direct>span {
	position: absolute;
	left: calc(50% - .6rem);
	top: calc(50% - .6rem);
	width: 1.2rem;
	height: 1.2rem;
	border-top: 0.2rem solid #fff;
	border-left: 0.2rem solid #fff;
}
.shift-left {transform: translateX(25%) rotate(-45deg);}
.shift-right {transform: translateX(-25%) rotate(135deg);}

/* 企业动态 */
.dynamic {
	width: 100%;
	height: 600px;
	position: relative;
}
.dynamicCover {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.dynamicContent {
	width: 100%;
	height: 400px;
	display: flex;
	justify-content: space-between;
}
.dynamicDescribe {
	width: 750px;
	height: 400px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	display: flex;
	margin-left: 20px;
}
.dynamicDescribe .articleBtn {width: 210px;height: 400px;}
.dynamicDescribe .articleBtn .articleClassify {
	width: 210px;
	height: 200px;
	background: #BFBFBF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	position: relative;
	transition: all .2s ease-in;
	cursor: pointer;
}
.dynamicDescribe .articleBtn .articleClassify:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -30px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #BFBFBF;
	transition: all .2s ease-in;
}
.dynamicDescribe .articleBtn .articleClassify.active {background: #2662A2;transition: all .2s ease-in;}
.dynamicDescribe .articleBtn .articleClassify.active:before {border-left: 15px solid #2662A2;transition: all .2s ease-in;}
.dynamicDescribe .articleBtn .articleClassify p:nth-of-type(1) {font-size: 24px;margin-bottom: 10px}
.dynamicDescribe .articleBtn .articleClassify p:nth-of-type(2) {font-size: 18px}
.dynamicDescribe .articleContent {
	width: 750px;
	height: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
.dynamicDescribe .articleContent .articleItem {
	display: flex;
	justify-content: space-between;
	width: 690px;
	height: 50px;
	color: #4D4D4D;
	list-style-type: disc;
	border-top: 1px dashed #E6E6E6;
	box-sizing: border-box;
	line-height: 50px;
	cursor: pointer;
}
.dynamicDescribe .articleContent .articleItem:first-child{border-top: none}
.dynamicDescribe .articleContent .articleItem .articleItemTitle {
    width: 580px;
	display: block;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dynamicDescribe .articleContent .articleItem .articleItemTime {
	display: inline;
	width: 100px;
	text-align: right;
}
.dynamicDescribe .articleContent .articleItem .articleItemDetail {
	display: none;
	width: 480px;
	height: 40px;
	color: #808080;
	line-height: 21px;
	overflow: hidden;
}
.dynamicDescribe .articleContent .articleItem.active {
	width: 100%;
	height: 100px;
	color: #4D4D4D;
	box-sizing: border-box;
	list-style-type: none;
}
.dynamicDescribe .articleContent .articleItem.active .articleItemTitle {
	width: 690px;
	font-size: 18px;
	line-height: 28px;
	color: #2662A2;
	margin: 8px 0;
	display: block;
	text-align: center;
}
.dynamicDescribe .articleContent .articleItem.active .articleItemDetail {
	width: 690px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.dynamicDescribe .articleContent .articleItem.active .articleItemTime {display: none;}
.dynamicPrice {
	width: 450px;
	height: 400px;
	background: #0000FF;
	position: relative;
}
.dynamicPrice img {
	width: 100%;
	height: 100%;
}
.dynamicPrice .dynamicPriceTitle {
	width: 100%;
	height: 45px;
	background: rgba(0,0,0,0.6);
	position: absolute;
	color: #FFFFFF;
	line-height: 45px;
	text-indent: 20px;
	font-size: 16px;
	left: 0;
	bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 典型项目 */
.typicalBG {
	width: 100%;
	height: 560px;
	background: url("http://officialupyun.yunsqy.com/official_file/2021/12/2021-12-10/img1639100322413_322.png") no-repeat center bottom;
}
.typical {
	height: 100%;
	box-sizing: border-box;
}
.typicalList {
	width: 100%;
	height: 300px;
	display: flex;
}
.typicalList .typicalItem {
	width: 285px;
	height: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFFFF;
	margin-right: 20px;
	box-shadow: 0px 0px 13px 0px rgba(137, 137, 137, 0.4);
}
.typicalList .typicalItem:last-child {margin-right: 0;}
.typicalList .typicalItem .projectImg {
	width: 100%;
	height: 200px;
}
.typicalList .typicalItem .projectTitle {
	font-size: 16px;
	margin: 16px 0 12px;
	width: 95%;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.typicalList .typicalItem .projectBtn {
	width: 140px;
	height: 36px;
	background: #FFFFFF;
	line-height: 36px;
	text-align: center;
	border: 1px solid #2662A2;
	cursor: pointer;
}
.typicalList .typicalItem .projectBtn:hover {
	color: #FFFFFF;
	background: #2662A2;
	transition: all .15s ease-in;
}
.typicalMore {
	width: 160px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 30px auto;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}
.typicalMore a {width: 100%;height: 100%;display: block;color: #FFFFFF;}
.typicalMore:hover a {color: #FFFFFF;}
.typicalMore:hover {border: 1px solid #2662A2;background: #2662A2;transition: all .1s ease-in}

/* 联系我们 */
.contactUs {
	width: 100%;
	height: 300px;
	background: url("../images/home/index_lianxi_bg.png") no-repeat center;
	position: relative;
}
.contactUs:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	position: absolute;
	left: 0;
	top: 0;
}
.contactUsContent {
	width: 480px;
	height: 200px;
	background: rgba(255,255,255,0.2);
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #FFFFFF;
}
.contactUsTitle {
	height: 100px;
	position: absolute;
	left: -160px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}
.contactUsTitle .contactUsMainTitle {font-size: 48px;}
.contactUsDetail {
	width: 350px;
	height: 100px;
	box-sizing: border-box;
	border-left: 1px solid #FFFFFF;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.contactUsDetail .contactUsItem {
	width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 14px;
}
.contactUsDetail .contactUsItem .iconfont {font-size: 24px;margin-right: 10px}

/* 党建文化 */
.party {
	height: 750px;
	padding: 35px 0;
	box-sizing: border-box;
}
.partyContent {
	width: 100%;
	height: 440px;
	margin-top: 30px;
	display: flex;
}
.imgList {
	width: 900px;
	height: 440px;
	display: flex;
	flex-wrap: wrap;
}
.imgList .imgItem {width: 300px;height: 220px;}
.imgList .detailItem:nth-of-type(1) {background: #CC7D39}
.imgList .detailItem {
	width: 300px;
	height: 220px;
	background: #2662A2;
	font-size: 30px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.imgList .detailItem .detailItemHover {
	display: none;
	font-size: 18px;
}
.imgList .detailItem .detailItemHover li {list-style-type: disc;}
.imgList .detailItem:hover {background: url("../images/home/projectBG.png") no-repeat bottom center;}
.imgList .detailItem:hover .detailItemTitle {display: none}
.imgList .detailItem:hover .detailItemHover {display: inline-block;}
.imgRight {
	width: 300px;
	height: 440px;
}

.swiper-container{
  --swiper-theme-color: #ff6600;
}