@charset "utf-8";
body{ font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif}
ul {
	padding: 0;
	margin: 0;
}
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
li, dt {
	list-style: none
}
@font-face {
	font-family: "DINCond-Bold";
	src: url("../fonts/DINCond-Bold.otf") format("opentype");
}
#index_banner_swiper {
	height: 100vh;
}
#index_banner_swiper .swiper-slide .full-view .view-bg {
	width: 100%;f
	height: 100vh;
	object-fit: cover;
}
.full-back-bg:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none;
	background-color: #000000;
	opacity: 0.45;
}
#index_banner_swiper .swiper-wrapper {
	will-change: transform;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
	-o-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
	transition-timing-function: cubic-bezier(.77, 0, .175, 1);
}
#index_banner_swiper .slide-content {
	position: relative;
}
#index_banner_swiper .slide-content .view-bg {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	will-change: transform;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: linear -webkit-transform .2s;
	transition: linear transform .2s;
}
#index_banner_swiper .swiper-slide-active .slide-content .view-bg {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: cubic-bezier(.77, 0, .175, 1) -webkit-transform 2s;
	transition: cubic-bezier(.77, 0, .175, 1) transform 2s;
}
#index_banner_swiper .slide-content-wrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#index_banner_swiper .slide-content-wrapper {
	z-index: 3;
}
#index_banner_swiper .banner-main {
	position: relative;
	margin: auto;
	max-width: 1800px;
	width: 80%;
	display: flex;
	color: #ffffff;
}
#index_banner_swiper .banner-main h4 {
	font-family: "DINCond-Bold";
	font-size: 46px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 36px;
	line-height: 1.3;
	opacity: .4;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
	transition: ease all .5s;
}
#index_banner_swiper .banner-main h3 {
	font-size: 32px;
	line-height: 1.45;
	opacity: .4;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
	transition: ease all .5s .1s;
}
#index_banner_swiper .swiper-slide-active .banner-main h4 {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
#index_banner_swiper .swiper-slide-active .banner-main h3 {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
#an_down {
	animation: down 1s linear infinite;
}
#index_banner_swiper .swiper-pagination {
	bottom: 100px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: auto;
	max-width: 1800px;
	width: 80%;
	display: flex;
	align-items: center;
	color: #ffffff;
}
#index_banner_swiper .swiper-pagination span {
	width: 10px;
	height: 10px;
	opacity: 0.7;
	border-radius: 50%;
	margin: 0 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 7px #bdbdbd;
}
#index_banner_swiper .swiper-pagination span.swiper-pagination-bullet-active {
	opacity: 1;
	width: 14px;
	height: 14px;
	background: #e60012;
}
/* index - product */
.content {
	width: 87.5%;
	margin: auto;
}
.title {
}
.title h4 {
	font-weight: normal;
	margin: 0;
	font-size: 18px;
	color: #999;
	padding-bottom: 7px;
}
.title h2 {
	font-weight: normal;
	margin: 0;
	font-size: 36px;
	color: #1a1a1a;
}
.img-block {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	opacity: 0;
}
.img-center {
	display: block;
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
	max-width: 100%;
	max-height: 100%;
}
.vmore {
	font-size: 0;
	opacity: .4;
	position: absolute;
	left: 10%;
	bottom: 15%;
}
.vmore span {
	font-size: 14px;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.vmore i {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 7px;
	margin-left: 5px;
	background: url("../upload/r4.png") center no-repeat;
}
.date {
	position: absolute;
	bottom: 15%;
	left: 10%;
	width: 80%;
}
.date li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 32%;
	text-align: center;
	display: inline-block;
	position: relative;
}
.date li:first-child {
	text-align: left;
	width: 25%;
}
.date li::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #e4e4e3;
}
.date li:last-child::after {
	display: none;
}
.date li h5 {
	margin: 0;
	font-weight: normal;
	font-size: 18px;
}
.date li span {
	font-size: 14px;
	color: #999;
}
.index-products {
	padding: 100px 0;
	overflow: hidden;
}
.index-products .product3 {
	margin-top: 60px;
	position: relative;
	overflow: hidden;
}
.index-products .product3 .item {
	float: left;
	position: relative;
	width: 28.5%;
	overflow: hidden;
}
.index-products .product3 .item a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index-products .product3 .item a .img {
	height: 100%;
	overflow: hidden;
	position: relative;
	transition: all .4s ease;
}
.index-products .product3 .item a .img img {
	display: block;
	width: 100%;
	height: 100%;
}
.index-products .product3 .item a .img img.img-center {
	opacity: 1;
}
.index-products .product3 .item a .text {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
}
.index-products .product3 .item a .text .main {
	padding: 10%;
}
.index-products .product3 .item a .text h4 {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	color: #999;
	padding-bottom: 5px;
}
.index-products .product3 .item a .text h2 {
	margin: 0;
	font-weight: normal;
	font-size: 36px;
	color: #1a1a1a;
}
.index-products .product3 .item a .text h3 {
	margin: 0;
	font-weight: normal;
	font-size: 22px;
	color: #1a1a1a;
}
.index-products .product3 .item.item1 {
	width: 71.5%;
}
.index-products .product3 .item.item1 a .text {
	width: 40%;
	height: 50%;
	padding: 0;
	background: rgba(255,255,255,.95);
}
.index-products .product3 .item.item1 a .text h2 {
	font-size: 60px;
}
.index-products .product3 .item.item1 a .text h4 {
	color: #e60012;
	border: 1px solid #e60012;
	border-radius: 50px;
	padding: 5px 15px;
	display: inline-block;
}
.index-products .product3 .item.item2 {
	position: absolute;
	right: 0;
	top: 0;
	height: 50%;
}
.index-products .product3 .item.item2 a:hover .vmore {
	opacity: 1;
}
.index-products .product3 .item.item3 {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 50%;
}
.index-products .product3 .item.item3 a .text h2 {
	color: #fff;
}
.index-products .product3 .item.item3 a:hover .vmore {
	opacity: 1;
}
.index-products .product3 .item.item3 .vmore span {
	color: #fff;
}
.index-products .product3 .item.item3 .vmore i {
	background: url("../upload/r3.png") center no-repeat;
}
.index-products .product3 .item.item1 a .text::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #e8e8e8;
	position: absolute;
	bottom: 0;
	left: 0;
}
.index-products .product3 .item.item2::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #e8e8e8;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 33;
}
.index-products .product3 .item.item2::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #e8e8e8;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 33;
}
.index-products .product3 .item a:hover .img img.img-center {
	transform: scale(1.1);
}
/* index - coredata */
.index-coredata {
	position: relative;
}
.index-coredata .main {
	position: absolute;
	left: 0;
	z-index: 20;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.index-coredata .title {
	color: #fff;
	margin-top: 5%;
}
.index-coredata .title h4 {
}
.index-coredata .title h2 {
	color: #fff;
}
.index-coredata .text {
	width: 830px;
	margin: auto;
	font-size: 16px;
	line-height: 26px;
	color: #999999;
	margin-top: 30px;
}
.coredata {
}
.coredata .item {
	color: #fff;
	position: relative;
	position: absolute;
}
.coredata .item h6 {
	font-size: 14px;
	margin: 0;
	font-weight: normal;
}
.coredata .item h2 {
	font-size: 60px;
	margin: 0;
	font-weight: normal;
}
.coredata .item h4 {
	font-size: 16px;
	margin: 0;
	font-weight: normal;
	opacity: .5;
}
.coredata .item i {
}
.coredata .item.item1 {
	text-align: right;
	left: 22%;
	top: 40%;
}
.coredata .item.item2 {
	text-align: left;
	right: 22%;
	top: 40%;
}
.coredata .item.item3 {
	text-align: right;
	left: 33%;
	bottom: 20%;
}
.coredata .item.item4 {
	text-align: left;
	right: 33%;
	bottom: 20%;
}
.mt-number-animate {
	font-size: 60px;
	line-height: 60px;
	height: 60px;
	overflow: hidden;
	display: inline-block;
	position: relative;
}
.mt-number-animate .mt-number-animate-dot {
	width: 20px;
	line-height: 60px;
	float: left;
	text-align: center;
}
.mt-number-animate .mt-number-animate-dom {
	width: 30px;
	text-align: center;
	float: left;
	position: relative;
	top: 0;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
	width: 100%;
	float: left;
}
.canvasearthring {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}
#ring {
	background: url("../upload/e3.png") center no-repeat;
	background-size: auto;
	position: absolute;
	left: 0;
	top: 10%;
	z-index: 11;
	width: 100%;
	height: 100%;
}
#earth {
	background-image: url("../upload/eee.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 155px;
	height: 155px;
	position: absolute;
	top: 50%;
	margin-left: -77.5px;
	left: 50%;
	margin-top: 35px;
	z-index: 1;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 90000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 90000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 90000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 90000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
canvas#canvas {
	z-index: 10;
	position: absolute;
	width: 100%;
	height: auto;
	top: 16%;
	left: -.5%;
	background: url("../upload/e3.png") 52% center no-repeat;
	background-size: auto;
}
/* index - Product Activities */
.index-product-activities {
	padding: 140px 0 140px 6.25%;
	overflow: hidden;
}
.index-activities {
	position: relative;
	overflow: hidden;
}
.product-activities-swiper {
	border-top: 1px solid #e5e5e5;
	padding-top: 50px;
	margin-top: 50px;
}
.product-activities-swiper .item {
}
.product-activities-swiper .item a {
	display: block;
	overflow: hidden;
	position: relative;
}
.product-activities-swiper .item a .text {
	float: left;
	width: 48%;
}
.product-activities-swiper .item a .text h5 {
	margin: 0;
	font-weight: normal;
	color: #999;
	font-size: 14px;
	line-height: 28px;
}
.product-activities-swiper .item a .text h2 {
	margin: 0;
	font-weight: normal;
	color: #1a1a1a;
	font-size: 24px;
	line-height: 38px;
	padding-bottom: 30px;
}
.product-activities-swiper .item a .text h4 {
	margin: 0;
	font-weight: normal;
	color: #999;
	font-size: 15px;
	line-height: 28px;
}
.product-activities-swiper .item a .text i {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 100%;
	background: url("../upload/r2.png") center no-repeat #ccc;
	opacity: .5;
}
.product-activities-swiper .item a .img {
	float: right;
	width: 47%;
	position: relative;
}
.product-activities-swiper .item a .img img {
	opacity: 0;
	display: block;
	width: 100%;
	height: auto;
}
.product-activities-swiper .item a:hover i {
	background: url("../upload/r1.png") center no-repeat #e60012;
	opacity: 1;
}
.product-activities-swiper .item a:hover img {
	opacity: 0.2;
}
.product-activities-swiper .item a:hover .text h2 {
	color: #e60012;
}
.swiper-bnext, .swiper-bprev {
	position: absolute;
	top: 40px;
	bottom: auto;
	left: auto;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(0,0,0,.4);
	border-radius: 100%;
	margin-top: auto;
	background: none;
	z-index: 99;
	outline: none;
	opacity: 0.6;
	overflow: visible;
	cursor: pointer;
}
.swiper-bprev {
	background: url(../images/left-h.svg) center no-repeat;
	background-size: 30%;
	right: 9.5%;
}
.swiper-bnext {
	background: url(../images/right-h.svg) center no-repeat;
	background-size: 30%;
	right: 6.25%;
}
.swiper-bprev:hover .contain .path, .swiper-bnext:hover .contain .path {
	animation: dash2 2000ms 1;
}
.inside-pages .product-top-nav {/*border-bottom: 1px solid rgba(255,255,255,.1);*/
	background: none;
}
.inside-pages .product-top-nav .right-nav4 .nav4 a.cur {
	color: #fff;
}
.inside-pages .product-top-nav .right-nav4 .nav4 a:hover {
	color: #fff;
}
.inside-pages .product-top-nav .content h5 {
	color: #fff;
}
.inside-pages .product-top-nav.scroll-top .content h5, .inside-pages .product-top-nav.scroll-down .content h5 {
	color: #000;
}
.inside-pages .product-top-nav.scroll-down {
	top: 0px;
	background: rgba(255,255,255,.97);
	z-index: 99;
}
.inside-pages .product-top-nav.scroll-top {
	background: rgba(255,255,255,.97);
	z-index: 99;
}
.inside-pages .product-top-nav.scroll-down .right-nav4 .nav4 a.cur, .inside-pages .product-top-nav.scroll-top .right-nav4 .nav4 a.cur {
	color: #000;
}
.inside-pages .product-top-nav.scroll-down .right-nav4 .nav4 a:hover, .inside-pages .product-top-nav.scroll-top .right-nav4 .nav4 a:hover {
	color: #000;
}
.product-top-nav.scroll-down {
	top: 0px;
}
.product-top-nav {
	position: fixed;
	top: 90px;
	left: 0;
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background: rgba(255,255,255,.97);
	transition: all .4s ease;
}
.product-top-nav .content {
	position: relative;
}
.product-top-nav .content h5 {
	margin: 0;
	font-weight: normal;
	color: #000;
	font-size: 14px;
	padding: 20px 0;
	display: block;
}
.product-top-nav .right-nav4 {
	text-align: right;
	font-size: 0px;
	position: absolute;
	right: 0;
	top: 13px;
}
.product-top-nav .right-nav4 .nav4 {
	display: inline-block;
	vertical-align: middle;
}
.product-top-nav .right-nav4 .nav4 a {
	color: #949494;
	font-size: 12px;
	text-align: center;
	margin-left: 40px;
}
.product-top-nav .right-nav4 .nav4 a.cur {
	color: #000;
}
.product-top-nav .right-nav4 .nav4 a:hover {
	color: #000;
}
.product-top-nav .right-nav4 .mall2 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 40px;
	min-height: 30px;
}
.product-top-nav .right-nav4 .mall2 a {
	font-size: 0px;
	margin-left: 10px;
	display: block;
	float: right;
	text-align: center;
	background: #e60000;
	border-radius: 4px;
	overflow: hidden;
	width: 100px;
}
.product-top-nav .right-nav4 .mall2 a i {
	display: inline-block;
	vertical-align: middle;
}
.product-top-nav .right-nav4 .mall2 a i img {
	display: block;
}
.product-top-nav .right-nav4 .mall2 a span {
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	color: #fff;
	font-size: 12px;
}
.product-detail-parameter {
	margin-top: 200px;
	overflow: hidden;
	padding-bottom: 100px;
}
.product-parameter-top-pic {
	text-align: center;
	font-size: 0;
}
.product-parameter-top-pic img {
}
.product-parameter-main {
	text-align: center;
	margin: auto;
}
.product-parameter-main {
	width: 1280px;
}
.product-parameter-main.num2 ul li {
	width: 50%;
}
.product-parameter-main.num3 ul li {
	width: 40%;
}
.product-parameter-main.num4 ul li {
	width: 26.5%;
}
.product-parameter-main.num5 ul li {
	width: 20%;
}
.product-parameter-main ul {
	margin: 0;
	padding: 40px 0;
	list-style: none;
	border-bottom: 1px solid #e8e8e8;
	text-align: left;
	font-size: 0;
}
.product-parameter-main ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000;
	font-size: 18px;
	width: 25%;
	line-height: 32px;
	display: inline-block;
	vertical-align: middle;
}
.product-parameter-main ul li.title-l {
	font-weight: bold;
	color: #000;
	width: 20%;
}
.product-parameter-main ul li .ycolor {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	margin: 0 5px;
	background: #ccc;
	display: inline-block;
	vertical-align: middle;
}
/* product - product-1 */

.p-absolute {
	position: absolute;
	left: 0;
	top: 0;
}
.product-detail {
	position: relative;
	overflow: hidden;
}
.product-detail .title {
	color: #fff;
}
.product-detail .title h6 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	padding-left: 15px;
}
.product-detail .title h6::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border: 2px solid #e60012;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}
.product-detail .title h2 {
	font-size: 60px;
	color: #fff;
}
.product-detail .title h5 {
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	margin: 0;
}
.product-detail .btn {
	margin-top: 40px;
}
.product-detail .btn a {
	display: block;
	border: 1px solid rgba(255,255,255,.3);
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 165px;
	float: left;
	margin-right: 5px;
	font-size: 0;
}
.product-detail .btn a span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
}
.product-detail .btn a i {
	background: url("../upload/r1.png") center no-repeat;
	width: 22px;
	height: 8px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.product-detail .btn a:hover {
	border: 1px solid #fff;
}
.product-detail .img {
}
.product-1 {
}
.product-1.screen-1 .left {
	width: 530px;
	position: absolute;
	top: 43%;
	left: 6.25%;
	z-index: 20;
}
.product-1.screen-1 .right {
	width: 530px;
	position: absolute;
	top: 50%;
	right: 6.25%;
	text-align: right;
	z-index: 20;
}
.product-1.screen-1 .right h2 {
	font-family: 'Conv_d-din.exp-bold', Arial;
}
.product-1.screen-1 .center {
	width: 100%;
	position: absolute;
	top: 20%;
	left: 0;
	text-align: center;
}
.product-1.screen-1 .center .chepic {
	position: relative;
	z-index: 10;
}
.product-1.screen-1 .center .chepic img {
	display: inline-block;
}
.product-1.screen-1 .center .zmpic {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 27%;
	width: 1100px;
	height: 245px;
	overflow: hidden;
	margin-left: -550px;
	margin-top: 3px;
}
.product-1.screen-1 .center .zmpic div {
	position: absolute;
	opacity: 0;
}
.product-1.screen-1 .center .zmpic .zm1 {
	left: 0;
	animation: ftranslateY 2000ms 1 forwards;
}
.product-1.screen-1 .center .zmpic .zm2 {
	left: 210px;
	animation: ftranslateY 1700ms 300ms 1 forwards;
}
.product-1.screen-1 .center .zmpic .zm3 {
	left: 470px;
	animation: ftranslateY 1500ms 600ms 1 forwards;
}
.product-1.screen-1 .center .zmpic .zm4 {
	right: 120px;
	animation: ftranslateY 1300ms 900ms 1 forwards;
}
.product-1.screen-1 .center .zmpic .zm5 {
	right: 0px;
	animation: ftranslateY 1000ms 1300ms 1 forwards;
}
.product-1.screen-2 {
	clear: both;
}
.product-1.screen-2 .center {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
.product-1.screen-2 .center .title h2 {
	color: #000;
}
.product-1.screen-2 .center .title h5 {
	color: #000;
}
.product-1.screen-2 .center .main {
	text-align: center;
	width: 1200px;
	margin: auto;
	margin-top: 70px;
}
.product-1.screen-2 .center .main .item {
	background: #f5f5f5;
	width: 30%;
	padding: 5% 0 4% 0;
	margin: 0 10px 10px 0;
	display: inline-block;
}
.product-1.screen-2 .center .main .item.item3 {
	margin: 0 0 10px 0;
}
.product-1.screen-2 .center .main .item i {
	margin: 0 auto;
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #e60516;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
}
.product-1.screen-2 .center .main .item h4 {
	font-size: 18px;
	margin: 10px 0;
	font-weight: bold;
}
.product-1.screen-2 .center .main .item h6 {
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	color: #999;
}
.product-1.screen-3 {
	clear: both;
}
.product-1.screen-3 .left {
	width: 50%;
}
.product-1.screen-3 .left .img {
	position: relative;
	background: #ccc;
}
.product-1.screen-3 .right {
	width: 35%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 10% 0 5%;
}
.product-1.screen-3 .right .title h2 {
	color: #1a1a1a;
	padding: 80px 0 10px 0;
}
.product-1.screen-3 .right .title h5 {
	color: #1a1a1a;
}
.product-1.screen-3 .right .text {
	color: #888888;
	font-size: 16px;
	line-height: 26px;
	padding: 30px 0 0px 0;
}
.product-1.screen-3 .right .img {
	margin-top: 75px;
}
.product-1.screen-4 {
	clear: both;
}
.product-1.screen-4 .center {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}
.product-1.screen-4 .center .title {
	margin-top: 6%;
}
.product-1.screen-4 .center .title h5 {
	padding-top: 10px;
}
.product-1.screen-4 .center .text {
	width: 1030px;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
	color: #bcbcbc;
	padding: 50px 0;
	overflow: hidden;
}
.product-1.screen-4 .center .cheimg {
	position: relative;
	display: inline-block;
	margin-top: -100px;
}
.product-1.screen-4 .center .cheimg .che {
	position: absolute;
	top: 50%;
	margin-top: -160px;
	z-index: 20;
}
.product-1.screen-4 .center .cheimg .img {
	display: inline-block;
}
.product-1.screen-4 .center .cheimg .img img {
	opacity: 0;
	display: block;
	margin: auto;
}
.product-1.screen-4 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-5 {
	clear: both;
}
.product-1.screen-5 .center {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}
.product-1.screen-5 .center .title {
	margin-top: 6%;
}
.product-1.screen-5 .center .title * {
	color: #1a1a1a;
}
.product-1.screen-5 .center .title h5 {
	padding-top: 10px;
}
.product-1.screen-5 .center .cheimg {
	position: relative;
	display: inline-block;
}
.product-1.screen-5 .center .cheimg .che {
	position: absolute;
	width: 679px;
	height: 474px;
	left: 50%;
	top: 50%;
	margin: 80px 0 0 -339.5px;
	z-index: 10;
}
.product-1.screen-5 .center .cheimg .shuzi {
	position: absolute;
	width: 512px;
	height: 250px;
	left: 50%;
	top: 50%;
	margin: 50px 0 0 -276px;
	overflow: hidden;
}
.product-1.screen-5 .center .date3 {
	position: absolute;
	left: 13%;
	bottom: 6%;
	width: 69%;
	padding: 1.7% 0 2% 0;
	z-index: 30;
	background: rgba(255,255,255,.9);
	font-size: 0;
}
.product-1.screen-5 .center .date3 li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	width: 33%;
	position: relative;
	text-align: center;
}
.product-1.screen-5 .center .date3 li::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #ebebeb;
}
.product-1.screen-5 .center .date3 li:last-child::after {
	display: none;
}
.product-1.screen-5 .center .date3 li i {
	display: inline-block;
	vertical-align: middle;
	width: 110px;
	height: 77px;
}
.product-1.screen-5 .center .date3 li span {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 0 0 20px;
	text-align: left;
}
.product-1.screen-5 .center .date3 li span h4 {
	margin: 0;
	font-weight: normal;
	font-size: 22px;
}
.product-1.screen-5 .center .date3 li span h5 {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	color: #999999;
}
.product-1.screen-5 img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
}
.product-1.screen-6 {
	clear: both;
}
.product-1.screen-6 .center {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}
.product-1.screen-6 .center .title {
	margin-top: 8%;
}
.product-1.screen-6 .center .text {
	width: 660px;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 20px 0;
	overflow: hidden;
}
.product-1.screen-6 .img img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
}
.product-1.screen-7 {
	clear: both;
}
.product-1.screen-7 .center {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}
.product-1.screen-7 .center .title {
	margin-top: 6%;
}
.product-1.screen-7 .center .title h2 {
	color: #1a1a1a;
}
.product-1.screen-7 .center .text {
	width: 1000px;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
	padding: 20px 0;
	overflow: hidden;
	color: #666666;
}
.product-1.screen-7 .center .num {
	margin-top: 1%;
}
.product-1.screen-7 .center .num h2 {
	margin: 0;
	font-weight: normal;
	font-size: 250px;
	color: #fff;
	text-shadow: 0px 0px 10px #fff;
}
.product-1.screen-7 .center .num h2 span {
	font-size: 250px;
	color: #fff;
}
.product-1.screen-7 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-8 {
	clear: both;
}
.product-1.screen-8 .left {
	position: absolute;
	width: 560px;
	left: 10%;
	top: 15%;
}
.product-1.screen-8 .left .text {
	font-size: 16px;
	line-height: 30px;
	color: #b9b9bb;
	padding: 30px 0;
	overflow: hidden;
}
.product-1.screen-8 .icon6 {
	position: absolute;
	bottom: 10%;
	left: 10%;
}
.product-1.screen-8 .icon6 li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.product-1.screen-8 .icon6 li i {
	display: block;
	width: 50px;
	height: 50px;
	margin: auto;
}
.product-1.screen-8 .icon6 li span {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
	color: #8f8f93;
}
.product-1.screen-8 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-9 {
	clear: both;
}
.product-1.screen-9 .left {
	position: absolute;
	width: 600px;
	left: 10%;
	top: 25%;
	z-index: 5;
}
.product-1.screen-9 .left .title h2 {
	color: #1a1a1a;
	padding-bottom: 10px;
}
.product-1.screen-9 .left .title h5 {
	color: #1a1a1a;
}
.product-1.screen-9 .left .text {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	padding: 30px 0;
	overflow: hidden;
}
.product-1.screen-9 .img {
	position: relative;
}
.product-1.screen-9 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-9 .img .cheimg {
	width: 1004px;
	height: 627px;
	position: absolute;
	right: 10%;
	bottom: 23%;
}
.product-1.screen-9 .img .wximg {
	width: 533px;
	height: 532px;
	position: absolute;
	right: 5%;
	top: 8%;
	-webkit-animation: topdown 5000ms infinite;
	animation: topdown 5000ms infinite;
}
.product-1.screen-10 {
	clear: both;
}
.product-1.screen-10 .center {
	position: relative;
	text-align: center;
}
.product-1.screen-10 .center .title h2 {
	color: #1a1a1a;
	padding-bottom: 10px;
}
.product-1.screen-10 .center .title h5 {
	color: #1a1a1a;
}
.product-1.screen-10 .center .img {
	position: relative;
	margin-top: 70px;
}
.product-1.screen-10 .center .img .cheimg {
	position: relative;
	z-index: 10;
}
.product-1.screen-10 .center .img .numimg {
	position: absolute;
	top: 20%;
	left: 50%;
	width: 682px;
	margin: 0 0 0 -341px;
}
.product-1.screen-10 .center .text {
	width: 600px;
	margin: auto;
	font-size: 14px;
	line-height: 24px;
	padding: 20px 0 100px 0;
	overflow: hidden;
	color: #939393;
}
.product-1.screen-11 {
	clear: both;
}
.product-1.screen-11 .left {
	position: absolute;
	width: 600px;
	left: 10%;
	top: 25%;
}
.product-1.screen-11 .left .title h2 {
	color: #fff;
	padding-bottom: 10px;
}
.product-1.screen-11 .left .title h5 {
	color: #fff;
}
.product-1.screen-11 .left .text {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	padding: 80px 0 0 0;
	overflow: hidden;
}
.product-1.screen-11 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-12 {
	clear: both;
}
.product-1.screen-12 .center {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}
.product-1.screen-12 .center .title {
	margin-top: 3%;
}
.product-1.screen-12 .center .title h2 {
	color: #fff;
}
.product-1.screen-12 .center .text {
	width: 600px;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
	padding: 20px 0;
	overflow: hidden;
	color: #bababa;
}
.product-1.screen-12 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-13 {
	clear: both;
}
.product-1.screen-13 .right {
	position: absolute;
	width: 600px;
	right: 10%;
	top: 25%;
}
.product-1.screen-13 .right .title h2 {
	color: #1a1a1a;
}
.product-1.screen-13 .right .text {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	padding: 40px 0 0 0;
	overflow: hidden;
}
.product-1.screen-13 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-14 {
	clear: both;
}
.product-1.screen-14 .center {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
}
.product-1.screen-14 .center .title {
	margin-top: 10%;
}
.product-1.screen-14 .center .title h2 {
	color: #fff;
}
.product-1.screen-14 .center .text {
	width: 600px;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
	padding: 20px 0;
	overflow: hidden;
	color: #bababa;
}
.product-1.screen-14 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-15 {
	clear: both;
}
.product-1.screen-15 .center {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 10;
}
.product-1.screen-15 .center .title {
	margin-top: 5%;
}
.product-1.screen-15 .center .title h2 {
	color: #fff;
}
.product-1.screen-15 .center .text {
	width: 600px;
	margin: auto;
	font-size: 16px;
	line-height: 30px;
	padding: 20px 0;
	overflow: hidden;
	color: #bababa;
}
.product-1.screen-15 .img {
	position: relative;
}
.product-1.screen-15 .img img {
	display: block;
	width: 100%;
	height: auto;
}
.product-1.screen-15 .img .guang2 {
	position: absolute;
	width: 299px;
	height: 271px;
	left: 28%;
	top: 36%;
}
.product-model {
}
.product-model .left {
	position: absolute;
	width: 30%;
	left: 10%;
	top: 37%;
}
.product-model .title h2 {
	padding-bottom: 10px;
}
.product-model .text {
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	padding: 40px 0 0 0;
	overflow: hidden;
	color: #bababa;
}
.product-model .center {
	position: absolute;
	width: 40%;
	left: 50%;
	top: 15%;
	margin-left: -20%;
	text-align: center;
}
.product-model .right {
	position: absolute;
	width: 30%;
	right: 10%;
	top: 37%;
}
.product-model .none {
	display: none;
}
.product-model .img img {
	display: block;
	width: 100%;
	height: auto;
}
/* technology */
.technology-banner {
	position: relative;
}
.technology-banner .center {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 20;
}
.technology-banner .center .title {
	margin-top: 9%;
}
.technology-banner .center .title h5 {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	color: #e60012;
	border: 1px solid #e60012;
	border-radius: 50px;
	padding: 5px 20px;
	background: rgba(255, 0, 0,.1);
}
.technology-banner .center .title h2 {
	color: #fff;
	font-size: 56px;
	display: block;
	clear: both;
	padding-top: 10px;
}
.technology-banner .center .text {
	color: #b9babd;
	padding-top: 20px;
	width: 940px;
	margin: auto;
	line-height: 34px;
}
.technology-banner .center .icon8 {
	color: #fff;
	margin-top: 55px;
}
.technology-banner .center .icon8 li {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	width: 8%;
	position: relative;
}
.technology-banner .center .icon8 li::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	opacity: .2;
}
.technology-banner .center .icon8 li:last-child::after {
	display: none;
}
.technology-banner .center .icon8 li i {
	display: block;
	width: 65px;
	height: 45px;
	position: relative;
	margin: auto;
}
.technology-banner .center .icon8 li i img {
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
	max-width: 100%;
	max-height: 100%;
}
.technology-banner .center .icon8 li span {
	font-size: 14px;
	color: #b9babd;
	padding-top: 5px;
	display: block;
}
.technology-banner .img img {
	display: block;
	width: 100%;
	height: auto;
}
.technology-item2 {
	position: relative;
	padding: 3%;
	overflow: hidden;
}
.technology-item2 .item {
	width: 49%;
	overflow: hidden;
}
.technology-item2 .item.item1 {
	float: left;
}
.technology-item2 .item.item2 {
	float: right;
}
.technology-item2 .item a {
	display: block;
	overflow: hidden;
	position: relative;
}
.technology-item2 .item a:hover .text i {
	opacity: 1;
	height: 60px;
}
.technology-item2 .item a:hover .img {
	transform: scale(0.96);
}
.technology-item2 .item a:hover .img img.img-center {
	opacity: 1;
}
.technology-item2 .item .text {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 30;
}
.technology-item2 .item .text h6 {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	padding-bottom: 5px;
	opacity: .6;
}
.technology-item2 .item .text h3 {
	margin: 0;
	font-weight: normal;
	font-size: 30px;
	color: #fff;
}
.technology-item2 .item .text i {
	display: inline-block;
	width: 60px;
	height: 0px;
	background: url('../upload/r1.png') center no-repeat rgba(255,255,255,.3);
	border-radius: 100%;
	margin-top: 20px;
	opacity: 0;
	overflow: hidden;
}
.technology-item2 .item .img {
	position: relative;
	background: #000;
}
.technology-item2 .item .img img.img-center {
	opacity: .5;
}
.technology-banner .cheimg {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 13%;
	text-align: center;
	z-index: 10;
}
.technology-banner .cheimg-swiper {
	position: relative;
}
.technology-banner .cheimg-swiper .chezu {
	overflow: hidden;
	position: relative;
	transition: all .4s ease;
	opacity: .5;
	animation: goout 1000ms 1 forwards;
}
.technology-banner .cheimg-swiper .chezu * {
	transition: all .4s ease;
}
.technology-banner .cheimg-swiper .chezu .che {
	position: relative;
	z-index: 10;
}
.technology-banner .cheimg-swiper .chezu .jt {
	width: 352px;
	height: 265px;
	position: absolute;
	left: 20%;
	top: 5%;
	z-index: 1;
}
.technology-banner .cheimg-swiper .swiper-slide-active .chezu {
	opacity: 1;
	animation: going 1000ms 1 forwards;
}
/* service */
.page-title {
}
.page-title h5 {
	margin: 0;
	font-weight: normal;
	font-size: 24px;
	color: #999999;
}
.page-title h2 {
	margin: 0;
	font-weight: normal;
	font-size: 56px;
	color: #1a1a1a;
}
.service-classroom {
	padding: 270px 0 40px 0;
	overflow: hidden;
	background: url("../../service/images/sbg1.png") right 90px no-repeat;
}
.service-classroom-list {
	clear: both;
	margin-top: 120px;
	overflow: hidden;
}
.service-classroom-list .item {
	float: left;
	width: 29%;
	margin: 0 6.5% 4% 0;
}
.service-classroom-list .item.mr0 {
	margin: 0 0 1% 0;
}
.service-classroom-list .item a {
	display: block;
	overflow: hidden;
}
.service-classroom-list .item a .img {
	position: relative;
	overflow: hidden;
}
.service-classroom-list .item a .img .play {
	width: 54px;
	height: 54px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -26px 0 0 -26px;
	z-index: 10;
	background: url("../../service/images/play.png") center no-repeat;
}
.service-classroom-list .item a .text {
	padding: 37px 0 37px 13%;
	overflow: hidden;
	position: relative;
}
.service-classroom-list .item a .text::before {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 44px;
	left: 0;
}
.service-classroom-list .item a .text h5 {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	color: #1a1a1a;
}
.service-classroom-list .item a .text h3 {
	margin: 0;
	font-weight: normal;
	font-size: 24px;
	color: #1a1a1a;
	padding-top: 15px;
}
.service-classroom-list .item a:hover .img img.img-center {
	transform: scale(1.1);
}
.service-classroom-list .item a:hover .img {
	transform: scale(0.96);
}
.service-classroom-detail {
	padding: 140px 0 40px 0;
	overflow: hidden;
}
.page-path {
	font-size: 14px;
	color: #999999;
}
.page-path a {
	color: #999999;
}
.page-path a:hover {
	color: #000;
}
.service-classroom-detail-content {
	position: relative;
	padding: 50px 0;
	overflow: hidden;
}
.service-classroom-detail-content .scdc-left {
	float: left;
	width: 70%;
	position: relative;
}
.service-classroom-detail-content .scdc-left .top {
	border-bottom: 2px solid #e5e5e5;
	overflow: hidden;
}
.service-classroom-detail-content .scdc-left .top h5 {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	color: #999999;
	background: #f7f7f7;
	border-radius: 50px;
	display: inline-block;
	padding: 5px 15px;
}
.service-classroom-detail-content .scdc-left .top h2 {
	width: 90%;
	margin: 0;
	font-weight: normal;
	display: block;
	clear: both;
	padding: 10px 0 30px 0;
	overflow: hidden;
	font-size: 44px;
}
.newsdate {
	position: absolute;
	right: 0;
	top: 10px;
	width: 98px;
	border: 1px solid #e6e6e6;
	text-align: center;
}
.newsdate span {
	font-size: 16px;
	color: #999999;
	padding: 10px 0;
	border-bottom: 1px solid #e6e6e6;
	display: block;
}
.newsdate strong {
	font-size: 36px;
	font-weight: normal;
	padding: 5px 0;
	display: block;
}
.service-classroom-detail-content .scdc-left .center-detail-main {
	padding: 40px 0;
	overflow: hidden;
	font-size: 16px;
	line-height: 32px;
	color: #666;
}
.bottom-page-npturn {
	background: #f7f7f7;
	padding: 2%;
	overflow: hidden;
	position: relative;
	margin-top: 30px;
}
.bottom-page-npturn a {
	display: block;
	color: #666666;
	font-size: 14px;
}
.bottom-page-npturn a.prev {
	float: left;
	width: 45%;
}
.bottom-page-npturn a.next {
	float: right;
	width: 45%;
	text-align: right;
}
.bottom-page-npturn a.return {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
	background: url('../../service/images/rt1.png') center no-repeat;
	opacity: .5;
}
.bottom-page-npturn a:hover {
	opacity: 1;
	color: #000;
}
.bottom-page-npturn a:hover span {
	color: #000;
}
.service-classroom-detail-content .scdc-right {
	float: right;
	width: 23%;
	position: relative;
}
.service-classroom-detail-content .scdc-right h4 {
	font-size: 22px;
	margin: 0;
	font-weight: normal;
}
.right-detail-list {
	padding-top: 40px;
	overflow: hidden;
}
.right-detail-list .item {
	margin-bottom: 25px;
	overflow: hidden;
}
.right-detail-list .item a {
	overflow: hidden;
	display: block;
}
.right-detail-list .item a .img {
	position: relative;
	overflow: hidden;
}
.right-detail-list .item a .text {
	padding: 20px 0;
	overflow: hidden;
}
.right-detail-list .item a .text h5 {
	margin: 0;
	font-weight: normal;
	font-size: 18px;
}
.right-detail-list .item a .text p {
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #999999;
	padding: 10px 0;
}
.right-detail-list .item a:hover .img img.img-center {
	transform: scale(1.1);
}
.service-video-list {
	clear: both;
	margin-top: 120px;
	overflow: hidden;
}
.service-video-list .item {
	float: left;
	width: 47%;
	margin: 0 6% 4% 0;
}
.service-video-list .item.mr0 {
	margin: 0 0 4% 0;
}
.service-video-list .item a {
	display: block;
	overflow: hidden;
}
.service-video-list .item a .img {
	position: relative;
	overflow: hidden;
}
.service-video-list .item a .img .play {
	width: 72px;
	height: 72px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -36px 0 0 -36px;
	z-index: 10;
	background: url("../../service/images/play2.png") center no-repeat;
}
.service-video-list .item a .text {
	padding: 37px 0 37px 13%;
	overflow: hidden;
	position: relative;
}
.service-video-list .item a .text::before {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 44px;
	left: 0;
}
.service-video-list .item a .text h5 {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	color: #1a1a1a;
}
.service-video-list .item a .text h3 {
	margin: 0;
	font-weight: normal;
	font-size: 24px;
	color: #1a1a1a;
	padding-top: 15px;
}
.service-video-list .item a:hover .img img.img-center {
	transform: scale(1.1);
}
.service-video-list .item a .img::before {
	content: '';
	display: block;
	border: 0px solid #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	z-index: 31;
	transition: all .4s ease;
}
.service-video-list .item a:hover .img::before {
	border: 10px solid #fff;
}
.video-window {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 50;
	display: none;
}
.video-window video {
	width: 72%;
	display: block;
	margin: auto;
	position: relative;
	z-index: 41;
	outline: none;
	max-height: 700px;
}
.video-window-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 40;
	background: rgba(0,0,0,.5);
	display: block;
}
.service-gallery {
	padding: 270px 0 40px 0;
	overflow: hidden;
	background: url("../../service/images/sbg1.png") right 90px no-repeat;
}
.service-gallery .sgleft {
	float: left;
	width: 25%;
}
.service-gallery .sgright {
	float: left;
	width: 72.5%;
}
.service-gallery .sgright .item {
	position: relative;
	overflow: hidden;
}
.service-gallery .sgright .item a {
	display: block;
	overflow: hidden;
}
.service-gallery .sgright .item a .img {
	position: relative;
	overflow: hidden;
}
.service-gallery .sgright .item a .text {
	padding: 30px 0;
	overflow: hidden;
}
.service-gallery .sgright .item a .text h5 {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	color: #999999;
	padding-bottom: 10px;
}
.service-gallery .sgright .item a .text h3 {
	margin: 0;
	font-weight: normal;
	font-size: 30px;
}
.service-gallery .sgright .item a:hover .img img.img-center {
	transform: scale(1.1);
}
.service-gallery .sgright .item a:hover .img {
	transform: scale(0.98);
}
.gallery-list {
	padding: 70px 0 0px 0;
	overflow: hidden;
}
.gallery-list .item {
	position: relative;
	overflow: hidden;
	float: left;
	width: 22.5%;
	margin-right: 2.5%;
	margin-bottom: 80px;
}
.gallery-list .item a {
	display: block;
	overflow: hidden;
}
.gallery-list .item a .img {
	position: relative;
	overflow: hidden;
}
.gallery-list .item a .text {
	padding: 30px 0;
	overflow: hidden;
}
.gallery-list .item a .text h5 {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	color: #999999;
	padding-bottom: 10px;
}
.gallery-list .item a .text h3 {
	margin: 0;
	font-weight: normal;
	font-size: 22px;
}
.gallery-list .item a:hover .img img.img-center {
	transform: scale(1.1);
}
.gallery-list .item a:hover .img {
	transform: scale(0.96);
}
.gallery-list .item.item3 {
	width: 47.5%;
	margin-right: 0;
}
.gallery-list .item.item4 {
	width: 47.5%;
}
.gallery-list .item.item6 {
	margin-right: 0;
}
.service-gallery-detail {
	padding: 170px 0 40px 0;
	overflow: hidden;
}
.return-detail {
	position: relative;
	overflow: hidden;
}
.return-detail a {
	font-size: 14px;
	color: #999999;
	display: block;
	border: 1px solid #ccc;
	width: 125px;
	height: 45px;
	padding-left: 15px;
	line-height: 45px;
	text-align: center;
	position: relative;
}
.return-detail a::before {
	content: '';
	display: block;
	width: 22px;
	height: 8px;
	background: url("../../service/images/rt2.png") no-repeat;
	position: absolute;
	left: 15%;
	top: 50%;
	margin-top: -4px;
}
.return-detail a:hover {
	background: #e60012;
	color: #fff;
}
.return-detail a:hover::before {
	background: url("../../service/images/rt3.png") no-repeat;
}
.gallery-title {
	margin-top: 50px;
	overflow: hidden;
}
.gallery-title h5 {
	font-size: 18px;
	color: #999999;
	margin: 0;
	font-weight: normal;
	padding-bottom: 5px;
}
.gallery-title h2 {
	font-size: 44px;
	color: #1a1a1a;
	margin: 0;
	font-weight: normal;
}
.gallery-detail {
	margin: 100px auto;
	overflow: hidden;
}
.picgallery {
	position: relative;
	padding: 1% 0 1% 0;
}
#wrapper {
	width: 100%;
}
#container {
	position: relative;
	width: 100%;
}
.grid {
	width: 415px;
	min-height: 100px;
	background: #f1f1f1;
	font-size: 12px;
	float: left;
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
.grid .imgholder {
	position: relative;
	cursor: pointer;
}
.grid .imgholder a {
	display: block;
	position: relative;
	background: #000;
}
.grid .imgholder a::before {
	content: '';
	display: block;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: url("../../service/images/big.png") center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.grid .imgholder a:hover::before {
	opacity: 1;
}
.grid .imgholder a:hover img {
	opacity: .5;
}
.grid .imgholder img {
	max-width: 100%;
	display: block;
	background: url(../images/loading.gif) no-repeat center;
	border-radius: 4px;
	overflow: hidden;
}
.galleryOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 100000;
	background-color: rgba(0,0,0,.7);
	overflow: hidden;
	display: none;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.galleryOverlay.visible {
	opacity: 1;
}
.gallerySlider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
}
.gallerySlider .placeholder {
	background: url("../images/loading.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width: 100%;
	display: inline-block;
}
.gallerySlider .placeholder:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}
.gallerySlider .placeholder img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}
.prevArrow, .nextArrow {
	border: none;
	text-decoration: none;
	opacity: 0.5;
	cursor: pointer;
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	margin-top: 0px;
}
.prevArrow:hover, .nextArrow:hover {
	opacity: 1;
}
.prevArrow {
	background-position: left top;
	left: 0;
}
.nextArrow {
	background-position: right top;
	right: 0;
}
.pagelimit {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -18px;
	color: #fff;
	font-size: 18px;
}
.closed {
	cursor: pointer;
	position: absolute;
	width: 40px;
	height: 40px;
	right: 2%;
	top: 3%;
	background: url(../../service/images/close.png) no-repeat;
	transition-duration: 0.5s;
}
.closed:hover {
	opacity: 0.5;
}
.service-aftersale {
	overflow: hidden;
	padding-top: 90px;
	position: relative;
}
.service-aftersale .left {
	margin-left: 6.25%;
	overflow: hidden;
	float: left;
	width: 20%;
	height: 90%;
	position: absolute;
}
.service-aftersale .left {
	position: fixed;
	top: 25%;
	transition: all .4s ease;
}
.service-aftersale .left .page-title, .service-aftersale .aftersale-tel {
	transition: all .4s ease;
}
.service-aftersale .left.cur {
	position: absolute;
	top: auto;
	bottom: 5%;
}
.service-aftersale .left.top10 .page-title {
	position: fixed;
	top: 100px;
}
.service-aftersale .left.top10 {
	top: 100px;
}
.service-aftersale .left.top10 .aftersale-tel {
	position: absolute;
	bottom: 50px;
	margin-top: 0px;
}
.service-aftersale .left.top10.cur .aftersale-tel {
	bottom: 0px;
}
.service-aftersale .aftersale-tel {
	position: fixed;
	bottom: 50px;
}
.service-aftersale .aftersale-tel i {
	display: block;
	width: 20px;
	height: 2px;
	background: #000;
}
.service-aftersale .aftersale-tel h5 {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	color: #1a1a1a;
	padding: 10px 0;
}
.service-aftersale .aftersale-tel h2 {
	margin: 0;
	font-weight: normal;
	font-size: 30px;
	color: #e60012;
}
.service-aftersale .right {
	float: right;
	width: 70%;
	min-height: 200px;
	position: relative;
	overflow: hidden;
}
.service-aftersale .right .right-top-banner {
}
.service-aftersale .right .right-top-banner .img {
	position: relative;
}
.service-aftersale .right .right-aftersale {
	overflow: hidden;
	padding: 50px 0;
	width: 90%;
}
.service-aftersale .right .table-aftersale {
	overflow: hidden;
	padding: 40px 0 60px 0;
}
.service-aftersale .right .table-aftersale table {
}
.service-aftersale .right .table-aftersale table tr:hover {
	background: #f7f7f7;
}
.service-aftersale .right .table-aftersale table tr td {
	padding: 30px 0;
	border-bottom: 1px solid #dedede;
	line-height: 28px;
}
.service-aftersale .right .table-aftersale table tr td:first-child {
	padding: 30px 0 30px 30px;
	font-size: 22px;
	color: #1a1a1a;
}
.service-aftersale .right .table-aftersale table tr td.tbw3 {
	color: #666666;
}
.service-aftersale .right .table-aftersale table tr.t-title {
	background: #f7f7f7;
}
.service-aftersale .right .table-aftersale table tr.t-title td, .t-title td:first-child {
	font-size: 17px;
	color: #666666;
}
.service-aftersale .right .right-bottom {
	position: absolute;
	bottom: 50%;
	left: 0;
}
.tbw1 {
	width: 20%;
}
.tbw2 {
	width: 20%;
}
.tbw3 {
	width: 60%;
}
.title-2 {
	margin-top: 20px;
	overflow: hidden;
}
.title-2 h5 {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	color: #999999;
}
.title-2 h3 {
	margin: 0;
	font-weight: normal;
	font-size: 36px;
	color: #1a1a1a;
	padding: 10px 0;
}
.title-2 h4 {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	color: #999999;
}
.right-contact-information {
	margin: 30px 0 60px 0;
	overflow: hidden;
}
.right-contact-information .item {
	padding: 3%;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}
.right-contact-information .item h3 {
	margin: 0;
	font-weight: normal;
	font-size: 22px;
	color: #1a1a1a;
	padding-bottom: 15px;
	display: block;
}
.right-contact-information .item li {
	list-style: none;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	float: left;
	width: 50%;
	overflow: hidden;
}
.right-contact-information .item:first-child {
	background: #f7f7f7;
}
.service-appdownload {
}
.service-appdownload .img {
	position: relative;
	overflow: hidden;
}
.service-appdownload .img img {
	display: block;
	width: 100%;
	height: auto;
}
.service-appdownload .phoneimg {
	position: absolute;
	width: 630px;
	height: auto;
	overflow: hidden;
	bottom: -45%;
	left: 15%;
}
.service-appdownload .phoneimg img {
	display: block;
}
.service-appdownload .right {
	position: absolute;
	width: 550px;
	right: 15%;
	top: 30%;
	z-index: 10;
}
.service-appdownload .right .text {
}
.service-appdownload .right .text h2 {
	margin: 0;
	font-weight: normal;
	font-size: 56px;
	color: #fff;
}
.service-appdownload .right .text h6 {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	color: #929395;
	padding: 30px 0 0;
}
.service-appdownload .right .btnewm {
	margin-top: 80px;
	overflow: hidden;
}
.service-appdownload .right .btnewm .leftbtns {
	float: left;
}
.service-appdownload .right .btnewm .leftbtns a {
	display: block;
	color: #fff;
	background: #e60012;
	margin-bottom: 10px;
	text-align-last: center;
	width: 160px;
	font-size: 0;
	padding: 11.5px 0;
}
.service-appdownload .right .btnewm .leftbtns a i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.service-appdownload .right .btnewm .leftbtns a span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.service-appdownload .right .btnewm .ewmrimg {
	width: 110px;
	height: 110px;
	position: relative;
	float: left;
	margin-left: 10px;
}
/* buy */
.service-buy {
	padding: 170px 0 0px 0;
	overflow: hidden;
	background: url("../../service/images/sbg1.png") right 90px no-repeat;
}
.service-purchase-order {
	padding: 50px 0 0 0;
	overflow: hidden;
}
.service-purchase-order a {
	display: block;
	float: left;
	background: #f7f7f7;
	margin-right: 20px;
	overflow: hidden;
}
.service-purchase-order a .img {
	position: relative;
}
.service-purchase-order a .img img {
	transition: all .4s ease;
}
.service-purchase-order a .img i {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: url('../../buy/images/r1.png') center no-repeat #fff;
	position: absolute;
	left: 50%;
	bottom: -50%;
	margin: 0px 0px 0px -20px;
}
.service-purchase-order a:hover {
	background: #000;
}
.service-purchase-order a:hover .img i {
	bottom: 10%;
	margin: 0px 0px 0px -20px;
}
.service-purchase-order a:hover .img img.img-center {
	transform: translateY(-20px);
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.service-outlets {
	position: relative;
	overflow: hidden;
	padding: 80px 0;
}
.service-outlets .left-map {
	float: left;
	width: 70%;
	position: relative;
	min-height: 800px;
	background: #ccc;
}
.service-outlets .right-map-list {
	float: left;
	width: 28%;
	padding: 0 2% 0 0;
	overflow: hidden;
}
.service-outlets .right-map-list .maplist {
	width: 93%;
}
.service-outlets .right-map-list .maplist a {
	display: block;
	width: 80%;
	position: relative;
	overflow: hidden;
	padding: 5% 3%;
	margin: 20px auto auto auto;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
}
.service-outlets .right-map-list .maplist a i {
	display: block;
	background: url("../../buy/images/add1.png") no-repeat;
	width: 20px;
	height: 26px;
	position: absolute;
	top: 50%;
	left: 8%;
	margin-top: -13px;
}
.service-outlets .right-map-list .maplist a .text {
	margin-left: 15%;
	position: relative;
	padding-left: 5%;
}
.service-outlets .right-map-list .maplist a .text::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #e6e6e6;
	position: absolute;
	left: 0;
	top: 0;
}
.service-outlets .right-map-list .maplist a .text h5 {
	margin: 0;
	font-weight: bold;
	font-size: 17px;
	color: #1a1a1a;
	padding-bottom: 10px;
}
.service-outlets .right-map-list .maplist a .text h6 {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
}
.service-outlets .right-map-list .maplist a:hover .text h5 {
	color: #e60012;
}
.service-outlets .right-map-list .maplist a:hover .text h6 {
	color: #000;
}
.selectsearch {
	overflow: hidden;
	padding: 20px 6% 0px 6.5%;
}
.dealers-select {
	font-size: 14px;
	color: #1a1a1a;
	border: 2px solid #000;
	padding: 10px;
	overflow: hidden;
	display: block;
	width: 40%;
	height: 45px;
	background: url("../../buy/images/d1.png") 90% center no-repeat;
	float: left;
	margin-right: 10px;
}
.dealers-submit {
	background: #000;
	text-align: center;
	height: 45px;
	color: #fff;
	cursor: pointer;
	padding: 0 20px;
}
.dealers-submit:hover {
	background: #e60012;
}
.scroll_main {
	width: 100%;
	display: block;
}
.scroll_wrap {
	width: 100%;
	height: 735px;
	position: relative;
}
.scroll_cont {
	height: 100%;
	overflow: hidden;
}
.scroll_bar {
	position: absolute;
	top: 20px;
	right: 0;
	width: 2px;
	height: 100%;
	background-color: #ededed;
}
.scroll_slider {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 2px;
	height: 100px;
	background-color: #1a1a1a;
	overflow: hidden;
	opacity: 1.5;
	cursor: pointer;
	z-index: 9;
}
.scroll_slider:hover {
	background-color: #fa8d3e;
}
/* about */
.about-brand {
	padding: 210px 0 0px 0;
	overflow: hidden;
}
.about-brand .page-title {
	float: left;
	width: 35%;
}
.about-brand-right {
	float: left;
	width: 58%;
}
.about-brand-right h2 {
	margin: 0;
	font-weight: normal;
	font-size: 36px;
	color: #1a1a1a;
}
.about-brand-right .text {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	padding: 30px 0;
	overflow: hidden;
	text-align: justify;
}
.about-brand-date {
	position: relative;
	padding-top: 30%;
	overflow: hidden;
}
.about-brand-date .left-pic {
	position: absolute;
	left: 0;
	top: 15%;
	z-index: 1;
}
.about-brand-date .right-pic {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.about-brand-date .center-pic {
	position: relative;
}
.about-brand-date .center-pic img {
	display: block;
	position: relative;
	z-index: 5;
}
.about-brand-date .center-pic .item4 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 20;
}
.about-brand-date .center-pic .item4 li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 10%;
	padding: 0 5%;
	text-align: left;
}
.about-brand-date .center-pic .item4 li::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .1;
}
.about-brand-date .center-pic .item4 li:last-child::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	opacity: .1;
}
.about-brand-date .center-pic .item4 li i {
	display: block;
	position: relative;
	width: 45px;
	height: 45px;
	margin-top: 30px;
}
.about-brand-date .center-pic .item4 li h3 {
	font-weight: normal;
	margin: 0;
	padding: 20px 0 5px 0;
}
.about-brand-date .center-pic .item4 li h3 strong {
	font-weight: normal;
	font-size: 60px;
	color: #fff;
}
.about-brand-date .center-pic .item4 li h3 span {
	font-size: 20px;
	color: #fff;
}
.about-brand-date .center-pic .item4 li h6 {
	font-weight: normal;
	margin: 0;
	font-size: 14px;
	color: #aeaeb0;
}
.about-randd {
	width: 78%;
	margin: auto;
	overflow: hidden;
	padding: 100px 0 50px 0;
}
.about-randd .randd-content {
	margin-top: 50px;
	overflow: hidden;
}
.about-randd .randd-content .img {
	position: relative;
	float: left;
	width: 48%;
}
.about-randd .randd-content .text {
	float: left;
	width: 45%;
	padding-left: 5%;
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}
.about-randd .randd-content .item3 {
	margin-top: 40px;
	overflow: hidden;
}
.about-randd .randd-content .item3 li {
	text-align: center;
	list-style: none;
	padding: 4% 3% 3% 3%;
	background: #f2f2f2;
	width: 15%;
	float: left;
	margin-right: 1%;
}
.about-randd .randd-content .item3 li i {
	display: block;
	width: 48px;
	height: 48px;
	position: relative;
	margin: auto;
}
.about-randd .randd-content .item3 li span {
	display: block;
	padding: 0px;
	font-size: 14px;
	color: #808080;
}
.about-awards {
	width: 78%;
	margin: auto;
	overflow: hidden;
	padding: 0px 0 100px 0;
}
.about-awards .awards-content {
	margin-top: 50px;
	overflow: hidden;
}
.about-awards .awards-content .left {
	float: left;
	width: 40%;
}
.about-awards .awards-content .right {
	float: right;
	width: 50%;
}
.about-awards .awards-content .title-2 {
	margin-top: 180px;
}
.about-awards .awards-content .title-2 .line {
	width: 50px;
	height: 4px;
	margin: 20px 0;
	background: #e60012;
}
.about-awards .awards-content .text {
	font-size: 16px;
	line-height: 32px;
	color: #666;
}
.about-awards .awards-content .img {
	text-align: right;
}
.about-awards .awards-content .img img {
	display: inline-block;
}
.about-media {
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding: 100px 0;
}
.about-media .title-2 {
	text-align: center;
}
.about-media .title-2 .line {
	width: 50px;
	height: 4px;
	margin: 20px auto;
	background: #e60012;
}
.about-media .title-2 h6 {
	font-size: 16px;
	color: #666;
	font-weight: normal;
	margin: 0;
}
.about-media .media-content {
	text-align: center;
	padding: 20px 0 50px 0;
	overflow: hidden;
	position: relative;
	margin-top: 50px;
}
.about-media .media-content::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #e6e6e6;
	position: absolute;
	left: 50%;
	top: 0;
}
.about-media .media-content::before {
	content: '';
	display: block;
	width: 13px;
	height: 9px;
	background: url('../images/d3.png') no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -6.5px;
	bottom: 0;
}
.about-media .media-content .item {
	width: 980px;
	overflow: hidden;
	margin: auto;
	padding: 30px 0;
	position: relative;
	z-index: 10;
}
.about-media .media-content .item .left, .about-media .media-content .item .right {
	width: 46%;
	position: relative;
	z-index: 10;
}
.about-media .media-content .item .text {
	width: 100%;
	text-align: right;
}
.about-media .media-content .item .text h5 {
	font-weight: normal;
	margin: 0;
	color: #999999;
	font-size: 16px;
	margin-top: 10px;
}
.about-media .media-content .item .text h4 {
	margin: 0;
	color: #666;
	font-size: 17px;
	line-height: 26px;
	padding: 10px 0;
	transition: all .4s ease;
}
.about-media .media-content .item .img {
	float: left;
	width: 33%;
	position: relative;
	background: #f7f7f7;
}
.about-media .media-content .item .yuandian {
	width: 9px;
	height: 9px;
	background: #ccc;
	border: 5px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -9px;
	border-radius: 100%;
}
.about-media .media-content .item.item2 .left {
	float: right;
}
.about-media .media-content .item.item2 .left .text {
	text-align: left;
}
.about-media .media-content .item.item2 .right {
	float: left;
}
.about-media .media-content .item.item2 .img {
	float: right;
}
.about-media .media-content .item:hover .text h4 {
	color: #000;
}
.about-media .media-content .item:hover .yuandian {
	background: #000;
}
.about-media .media-content .item::before {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -50px;
	border-radius: 100%;
	border: 1px solid #ccc;
	position: absolute;
	transform: scale(0);
	transition: all 300ms ease-out;
}
.about-media .media-content .item:hover::before {
	transform: scale(1);
}
.about-culture {
	overflow: hidden;
	position: relative;
	margin-top: 90px;
}
.about-culture .item {
	float: left;
	width: 25%;
	position: relative;
}
.about-culture .item .page-title {
	position: absolute;
	left: 25%;
	top: 40%;
}
.about-culture .item .img {
	position: relative;
}
.about-culture .item .img img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0;
}
.about-culture .item .img img.img-center {
	opacity: 1;
}
.about-culture .item.item3, .about-culture .item.item6 {
	clear: left;
}
.about-culture .item.item5 {
	float: left;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}
.about-culture .item.item8 {
	width: 50%;
}
.about-culture .item .text {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.about-culture .item .text ul {
	margin: 0;
	padding: 0;
	display: table;
	width: 50%;
	height: 100%;
	margin: auto;
}
.about-culture .item .text ul li {
	display: table-cell;
	vertical-align: middle;
}
.about-culture .item .text ul li h4 {
	margin: 0;
	font-size: 18px;
	color: #e60012;
}
.about-culture .item .text ul li h3 {
	margin: 0;
	font-size: 24px;
	color: #fff;
	padding-top: 10px;
}
.history-top {
	padding-bottom: 100px;
	overflow: hidden;
}
.history-top-swiper {
	width: 93.5%;
	float: left;
}
.slidemain {
	position: relative;
	padding-top: 50px;
	overflow: hidden;
	min-height: 120px;
}
.slidemain .year {
	font-size: 120px;
	color: #e60012;
	float: left;
	width: 20%;
	position: absolute;
	top: 0px;
}
.slidemain .text {
	float: right;
	width: 30%;
	margin-top: 100px;
	margin-right: 5%;
	height: 225px;
	overflow: auto;
	font-size: 17px;
	color: #1a1a1a;
	font-weight: bold;
}
.slidemain .img {
	float: right;
	width: 34%;
	position: relative;
	border: 2px solid #e60012;
}
.slidemain .text::-webkit-scrollbar {
height:4px;
width:2px;
}
.about-contact-us {
	padding: 90px 0 0 0;
	overflow: hidden;
}
.contact-left {
	float: left;
	width: 29%;
	padding: 0 0 5% 8.33333vw;
}
.contact-left .page-title h2 {
	font-size: 35px;
	font-family: "DINCond-Bold";
}
.contact-left .contact3 {
	margin-top: 40px;
	overflow: hidden;
}
.contact-left .contact3 .contact-list {
	cursor: pointer;
}
.contact-left .contact3 .contact-list:hover .title h3 {
	color: #000;
}
.contact-left .contact3 .contact-list .list .title {
	position: relative;
	
	
}
.contact-left .contact3 .contact-list .list .title i {
	display: block;
	font-style: normal;
	font-size: 30px;
	color: #000;
	opacity: .2;
	position: absolute;
	right: 0;
	top: 20px;
}
.contact-left .contact3 .contact-list .list .title h3 {
	display: block;
	border-bottom: 1px solid #e6e6e6;
	padding: 20px 0;
	color: #666;
	font-size: 20px;
}
.contact-left .contact3 .contact-list .list .children {
	display: none;
	
	padding: 0;
	font-size: 15px;
	line-height: 32px;
}
.contact-left .contact3 .contact-list.cur .list .children {
	display: block;
}
.contact-left .contact3 .contact-list.cur .title {
	
}
.contact-left .contact3 .contact-list.cur .list .title h3 {
	color: #e60012;
}
.contact-left .contact3 .contact-list.cur .list .title i {
	color: #e60012;
	opacity: .4;
}
.contact-ewm {
	margin-top: 40px;
}
.contact-ewm-img {
	
	width: 260px; margin:0px auto
}.contact-ewm-img img{ max-width:100%; border:1px solid #ccc;}
.contact-text {
	

	
	padding-top: 10px; text-align:center
}
.contact-text h4 {
	margin: 0;
	font-size: 17px;
	color: #000;
	padding: 10px 0;
}
.contact-text h5 {
	margin: 0;
	font-size: 15px;
	color: #666666;
	font-weight: normal;
}
.contact-right {
	float: right;
	width: 63%;
	overflow: hidden;
	padding-right: 8.33333vw;
	padding-bottom: 5%;
}
.contact-right-map {
	min-height: 640px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.madd {
	width: 520px;
	overflow: hidden;
	position: relative;
}
.maplogo {
	float: left;
	width: 84px;
	height: 84px;
	background: url("../images/clogo.png");
}
.maddtxt {
	float: left;
	width: 380px;
	padding-left: 20px;
}
.maddtxt h5 {
	margin: 0;
	color: #1a1a1a;
	font-size: 18px;
	padding: 10px 0;
}
.maddtxt h6 {
	margin: 0;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
}
.maddtxt::after {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #ededed url("../images/r3.png") center no-repeat;
	position: absolute;
	top: 50%;
	right: 5%;
	margin-top: -25px;
}
.madd::after {
	position: absolute;
	left: 50%;
	bottom: -5px;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.BMap_shadow img {
	display: none;
}
.about-news {
	overflow: hidden;
	margin-left: 6.25%;
	margin-top: 90px;
}
.about-news .about-news-header {
	padding: 170px 0 0 0;
	overflow: hidden;
	position: relative;
}
.about-news .about-news-header .about-news-nav {
	padding: 40px 0 0 0;
	overflow: hidden;
	position: relative;
}
.about-news .about-news-header .about-news-nav::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #e6e6e6;
	position: absolute;
	bottom: 0;
	left: 0;
}
.about-news .about-news-header .about-news-nav a {
	font-size: 22px;
	padding: 20px 0;
	color: #999999;
	display: block;
	position: relative;
	z-index: 10;
	float: left;
	margin-right: 80px;
}
.about-news .about-news-header .about-news-nav a:hover, .about-news .about-news-header .about-news-nav a.cur {
	color: #000;
}
.about-news .about-news-header .about-news-nav a::after {
	content: '';
	display: none;
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.about-news .about-news-header .about-news-nav a.cur::after {
	display: block;
}
.about-news .about-news-header .newsenname {
	color: #f7f7f7;
	font-size: 340px;
	height: 305px;
	text-transform: uppercase;
	position: absolute;
	right: 6.25%;
	bottom: 1px;
	overflow: hidden;
}
.about-news .about-news-list {
	padding: 90px 0 120px 0;
	width: 87%;
	overflow: hidden;
}
.about-news .about-news-list .about-news-list-top {
	overflow: hidden;
	padding-bottom: 55px;
	border-bottom: 1px solid #e6e6e6;
}
.news-item a {
	display: block;
	overflow: hidden;
}
.news-item .left {
	float: left;
	width: 48%;
	overflow: hidden;
}
.news-item .left .img {
	position: relative;
	overflow: hidden;
}
.news-item .right {
	float: left;
	width: 47%;
	padding: 0 0 0 5%;
	overflow: hidden;
	position: relative;
}
.news-item .right .newsdate {
	position: relative;
}
.news-item .right .text {
	margin-top: 6%;
	overflow: hidden;
}
.news-item .right .text h2 {
	margin: 0;
	font-weight: normal;
	font-size: 36px;
	padding-bottom: 5%;
	width: 85%;
}
.news-item .right .text h5 {
	margin: 0;
	font-weight: normal;
	font-size: 15px;
	line-height: 28px;
	color: #999999;
}
.news-item .right .text i {
	display: block;
	width: 60px;
	height: 60px;
	background: #ededed url("../../about/images/r2.png") center no-repeat;
	margin-top: 10%;
	border-radius: 100%;
	overflow: hidden;
}
.news-item a:hover img.img-center {
	transform: scale(1.1);
}
.news-item a:hover .right .text i {
	background: #e60012 url("../../about/images/r1.png") center no-repeat;
}
.about-news-list-main .news-item {
	padding: 60px 0;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}
.about-news-list-main .news-item .left {
	float: left;
	width: 20%;
	overflow: hidden;
}
.about-news-list-main .news-item .right {
	float: left;
	width: 55%;
	padding: 0 20% 0 5%;
	overflow: hidden;
	position: relative;
}
.about-news-list-main .news-item .right .text h2 {
	font-size: 30px;
	width: 100%;
	padding-bottom: 3%;
}
.about-news-list-main .news-item .right .text {
	margin-top: 5%;
	overflow: hidden;
}
.about-news-list-main .news-item .right .text i {
	margin-top: 0;
	position: absolute;
	right: 0;
	top: 5%;
}
.search-page .about-news {
	overflow: hidden;
	margin-left: 6.25%;
	margin-top: 70px;
}
.search-right {
	position: absolute;
	right: 20%;
	bottom: 50%;
	margin-bottom: -70px;
}
.search-right .search-input {
	display: block;
	font-size: 16px;
	height: 70px;
	background: #f5f5f5;
	outline: none;
	float: right;
	width: 710px;
	padding: 0 20px;
	margin-right: 10px;
}
.search-right .search-submit {
	display: block;
	width: 180px;
	height: 70px;
	font-size: 18px;
	font-weight: bold;
	background: #000;
	color: #fff;
	cursor: pointer;
	float: right;
}









/* animation */

@keyframes going {
0% {
transform:rotate(10deg);
}
100% {
transform:rotate(-10deg);
}
}
@keyframes goout {
0% {
transform:rotate(-10deg);
}
100% {
transform:rotate(10deg);
}
}
 @keyframes topdown {
0% {
top:8%;
}
50% {
top:10%;
}
100% {
top:8%;
}
}
@keyframes ftranslateY {
0% {
transform:translateY(200px);
opacity:0;
}
100% {
transform:translateY(0px);
opacity:1;
}
}
@keyframes run {
to {
stroke-dashoffset: 0;
}
}
@keyframes dash {
from {
stroke-dashoffset: 135;
}
to {
	stroke-dashoffset: 0;
}
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(360deg);
}
to {
	-ms-transform: rotate(0deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(360deg);
}
to {
	-moz-transform: rotate(0deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(360deg);
}
to {
	-webkit-transform: rotate(0deg);
}
}
@keyframes spin {
from {
transform:rotate(360deg);
}
to {
	transform: rotate(0deg);
}
}
@keyframes dash2 {
from {
stroke-dashoffset: 140;
}
to {
	stroke-dashoffset: 0;
}
}
.bowen {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
.bowen h1, .bowen h2, .bowen h3, .bowen h4 {
	z-index: -1;
	margin: 0;
	padding: 0;
	background: none;
	border: #39425c 2px solid;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-border-radius: 100% / 100%;
	-webkit-border-radius: 100% / 100%;
	border-radius: 100% / 100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-box-shadow: inset -2px 0px 10px 0px #2f3953;
	-moz-box-shadow: inset -2px 0px 10px 0px #2f3953;
	box-shadow: inset -2px 0px 10px 0px #2f3953;
}
.bowen h1 {
	width: 10px;
	height: 10px;
	margin-left: -5px;
	margin-top: -5px;
}
.bowen h2 {
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
}
.bowen h3 {
	width: 300px;
	height: 300px;
	margin-left: -150px;
	margin-top: -150px;
}
.bowen h4 {
	width: 600px;
	height: 600px;
	margin-left: -300px;
	margin-top: -300px;
}
.bowen h1 {
	animation: bowen 1s linear 0s infinite normal;
	-moz-animation: bowen 1s linear 0s infinite normal;
	-webkit-animation: bowen 1s linear 0s infinite normal;
	-o-animation: bowen 1s linear 0s infinite normal;
}
.bowen h2 {
	animation: bowen 2s linear 0s infinite normal;
	-moz-animation: bowen 2s linear 0s infinite normal;
	-webkit-animation: bowen 2s linear 0s infinite normal;
	-o-animation: bowen 2s linear 0s infinite normal;
}
.bowen h3 {
	animation: bowen 3s linear 0s infinite normal;
	-moz-animation: bowen 3s linear 0s infinite normal;
	-webkit-animation: bowen 3s linear 0s infinite normal;
	-o-animation: bowen 3s linear 0s infinite normal;
}
.bowen h4 {
	animation: bowen 4s linear 0s infinite normal;
	-moz-animation: bowen 4s linear 0s infinite normal;
	-webkit-animation: bowen 4s linear 0s infinite normal;
	-o-animation: bowen 4s linear 0s infinite normal;
}
@keyframes bowen {
0% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
50% {
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
100% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
}
@-moz-keyframes bowen {
0% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
50% {
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
100% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
}
@-webkit-keyframes bowen {
0% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
50% {
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
100% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
}
@-o-keyframes bowen {
0% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
50% {
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
100% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
}
/* fonts/overflow */
.banner-slide .txt h2, .viewmore span, .index-products .product3 .item a .text h2, .product-1.screen-7 .center .num h2, .product-1.screen-7 .center .num h2 span, .newsdate strong, .service-aftersale .aftersale-tel h2, .about-brand-date .center-pic .item4 li h3 strong, .about-news .about-news-header .newsenname, .product-top-nav .content h5 {
	font-family: 'Conv_d-din.exp-bold', Arial;
}
.spagination span, .coredata .item h2, .mt-number-animate *, .newsdate span, .service-video-list .item a .text h5, .service-classroom-list .item a .text h5, .service-gallery .sgright .item a .text h5, .gallery-list .item a .text h5, .gallery-title h5, .title-2 h5, .right-contact-information .item li, .about-media .media-content .item .text h5, .slideyear h4, .slidemain .year, .slidemain .text, .contact-left .contact3 .contact-list .list .title i, .contact-left .contact3 .contact-list .list .children, .product-parameter-main ul li, .header .content .right .language .language-show a {
	font-family: 'Conv_d-din.regular', Arial;
}
.title h4, .date li h5, .vmore span, .product-activities-swiper .item a .text h5, .page-title h5 {
	font-family: 'Conv_MyriadPro-Regular', Arial;
}
.cnav ul li a h5, .cnav li a h4, .date li h5, .bottom-page-npturn a.next, .about-randd .randd-content .item3 li span, .gallery-list .item a .text h3 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.twoclamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.innerBanner {
	width: 100vw;
}
.innerBanner .innerBannerBg {
	width: 100%;
	height: 26.79166vw;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.innerBanner .bannerText {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	color: #FFF;
	text-align: center;
	transform: translate(-50%, -50%);
}
.innerBanner .bannerText .en {
	font-size: 2.8125vw;
	line-height: 2.8vw;
	text-transform: uppercase;
	font-weight: bold;
}
.innerBanner .bannerText .cn {
	font-size: 1.08333vw;
	line-height: 2.08vw;
	margin-top: 10px;
}
.innerBanner .bannerNav {
	height: 5.20833vw;
	width: 100%;
	background-color: #FFF;
}
.innerBanner .bannerNav .clearfix {
	width: 83.33333vw;
	margin: auto;
	height: 100%;
	line-height: 5.20833vw;
}
.innerBanner .bannerNav .fl {
	font-size: 14px;
	color: #888888;
	font-family: "DINCond-Bold";
}
.innerBanner .bannerNav .fl span {
	vertical-align: middle;
}
.innerBanner .bannerNav .fl a {
	color: #888888;
	margin-right: 35px;
	vertical-align: middle;
	transition: 0.3s;
	position: relative;
}
.innerBanner .bannerNav .fl a:hover {
	color: #242424;
}
.innerBanner .bannerNav .fl a::after {
	content: "";
	background-image: url(../images/navArr.png);
	width: 5px;
	height: 10px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -17px;
	z-index: 9;
}
.innerBanner .bannerNav .fl a:last-child::after {
	display: none;
}
.innerBanner .bannerNav .fr a {
	color: #000000;
	font-size: 16px;
	font-family: "DINCond-Bold";
	margin-left: 6.25vw;
	transition: 0.3s;
}
.innerBanner .bannerNav .fr a:hover {
	color: #d60011;
}
.bannerNavSe {
	color: #d60011 !important;
}
.bannerTextred .en {
	color: #d60011;
}
.bannerTextred .cn {
	color: #000000;
}
.z_page_bar {
	border-bottom: solid 1px #eeeeee;
	width: 100%;
	padding: 0 8.33333vw;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.z_page_bar::before {
	content: "";
	display: block;
	width: 0%;
	height: 4px;
	background: #d60011;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 2s;
}
.z_page_bar.animated::before {
	width: 100%;
}
.z_page_wz {
	font-size: 13px;
	float: left;
	color: #888888;
	height: 5.2vw;
	line-height: 5.2vw;
}
.z_page_wz a {
	color: #888888;
	transition: 0.3s;
	position: relative;
}
.z_page_wz a::after {
	content: "";
	z-index: 9;
}
.z_page_wz a:last-child::after {
	display: none;
}
.z_page_wz a:last-child {
}
.z_page_nav {
	float: right;
	height: 5.2vw;
	line-height: 5.2vw;
}
.z_page_nav li {
	float: left;
	margin-left: 2vw;
	color: #000000;
	list-style: none;
}
.z_page_nav li a {
	font-size: 16px;
	display: block;
}
.z_page_nav li:hover a, .z_page_nav li.cur a {
	color: #D60011;
}
.z_about_warp .flwarp, .z_about_warp .frwarp {
	width: 50%;
	height: 51vw;
	float: left;
}
.z_about_warp .flwarp {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	background: url(../images//bg8.png) no-repeat left bottom;
	background-size: cover;
}
.z_about_warp .flwarp .warp, .z_about_bj .flwarp .warp {
	width: 68.4%;
}
.z_about_tit .en {
	text-transform: uppercase;
	color: #D60011;
	font-family: "DINCond-Bold";
	font-size: 2.08vw;
	line-height: 2vw;
}
.z_about_tit h3 {
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	margin-top: 5px;
	font-family: "DINCond-Bold";
}
.z_about_desc {
	color: #555555;
	line-height: 32px;
	font-size: 16px;
}
.z_about_warp .z_about_desc, .z_about_bj .z_about_desc {
	margin: 2.3vw 0 4vw 0;
}
.z_scroll_bar .icon {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 63px;
	background: url(../images/arr3.png) no-repeat center;
	animation: moves 2s linear infinite;
	background-size: auto 100%;
	margin-bottom: 5px;
}
.z_scroll_bar {
	text-align: center;
}
.z_scroll_bar h3 {
	display: inline-block;
	text-decoration: underline;
	text-transform: uppercase;
	text-transform: uppercase;
}
.z_scroll_bar h3 a {
	font-family: "DINCond-Bold";
	font-size: 18px;
}
.z_about_num2 {
	overflow: hidden;
}
.z_about_num2 li {
	width: 33.3%;
	position: relative;
	float: left;
	color: #fff;
	text-align: center;
	height: 25vw;
	background: #f28019;
	display: flex;
	align-items: center;
	justify-content: center;
}
.z_about_num2 li:nth-child(2) {
	background: #ee6421;
}
.z_about_num2 li:nth-child(3) {
	background: #e6242c;
}
.z_about_num2 li .timer {
	font-size: 3.125vw;
	line-height: 3vw;
	font-family: "DINCond-Bold";
	font-weight: bold;
	font-style: normal;
}
.z_about_num2 li .dw {
	font-style: normal;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: rgba(255,255,255,.5);
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	vertical-align: 8px;
	margin-left: 5px;
}
.z_about_num2 li h3 {
	margin-bottom: 10px;
	font-size: 16px;
}
.z_about_img {
	width: 100%;
	height: 26vw;
	overflow: hidden;
	position: relative;
}
.z_about_img::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #f8b411;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 1s;
}
.z_about_img.animated::before {
	transform: translateX(-100%);
}
.z_about_cultrue {
	width: 100%;
	overflow: hidden;
	height: 52.08333vw;
	padding: 11vw 8.33333vw;
	box-sizing: border-box;
	padding-bottom: 0;
	position: relative;
}
.z_about_cultrue .z_about_desc {
	width: 730px;
	color: #000000;
	margin-top: 2vw;
	margin-bottom: 4vw;
	font-weight: bold;
	font-size: 20px;
}
.z_about_cultrue .z_about_desc ul {
	margin-top: 30px;
	color: #e72b27;
}
.z_cultrue_list {
	position: absolute;
	left: 0;
	bottom: 0;
}
.z_cultrue_list li {
	width: 12.5vw;
	z-index: 1;
	position: relative;
	overflow: hidden;
	float: left;
	height: 13.54166vw;
	border-right: 1px solid #696969;
	position: relative;
	transition: ease 1s;
	background: #2F3035;
}
.z_cultrue_list li::before {
	z-index: -1;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #ee6421;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 1s;
	transform: translateY(100%);
}
.z_cultrue_list li:last-child {
	border-right: none;
}
.z_cultrue_list li a {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.z_cultrue_list li img {
	display: block;
	height: 1.97916vw;
	margin: 0 auto;
}
.z_cultrue_list li h3 {
	font-size: 16px;
	margin-top: 10px;
}
.z_cultrue_list li:hover img {
	animation: overturn 2s;
}
.z_cultrue_list li:hover::before {
	transform: translateY(0);
}
@keyframes overturn {
 0% {
transform: rotateY(0deg);
}
 50% {
transform: rotateY(360deg);
}
 100% {
transform: rotateY(0deg);
}
}
.z_about_procees {
	width: 100%;
	position: relative;
	padding-top: 50px
}
.z_procees_swiper {
	width: 100%;
	text-align: center;
	color: #fff;
}
.z_procees_swiper .swiper-wrapper{ height:500px}
.z_procees_swiper .year {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	font-family: "DINCond-Bold";
	font-size: 4.16666vw;
	font-weight: bold;
	line-height: 4vw;
	padding-bottom: 2.2vw;
	
}
.z_procees_swiper .desc {
	font-size: 24px;
	line-height: 34px;
	height:100px;
	overflow-y: auto;
	width: 50%;
	margin: 0 auto;
}
.z_procees_swiper .desc::-webkit-scrollbar {
 display: none; /* Chrome Safari */
}
.z_procees_swiper .btn {
	position: absolute;
	outline: none;
	cursor: pointer;
	top: 40%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	z-index: 2;
	font-weight: bold;
	transform: translateY(-50%);
	color: #fff;
	font-size: 20px; background:rgba(14,31,203,0.5); border-radius: 50%
}
.z_procees_swiper .btn:hover{background:rgba(230,0,18,0.5); }
.z_procees_swiper .prev {
	left: 8.3333vw;
}
.z_procees_swiper .next {
	right: 8.3333vw;
}
.z_year_warp {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 8.33333vw;
	box-sizing: border-box;
	z-index: 1;  top:70%
}
.z_year_swiper {
	height: 10vw;
}
.z_year_swiper li {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: relative;
}
.z_year_swiper li::before {
	content: "";
	width: calc(50% - 10px);
	transition: ease 1s;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.z_year_swiper li::after {
	content: "";
	width: calc(50% - 10px);
	transition: ease 1s;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.z_year_swiper li .yearbox {
	position: relative;
	width: 100px;
	height: 100px;
	text-align: center;
	font-size: 16px;
}
.z_year_swiper li .yearbox::after {
	content: "";
	display: block;
	width: 100%;
	transition: ease 1s;
	opacity: 0;
	height: 100%;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
}
.z_year_swiper li .yearbox::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	bottom: 0;
	background: #fff;
	border-radius: 50%;
}
.z_year_swiper li.swiper-slide-active  .yearbox::before { display:none}
.z_year_swiper li.swiper-slide-active .yearbox::after {
	opacity: 1;
}
.z_year_swiper li.swiper-slide-active .yearbox em {
	transform: translateY(25px);
	font-size: 40px; 
}
.z_year_swiper li .yearbox em {
	transition: ease .2s;
	display: block;
	transform: translateY(55px);
	font-family: "DINCond-Bold"; font-size:24px; font-style:normal
}
.z_year_swiper li.swiper-slide-active::before {
	width: calc(50% - 75px);
}
.z_year_swiper li.swiper-slide-active::after {
	width: calc(50% - 75px);
}
.z_next_year {
	position: absolute;
	right: 0;
	transition: ease 1s;
	opacity: .4;
	top: 40%;
	transform: translateY(-50%);
	font-size: 10.41666vw;
	font-family: "DINCond-Bold";
	font-weight: bold;
	color: rgba(0, 0, 0, 0);
	line-height: 28px;
	-webkit-text-stroke: 1px #FFFFFF;
	text-stroke: 1px #FFFFFF;
}
.z_prev_year {
	position: absolute;
	left: 0;
	transition: ease 1s;
	opacity: .4;
	top: 40%;
	transform: translateY(-50%);
	font-size: 10.41666vw;
	font-family: "DINCond-Bold";
	font-weight: bold;
	color: rgba(0, 0, 0, 0);
	line-height: 28px;
	-webkit-text-stroke: 1px #FFFFFF;
	text-stroke: 1px #FFFFFF;
}
.z_about_procees .tit {
	text-align: center;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 50px
}
.z_about_bj .flwarp, .z_about_bj .frwarp {
	width: 100%;
	height: 50vw;
	position: relative;
	overflow: hidden;
}
.z_about_bj .flwarp {
	display: flex;
	background: #f4f4f4;
	z-index: 1;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.z_about_bj .flwarp .warp {
	width: 62.5%;
}
.z_about_bj .flwarp::before {
	content: "";
	display: block;
	animation: rotate 100s linear infinite;
	width: 100%;
	height: 100%;
	background: url(../images/abg3.png) no-repeat center;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	top: 0;
}
@keyframes rotate {
 0% {
 transform: rotate(0);
}
 50% {
 transform:rotate(360deg);
}
 100% {
 transform: rotate(0);
}
}
.z_bj_box .box {
	width: 25%;
	color: #fff;
	height: 50vw;
	float: left;
	position: relative;
	position: relative;
	overflow: hidden;
}
.z_bj_box .box::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	pointer-events: none;
	transition: ease 1s;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
}
.z_bj_box .box::after {
	content: "";
	display: block;
	width: 92%;
	height: 96%;
	position: absolute;
	left: 4%;
	top: 2%;
	opacity: 0;
	transition: ease 1s;
	border: 1px solid #fff;
	box-sizing: border-box;
	z-index: 1;
}
.z_bj_box .box .infobox {
	width: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 50%;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	transform: translateY(-50%);
	color: #fff;
}
.z_bj_box .box a {
	display: block;
	width: 100%;
	height: 100%;
}
.z_bj_box .tit h3 {
	font-size: 1.66666vw;
	color: #fff;
}
.z_bj_box .tit h4 {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	font-family: "DINCond-Bold";
}
.z_bj_box .desc {
	margin: 2vw 0;
	color: #fff;
}
.z_bj_box .box .infobox .warp {
	display: none;
}
.z_bj_box .box:hover .infobox .warp {
	display: block;
}
.z_bj_box .box:hover::before {
	background: #2F3035;
}
.z_bj_box .box:hover .imgbg {
	transform: scale(1.1, 1.1);
}
.z_bj_box .box:hover::after {
	opacity: 1;
}
.z_bj_box .box .z_index_more .en {
	color: #fff;
}
.z_bj_box .box .z_index_more .icon {
	border-radius: 50%;
}
.z_bj_box .box .desc {
	line-height: 36px;
}
.z_bj_box .box .desc a {
	display: block;
	color: #fff;
}
.z_bj_box .box .desc a:hover {
	text-decoration: underline;
}
.z_video_warp {
	width: 100%;
	padding: 7vw 8.33333vw;
	min-height: 50vw;
	box-sizing: border-box;
}
.z_video_box {
	position: relative;
	margin-top: 4vw;
}
.z_video_box ul li{ width:18.4%; margin-right:2%; float:left; margin-bottom:20px}
.z_video_box ul li .pic{ border:8px solid #960}
.z_video_box ul li img{max-width:100%;}
.z_video_box ul li:nth-child(5n){ margin-right:0}
.z_video_swiper {
	
	overflow: hidden;
}
/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}
.z_video_swiper li {
	height: 20.83333vw;
	cursor: pointer;
	border-radius: 6px;
	overflow: hidden;
	position: relative;  
}
.z_video_swiper li .imgbg {
	border-radius: 5px;border:8px solid  #C60
}
.z_video_swiper li .z_play {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	width: 100%;
}
.z_video_bar {
	width: 25vw;
	height: 28.125vw;
	text-align: center;
	padding-left: 10.4vw;
	box-sizing: border-box;
	color: #fff;
	padding-top: 2.6vw;
	position: absolute;
	right: 0;
	top:-40px;
	background:#0e1fcb;
	
}
.z_video_btn {
	text-align: center;
}
.z_video_btn .fa {
	font-size: 20px!important;
	outline: none;
	cursor: pointer;
	font-weight: bold;
	width: 4vw;
	text-align: center;
	display: inline-block;
}
/*.z_video_btn .prev{ border-right: 1px  solid rgba(255,255,255,.5);}*/
.z_video_num {
	font-family: "DINCond-Bold";
	font-weight: bold;
	color: #fff;
	line-height: 32px;
	font-size: 2.08vw;
	text-align: center;
	margin-top: 7.8125vw;
}
.z_video_num .index {
	font-size: 4.16vw;
	color: #fff;
}
.z_video_bar .slg {
	display: inline-block;
	text-decoration: underline;
	font-size: 16px;
	margin-top: 9vw;
}
.z_video_swiper1 {
	width: 100%;
	overflow: hidden;
}
.prowidth{ padding:50px 0px}
.prowidth .title{ background:#960; text-align:center; height:60px; line-height:60px; color:#fff; }
.pic_list li{width: 18.4%;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;}
.pic_list li:nth-child(5n) {
    margin-right: 0;
}
.pic_list li a{ display:block; border:2px solid #333}
.z_video_swiper1 li {
	
	height: 22.83333vw;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	list-style: none;
}
.z_video_warp1 {
	padding:0px 0vw 0vw;
}
.z_video_warp1-p {
	padding: 5vw 8.33333vw;
	min-height: 39vw;
	box-sizing: border-box;
}
.z_video_swiper1 li .imgbg1 {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
}
.z_culture_warp {
	width: 100%;
	background: #f1f1f1;
	padding: 6vw 8.33333vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.z_culture_circle {
	width: 31.77083vw;
	height: 34.375vw;
	float: left;
	position: relative;
}
.z_culture_circle li {
	width: 13.54166vw;
	height: 13.54166vw;
	position: absolute;
	transition: ease 1s;
	border-radius: 50%;
	background: rgba(214,0,17,.8);
}
.z_culture_circle li a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}
.z_culture_circle li h3 {
	font-size: 16px;
	margin-top: 10px;
}
.z_culture_circle li:nth-child(1) {
	left: 50%;
	top: 0;
	margin-left: -6.77083vw;
}
.z_culture_circle li:nth-child(2) {
	right: 0;
	top: 5.2vw;
}
.z_culture_circle li:nth-child(3) {
	right: 0;
	bottom: 5.2vw;
}
.z_culture_circle li:nth-child(4) {
	left: 50%;
	bottom: 0;
	margin-left: -6.77083vw;
}
.z_culture_circle li:nth-child(5) {
	left: 0;
	bottom: 5.2vw;
}
.z_culture_circle li:nth-child(6) {
	left: 0;
	top: 5.2vw;
}
.z_culture_circle li:hover {
	background: rgba(214,0,17,1);
}
.z_culture_circle li:hover img {
	animation: overturn 2s;
}
.z_culture_text {
	width: 31.77083vw;
	float: right;
	margin-left: auto;
}
.z_culture_warp .descbox {
	color: #000000;
	line-height: 36px;
	border-left: 2px solid #d60011;
	margin-top: 3vw;
	padding-left: 2.08vw;
	font-size: 18px;
}
.z_jiazhi_box .imgbox {
	width: 62.5%;
	height: 37.5vw;
	float: left;
	position: relative;
	overflow: hidden;
}
.z_culture_box .imgbox {
	position: relative;
	overflow: hidden;
}
.z_culture_box .imgbox::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 1s;
}
.z_culture_box.animated .imgbox::before {
	transform: translateX(100%);
}
.z_jiazhi_box .infobox {
	background: #fff;
	width: 37.5%;
	height: 37.5vw;
	float: right;
	display: flex;
	align-items: center;
	padding-left: 4.16vw;
	padding-right: 8.33333vw;
	box-sizing: border-box;
}
.z_culture_box .titwarp {
	border-bottom: 2px solid #d60011;
	position: relative;
	padding-bottom: 1.6vw;
	margin-bottom: 1.5vw;
}
.z_culture_box .titwarp .icon {
	position: absolute;
	right: 0;
	bottom: 1.6vw;
}
.z_culture_box .infobox .warp {
	width: 100%;
}
.z_zl_box .imgbox::before {
	display: none;
}
.z_zl_box .imgbox {
	overflow: unset
}
.z_jiazhi_box .desc {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 1.875vw;
}
.z_pinpai_warp {
	padding: 5.8vw 8.33333vw;
	box-sizing: border-box;
	min-height: 38vw;
	box-sizing: border-box;
}
.z_pinpai_warp .icon {
	margin-bottom: 10px;
}
.z_pinpai_warp .icon img {
	display: block;
	margin: 0 auto;
}
.z_pinpai_warp .z_about_tit {
	text-align: center;
}
.z_pinpai_list {
	margin-top: 3.5vw;
}
.z_pinpai_list ul {
	margin-left: -3.3%;
}
.z_pinpai_list li {
	width: 30%;
	float: left;
	margin-left: 3.3%;
	border-top: 2px solid #D60011;
	padding-top: 1.6vw;
	font-weight: bold;
}
.z_pinpai_list li h3 {
	font-size: 1.25vw;
	margin-bottom: 1.1vw;
}
.z_pinpai_list li .desc {
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 28px;
}
.z_culture_two .z_culture_box .imgbox {
	width: 60.4%;
	float: left;
	height: 41.66666vw;
}
.z_culture_two .z_culture_box .infobox {
	float: right;
	width: 39.6%;
	height: 41.66666vw;
	display: flex;
	align-items: center;
	padding-left: 6.25vw;
	padding-right: 8.33333vw;
	box-sizing: border-box;
}
.z_culture_two .z_culture_box .infobox .tit {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1.4vw;
}
.z_culture_two .z_culture_box .desc {
	color: #666666;
	line-height: 28px;
}
.z_culture_two .z_culture_box:nth-child(odd) .imgbox {
	float: right;
}
.z_culture_two .z_culture_box:nth-child(odd) .infobox {
	float: left;
	padding-left: 8.33333vw;
	padding-right: 6.25vw;
	box-sizing: border-box;
}
.z_wenhua_warp {
	text-align: center;
	padding: 9.375vw 0 13.5vw 0;
	text-align: center;
}
.z_wenhua_warp .icon img {
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
.z_wenhua_warp .desc {
	color: #000000;
	line-height: 40px;
	font-size: 18px;
	margin-top: 2.6vw;
}
.z_zl_box {
	padding: 7.8125vw 8.33333vw;
	position: relative;
	overflow: hidden;
}
.z_zl_box::before {
	content: "";
	display: block;
	width: 23.95833vw;
	height: 100%;
	background: #F4F4F4;
	position: absolute;
	left: 0;
	top: 0;
}
.z_zl_box .infobox {
	width: 33.33333vw;
	float: left;
}
.z_zl_box .imgbox {
	float: right;
	width: 41.66666vw;
	height: 29.16666vw;
	position: relative;
}
.z_zl_box .infobox .desc {
	color: #666666;
	line-height: 32px;
	font-size: 16px;
}
.z_zl_box .titwarp {
	padding-bottom: 2.1vw;
	margin-bottom: 2vw;
}
.z_zl_box .dot {
	display: block;
	width: 118px;
	height: 78px;
	background: url(../images/dot.png) no-repeat center;
	position: absolute;
	left: -59px;
	bottom: 40px;
}
.z_zr_warp .z_zl_box:nth-child(odd) .infobox {
	float: left;
	width: 34.89583vw;
}
.z_zr_warp .z_zl_box .desc {
	margin: 2.6vw 0;
}
.z_zr_warp .z_zl_box .z_about_tit {
	border-top: 2px solid #D60011;
	padding-top: 2vw;
}
.z_zr_warp .z_zl_box .imgbox {
	width: 41.66666vw;
	height: 31.25vw;
}
.z_zl_box {
	position: relative;
}
.z_zl_box::before {
	content: "";
	display: block;
	width: 66.6%;
	background: #f1f1f1;
	height: 100%;
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
}
.z_zl_box .z_about_tit .en {
	font-family: "DINCond-Bold";
}
.z_edu_head {
	width: 100%;
	background: #f1f1f1;
	text-align: center;
	padding: 3.5vw 0;
}
.z_edu_tit {
	text-align: center;
	text-transform: uppercase;
}
.z_edu_tit .en {
	font-size: 2.29166vw;
	line-height: 2vw;
	font-family: "DINCond-Bold";
	color: #d60011;
}
.z_edu_tit h3 {
	font-size: 1.875vw;
	margin-top: 8px;
}
.z_edu_tit h4 {
	font-size: 16px;
	color: #888888;
	margin-top: 10px;
}
.z_edu_swiper {
	position: relative;
}
.z_edu_swiper::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -19vw;
	transform: translateY(-50%);
	width: 38.54166vw;
	height: 36.82291vw;
	background: url(../img/ebg1.png) no-repeat center;
	background-size: 100% auto;
}
.z_edu_swiper li .imgbox {
	width: 66.6%;
	height: 50vw;
	float: left;
	overflow: hidden;
}
.z_edu_swiper li .imgbox .imgbg {
	transform: scale(1.1, 1.1);
	transition: ease 2s;
}
.z_edu_swiper li .infobox {
	width: 33.4%;
	height: 50vw;
	float: right;
	padding: 8.33333vw 8.33333vw 0 4.16vw;
	box-sizing: border-box;
	text-align: left;
}
.z_edu_swiper li .z_edu_tit {
	text-align: left;
}
.z_edu_swiper li .z_edu_tit h3 {
	margin-top: 15px;
}
.z_edu_swiper li .desc {
	margin: 2.6vw 0;
	margin-bottom: 8vw;
	color: #444444;
	line-height: 32px;
	height: 192px;
}
.z_edu_swiper li.swiper-slide-active .imgbox .imgbg {
	transform: scale(1, 1);
}
.z_edu_nav {
	min-width: 300px;
	background: #2f3035;
	padding: 70px 50px;
	box-sizing: border-box;
	position: absolute;
	right: 33.4%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.z_edu_nav ul {
	border-left: 2px solid #48494c;
}
.z_edu_nav ul li {
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	position: relative;
}
.z_edu_nav ul li::before {
	content: "";
	display: block;
	width: 10px;
	height: 2px;
	background: #48494c;
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translateY(-50%);
}
.z_edu_nav ul li::after {
	content: "";
	display: block;
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 1s;
	background: #d60011;
	border-radius: 0 25px 25px 0;
}
.z_edu_nav ul li.active::after {
	width: 100%;
}
.z_edu_dot {
	width: 66.6%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 3.125vw;
	z-index: 2;
}
.z_edu_dot span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	margin: 0 10px;
	position: relative;
}
.z_edu_dot span::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-sizing: border-box;
	position: absolute;
	left: -8px;
	top: -8px;
	transition: ease 1s;
	opacity: 0;
}
.z_edu_dot span.swiper-pagination-bullet-active::before {
	opacity: 1;
}
.z_edu_num {
	position: absolute;
	left: 70.4vw;
	top: 4.5vw;
	z-index: 2;
	font-size: 20px;
}
.z_edu_num .index {
	font-size: 40px;
	color: #D60011;
}
.z_company_box {
	width: 100%;
	height: 46.875vw;
	position: relative;
}
.z_company_box a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.z_company_box .infobox {
	width: 35.41666vw;
	height: 100%;
	transition: ease 1s;
	position: absolute;
	left: 8.33333vw;
	top: 0;
	background: rgba(0,0,0,.6);
	display: flex;
	align-items: center;
	padding: 0 3.90625vw;
	box-sizing: border-box;
}
.z_company_tit .en {
	font-size: 2.29166vw;
	font-family: "DINCond-Bold";
	font-weight: normal;
	line-height: 2.29166vw;
	text-transform: uppercase;
}
.z_company_tit h3 {
	margin-top: 15px;
	font-size: 2.08vw;
}
.z_company_tit {
	border-bottom: 2px solid #fff;
	padding-bottom: 2vw;
	margin-bottom: 2vw;
}
.z_company_box .name {
	font-size: 1.45833vw;
}
.z_company_box .desc {
	line-height: 24px;
	margin-top: 1.5vw;
	margin-bottom: 4.16666vw;
}
.z_company_box .z_index_more .en {
	color: #fff;
}
.z_company_box:nth-child(even) .infobox {
	right: 8.33333vw;
	left: auto;
}
.z_detail_page {
	padding: 90px 0;
	box-sizing: border-box;
	overflow: hidden;
	background: #f1f1f1;
}
.z_detail_warp {
	padding: 0 8.33333vw;
	box-sizing: border-box;
}
.z_detail_fl {
}
.z_detail_fr {
}
.z_jiaoyu_fl {
	padding: 2.5vw 2vw;
	box-sizing: border-box;
}
.z_jiaoyu_tit .en {
	font-size: 2.08333vw;
	line-height: 2.08vw;
	text-transform: uppercase;
	color: #D60011;
	font-family: Humnst777 Blk BT;
}
.z_jiaoyu_tit h3 {
	font-size: 1.97916vw;
	font-weight: bold;
	margin: 22px 0;
}
.z_jiaoyu_num {
	font-size: 20px;
	color: #aaaaaa;
}
.z_jiaoyu_num .index {
	color: #010101;
	font-size: 40px;
	font-family: "DINCond-Bold";
	font-weight: bold;
}
.z_jydetail_tit {
	margin-bottom: 40px;
}
.z_jydetail_tit h3 {
	font-size: 1.45833vw;
	font-weight: bold;
}
.z_jydetail_tit h4 {
	font-size: 1.04vw;
	text-transform: uppercase;
	color: #999999;
}
.z_jydetail_con {
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 32px;
}
.z_detail_logo {
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #cccccc;
	padding-bottom: 2vw;
}
.z_detail_logo .title {
	font-size: 1.35416vw;
	padding-top: 20px;
	margin-bottom: 25px;
	color: #d60011;
	display: inline-block;
	position: relative;
}
.z_detail_logo .title::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #D60011;
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 1;
}
.z_detlogo_list ul {
	margin-left: -0.8%;
}
.z_detlogo_list li {
	width: 19.2%;
	float: left;
	margin-left: 0.8%;
	height: 100px;
	margin-bottom: 1.04vw;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	display: flex;
	align-items: center;
	justify-content: center;
}
.z_detlogo_list li img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.z_topbtm_bar {
	text-align: center;
	margin-top: 2.5vw;
}
.z_topbtm_bar a {
	font-size: 16px;
}
.z_topbtm_bar a:hover {
	color: #D60011;
}
.z_topbtm_bar .iconfont {
	display: inline-block;
	margin: 0 5px;
	vertical-align: 1px;
}
.z_xinwen_fl {
	box-sizing: border-box;
	text-align: center
}
.z_xinwen_fl h3 {
	line-height: 2.5vw;
	font-size: 1.66666vw;
	font-weight: bold;
	color: #000;
	padding-bottom: 1vw;
	border-bottom: 1px solid #dddddd;
}
.z_xinwen_fl .bar {
	margin: 20px 0;
	color: #999999;
	font-size: 14px;
}
.z_topbtm_bar {
	text-align: center;
	margin-top: 2.5vw;
}
.prev-next {
	font-size: 14px;
}
.l_mt {
	background-color: #f1f1f1;
	padding: 2.16666vw 7.41666vw 0vw;
	position: relative;
}
.l_mt .top .title h2 {
	font-size: 2.39583vw;
	color: #d60011;
	font-family: "DINCond-Bold";
	text-transform: uppercase;
}
.l_mt .top .title div {
	font-size: 1.875vw;
	color: #000000;
	font-weight: bold;
}
.l_mt .top .fr div {
	width: 16.66666vw;
	height: 2.76041vw;
	line-height: 2.76041vw;
	border: 2px solid #cccccc;
	padding-left: 1.30208vw;
	position: relative;
}
.l_mt .top .fr div span {
	font-size: 16px;
	color: #000000;
}
.l_mt .top .fr div select {
	display: inline-block;
	vertical-align: middle;
	color: #d60011;
	font-size: 20px;
	font-family: "DINCond-Bold";
	width: 70%;
	height: 100%;
	text-align: center;
	cursor: pointer;
	padding-left: 5%;
}
.l_mt .top .fr div::after {
	content: "";
	z-index: 9;
	background-image: url(../l_img/dqArr.png);
	width: 12px;
	height: 7px;
	background-position: center;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.5625vw;
}
.l_mt .top .fr div select option {
	padding-left: 5%;
}
.l_mt .top .fr p {
	margin-top: 0.52083vw;
	font-size: 14px;
	color: #a5a5a5;
}
.l_mt .top .fr p span {
	color: #000;
	font-weight: bold;
	margin: 0 5px;
	vertical-align: top;
}
.l_mt .bot {
	margin-top: 2.60416vw;
	display: flex;
	flex-wrap: wrap;
}
.l_mt .bot .item {
	width: 31%;
	background-color: #FFF;
	padding: 1.04166vw;
	margin-top: 2.08333vw;
	position: relative;
	transition: ease 1s;
	margin-bottom: 30px;
}
.l_mt .bot .item:hover {
	box-shadow: 0px 25px 43px 8px rgba(47, 48, 53, 0.08);
}
.l_mt .bot .item::after {
	content: "";
	width: 0;
	border-bottom: 2px solid #D60011;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 9;
	transition: 1s;
}
.l_mt .bot .item:nth-child(1), .l_mt .bot .item:nth-child(2), .l_mt .bot .item:nth-child(3) {
	margin-top: unset;
}
.l_mt .bot .item:nth-child(3n-1) {
	margin-left: 2.08333vw;
	margin-right: 2.08333vw;
}
.l_mt .bot .item a {
	display: block;
}
.l_mt .bot .item .img {
	width: 100%;
	height: 14.0625vw;
	position: relative;
	overflow: hidden;
}
.l_mt .bot .item .img img {
	width: 100%;
	height: 100%;
	transform: scale(1.0);
	transition: 1s;
}
.l_mt .bot .item .img .date {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	background-color: #2f3035;
	color: #FFF;
	width: 5.20833vw;
	height: 5.20833vw;
	padding-top: 0.78125vw;
	font-family: "DINCond-Bold";
	transition: 1s;
}
.l_mt .bot .item .img .date b {
	font-size: 40px;
	font-family: "DINCond-Bold";
}
.l_mt .bot .item .img .date p {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "DINCond-Bold";
}
.l_mt .bot .item .title {
	margin-top: 1.5625vw;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}
.l_mt .bot .item .text {
	margin-top: 1.04166vw;
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}
.l_mt .bot .item .z_index_more {
	margin-top: 1.82291vw;
	margin-bottom: 2.60416vw;
	display: block;
}
.l_mt .bot .item:hover::after {
	left: 0;
	width: 100%;
}
.l_mt .bot .item:hover .z_index_more .icon {
	transform: rotate(45deg);
}
.z_index_more .icon {
	margin-left: 5px;
	display: inline-block;
	width: 28px;
	transition: ease .6s;
	height: 28px;
	background: url(../images/arr2.jpg) no-repeat center;
	vertical-align: middle;
	background-size: 100% 100%;
}
.l_mt .bot .item:hover .img img {
	transform: scale(1.1);
}
.l_mt .bot .item:hover .img .date {
	background-color: #D60011;
}
.l_mt .nkBot {
	margin-top: 3.64583vw;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.l_mt .nkBot .item {
	width: 48%;
	padding: 1.04166vw 2.08333vw 1.04166vw 1.04166vw;
	background-color: #FFF;
	margin-top: 4%;
}
.l_mt .nkBot .item:nth-child(1), .l_mt .nkBot .item:nth-child(2) {
	margin-top: unset;
}
.l_mt .nkBot .item:nth-child(2n) {
	margin-left: 4%;
}
.l_mt .nkBot .item .clearfixa {
	display: block;
}
.l_mt .nkBot .item .img {
	width: 9.375vw;
	height: 13.54166vw;
	overflow: hidden;
	border-radius: 8px;
}
.l_mt .nkBot .item .img img {
	width: 100%;
	height: 100%;
	transform: scale(1.0);
	transition: 1s;
}
.l_mt .nkBot .item .content {
	margin-left: 2.08333vw;
	padding-top: 5px;
}
.l_mt .nkBot .item .content .title {
	font-size: 1.14583vw;
	color: #222222;
	font-weight: bold;
}
.l_mt .nkBot .item .content .information {
	font-size: 14px;
	color: #d60011;
	margin-top: 0.5vw;
}
.l_mt .nkBot .item .content .information span {
	margin-right: 1.5625vw;
}
.l_mt .nkBot .item .content .information span:last-child {
	margin-right: unset;
}
.l_mt .nkBot .item .content .text {
	font-size: 16px;
	width: 20.05208vw;
	color: #888888;
	margin-top: 1.30208vw;
	padding-top: 1.04166vw;
	border-top: 1px solid #cccccc;
	line-height: 25px;
}
.l_mt .nkBot .item .content .btn {
	margin-top: 1.8vw;
	text-align: center;
	width: 7.8125vw;
	height: 2.29166vw;
	line-height: 2.29166vw;
	color: #FFF;
	font-size: 16px;
	border: 1px solid #d60011;
	background-color: #d60011;
	border-radius: 4px;
	transition: 1s;
}
.l_mt .nkBot .item:hover .content .btn {
	background-color: #FFF;
	color: #d60011;
}
.l_mt .nkBot .item:hover .img img {
	transform: scale(1.1);
}
 @media screen and (max-width:1600px) {
.l_dq1 .top .fr div select, .l_mt .top .fr div select {
	width: 65%;
}
.l_dq1 .bot .item .title1 {
	margin-top: 0.5625vw;
}
.l_dq1 .bot .item .content {
	width: 74%;
}
.l_dq1 .bot .item .title b {
	font-size: 45px;
}
.l_lx2 .content .top div input {
	width: 16vw;
}
.l_lx2 .content .bot span {
	flex: 0.4;
}
}
@media screen and (max-width:1366px) {
.l_rc2 {
	margin-top: 5.6875vw;
}
.l_rc1_2 .rcSwiper {
	height: 14.5vw;
	margin-top: 1.38541vw;
}
.l_rc1_2 .rcSwiper .swiper-slide .fr {
	padding: 1.08333vw 1.5625vw 0.30208vw;
}
.postCondition {
	width: 85%;
}
.l_dq1 .top .fr div select, .l_mt .top .fr div select {
	width: 60%;
}
.l_mt .nkBot .item .content {
	width: 62%;
	padding-top: unset;
}
.l_mt .nkBot .item .content .information {
	margin-top: unset;
}
.l_mt .nkBot .item .content .text {
	padding-top: 0.04166vw;
	margin-top: 0.30208vw;
}
.l_mt .bot .item .img .date {
	padding-top: unset;
}
.l_lx1ItemBox {
	width: 80vw;
}
.l_lx2 .content .top div input {
	width: 15vw;
}
.l_lx1 .top {
	padding-top: 4.03125vw;
}
.l_dq1 .bot .item .content {
	padding-top: unset;
}
.l_mt .nkBot .item .content .title {
	margin-bottom: 5px;
}
.l_mt .nkBot .item .content .information span {
	font-size: 12px;
}
.l_mt .nkBot .item .content .title {
	font-size: 16px;
}
.l_mt .nkBot .item .content .text {
	margin-top: 10px;
	padding-top: 10px;
}
}
@media screen and (max-width:980px) {
/* 内页banner */
/* 	.innerBanner{height: 290px;} */
/* 	.innerBanner .innerBannerBg{height: 230px;} */
.innerBanner .bannerText {
	width: unset;
}
.innerBanner .bannerText .en {
	font-size: 34px;
}
.innerBanner .bannerText .cn {
	font-size: 18px;
}
/* 内页导航栏 */
.innerBanner .bannerNav .fl {
	display: none;
}
.innerBanner .bannerNav .fr {
	width: 100%;
	float: unset;
}
.innerBanner .bannerNav .fr a {
	font-size: 12px;
}
.innerBanner .bannerNav {
	height: 60px;
}
.innerBanner .bannerNav .clearfix {
	line-height: 60px;
}
.l_dq1, .l_mt {
	padding: 20px 15px;
	padding-bottom: 60px;
}
.l_dq1 .bot {
	margin-top: 20px;
}
.l_dq1 .bot .item a {
	display: block
}
.Pagination .iconfont {
	font-size: 20px
}
.l_dq1 .bot .item .img img {
	display: block;
}
.l_dq1 .bot .item .title1 {
	margin: 10px 0;
}
.l_dq1 .top .fl, .l_dq1 .top .fr {
	float: unset;
	width: 100%;
}
.l_dq1 .top .title h2 {
	font-size: 20px;
	margin-bottom: unset;
	height: 20px;
	display: inline-block;
}
.l_dq1 .top .title div {
	font-size: 16px;
}
.l_dq1 .top .fr {
	margin-top: 10px;
}
.l_dq1 .top .fr div {
	height: unset;
	width: 100%;
	height: 35px;
}
.l_dq1 .top .fr div select, .l_mt .top .fr div select {
	width: 70%;
	margin-top: unset;
}
.l_dq1 .top .fr p {
	margin-top: 5px;
}
.l_dq1 .bot .item {
	height: unset;
}
.l_dq1 .bot .item .img {
	float: unset;
	width: 100%;
}
.l_dq1 .bot .item .content {
	float: unset;
	width: 100%;
	margin: unset;
	padding: 20px 0;
}
.l_dq1 .bot .item .title b, .l_lx1 .top .title h2, .l_lx2 .title h2 {
	font-size: 26px;
}
.Pagination .group a {
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.l_lx1 .bot {
	height: 320px;
}
.l_lx1 .top {
	height: 210px;
}
.l_lx1 .top .title div, .l_lx2 .title div {
	font-size: 16px;
}
.l_lx1 .lx_map {
	width: 90%;
	height: 210px;
	top: 38%;
}
.l_lx1ItemBox {
	flex-wrap: wrap;
}
.l_lx1ItemBox .item {
	flex: unset;
	width: 50%;
}
.l_lx1ItemBox .item .img {
	width: 50px;
	height: 50px;
}
.l_lx2 {
	height: unset;
	padding: 20px 0;
}
.l_lx2 .content {
	width: 90%;
}
.l_lx2 .content .top {
	display: block;
}
.l_lx2 .content .top div {
	height: 35px;
	margin: unset !important;
	margin-top: 5px !important;
}
.l_lx2 .content .top div span, .l_lx2 .content .top div input, .l_lx2 .content .bot span, .l_lx2 .content textarea {
	font-size: 12px
}
.l_lx2 .content .top div input {
	width: 85%;
}
.l_lx2 .content .bot {
	height: 100px;
}
.l_lx2 .content .bot span {
	flex: 0.8;
}
.l_lx2Btn {
	width: 200px;
	height: 35px;
	line-height: 35ox;
	font-size: 12px;
}
.l_lx2Btn i {
	font-size: 12px;
}
.l_mt .top .fl, .l_mt .top .fr {
	float: unset;
	width: 100%;
}
.l_mt .top .title h2 {
	font-size: 20px;
	margin-bottom: unset;
	height: 20px;
	display: inline-block;
}
.l_mt .top .title div {
	font-size: 16px;
}
.l_mt .top .fr {
	margin-top: 10px;
}
.l_mt .top .fr div {
	height: unset;
	width: 100%;
	height: 35px;
}
.l_mt .top .fr div select, .l_mt .top .fr div select {
	width: 70%;
	margin-top: unset;
}
.l_mt .top .fr p {
	margin-top: 5px;
}
.l_mt .bot .item {
	width: 100%;
	margin: unset !important;
	margin-top: 10px !important;
	padding: 10px;
}
.l_mt .bot .item .img {
	height: 180px;
}
.l_mt .bot .item .title {
	font-size: 16px;
}
.l_mt .bot .item .text {
	font-size: 10px;
}
.l_mt .bot .item .img .date {
	width: 70px;
	height: 70px;
	padding-top: 10px;
}
.l_mt .bot .item .img .date b {
	font-size: 26px;
}
.l_mt .nkBot .item {
	width: 100%;
	margin: unset !important;
	margin-top: 10px !important;
	padding: 10px;
}
.l_mt .nkBot .item .img {
	width: 100%;
	height: 420px;
	float: unset;
}
.l_mt .nkBot .item .content {
	width: 100%;
	float: unset;
	margin-left: unset;
	margin-top: 10px;
}
.l_mt .nkBot .item .content .title {
	font-size: 16px;
}
.l_mt .nkBot .item .content .information {
	font-size: 10px;
}
.l_mt .nkBot .item .content .text {
	width: 100%;
	font-size: 10px;
	margin-top: 5px;
}
.l_mt .nkBot .item .content .btn {
	width: 100px;
	height: 35px;
	line-height: 35px;
}
.l_rc1_1, .l_rc1_2 {
	height: unset;
	padding: 20px 10px;
}
.l_rc1_1 .content {
	position: unset;
	transform: unset;
	width: 100%;
	margin: auto;
}
.l_rc1_2 .content {
	margin-bottom: 20px;
}
.l_rc1_3 .content {
	width: 90%;
}
.postList_claim {
	margin: 10px 0;
}
.conPostArr {
	background-size: 20px;
	background-repeat: no-repeat;
}
.l_rc1_1 .title, .l_rc1_2 .title, .l_rc1_3 .conHeader p {
	font-size: 18px;
}
.l_rc1_1 .title1, .l_rc1_2 .title1, .l_rc1_3 .conHeader h2, .postList_type {
	font-size: 18px;
}
.l_rc1_1 .text {
	font-size: 18px;
}
.l_rc1_2 .rcSwiper .swiper-slide .fr .title {
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.l_rc1_2 .text, .l_rc1_2 .rcSwiper .swiper-slide .fr .text {
	font-size: 10px;
}
.l_rc1_2 .rcSwiper {
	height: unset;
}
.l_rc1_2 .rcSwiper .swiper-slide .fl, .l_rc1_2 .rcSwiper .swiper-slide .fr {
	float: unset;
	width: 100%;
}
.l_rc1_2 .rcSwiper .swiper-slide .fr .text {
	line-height: 20px;
}
.l_rc1_2 .rcSwiper .swiper-slide .fl {
	height: 200px;
}
.l_rc1_2 .rcSwiper .swiper-slide .fr {
	padding: 20px 10px 40px;
}
.l_rc1_2 .rcSwiper .swiper-slide .fr .date {
	bottom: 10px;
	left: 10px;
}
.l_rc1_2 {
	padding-bottom: 60px;
}
.l_rc1_2 .rcSwiper .swiper-pagination {
	bottom: -40px;
}
.l_rc1_2 .rcSwiper .swiper-pagination-bullet {
	margin-left: 25px;
}
.l_rc1_3 .conInput div {
	flex: unset;
	width: 100%;
	margin: unset !important;
	margin-top: 10px !important;
}
.l_rc1_3 .conInput {
	flex-wrap: wrap;
}
.l_rc1_3 .conInput select, .l_rc1_3 .conInput input {
	height: 35px;
}
#search {
	margin-top: unset !important;
}
.postList_claim span {
	padding: 5px 10px;
	margin-right: 10px;
}
.postList_claim {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
}
 .postList_claim::-webkit-scrollbar {
display:none;
}
.postCondition {
	max-height: 200px;
	overflow-y: auto;
	width: 100%;
}
.postList_footer {
	padding-bottom: 80px;
}
.posRight {
	top: unset;
	bottom: 0;
	right: unset;
	left: 0;
}
.l_rc2 {
	margin-top: 50px;
}
.l_rc2Nav {
	padding-left: 10px;
}
.l_rc2Nav a {
	margin-right: 20px;
}
.l_rc2Nav a::after {
	right: -13px;
}
 .postCondition::-webkit-scrollbar {
display:none;
}
.l_rc1_3 {
	padding-bottom: 60px;
}
.l_rc2List {
	width: 80%;
}
.l_rc2List i, .l_rc2List span {
	font-size: 10px;
}
.l_rc2 .content {
	width: 90%;
	padding: 30px 0;
}
.l_rc2 .content .title {
	font-size: 18px;
	margin-bottom: 20px;
}
.l_rc2 .content .desc {
	font-size: 14px;
	line-height: 24px;
}
.l_lx1ItemBox .item {
	font-size: 12px;
	margin-bottom: 10px;
}
}
.imgbg {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: ease 1s;
}
.z_page_swiper {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.z_banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.z_banner:hover .z_wave {
	transform: translate(-50%, 0);
}
.z_banner .bd li {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.z_banner .picBox {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
.z_banner_play {
	width: 180px;
	height: 52px;
	transition: ease 1s;
	cursor: pointer;
	background: #D60011;
	border-radius: 26px;
	line-height: 52px;
	padding: 0 10px 0 20px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 28.04166vw;
	transform: translateX(-50%);
}
.z_banner_play em {
	display: inline-block;
	width: 32px;
	height: 32px;
	transition: ease 1s;
	background: url(../img/play.png) no-repeat center;
	background-size: cover;
	float: right;
	margin-top: 10px;
}
.z_banner_play:hover em {
	transform: translateX(-10px);
}
.z_banner_play:hover {
	border-radius: 10px;
	width: 140px;
}
.z_banner_num {
	position: absolute;
	left: 8.33333vw;
	bottom: 2.6vw;
	z-index: 2;
	color: #fff;
	font-family: "DINCond-Bold";
}
.z_banner_num .index {
	font-size: 2.08333vw;
	font-weight: bold;
}
.z_copy {
	position: absolute;
	right: 8.33333vw;
	bottom: 2.6vw;
	z-index: 2;
	color: #fff;
	font-size: 12px;
}
.z_banner_sb {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2vw;
	color: #fff;
	z-index: 2;
	text-align: center;
}
.z_banner_sb .icon {
	display: block;
	margin: 0 auto;
	animation: moves 2s linear infinite;
}
@keyframes moves {
 0% {
transform: translateY(0px);
}
50% {
transform: translateY(-15px);
}
 100% {
transform: translateY(0px);
}
}
.z_wave {
	position: absolute;
	left: 50%;
	transform: translate(-50%) translateY(10vw);
	bottom: -11vw;
	z-index: 1;
	transition: ease 2s;
}
.z_wave .wave, .z_menu_close .wave1, .z_wave .wave2 {
	z-index: -1;
	position: absolute;
	width: 19vw;
	height: 19vw;
	background: #D60011;
	border-radius: 45%;
	animation: rotate 6s linear infinite;
// mix-blend-mode: multiply;
}
.z_wave .wave1 {
	background: #D60011;
	transform: translate(-20%, 0) rotate(0deg);
	opacity: .8;
	width: 17vw;
	height: 17vw;
	animation: rotate1 6s linear -4s infinite;
	border-radius: 65%;
}
.z_wave .wave2 {
	background: #D60011;
	transform: translate(20%, 0) rotate(0deg);
	animation: rotate2 8s linear -2s infinite;
	width: 15vw;
	height: 15vw;
	border-radius: 30%;
}
.z_wave .icon {
	position: absolute;
	left: 32%;
	bottom: 24%;
	z-index: 2;
}
 @keyframes rotate {
 50% {
 border-radius: 38%;
 transform: rotate(180deg);
}
100% {
 border-radius: 45%;
 transform: rotate(360deg);
}
}
 @keyframes rotate1 {
 50% {
 border-radius: 38%;
 transform: translate(-30%, 8%) rotate(180deg);
}
100% {
 border-radius: 45%;
 transform: translate(-20%, 0%) rotate(360deg);
}
}
 @keyframes rotate2 {
 50% {
 transform: translate(30%, 8%) rotate(180deg);
}
100% {
 transform: translate(20%, 0%) rotate(360deg);
}
}
.z_banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.z_banner .btn {
	position: absolute;
	cursor: pointer;
	width: 40px;
	line-height: 40px;
	padding: 15px 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	color: #fff;
	z-index: 2;
	text-transform: uppercase;
}
.z_banner .btn::before {
	content: "";
	display: block;
	height: 100%;
	width: 0;
	position: absolute;
	left: 50%;
	top: 0;
	border-radius: 20px;
	transition: ease .4s;
	background: #D60011;
}
.z_banner .prev {
	left: 3vw;
}
.z_banner .next {
	right: 3vw;
}
.z_banner .btn em {
	display: inline-block;
	width: 2px;
	height: 50px;
	background: #FFFFFF;
	margin: 0 auto;
	margin-bottom: 10px;
}
.z_banner .btn:hover::before {
	width: 100%;
	left: 0;
}
.z_index_about {
	height: 80vh;
}
.z_index_about .z_about_video {
	width: 50%;
	height: 80vh;
	float: left;
	position: relative;
	overflow: hidden;
}
.z_about_video .imgbg {
	transform: scale(1.1, 1.1);
	transition: ease 2s;
}
.z_about_play {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.z_about_play img {
	animation: rotate 10s linear infinite;
	transition: ease 1s;
}
.z_about_play:hover img {
	transform: rotate(0deg);
	animation: unset;
}
@keyframes rotate {
 0% {
 transform: rotate(0);
}
 50% {
 transform:rotate(360deg);
}
 100% {
 transform: rotate(0);
}
}
.z_about_con {
	width: 50%;
	height: 80vh;
	float: right;
	padding: 6.25vw;
	position: relative;
	padding-top: 3.29166vw;
	box-sizing: border-box;
	background-size: 100% auto;
}
.z_about_con::before {
	z-index: -1;
	content: "";
	display: block;
	width: 100%;
	background: url(../images/bg2.png) no-repeat right center;
	background-size: 100% auto;
	height: 18.59375vw;
	position: absolute;
	bottom: 12.5vw;
	left: 0;
}
.z_about_logo {
	transform: translateX(50%);
	opacity: 0;
	transition: ease 2s;
}
.z_about_logo img {
	display: block;
	height: 4.6875vw;
}
.z_about_con .tit {
	font-size: 1.45833vw;
	font-weight: bold;
	color: #000;
	margin-top: 1.2vw;
}
.z_about_con .desc {
	color: #000000;
	line-height: 28px;
	margin-top: 1.2vw;
	transform: translateY(100%);
	transition: ease 2s;
}
.z_about_con .desc p {
	text-align: justify;
	text-indent: 24px;
}
.z_about_num {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #FAFAFA;
}
.z_about_num li {
	width: 33.3%;
	float: left;
	height: 8.5vw;
	z-index: 1;
	position: relative;
	background: #FAFAFA;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.z_about_num li .h3 {
	display: flex;
	align-items: flex-end;
	margin-bottom: 9px;
	justify-content: center;
}
.z_about_num li .timer {
	font-size: 3.125vw;
	line-height: 2.9vw;
	font-family: DIN;
	font-weight: bold;
	color: #000000;
	font-family: "DINCond-Bold";
}
.z_about_num li em {
	font-style: normal;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	background: #D60011;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	line-height: 30px;
	color: #fff;
}
.z_about_num li h4 {
	color: #000;
	font-size: 16px;
}
.z_about_num li::before {
	content: "";
	display: block;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/line3.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
}
.z_about_num li:nth-child(2) {
	background: #efefef;
}
.z_about_num li:nth-child(3) {
	background: #dfdfdf;
}
.z_index_more {
	line-height: 28px;
	display: inline-block;
}
.z_index_more .en {
	font-size: 14px;
	font-family: "DINCond-Bold";
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	margin-right: 10px;
}
.z_index_more .icon {
	display: inline-block;
	width: 28px;
	transition: ease .6s;
	height: 28px;
	background: url(../images/arr2.jpg) no-repeat center;
	vertical-align: middle;
	background-size: 100% 100%;
}
.z_about_con .z_index_more {
	margin-top: 1vw;
}
.z_index_more:hover .icon {
	transform: rotate(45deg);
}
.z_index_about .z_about_logo {
	transform: translateX(0);
	opacity: 1;
}
.z_index_about .z_about_video .imgbg {
	transform: scale(1, 1);
}
.z_index_about .desc {
	transform: translateY(0);
}
.z_index_layout {
	position: relative;
	overflow: hidden;
	height: 100vh;
	z-index: 1;
	padding: 6.25vw 8.33333vw;
	box-sizing: border-box;
}
.z_index_layout::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bg4.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.z_index_layout .imgbg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	transform: scale(1.2, 1.2);
	transition: ease 2s;
}
.z_index_layout .imgbg {
	transform: scale(1, 1);
}
.z_index_tit {
	color: #fff;
}
.z_page_swiper .z_index_tit {
	transform: translateY(100%);
	opacity: 0;
	transition: ease 2s;
}
.z_page_swiper .z_index_tit {
	transform: translateY(0);
	opacity: 1;
}
.imgbg {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: 1s ease;
}
.sortbar-fixed {
	background: #fff;
box-shadow: 0 0 40px 0 rgb(0 0 0 / 10%);
}
.z_index_news {
	padding: 5.2vw 9.375vw;
	box-sizing: border-box;
	background: #f8f8f8;
}
.z_news_head {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 3vw;
	transform: translateY(100%);
	transition: ease 2s;
	opacity: 0;
}
.z_index_news.swiper-slide-active .z_news_head {
	transform: translateY(0%);
	opacity: 1;
}
.z_news_head .titbox {
	font-size: 1.875vw;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.z_news_head .titbox em {
	text-transform: uppercase;
	font-family: "DINCond-Bold"ist777BT;
	font-weight: bold;
	font-size: 2.70833vw;
	margin-right: 5px;
}
.z_news_nav {
	margin-left: auto;
}
.z_news_nav a {
	display: inline-block;
	margin-right: 2vw;
	font-size: 16px;
	line-height: 32px;
	position: relative;
}
.z_news_nav a::before {
	content: "";
	display: block;
	width: 0%;
	z-index: 1;
	height: 2px;
	background: #D60011;
	position: absolute;
	left: 50%;
	bottom: 0;
	transition: ease 1s;
}
.z_news_nav a:hover::before, .z_news_nav a.active::before {
	left: 0;
	width: 100%;
}
.z_news_nav a:hover, .z_news_nav a.active {
	color: #D60011;
}
.z_news_More {
	position: absolute;
	right: -2.6vw;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.z_news_More .iconfont {
	display: block;
}
.z_news_More:hover {
	color: #D60011;
}
.z_news_swiper {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px
}
.z_news_swiper .bd li {
	position: relative;
	list-style-type: none;
}
.z_news_swiper .bd li a {
	display: block;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
	padding-bottom: 3vw;
}
.z_news_swiper .bd li .imgbox {
	width: 100%;
	height: 14.0625vw;
	overflow: hidden;
	position: relative;
}
.z_news_swiper .bd li .timebox {
	font-family: "DINCond-Bold";
	width: 5.2vw;
	height: 5.2vw;
	background: #2F3035;
	transition: ease .6s;
	position: absolute;
padding-top: .3vw;
	box-sizing: border-box;
	right: 0;
	top: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}
.z_news_swiper .bd li .timebox em {
	display: block;
	font-size: 2.08vw;
	font-weight: bold;
	font-family: "DINCond-Bold";
	font-style: normal
}
.z_news_swiper .bd li:hover .imgbg {
	transform: scale(1.05, 1.05);
}
.z_news_swiper .bd li:hover .timebox {
	background: #D60011;
}
.z_news_swiper .bd li .infobox {
	margin-top: 20px;
}
.z_news_swiper .bd li h3 {
	font-size: 1.04vw;
	font-weight: bold;
	color: #000000;
	line-height: 1.77083vw;
	height: 3.33333vw;
}
.z_news_swiper .bd li .desc {
	color: #666666;
	line-height: 28px;
	height: 56px;
	margin: 1vw 0;
	margin-bottom: 1.5vw;
	overflow: hidden;
}
/* .z_news_swiper li:hover h3{ color: #D60011;} */
.z_news_tabcon {
	margin-top: 50px;
}
.z_news_swiper .bd li:hover .z_index_more .icon {
	transform: rotate(45deg);
}
.z_news_swiper .bd li::before {
	content: "";
	display: block;
	z-index: 1;
	width: 0;
	height: 2px;
	background: #D60011;
	position: absolute;
	left: 50%;
	bottom: 0;
	transition: ease 1s;
}
.z_news_swiper .bd li:hover::before {
	left: 0;
	width: 100%;
}
.z_news_hd {
	width: 100%;
	text-align: center;
	margin-top: 3vw;
}
.z_news_hd li {
	display: inline-block;
	transition: ease .6s;
	width: 8px;
	height: 8px;
	background: #CCCCCC;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
	margin: 0 13px;
	position: relative;
}
.z_news_hd li::before {
	content: "";
	display: block;
	opacity: 0;
	transition: ease .6s;
	z-index: 1;
	pointer-events: none;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border: 2px solid #D60011;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.z_news_hd li.on::before {
	opacity: 1;
}
.z_news_hd li.on, .z_news_hd li:hover {
	background: #D60011;
}
.z_news_swiper .bd li:hover {
	background: #FFFFFF;
	box-shadow: 0px 25px 43px 8px rgba(47, 48, 53, 0.08);
}
.z_news_tabcon .child {
	display: none;
}
.z_news_tabcon .child.active {
	display: block;
}
.z_index_csr {
	padding: 7.29166vw 8.33333vw;
	box-sizing: border-box;
}
.z_index_csr .z_index_tit {
	text-align: center;
	color: #333;
}
.z_index_csr .z_index_more {
	margin-top: 3vw;
}
.z_csr_btm {
	position: absolute;
	left: 0%;
	width: 100%;
	bottom: 0;
	padding: 0 8.33333vw;
	box-sizing: border-box;
}
.z_csr_box {
	width: 50%;
	background: #D60011;
	float: left;
	position: relative;
	transition: ease 2s;
	opacity: 0;
}
.z_csr_box a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.z_csr_box::before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 37.5%;
	top: 0;
	background: rgba(255,255,255,.5);
	z-index: 1;
}
.z_csr_box .flwarp {
	width: 37.5%;
	float: left;
	display: flex;
	transition: ease 1s;
	height: 20.8vw;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}
.z_csr_box .frwarp {
	width: 62.5%;
	float: left;
	height: 20.8vw;
	transition: ease 1s;
	padding: 5vw 3vw;
	box-sizing: border-box;
	position: relative;
}
.z_csr_box .flwarp .imgbox {
	width: 6.77083vw;
	height: 6.77083vw;
	border-radius: 50%;
}
.z_csr_box .flwarp h3 {
	font-size: 1.35416vw;
	margin-top: 10px;
}
.z_csr_box:nth-child(1) {
	transform: translateX(-100%);
}
.z_csr_box:nth-child(2) {
	background: #2F3035;
	transform: translateX(100%);
}
.z_index_csr.swiper-slide-active .z_csr_box {
	transform: translateX(0)!important;
	opacity: 1;
}
.z_csr_box .frwarp h3 {
	font-size: 18px;
	font-weight: bold;
}
.z_csr_box .frwarp .desc {
	line-height: 28px;
	height: 84px;
	margin: 1.5vw 0;
}
.z_csr_box .frwarp .z_more_bar {
	position: absolute;
	transition: ease 1s;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	height: 60px;
	background: rgba(255,255,255,.5);
	padding: 0 2vw;
	box-sizing: border-box;
	text-align: right;
	color: #fff;
	line-height: 60px;
}
.z_csr_box .frwarp .z_more_bar .iconfont {
	margin-left: 5px;
}
.z_csr_box:hover .z_more_bar {
	background: rgb(255, 255, 255, 0);
}
.z_csr_box:hover .flwarp {
	padding-bottom: 2vw;
}
.gray {
	background: #f8f8f8;
}
.product-page {
	padding: 50px 0 100px 0;
	box-sizing: border-box;
}
.wrap, .wrap2 {
	max-width: 1700px;
	width: 95%;
	margin: 0 auto;
}
.product-page .paging {
	margin-top: 70px;
}
.product-list li .text {
	background: #f8f8f8;
	padding: 24px 6px;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.product-list ul {
	overflow: hidden;
	margin: 0 -14px;
}
.product-list li {
	list-style: none;
	width: 25%;
	float: left;
	padding: 0 14px;
	margin-bottom: 26px;
	text-align: center;
}
.product-list li a {
	display: block;
}
.product-list li a:hover .picc {
	border: solid 1px #d60011;
}
.product-list li a:hover .picc span {
	/*opacity: .2;
  filter: alpha(opacity=20);*/
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
/*.product-list li a:hover .picc::after {
  opacity: 1;
  filter: alpha(opacity=100);
}*/
.product-list li a:hover .text {
	background: #d60011;
}
.product-list li a:hover .tit, .product-list li a:hover .txt {
	color: #fff;
}
.product-list li .picc {
	border: solid 1px #eee;
	background: #fff;
	position: relative;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	overflow: hidden;
	height: 398px
}
.product-list li .picc img {
	transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 400px;
}
.product-list li .text {
	background: #f8f8f8;
	padding: 24px 6px;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.product-list li .tit, .product-list li .txt {
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.product-list li .tit {
	font-size: 18px;
}
.product-list li .txt {
	color: #666;
}
.product-page .introduction {
	background: #fff;
	padding: 50px;
	overflow: hidden;
}
.product-page .introduction .photo {
	width: 50%;
	max-width: 700px;
	float: left;
	position: relative;
}
.product-page .introduction .photo .sp-current-big {
	position: relative;
	height: 600px;
	width: 100%;
	display: block;
	text-align: center;
	background: #fff;
	verticle-align: middle;
}
.product-page .introduction .photo img {
	display: block;
	height: 600px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
}
.product-page .introduction .photo .gallery-top {
	border: solid 1px #eee;
}
.product-page .introduction .photo .right {
	position: absolute;
	top: 0;
	right: 0;
	width: 96px;
	height: 100%;
	z-index: 2;
	padding: 38px 0;
}
.product-page .introduction .photo .gallery-thumbs {
	height: 100%;
	overflow: hidden;
}
.product-page .introduction .photo .gallery-thumbs .swiper-slide {
	height: 97px;
	-moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.product-page .introduction .photo .gallery-thumbs .swiper-slide span {
	border: solid 1px #eee;
	display: block;
	cursor: pointer;
}
.product-page .introduction .photo .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span {
	border: solid 1px #d60011;
}
.product-page .introduction .photo .swiper-button-prev, .product-page .introduction .photo .swiper-button-next {
	width: 100%;
	height: 28px;
	margin: 0;
	top: auto;
	bottom: auto;
	left: 0;
	right: auto;
	background: no-repeat center #e8e8e8;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.product-page .introduction .photo .swiper-button-prev:hover, .product-page .introduction .photo .swiper-button-next:hover {
	background-color: #d60011;
}
.product-page .introduction .photo .swiper-button-prev {
	top: 0;
	background-image: url(../images/arrow11.png);
}
.product-page .introduction .photo .swiper-button-prev:hover {
	background-image: url(../images/arrow13.png);
}
.product-page .introduction .photo .swiper-button-next {
	bottom: 0;
	background-image: url(../images/arrow12.png);
}
.product-page .introduction .photo .swiper-button-next:hover {
	background-image: url(../images/arrow14.png);
}
.product-page .introduction .cont {
	width: 46%;
	float: right;
}
.product-page .introduction .cont .model {
	font-size: 24px;
}
.product-page .introduction .cont .title {
	font-size: 40px;
	font-weight: bold;
}
.product-page .introduction .cont .text {
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	line-height: 26px;
	font-size: 16px;
	color: #666;
	margin: 32px 0 40px 0;
	padding: 24px 0;
}
.product-page .introduction .cont .text p strong {
	color: #333;
}
.product-page .introduction .cont .text ul {
	overflow: hidden;
}
.product-page .introduction .cont .text li {
	margin: 5px 0;
	width: 50%;
	float: left;
}
.product-page .introduction .cont .text li:nth-child(2n+1) {
	clear: left;
}
.product-page .introduction .cont .rbtn {
	display: inline-block;
	background: #d60011;
	border-radius: 42px;
}
.product-page .introduction .cont .rbtn::after {
	background: #579e00;
}
.product-page .introduction .cont .rbtn span {
	padding: 0 30px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #fff;
}
.product-page .introduction .cont .rbtn span i {
	margin-right: 10px
}
.product-page .details {
	margin-top: 25px;
	padding: 50px;
	background: #fff;
}
.product-page .details .title {
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 1px #eee;
	padding-bottom: 12px;
}
.product-page .details .article {
	padding: 32px 0;
}
.blog_pagination_wrapper {
	padding-bottom: 50px;
	text-align: center;
	padding-top: 50px;
}
.blog_pagination_wrapper ul li {
	background: #f0f0f0;
	display: inline-block;
	font-size: 18px;
	margin: 0px 5px
}
.blog_pagination_wrapper ul li a {
	color: #222;
	font-weight: 700;
	/* width: 40px; */
	padding: 0 15px;
	height: 40px;
	line-height: 42px;
	display: inline-block;
	text-align: center;
}
.blog_pagination_wrapper ul li.active {
	background: #d60011;
}
.blog_pagination_wrapper ul li.active a {
	color: #fff;
}
.video_pop {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999!important;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.close_btn {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/close.png) no-repeat center #D60011;
	z-index: 100;
	cursor: pointer;
}
#video {
	width: 100%;
	max-height: 100%;
}
.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	over-roll: hide;
}
.sp-large a img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
.sp-large a {
	display: block;
}
.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}
.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 999999;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}
#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 14%;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 14%;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #444;
}
 @media only screen and (max-width: 767px) {
.share {
	display: none;
}
.tab-menu-vertical .nav {
	padding: 0;
}
.pb-44 {
	padding-bottom: 15px!important;
}
.preview li {
	font-size: 14px;
}
}
.shouji {
	display: none;
}
 @media screen and (max-width: 768px) {
#sp-prev {
	left: 10px;
}
#sp-next {
	right: 10px;
}
}
 @media screen and (max-width: 400px) {
.sp-wrap {
	margin: 0 0 15px 0;
}
#sp-prev,  #sp-next {
	top: auto;
	margin-top: 0;
	bottom: 25px;
}
}
.post-thumb {
	max-height: 200px;
	overflow: hidden;
}
.z_about_desc {
	text-align: left;
}
.z_about_desc p {
	text-indent: 24px;
}
.z_about_desc {
	font-size: 20px;
	font-weight: bold;
	line-height: 45px;
}
.l_lx2 .title h2 {
	font-size: 46px;
	color: #e60012;
	font-family: "DINCond-Bold";
	text-transform: uppercase;
}
.l_lx2 .title div {
	font-size: 36px;
	color: #000000;
	font-weight: bold;
}
.l_lx2 .content {
	width: 65.625vw;
	margin: auto;
	margin-top: 2.86458vw;
}
.l_lx2 .content .top {
	display: flex;
}
.l_lx2 .content .top div {
	flex: 1;
	height: 3.125vw;
	border: 1px solid #dddddd;
	background-color: #FFF;
	padding-left: 1.30208vw; position:relative
}
.l_lx2 .content .top div img{ position: absolute;
    right: 10px;
    top: 15px;}
.l_lx2 .content .top div:nth-child(3n-1) {
	margin: 0 1.5625vw;
}
.l_lx2 .content .top div span, .l_lx2 .content .top div input {
	display: inline-block;
	font-size: 16px;
}
.l_lx2 .content .top div span {
	color: #000000;
}
.l_lx2 .content .top div input {
	width: 16.44791vw;
	height: 100%;
	vertical-align: middle;
}
.l_lx2 .content .bot {
	width: 100%;
	height: 6.77083vw;
	border: 1px solid #dddddd;
	margin-top: 1.30208vw;
	padding-top: 1.04166vw;
	padding-left: 1.30208vw;
	display: flex;
	background: #fff;
}
.l_lx2 .content .bot span {
	flex: 0.3;
	color: #000000;
	font-size: 16px;
}
.l_lx2 .content textarea {
	flex: 3.9;
	display: inline-block;
	padding-top: 2px;
	height: 100%;
	overflow-y: auto;
}
.l_lx2Btn {
	margin: auto;
	margin-top: 4.16666vw;
	width: 12.5vw;
	display: block;
	background-color: #d60011;
	border: 1px solid #d60011;
	color: #FFF;
	font-size: 16px;
	cursor: pointer;
	height: 2.86458vw;
	line-height: 2.86458vw;
	text-align: center;
	transition: 0.5s;
}
.l_lx2Btn i {
	margin-left: 5px;
	font-weight: bold;
	transform: rotate(-45deg);
	display: inline-block;
	transition: 0.5s;
}
.l_lx2Btn:hover {
	background-color: rgba(255,255,255,0.0);
	color: #d60011;
}
.l_lx2Btn:hover i {
	transform: rotate(0);
}
.l_lx2 .title {
	text-align: center;
}
.l_lx2 {
	width: 100vw;
	/* 	height: 36.45833vw; */
	background-image: url(../images/l_lx2Bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 5.20833vw 0;
}
#c-about {
	padding: 0px 0;
}
#c-about .c-box-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#c-about .c-text-box {
	width: 100%;
}
#c-about .c-img-box {
	position: relative;
	width: 35%;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 38px 92px rgba(0, 0, 0, .25);
}
#c-about .c-text-box .c-title {
	margin-bottom: 50px;
	padding-bottom: 50px;
	padding-top: 50px;
	border-bottom: 1px solid #cfd1d5;
	font-size: 32px;
}
#c-about .c-text-box .c-text p {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 10px
}
#c-about .c-text-box .c-text {
	line-height: 26px;
	color: #636a73;
	margin-bottom: 50px
}
#c-about .c-img-box img {
	width: 100%;
}
.index_data {
	background-color: #0e1fcb;
padding:.64rem 0;
	color: #fff
}
.index_data {
	background-color: #0e1fcb;
	padding: 50px 0;
	color: #fff
}
.index_data .top {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	margin-bottom: 10px
}
.index_data .ic {
	width: 80px;
	height: 80px;
	background-size: 80px;
	box-sizing: content-box;
	display: block;
	margin-right: 20px;
	padding: 8px;
	border: 1px dashed #fff;
	border-radius: 50%;
	transition: .6s;
}
.index_data .ic i {
	text-align: center;
	font-size: 50px;
	height: 80px;
	width: 80px;
	line-height: 80px;
	background: #fff;
	color: rgba(27, 20, 100);
	border-radius: 50%;
	display: block
}
.index_data li:Hover .ic {
	transform: rotate(360deg)
}
.index_data .data {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}
.index_data .data .num {
	font-size: 80px;
	font-family: "DINCond-Bold";
	margin-right: 14px
}
.index_data .unit {
	font-size: 14px;
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}
.index_data .unit em {
	font-size: 30px;
	display: block;
	font-family: "DINCond-Bold";
	margin-bottom: 3px;
	font-style: normal
}
.index_data .desc {
	padding-left: 1.26rem;
	font-size: 16px;
	line-height: 1.5
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.bot {
	padding: 30px 0px;
}
.index_data ul {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.index_data li:nth-child(1) {
	width: 30%;
}
.index_data li:nth-child(2n) {
	width: 40%;
	padding: 0 5%;
}
.foot {
	background: url(../images/footer_02.jpg) no-repeat center / cover;
}
.footer-code {
	float: right
}
.footer-code div {
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.2);
}
.botnav ul {
	display: flex;
	width: 100%
}
.botnav li {
	float: left;
	text-align: center;
	width: 20%;
	padding: 30px 0px
}
.botnav li a {
	font-size: 16px;
	color: #fff
}
.botnav .botnav_r {
	float: right;
	font-size: 16px;
	color: #3a3a3a
}
.botnav {
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.copyright {
	font-size: 16px;
	color: #3a3a3a;
	margin-top: 20px;
}
.copyright a {
	color: #3a3a3a;
}
.bot {
	padding: 30px 0 30px;
}
.botnav li:hover a {
	color: #fff
}
.footer-code div img {
	width: 128px;
	;
}
.footer-info {
	display: flex;
	color: #FFFFFF;
	float: left
}
.footer-info div i {
	font-size: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	line-height: 50px;
	border: 1px solid rgba(255,255,255,0.1);
	text-align: center
}
.footer-tel {
	margin-right: 60px;
}
.footer-email {
	margin-right: 60px;
}
.footer-info .footer-p1 {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	margin-top: 24px;
}
.footer-info .footer-p2 {
	font-size: 26px;
	font-weight: 500;
	line-height: 31px;
	margin-top: 3px;
	font-family: "DINCond-Bold"
}
.footer-info .footer-p2 a {
	color: #fff
}
.footer-info .footer-p3 {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	margin-top: 12px;
}
.footer-add .footer-p2 {
	font-size: 18px;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif
}
.footer-copyright {
	border-top: 1px solid rgba(255,255,255,0.1);
	margin-top: 0.7rem;
	padding: 0.26rem 1rem;
	display: flex;
	justify-content: space-between;
}
.footer-copyright-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 20px 0px
}
.footer-copyright-right p, .footer-copyright-left p {
	font-size: 14px;
	;
	font-weight: 400;
	color: #818B9F;
	line-height: 2;
}
.footer-copyright-right p a {
	color: #818B9F;
}
.footer-copyright-left {
	padding: 20px 0px
}
.footer-copyright-left p a {
	color: #818B9F;
	transition: all .3s ease;
}
.footer-copyright-right p a:hover {
	color: #3171FF;
}
.footer-copyright-left p a:hover {
	color: #3171FF;
}
 @media screen and (max-width:980px) {
.l_dq1 .bot .item .title b, .l_lx1 .top .title h2, .l_lx2 .title h2 {
	font-size: 26px;
}
.l_lx2 .content {
	width: 90%;
}
.l_lx2 .content .top {
	display: block;
}
.l_lx2 .content .top div {
	height: 35px;
	margin: unset !important;
	margin-top: 5px !important;
}
.l_lx2 .content .top div span, .l_lx2 .content .top div input, .l_lx2 .content .bot span, .l_lx2 .content textarea {
	font-size: 12px
}
.l_lx2 .content .top div input {
	width: 85%;
}
.l_lx2 .content .bot {
	height: 100px;
}
.l_lx2 .content .bot span {
	flex: 0.8;
}
.l_lx2Btn {
	width: 200px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}
}