@charset "utf-8";
	.swiper-container {
	background:#f7f5f7
}
.swiper-container .title {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:1;
	right:8%;
	width:420px
}
.swiper-container .title h3 {
	font-size:60px;
	margin:30px 0 50px;
	line-height:65px;
	color:#1b1b1b;
}
.swiper-container .title h3 a {
	font-size:60px;
	color:#1b1b1b;
}
.swiper-container .title h2 {
	font-size:28px;
	margin-bottom:30px
}
.swiper-container .title p {
	line-height:32px;
	font-size:32px;
	font-family:Arial;
	color:#1b1b1b;
	text-transform:uppercase;
}
.swiper-container .title .npromore {
	width:192px;
	height:50px;
	text-align:center;
	line-height:50px;
	border:solid 2px #383a48;
	border-radius:25px;
	margin-top:108px;
}
.swiper-container .title .npromore a {
	display:block;
	font-size:16px;
	color:#383a48;
}
.swiper-container .title .npromore:hover {
	background:#383a48;
}
.swiper-container .title .npromore:hover a {
	color:#fff;
}
.swiper-container .title p.tips {
	font-size:12px;
	color:#60f;
	margin-top:15px
}
.swiper-slide img.arrow {
	position:absolute;
	bottom:15px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	cursor:pointer
}
.link-btn a.last {
	margin-left:34px
}
.link-btn a:hover {
	background:#1d1d1d;
	color:#f3f3f3
}
.link-btn a {
	display:inline-block;
	width:130px;
	height:40px;
	line-height:40px;
	text-align:center;
	border:3px solid #000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#000;
	overflow:hidden;
	font-weight:700;
	font-size:15px
}
span.swiper-pagination-bullet {
	width:14px;
	height:2px;
	display:block;
	background:#6f6f6f;
	margin:15px 0;
	cursor:pointer;
	opacity:1;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor:pointer
}
span.swiper-pagination-bullet-active {
	height:8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px
}
div.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:15px 0
}
span.swiper-pagination-bullet-active:before,span.swiper-pagination-bullet:hover:before {
	font-size:12px;
	position:absolute;
	right:16px
}
span.swiper-pagination-bullet-active:first-child:before,span.swiper-pagination-bullet:first-child:hover:before {
	content:"汽车装饰类";
	width:60px;
	top:10px
}
span.swiper-pagination-bullet-active:nth-child(2):before,span.swiper-pagination-bullet:nth-child(2):hover:before {
	content:"汽车结构件";
	top:28px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(3):before,span.swiper-pagination-bullet:nth-child(3):hover:before {
	content:"消费电子医疗类";
	top:44px;
	width:90px
}
span.swiper-pagination-bullet-active:nth-child(4):before,span.swiper-pagination-bullet:nth-child(4):hover:before {
	content:"更长续航";
	top:61px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(5):before,span.swiper-pagination-bullet:nth-child(5):hover:before {
	content:"大视场角";
	top:78px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(6):before,span.swiper-pagination-bullet:nth-child(6):hover:before {
	content:"真4K屏幕 ";
	top:94px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(7):before,span.swiper-pagination-bullet:nth-child(7):hover:before {
	content:"护眼模式";
	top:110px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(8):before,span.swiper-pagination-bullet:nth-child(8):hover:before {
	content:"3DoF手柄";
	top:128px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(9):before,span.swiper-pagination-bullet:nth-child(9):hover:before {
	content:"多人影院，在线社交";
	bottom:46px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(10):before,span.swiper-pagination-bullet:nth-child(10):hover:before {
	content:"3DoF游戏";
	bottom:44px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(11):before,span.swiper-pagination-bullet:nth-child(11):hover:before {
	content:"汽车装饰类";
	bottom:28px;
	width:80px
}
span.swiper-pagination-bullet-active:nth-child(12):before,span.swiper-pagination-bullet:nth-child(12):hover:before {
	content:"";
	bottom:12px;
	width:80px
}
h4.video-btn {
	position:absolute;
	z-index:3;
	left:5%;
	bottom:2.5%;
	display:none;
	cursor:pointer
}
h4.video-btn img:nth-child(2) {
	position:absolute;
	top:6px;
	left:6px
}
h4.video-btn span {
	font-size:15px;
	position:absolute;
	right:14px;
	top:7px
}
.bg-wrap .item {
	width:100%;
	background-repeat:no-repeat;
	background-position:0 0;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.bg-wrap.bg-wrap3 .item,.bg-wrap.bg-wrap7 .item {
	background-position:0 100%
}
.m-4k .bg-wrap .title img {
	margin:50px auto 20px
}
.m-4k .bg-wrap .title h3 {
	margin-bottom:30px;
	text-align:center
}
.m-4k .link-btn {
	text-align:center
}
.link-btn a {
	height:38px;
	line-height:38px;
	font-size:15px;
	width:auto;
	border:2px solid #000;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:0 18px
}
.m-4k .title {
	width:88%;
	margin:0 auto
}
.m-4k .title h2 {
	font-size:24px;
	padding:20px 0
}
.m-4k .title p {
	line-height:20px;
	font-size:15px
}
.m-4k .title p.tips {
	margin-top:10px;
	line-height:auto;
	color:#60f;
	font-size:12px
}
.m-4k,.m-4k .bg-wrap {
	width:100%;
	height:100%;
	overflow:hidden;
	background:#f7f7f7
}
div.dialogBox,div.maskOfOPacity {
	position:absolute
}
@media only screen and (min-width:1260px) {
	div.dialogBox {
	top:0;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
div.erweima,div.maskOfOPacity {
	top:auto
}
div.erweima,div.footer-mask {
	position:absolute!important
}
}

@media(max-width:1440px) {
	.swiper-container .title h3 a{
		font-size:50px;
	}
}
@media(max-width:1360px) {
	.swiper-container .title h3{
		line-height:55px;
	}
	.swiper-container .title h3 a{
		font-size:46px;
	}
}
@media(max-width:1280px) {
	.swiper-container .title h3{
		line-height:50px;
	}
	.swiper-container .title h3 a{
		font-size:40px;
	}
	.swiper-container .title .npromore{
		margin-top:50px;
	}
}
@media(max-width:1152px) {
	.dhimg {
		margin-top: 50px;
	}
	.swiper-container .title{
		width:38%;
	}
}
@media(max-width:991px) {
	.swiper-container .title{
		width:35%;
	}
	.swiper-container .title h3{
		margin: 0 0 50px;
		line-height:45px;
	}
	.swiper-container .title h3 a {
		font-size: 36px;
	}
}
@media(max-width:767px) {
	.swiper-container .title {
		width: 100%;
		right:0;
		left:6%;
		top:65%;
	}
	.swiper-container .title h3 {
		margin: 0 0 30px;
	}
	.swiper-container .title .npromore{
		margin-top:30px;
	}
	.swiper-container .title h3{
		line-height:40px;
	}
	.swiper-container .title h3 a {
		font-size: 30px;
	}
}
@media(max-width:640px) {
	.swiper-container .title {
		top:55%;
	}
	.swiper-container .title .npromore {
		width: 150px;
		height: 40px;
		line-height: 40px;
	}
	.swiper-container .title p {
		line-height: 28px;
		font-size: 28px;
	}
}
@media(max-width:540px) {
	.swiper-container .title {
		top:50%;
	}
	.swiper-container .title h3{
		line-height:35px;
	}
	.swiper-container .title h3 a {
		font-size: 26px;
	}
}
@media(max-width:425px) {
}