.video-img.railway-field {
	position: relative;
	top: 0;
	left: 0;
}

.video-img.railway-field img {
	width: 100%;
}

.video-img.railway-field img.dark {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-animation: opacityHideToShow 4s linear both infinite;
	-moz-animation: opacityHideToShow 4s linear both infinite;
	-ms-animation: opacityHideToShow 4s linear both infinite;
	animation: opacityHideToShow 4s linear both infinite;
}

@keyframes opacityHideToShow {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.video-img.plane-inside {
	position: relative;
	top: 0;
	left: 0;
}

.video-img.plane-inside img {
	width: 100%;
}

.video-img.plane-inside img.dark {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-animation: opacityHideToShow 4s linear both infinite;
	-moz-animation: opacityHideToShow 4s linear both infinite;
	-ms-animation: opacityHideToShow 4s linear both infinite;
	animation: opacityHideToShow 4s linear both infinite;
}

.section-sector {
	background-color: #F2F2F2;
}

.sector-banner {
	position: relative;
	height: 540px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-sector-info {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.sector-banner h2 {
	font-size: 60px;
	line-height: 82px;
	color: #FFFFFF;
	letter-spacing: 10px;
	text-align: center;
}

.automotive-sector .sector-banner h2 {
	color: #1D1D1F;
}

.sector-banner .link-document {
	margin: 30px auto 0;
}

.sector-intro {
	padding-top: 95px;
}

.sector-intro-inner {}

.sector-title-image {}

.sector-title-image img {
	display: block;
	margin: 0 auto;
	vertical-align: top;
}

.sector-title-text {
	font-weight: bold;
	font-size: 55px;
	line-height: 76px;
	color: #343434;
	letter-spacing: 5px;
	text-align: center;
	margin-top: 22px;
}

.sector-desc {
	font-size: 22px;
	line-height: 31px;
	color: #86868B;
	max-width: 1000px;
	margin: 15px auto 0;
	letter-spacing: 1px;
	text-align: center;
}

.sector-media {
	margin-top: 70px;
}

.media-list {}

.media-list .media-item {
	float: left;
	width: 50%;
	position: relative;
	cursor: pointer;
}

.media-list .media-item .media-item-info {}

.media-list .media-item .media-image-intro {
	position: absolute;
}

.automotive-sector .media-item:first-child .media-image-intro {
	top: 95px;
	right: 157px;
	top: 15%;
	right: 16%;
}

.automotive-sector .media-item:nth-child(2) .media-image-intro {
	top: 82px;
	right: 440px;
	top: 13%;
	right: 46%;
}

.automotive-sector .media-item:nth-child(3) .media-image-intro {
	top: 84px;
	right: 157px;
	top: 13%;
	right: 16%;
}

.automotive-sector .media-item:nth-child(4) .media-image-intro {
	top: 90px;
	right: 150px;
	top: 14%;
	right: 16%;
}

.living-sector .media-item:first-child .media-image-intro {
	top: 160px;
	right: 137px;
	top: 25%;
	right: 14%;
}

.living-sector .media-item:nth-child(2) .media-image-intro {
	top: 143px;
	right: 123px;
	top: 22%;
	right: 13%;
}

.living-sector .media-item:nth-child(3) .media-image-intro {
	top: 144px;
	right: 178px;
	top: 23%;
	right: 19%;
}

.living-sector .media-item:nth-child(4) .media-image-intro {
	top: 124px;
	right: 234px;
	top: 20%;
	right: 24%;
}

.building-sector .media-item:first-child .media-image-intro {
	top: 100px;
	right: 260px;
	top: 16%;
	right: 27%;
}

.building-sector .media-item:nth-child(2) .media-image-intro {
	top: 173px;
	right: 275px;
	top: 27%;
	right: 29%;
}

.building-sector .media-item:nth-child(3) .media-image-intro {
	top: 106px;
	right: 250px;
	top: 17%;
	right: 26%;
}

.building-sector .media-item:nth-child(4) .media-image-intro {
	top: 127px;
	right: 242px;
	top: 20%;
	right: 25%;
}

.traffic-sector .media-item:first-child .media-image-intro {
	top: 66px;
	right: 480px;
	top: 10%;
	right: 50%;
}

.traffic-sector .media-item:nth-child(2) .media-image-intro {
	top: 163px;
	right: 545px;
	top: 25%;
	right: 57%;
}

.traffic-sector .media-item:nth-child(3) .media-image-intro {
	top: 105px;
	right: 180px;
	top: 16%;
	right: 19%;
}

.traffic-sector .media-item:nth-child(4) .media-image-intro {
	top: 120px;
	right: 236px;
	top: 19%;
	right: 25%;
}

.media-list .media-item .media-image-intro img {
	display: block;
}

.media-list .media-item .media-text-intro {
	position: absolute;
	bottom: 56px;
	left: 0;
	right: 0;
	text-align: center;
}

.media-list .media-item .media-intro-icon {}

.advantage-icon {
	background-size: 100%;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .8;
}

.advantage-icon:hover {
	opacity: 1;
}

.icon-dimming {
	background-image: url(/images/index/dimming.png);
}

.icon-uv {
	background-image: url(/images/index/uv.png);
}

.icon-temperature {
	background-image: url(/images/index/temperature.png);
}

.icon-health {
	background-image: url(/images/index/health.png);
}

.icon-fast {
	background-image: url(/images/index/fast.png);
}

.icon-privacy {
	background-image: url(/images/index/privacy.png);
}

.icon-efficient {
	background-image: url(/images/index/efficient.png);
}

.icon-noise {
	background-image: url(/images/index/noise.png);
}

.icon-proof {
	background-image: url(/images/index/proof.png);
}

.icon-fashion {
	background-image: url(/images/index/fashion.png);
}

.icon-beautiful {
	background-image: url(/images/index/beautiful.png);
}

.media-list .media-item h4 {
	font-size: 36px;
	line-height: 50px;
	letter-spacing: 1.5px;
	color: #F2F2F2;
	margin-top: 5px;
	font-weight: lighter;
}

.media-list .media-item p {
	font-size: 21px;
	color: #F2F2F2;
	line-height: 29px;
	letter-spacing: 1px;
	margin-top: 2px;
	font-weight: lighter;
}

.multi-row .advantage-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 70px;
}

.multi-row h4 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 34px;
}


/*2K适配*/
@media screen and (min-width:1921px) and (max-width:3000px) {}

/*4K适配*/
@media screen and (min-width:3000px) and (max-width:4096px) {
	.sector-banner {
		height: 1080px;
	}

	.sector-banner h2 {
		font-size: 120px;
		line-height: 164px;
		letter-spacing: 20px;
	}

	.sector-banner .link-document {
		margin: 60px auto 0;
	}

	.sector-intro {
		padding-top: 190px;
	}

	.sector-title-text {
		font-size: 110px;
		line-height: 152px;
		letter-spacing: 10px;
		margin-top: 44px;
	}

	.sector-desc {
		font-size: 48px;
		line-height: 62px;
		max-width: 2000px;
		margin: 30px auto 0;
		letter-spacing: 2px;
	}

	.sector-media {
		margin-top: 140px;
	}

	.automotive-sector .media-item:first-child .media-image-intro {
		top: 95px;
		right: 157px;
		top: 15%;
		right: 16%;
	}

	.automotive-sector .media-item:nth-child(2) .media-image-intro {
		top: 82px;
		right: 440px;
		top: 13%;
		right: 46%;
	}

	.automotive-sector .media-item:nth-child(3) .media-image-intro {
		top: 84px;
		right: 157px;
		top: 13%;
		right: 16%;
	}

	.automotive-sector .media-item:nth-child(4) .media-image-intro {
		top: 90px;
		right: 150px;
		top: 14%;
		right: 16%;
	}

	.living-sector .media-item:first-child .media-image-intro {
		top: 160px;
		right: 137px;
		top: 25%;
		right: 14%;
	}

	.living-sector .media-item:nth-child(2) .media-image-intro {
		top: 143px;
		right: 123px;
		top: 22%;
		right: 13%;
	}

	.living-sector .media-item:nth-child(3) .media-image-intro {
		top: 144px;
		right: 178px;
		top: 23%;
		right: 19%;
	}

	.living-sector .media-item:nth-child(4) .media-image-intro {
		top: 124px;
		right: 234px;
		top: 20%;
		right: 24%;
	}

	.building-sector .media-item:first-child .media-image-intro {
		top: 100px;
		right: 260px;
		top: 16%;
		right: 27%;
	}

	.building-sector .media-item:nth-child(2) .media-image-intro {
		top: 173px;
		right: 275px;
		top: 27%;
		right: 29%;
	}

	.building-sector .media-item:nth-child(3) .media-image-intro {
		top: 106px;
		right: 250px;
		top: 17%;
		right: 26%;
	}

	.building-sector .media-item:nth-child(4) .media-image-intro {
		top: 127px;
		right: 242px;
		top: 20%;
		right: 25%;
	}

	.traffic-sector .media-item:first-child .media-image-intro {
		top: 66px;
		right: 480px;
		top: 10%;
		right: 50%;
	}

	.traffic-sector .media-item:nth-child(2) .media-image-intro {
		top: 163px;
		right: 545px;
		top: 25%;
		right: 57%;
	}

	.traffic-sector .media-item:nth-child(3) .media-image-intro {
		top: 105px;
		right: 180px;
		top: 16%;
		right: 19%;
	}

	.traffic-sector .media-item:nth-child(4) .media-image-intro {
		top: 120px;
		right: 236px;
		top: 19%;
		right: 25%;
	}

	.sector-title-image img {
		width: 662px;
	}

	.living-sector .sector-title-image img {
		width: 520px;
	}

	.building-sector .sector-title-image img {
		width: 438px;
	}

	.traffic-sector .sector-title-image img {
		width: 1076px;
	}

	.media-list .media-item .media-image-intro {
		transform: scale(2);
		transform-origin: right top;
	}


	.media-list .media-item .media-text-intro {
		bottom: 112px;
	}

	.advantage-icon {
		width: 140px;
		height: 140px;
	}

	.media-list .media-item h4 {
		font-size: 72px;
		line-height: 100px;
		letter-spacing: 3px;
		margin-top: 10px;
	}

	.media-list .media-item p {
		font-size: 42px;
		line-height: 58px;
		letter-spacing: 2px;
		margin-top: 4px;
	}

	.multi-row .advantage-icon {
		margin: 0 140px;
	}

	.multi-row h4 {
		margin: 0 68px;
	}
}



/*移动端*/
@media screen and (min-width:0px) and (max-width:960px) {
	.sector-banner {
		height: 270px;
	}

	.sector-banner h2 {
		font-size: 30px;
		line-height: 41px;
		letter-spacing: 5px;
	}

	.sector-banner .ziliao-down {
		width: 75px;
		height: 23px;
		line-height: 23px;
		font-size: 12px;
		margin-top: 15px;
	}

	.sector-intro {
		padding-top: 35px;
	}

	.sector-title-image {}

	.sector-title-image img {
		width: 165px;
	}

	.living-sector .sector-title-image img {
		width: 130px;
	}

	.building-sector .sector-title-image img {
		width: 110px;
	}

	.traffic-sector .sector-title-image img {
		width: 269px;
	}

	.sector-title-text {
		font-size: 27px;
		line-height: 38px;
		letter-spacing: 2.5px;
		margin-top: 11px;
	}

	.sector-desc {
		font-size: 12px;
		line-height: 15px;
		max-width: 80%;
		margin-top: 8px;
	}

	.sector-media {
		margin-top: 35px;
	}

	.media-list .media-item {
		width: 100%;
	}

	.media-list .media-item .media-text-intro {
		bottom: 20px;
	}

	.advantage-icon {
		width: 35px;
		height: 35px;
	}

	.media-list .media-item h4 {
		font-size: 18px;
		line-height: 25px;
		letter-spacing: 1px;
		margin-top: 2px;
	}

	.media-list .media-item p {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: .5px;
		margin-top: 0;
	}

	.media-item .media-image-intro {
		transform: scale(.5);
		transform-origin: right top;
	}

	.automotive-sector .media-item:first-child .media-image-intro {
		top: 10%;
		right: 6%;
	}

	.automotive-sector .media-item:nth-child(2) .media-image-intro {
		top: 9%;
		right: 42%;
	}

	.automotive-sector .media-item:nth-child(3) .media-image-intro {
		top: 6%;
		right: 9%;
	}

	.automotive-sector .media-item:nth-child(4) .media-image-intro {
		top: 10%;
		right: 3%;
	}

	.living-sector .media-item:first-child .media-image-intro {
		top: 20%;
		right: 7%;
	}

	.living-sector .media-item:nth-child(2) .media-image-intro {
		top: 16%;
		right: 4%;
	}

	.living-sector .media-item:nth-child(3) .media-image-intro {
		top: 20%;
		right: 10%;
	}

	.living-sector .media-item:nth-child(4) .media-image-intro {
		top: 12%;
		right: 14%;
	}

	.building-sector .media-item:first-child .media-image-intro {
		top: 14%;
		right: 14%;
	}

	.building-sector .media-item:nth-child(2) .media-image-intro {
		top: 25%;
		right: 20%;
	}

	.building-sector .media-item:nth-child(3) .media-image-intro {
		top: 15%;
		right: 15%;
	}

	.building-sector .media-item:nth-child(4) .media-image-intro {
		top: 16%;
		right: 13%;
	}

	.traffic-sector .media-item:nth-child(2) .media-image-intro {
		top: 14%;
		right: 48%;
	}

	.traffic-sector .media-item:nth-child(3) .media-image-intro {
		top: 10%;
		right: 8%;
	}
}