.poster {
	width: 100%;
}

.header {
	width: 99.5rem;
	overflow: hidden;
}

.container {
	width: 99.5rem;

	margin: 0 auto;
	overflow: hidden;
}

.row:nth-child(odd)>.row-item,
.row:nth-child(odd)>.row-item .row-item-wrap {
	width: 16.894737rem;
}

.row:nth-child(odd)>.row-item * {
	width: 100%;
}

.row:nth-child(even)>.row-item,
.row:nth-child(even)>.row-item .row-item-wrap {
	width: 13.473684rem;
}

.row:nth-child(even)>.row-item * {
	width: 100%;
}

.inner-container {
	width: 71.052632rem;
	margin: 0 auto;
	/* background: red; */
	text-align: center;
}

/* 服务范围 */
.serve-scope {
	padding-bottom: 98px;
	padding-top: 84px;
}

.serve-scope-title {
	display: inline-block;
	padding: 0 62px;
	font-family: "Microsoft YaHei";
	font-size: 34px;
	line-height: 60px;
	color: rgb(51, 51, 51);

	font-weight: bold;
	border-bottom: 1px solid #d0cfcf;
}

.serve-scope-describe {
	margin-bottom: 42px;
	line-height: 60px;
	color: rgb(51, 51, 51);
	font-size: 18px;
}

.sever-scope-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.sever-scope-item {
	width: 17.105263rem;
	height: 6.315789rem;
}

/* 服务领域 */
.serve-territory {
	background: url(../images/serve-territory-bg.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 45px;
}

.serve-territory-right {
	margin-left: 25.263158rem;

	box-sizing: border-box;
	width: 45.263158rem;
	padding-left: 6.052632rem;
	padding-top: 1.842105rem;
	padding-right: 9.473684rem;
	padding-bottom: 2.105263rem;
	background: url(../images/serve-territory-right.png) no-repeat;
	background-size: 100% 100%;
	/* box-shadow: 0px 7px 15.04px 0.96px rgba(137, 137, 137, 0.26); */
	/* opacity: 0.671; */
}

.territory-img {
	box-shadow: 0px 7px 15.04px 0.96px rgba(137, 137, 137, 0.26);
	vertical-align: middle;
}

.serve-territory-wrap {
	position: relative;
	padding-bottom: 96px;
	padding-top: 95px;
	/* background: red; */
}

.serve-territory-item {
	display: -webkit-box;
	display: flex;
	margin-bottom: 1.368421rem;
}

.serve-territory-left {
	position: absolute;
	top: 0px;
	left: 0;
}

.item-title {
	font-size: 1.157895rem;
	font-family: "Microsoft YaHei";
	color: rgb(45, 45, 45);
	font-weight: bold;
	line-height: 2rem;
}

.icon {
	-webkit-box-flex: 0;
	flex: 0 0 54px;
	width: 54px;
	height: 50px;


}

.icon1 {
	background: url(../images/icon-1.png) no-repeat;
	background-size: 100% 100%;
}

.icon2 {
	background: url(../images/icon-2.png) no-repeat;
	background-size: 100% 100%;
}

.icon3 {
	background: url(../images/icon-3.png) no-repeat;
	background-size: 100% 100%;
}

.icon4 {
	background: url(../images/icon-4.png) no-repeat;
	background-size: 100% 100%;
}

.icon5 {
	background: url(../images/icon-5.png) no-repeat;
	background-size: 100% 100%;
}

.item-info {
	text-align: left;
	margin-left: 1.578947rem;
}

.english-title {
	font-size: 14px;
	font-family: "Microsoft YaHei";
	color: rgb(120, 119, 119);
	line-height: 20px;
}

.describe {
	font-size: 14px;
	line-height: 26px;
	color: rgb(120, 119, 119);
}

.territory-img-1 {
	width: 15.789474rem;
	height: 10.526316rem;
	margin-bottom: 10px;
}

.middle {
	margin-bottom: 5px;
}

.middle img {
	margin-right: .526316rem;
}

.territory-header {
	text-align: center;
}

.territory-img-2 {
	width: 7.368421rem;
}

.territory-img-3 {
	width: 9.578947rem;
}

.territory-img-4 {
	width: 10.526316rem;
}

.territory-img-5 {
	width: 8.684211rem;
	margin-right: .526316rem;
}

.territory-img-6 {
	width: 11.578947rem;
}

/* 多媒体 */
.interaction-wrap {
	overflow: hidden;
}

.interaction {
	padding-top: 4.736842rem;
}

.interaction-header {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.interaction-header div {
	margin-right: .263158rem;
}

.interaction-header div img {
	margin-bottom: .263158rem;
}

.interaction-header div:last-child {
	margin-right: 0;
}

.interaction-item-wrap {
	position: relative;
	z-index: 3;
}

.interaction-item-wrap:hover>.top {
	display: block;
	background-color: gray;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: red;
	color: #fff;

}

.interaction-7,
.interaction-width-1 {
	width: 18.947368rem;
}

.interaction-8 {
	width: 21.578947rem;
}

.interaction-3 {
	height: 21.578947rem;
}

.row {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

/* .row img {
	margin-right: .263158rem ;
	margin-bottom: .263158rem;
} */

.row img:last-child {
	margin-right: 0;
}

.interaction-9 {
	width: 10.526316rem;
}

.interaction-10 {
	width: 18.947368rem;
}

.interaction-14 {
	width: 13.684211rem;
}

.interaction-13 {
	width: 15.631579rem;
}

/* 开发 */
.exploit {
	padding-top: 4.526316rem;
}

.exploit-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.exploit-row {

	display: -webkit-box;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.exploit-item img {
	-webkit-box-flex: 1;
	flex: 1;
	width: 100%;
	height: 10rem;

}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #333333;
	opacity: 1;
	z-index: 9;
	opacity: 0.21;
}

.lager-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
}

.lager-wrap img {
	width: 40rem;
}

.interaction img {
	cursor: pointer;
}

.lager-none {
	display: none;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}



/* 欢迎板块 */
.welcome4 {
	display: block !important;
}


.exhibition {
	position: relative;
	height: 39.052632rem;
}

.exhibition .bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 39.052632rem;
	z-index: -1;
}

.exhibition-1 {
	position: absolute;
	top: 5.9375rem;
	left: 6.947368rem;
	width: 31.684211rem;
	height: 20.368421rem;
	background: url(../images/exhibition-1.png) no-repeat;
	background-size: 100% 100%;
}

.exhibition-3 {
	position: absolute;
	left: 7.631579rem;
	bottom: 5.210526rem;
	width: 10.368421rem;
	height: 6.263158rem;
	background: url(../images/exhibition-3.png) no-repeat;
	background-size: 100% 100%;
}

.exhibition-4 {
	position: absolute;
	left: 18.684211rem;
	bottom: 5.210526rem;
	width: 10.368421rem;
	height: 6.263158rem;
	background: url(../images/exhibition-4.png) no-repeat;
	background-size: 100% 100%;
}

.exhibition-5 {
	position: absolute;
	left: 29.578947rem;
	bottom: 5.210526rem;
	width: 10.368421rem;
	height: 6.263158rem;
	background: url(../images/exhibition-5.png) no-repeat;
	background-size: 100% 100%;
}

.exhibition-2 {
	position: absolute;
	bottom: 0;
	right: 2.684211rem;
	width: 54.368421rem;
	height: 34.473684rem;
	background: url(../images/exhibition-2.png) no-repeat;
	background-size: 100% 100%;
}

/* -------------------          案例        ------------------- */

.case-wrap {
	margin-top: 5.684211rem;
	background: url(../images/case-bg.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 3rem;
}

.case {
	margin-top: 2.842105rem;
}

.case-wrap .row {
	position: relative;
	width: 68.578947rem;
	margin: 0 auto;
	height: 10.631579rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .526316rem !important;
}

.case-wrap-title {
	margin-bottom: 4.736842rem;
}

.row-item-wrap {
	position: relative;
	height: 10.631579rem;
}


.row-item-title {
	position: absolute;
	width: 100%;
	height: 2.631579rem;
	line-height: 2.631579rem;
	background-color: rgb(42, 42, 42);
	opacity: 0.702;
	font-size: 1.105263rem;
	color: #ffffff;
	bottom: 0;
	left: 0;
}

.row-item {
	/* overflow: hidden; */
	box-sizing: border-box;
	position: relative;
	flex: 1;
	height: 10.631579rem;
	margin-right: .263158rem !important;



}


.row-item img {
	width: 100%;
	height: 100%;
	/* height: 10.631579rem; */


}