@font-face {

	font-family: Alibaba;

	src: url(../fonts/AlibabaPuHuiTi-2-55-Regular.ttf);

	font-weight: normal

}

@font-face {

	font-family: DIN;

	src: url(../fonts/DIN-Medium.otf);

	font-weight: normal

}

.en {

	font-family: Alibaba

}

.num {

	font-family: DIN

}

.z_m_box {

	padding: 0 setvw(108)

}

* {

	padding: 0;

	margin: 0;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	outline: none

}

*, :before, :after {

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}

.clearfix:after {

	content: "";

	display: block;

	clear: both

}

body {

	font-family: Alibaba;

	font-size: 14px;

	color: #000;

	-webkit-tap-highlight-color: rgba(255,255,255,0);

	width: 100%;

	overflow-x: hidden;

	background: #fff

}

html {

	width: 100%;

	overflow-x: hidden

}

.lenis.lenis-smooth {

	scroll-behavior: auto

}

html.lenis {

	height: auto;

	overflow-x: hidden

}

body {

	min-height: 100vh

}

img {

	max-width: 100%

}

ul, dl, li, dt, dd, em {

	font-style: normal;

	list-style: none

}

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: normal

}

pre {

	font-family: Alibaba;

	white-space: pre-wrap;

	word-wrap: break-word

}

a {

	text-decoration: none;

	-webkit-transition: ease .65s;

	transition: ease .65s;

	color: #000;

	outline: none

}

input[type=text], input[type=password], input[type=search], input[type=number], textarea, select {

	font-size: inherit;

	outline: none;

	font-family: Alibaba;

	border-radius: 0;

	border: none;

	background: none;

	-webkit-transition: ease .45s;

	transition: ease .45s;

	outline: none

}

select::-ms-expand {

display:none

}

select:focus {

	outline: none

}

input::-webkit-input-placeholder {

color:#7b7b7b

}

input:-moz-placeholder {

color:#7b7b7b

}

input::-moz-placeholder {

color:#7b7b7b

}

input:-ms-input-placeholder {

color:#7b7b7b

}

.z_flex {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.z_flex_ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	display: -webkit-flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-direction: row;

	flex-direction: row;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-flex-wrap: wrap

}

.fl, .flwarp {

	float: left

}

.fr, .frwarp {

	float: right

}

.textleft {

	text-align: left

}

.textcenter {

	text-align: center

}

.textright {

	text-align: right

}

.img {

	display: block;

	width: 100%

}

.ml {

	margin-left: auto

}

.imgbox {

	overflow: hidden

}

.beforecon, .z_rc_zw .z_zw_list li::before, .z_sb_swiper li::before, .z_about_warp .video_warp .z_video_btn::before, .z_other_banner .tit::before, .z_index_head::before {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: -1

}

::-webkit-scrollbar {

width:5px;

height:5px

}

::-webkit-scrollbar-button:vertical {

display:none

}

::-webkit-scrollbar-track:vertical {

background-color:#000

}

::-webkit-scrollbar-track-piece {

background:#e3e3e3

}

::-webkit-scrollbar-thumb:vertical {

background-color:#555;

border-radius:30px

}

::-webkit-scrollbar-thumb:vertical:hover {

background-color:#3b3b3b

}

::-webkit-scrollbar-corner:vertical {

background-color:#535353

}

::-webkit-scrollbar-resizer:vertical {

background-color:#ff6e00

}

::-webkit-scrollbar-track-piece {

background:#eee

}

::-webkit-scrollbar-thumb:vertical {

background-color:#c3000e

}

.swiper-slide {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative;

	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	transition-property: transform, -webkit-transform

}

.swiper-container-android .swiper-slide, .swiper-wrapper {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	transition-property: transform, -webkit-transform;

	-webkit-box-sizing: content-box;

	box-sizing: content-box

}

.swiper-container {

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	list-style: none;

	padding: 0;

	z-index: 1

}

.swiper-container-fade .swiper-slide {

	pointer-events: none;

	-webkit-transition-property: opacity;

	transition-property: opacity

}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active {

	pointer-events: auto;

	z-index: 3

}

.swiper-fade .swiper-slide {

	pointer-events: none;

	-webkit-transition-property: opacity;

	transition-property: opacity

}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active {

	pointer-events: auto;

	z-index: 3

}

.swiper-fade .swiper-slide {

	opacity: 0 !important

}

.swiper-fade .swiper-slide-active {

	opacity: 1 !important

}

.swiper-container-vertical>.swiper-wrapper {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

.swiper-vertical>.swiper-wrapper {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

.swiper-grid-column>.swiper-wrapper {

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

.swiper-pointer-events {

	-ms-touch-action: pan-y;

	touch-action: pan-y

}

.swiper-grid>.swiper-wrapper {

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

.imgbg {

	width: 100%;

	height: 100%;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover

}

.imgbgs {

	width: 100%;

	height: 100%;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover

}

.lazy {

	background-size: cover;

	background-repeat: no-repeat;

	width: 100%;

	height: 100%;

	background-position: bottom center;

	position: absolute;

	z-index: -1;

	left: 0;

	top: 0;

	background-attachment: fixed

}

#zCode {

	display: block;

	left: 50%;

	top: 50%;

	margin-left: -110px;

	margin-top: -122.5px;

	position: fixed;

	background: #fff;

	height: 245px;

	width: 220px;

	z-index: 3000;

	border-radius: 5px;

	border: 6px solid #7f7f7f;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}

#zCode>h2 {

	color: #666;

	background: #f2f2f2;

	height: 24px;

	line-height: 24px;

	border-bottom: 1px solid #e8e8e8;

	font-size: 14px;

	padding: 0 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}

#zCode>h2>i {

	cursor: pointer;

	float: right;

	width: 24px;

	height: 24px;

	text-align: center

}

#zCode>.ewm {

	width: 100%;

	height: 208px;

	padding: 20px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}

#zCode>.ewm canvas {

	width: 100%;

	height: 100%;

	top: auto;

	left: auto;

	position: relative

}

.z_video_pop {

	width: 100%;

	height: 100%;

	background: #000;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 999 !important

}

.z_video_pop .warp {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 100%;

	height: 100vh

}

.z_video_pop .warp .close_btn {

	width: 40px;

	height: 40px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	color: #fff;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 100;

	cursor: pointer

}

.z_video_pop .warp .close_btn .iconfont {

	font-size: 18px

}

.z_video_pop .warp #videopop {

	width: 100%;

	max-height: 100%

}

.rebox {

	cursor: pointer;

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 1000;

	-webkit-filter: none !important;

	background: #000;

	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);

	background: rgba(0,0,0,.6)

}

.rebox * {

	-webkit-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	margin: 0

}

.rebox-contents {

	position: absolute;

	top: 5%;

	left: 5%;

	text-align: center;

	width: 90%;

	height: 90%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.rebox-contents .rebox-content {

	border-radius: 1px;

	max-width: 100%;

	max-height: 100%

}

.rebox-loading {

	width: 31px;

	height: 31px;

	margin: -16px 0 0 -16px;

	position: absolute;

	top: 48%;

	left: 50%

}

.rebox-caption {

	display: none;

	opacity: 1;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

	z-index: 1000;

	background: #000;

	background: rgba(0,0,0,.7)

}

.rebox-caption p {

	margin: 0 auto;

	max-width: 70%;

	display: inline-block;

*display:inline;

*zoom:1;

	padding: 10px;

	color: #fff;

	font-size: 12px;

	line-height: 18px

}

.rebox-button {

	position: absolute;

	z-index: 9999;

	min-width: 40px;

	height: 40px;

	line-height: 40px;

	background: #000;

	text-decoration: none;

	font-size: 24px;

	color: #fff;

	text-align: center;

	vertical-align: middle;

	border-radius: 32px;

	-webkit-transition: all .3s;

	transition: all .3s

}

.rebox-button:hover, .rebox-button:focus {

	opacity: 1;

	background: #bf2e2e

}

.rebox-close {

	right: 10px;

	top: 10px;

	font-size: 30px

}

.rebox-next {

	right: 10px;

	top: 48%

}

.rebox-prev {

	left: 10px;

	top: 48%

}

.rebox-loading {

	left: 50%;

	top: 48%;

	-webkit-animation-name: spin;

	-webkit-animation-duration: 2000ms;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin;

	-moz-animation-duration: 2000ms;

	-moz-animation-iteration-count: infinite;

	-moz-animation-timing-function: linear;

	-ms-animation-name: spin;

	-ms-animation-duration: 2000ms;

	-ms-animation-iteration-count: infinite;

	-ms-animation-timing-function: linear;

	animation-name: spin;

	animation-duration: 2000ms;

	animation-iteration-count: infinite;

	animation-timing-function: linear

}

.z_menu_btn {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	overflow: hidden;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	cursor: pointer;

	z-index: 11;

	margin-left: auto

}

.z_menu_btn span {

	display: block;

	-webkit-transition: ease .6s;

	transition: ease .6s;

	width: 18px;

	height: 2px;

	background: #fff;

	margin: 5px 0

}

.z_menu_btn .line2 {

	margin: 4px 0

}

.z_menu_btn .line1, .z_menu_btn .line2 {

	margin-left: auto

}

.z_menu_btn.on .line1 {

	-webkit-transform: translateY(6px) rotate(45deg);

	transform: translateY(6px) rotate(45deg);

	width: 24px

}

.z_menu_btn.on .line2 {

	opacity: 0

}

.z_menu_btn.on .line3 {

	-webkit-transform: translateY(-6px) rotate(-45deg);

	transform: translateY(-6px) rotate(-45deg);

	width: 24px

}



@media screen and (max-width: 980px) {

.z_menu_btn {

	display: block

}

}

@-webkit-keyframes rotation {

from {

-webkit-transform:rotate(0deg)

}

to {

-webkit-transform:rotate(360deg)

}

}

@keyframes rotation {

from {

-webkit-transform:rotate(0deg)

}

to {

-webkit-transform:rotate(360deg)

}

}

.z_section {

	padding: 5.7291666667vw 5.2083333333vw

}

.z_flex_warp {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}



@media screen and (max-width: 980px) {

.z_m_box {

	display: block !important;

	padding: 40px 12px !important

}

.z_section {

	padding: 35px 12px !important

}

.z_flex_warp {

	display: block

}

.lazy {

	background-attachment: inherit

}

}

.lenis.lenis-smooth [data-lenis-prevent] {

	-ms-scroll-chaining: none;

	overscroll-behavior: contain

}

.z_video_swiper {

	position: relative

}

.z_video_swiper .video {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	min-width: 100%;

	width: auto;

	height: 100%;

	-o-object-fit: fill;

	object-fit: fill;

	position: relative

}

.z_header {

	width: 100%;

	position: fixed;

	left: 0;

	top: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	z-index: 9;

	padding-left: 4.1666666667vw;

	padding-right: 4.1666666667vw;

	height: 5.2083333333vw;

	border-bottom: 1px solid rgba(255,255,255,.2);

	color: #fff;

	-webkit-transition: background 1s;

	transition: background 1s

}



@media screen and (max-width: 980px) {

.z_header {

	padding-left: 12px;

	padding-right: 12px

}

}



@media screen and (max-width: 980px) {

.z_header {

	height: 55px

}

}

.z_header.on, .z_header.fixed {

	background: #fff;

	border-bottom: 1px solid #ccc

}

.z_header.on .z_logo .img2, .z_header.fixed .z_logo .img2 {

	opacity: 1

}

.z_header.on .z_logo .img1, .z_header.fixed .z_logo .img1 {

	opacity: 0

}

.z_header.on .tel, .z_header.fixed .tel {

	color: #000

}

.z_header.on .z_header_nav li.active a::before, .z_header.on .z_header_nav li:hover a::before, .z_header.fixed .z_header_nav li.active a::before, .z_header.fixed .z_header_nav li:hover a::before {

	background: #c3000e

}

.z_header.on .z_header_nav li.active a, .z_header.on .z_header_nav li:hover a, .z_header.fixed .z_header_nav li.active a, .z_header.fixed .z_header_nav li:hover a {

	color: #c3000e;

	font-weight: bold

}

.z_header.on .z_header_nav li a, .z_header.fixed .z_header_nav li a {

	color: #000

}

.z_header a {

	color: #fff

}

.z_header .z_logo {

	position: relative;

	z-index: 2

}

.z_header .z_logo img {

	display: block;

	height: 70px;

	-webkit-transition: ease .7s;

	transition: ease .7s

}



@media screen and (max-width: 980px) {

.z_header .z_logo img {

	height: 38px

}

}

.z_header .z_logo .img2 {

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0

}

.z_header .frbox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end;

	position: relative;

	z-index: 2

}

.z_header .z_header_nav {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 100%;

	text-align: center

}

.z_header .z_header_nav li {

	display: inline-block;

	margin: 0 2.0833333333vw

}

.z_header .z_header_nav li.active a:before, .z_header .z_header_nav li:hover a:before {

	background: #fff;

	left: 0;

	width: 100%

}

.z_header .z_header_nav a {

	font-size: .9375vw;

	line-height: 5.2083333333vw;

	position: relative;

	display: block

}



@media screen and (max-width: 1680px) {

.z_header .z_header_nav a {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_header .z_header_nav a {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_header .z_header_nav a {

	line-height: 50px

}

}

.z_header .z_header_nav a::before {

	content: "";

	display: block;

	width: 0;

	height: 2px;

	background: #fff;

	position: absolute;

	left: 50%;

	bottom: 0;

	-webkit-transition: ease 1s;

	transition: ease 1s

}

.z_header .z_menu_btn {

	width: 46px;

	height: 46px;

	background: #c3000e;

	border-radius: 50%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	margin-left: 1.0416666667vw

}



@media screen and (max-width: 980px) {

.z_header .z_menu_btn {

	width: 40px;

	height: 40px

}

}



@media screen and (max-width: 980px) {

.z_header .z_menu_btn {

	margin-left: 12px

}

}

.z_header .z_menu_btn span {

	-webkit-transform-origin: center;

	transform-origin: center;

	width: 20px

}

.z_header .z_menu_btn.on .l1 {

	-webkit-transform: rotate(45deg) translateY(2px) translateX(3px);

	transform: rotate(45deg) translateY(2px) translateX(3px)

}

.z_header .z_menu_btn.on .l2 {

	-webkit-transform: rotate(-45deg) translateY(-2px) translateX(3px);

	transform: rotate(-45deg) translateY(-2px) translateX(3px)

}

.z_header .tel {

	font-size: .8333333333vw;

	font-family: DIN

}



@media screen and (max-width: 1680px) {

.z_header .tel {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_header .tel {

	font-size: 18px

}

}



@media screen and (max-width: 980px) {

.z_header {

	background: #fff;

	border-bottom: 1px solid #ccc

}

.z_header .z_header_nav {

	display: none

}

.z_header .z_logo .img1 {

	opacity: 0

}

.z_header .z_logo .img2 {

	opacity: 1

}

.z_header .tel {

	color: #000

}

}

.z_menu_warp {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 99;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: ease .4s;

	transition: ease .4s

}

.z_menu_warp .flbox {

	width: 33%;

	height: 100%;

	float: left;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%)

}



@media screen and (max-width: 980px) {

.z_menu_warp .flbox {

	width: 100%

}

}

.z_menu_warp .frbox {

	-webkit-transition: ease 1s;

	transition: ease 1s;

	-webkit-transform: translateX(100%);

	transform: translateX(100%);

	width: 67%;

	height: 100%;

	float: left;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	padding: 0 9.375vw;

	padding-right: 0;

	background: #161616

}



@media screen and (max-width: 980px) {

.z_menu_warp .frbox {

	width: 100%

}

}

.z_menu_warp.on {

	opacity: 1;

	visibility: visible

}

.z_menu_warp.on .flbox, .z_menu_warp.on .frbox {

	-webkit-transform: translate(0);

	transform: translate(0)

}

.z_menu_warp .flcon {

	width: 12.5vw;

	-ms-flex-negative: 0;

	flex-shrink: 0

}

.z_menu_warp .flcon a {

	display: block;

	font-size: 1.0416666667vw;

	font-weight: bold;

	color:#fff

}



@media screen and (max-width: 980px) {

.z_menu_warp .flcon a {

	font-size: 16px

}

}

.z_menu_warp .z_menu_nav li {

	width: 12.5vw;

	float: left;

	margin-bottom: 3.6458333333vw;

}









@media screen and (max-width: 980px) {

.z_menu_warp .z_menu_nav li {

	margin-bottom: 20px

}

}

.z_menu_warp .z_menu_nav a {

	display: block

}

.z_menu_warp .z_menu_nav h3 {

	margin-bottom: 10px;

	color:#ececec

	

}

.z_menu_warp .z_menu_nav h3 a {

	font-size: 1.0416666667vw;

	font-weight: bold;color:#ececec

}



@media screen and (max-width: 980px) {

.z_menu_warp .z_menu_nav h3 a {

	font-size: 16px

}

}

.z_menu_warp .z_menu_nav .down a {

	color: #e1e1e1;

	line-height: 1.875vw;

	font-size: .8333333333vw

}



@media screen and (max-width: 980px) {

.z_menu_warp .z_menu_nav .down a {

	line-height: 24px

}

}



@media screen and (max-width: 1680px) {

.z_menu_warp .z_menu_nav .down a {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_menu_warp .z_menu_nav .down a {

	font-size: 14px

}

}

.z_menu_warp a:hover {

	color: #c3000e !important

}

.z_menu_warp .z_btm {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.z_menu_warp .code ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.z_menu_warp .code li {

	margin-right: 1.0416666667vw

}

.z_menu_warp .code .img {

	width: 5.2083333333vw;

	border-radius: 5px;

	overflow: hidden

}

.z_menu_warp .code .img img {

	display: block;

	width: 100%

}

.z_menu_warp .address {

	line-height: 1.5625vw;

	font-size: .8333333333vw;

	font-weight: bold;color:#ececec

}



@media screen and (max-width: 1680px) {

.z_menu_warp .address {

	line-height: 1.8125vw

}

}



@media screen and (max-width: 980px) {

.z_menu_warp .address {

	line-height: 24px

}

}



@media screen and (max-width: 1680px) {

.z_menu_warp .address {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_menu_warp .address {

	font-size: 14px

}

}

.z_menu_warp .address a {

	font-family: DIN

}

.z_menu_warp .z_menu_close {

	position: absolute;

	right: 4.1666666667vw;

	top: 1.3020833333vw;

	width: 46px;

	height: 46px;

	border-radius: 50%;

	border: 2px solid #ccc;

	background: #c3000e;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	cursor: pointer;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	z-index: 2

}

.z_menu_warp .z_menu_close .iconfont {

	font-size: 20px;

	font-weight: bold

}

.z_menu_warp .z_menu_close:hover {

	background: #c3000e;

	border-color: #c3000e;

	color: #fff

}



@media screen and (max-width: 980px) {

.z_menu_warp {

	height: calc(100vh - 55px);

	top: 55px

}

.z_menu_warp .flbox {

	display: none;

	width: 100%

}

.z_menu_warp .frbox {

	background: #000;

	overflow-y: auto;

	padding: 40px 12px

}

.z_menu_warp .z_flex_warp {

	display: block

}

.z_menu_warp .z_menu_close {

	display: none

}

.z_menu_warp .z_menu_nav li {

	width: 100%;

	margin-bottom: 0;

	margin-top: 12px

}

.z_menu_warp .z_menu_nav .down a {

	display: inline-block;

	margin-right: 12px

}

.z_menu_warp .z_btm {

	display: none

}

}

.z_banner {

	margin-top: 0vw;

	width: 100%;

	height: 100vh;

	left: 0;

	top: 0;

	overflow: hidden

}



@media screen and (max-width: 980px) {

.z_banner {

	margin-top: 50px;

	position: relative

		

}

}



@media screen and (max-width: 980px) {

.z_banner {

	height: 70vw

}

}

.z_banner li {

	overflow: hidden

}

.z_banner li .imgbg {

	z-index: 1

}

.z_banner li .imgbg video{width: 100%}









.z_banner #particles {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0%;

	z-index: 2;

	pointer-events: none

}

.z_banner .z_text {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	width: 100%;

	z-index: 2;

	padding-left: 10.4166666667vw;

	padding-right: 10.4166666667vw;

	color: #fff

}



@media screen and (max-width: 980px) {

.z_banner .z_text {

	padding-left: 12px;

	padding-right: 12px

}

}

.z_banner .z_text .desc {

	font-size: 1.1458333333vw;

	margin-top: 1.0416666667vw;

	min-height: 5.2083333333vw;

	margin-bottom: 10px

}



@media screen and (max-width: 980px) {

.z_banner .z_text .desc {

	font-size: 16px

}

}



@media screen and (max-width: 980px) {

.z_banner .z_text .desc {

	margin-top: 10px

}

}

.z_banner .z_index_tit .tt>div:first-child {

	position: relative

}

.z_banner .z_index_tit .tt>div:first-child::before {

	content: "";

	display: block;

	width: 5.2083333333vw;

	height: 6.7708333333vw;

	background: #c3000e;

	border-radius: 50px;

	position: absolute;

	left: 0;

	top: 0%;

	top: -1.875vw;

	left: -.7291666667vw;

	z-index: -1

}



@media screen and (max-width: 980px) {

.z_banner .z_index_tit .tt>div:first-child::before {

	width: 0px;

	height: 0px

}

}

.z_banner .swiper_dot span {

	display: inline-block;

	width: 8px;

	height: 8px;

	background: #fff;

	border-radius: 50%;

	opacity: .5;

	-webkit-transition: ease .5s;

	transition: ease .5s;

	cursor: pointer;

	margin-right: 8px

}

.z_banner .swiper_dot span.on {

	opacity: 1

}

.z_banner .swiper_num {

	font-size: 1.0416666667vw;

	font-family: DIN

}



@media screen and (max-width: 980px) {

.z_banner .swiper_num {

	font-size: 14px

}

}

.z_banner .swiper_num .current {

	font-size: 2.0833333333vw

}



@media screen and (max-width: 980px) {

.z_banner .swiper_num .current {

	font-size: 20px

}

}



@media screen and (max-width: 980px) {

.z_banner .desc, .z_banner .z_index_more, .z_banner .sb {

	display: none

}

.z_banner .z_text {

	text-align: center

}

}

.swiper_bar {

	position: absolute;

	left: 0;

	bottom: 0%;

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	z-index: 2;

	padding-left: 10.4166666667vw;

	padding-right: 10.4166666667vw;

	color: #fff;

	bottom: 2.6041666667vw

}



@media screen and (max-width: 980px) {

.swiper_bar {

	padding-left: 12px;

	padding-right: 12px

}

}

.swiper_bar .sb {

	font-family: DIN;

	text-transform: uppercase;

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%)

}

.swiper_bar .sb:before {

	content: "";

	display: block;

	width: 11px;

	height: 11px;

	border: 1px solid #fff;

	border-radius: 50%;

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	top: calc(100% + 8px)

}

.swiper_bar .sb::after {

	content: "";

	display: block;

	width: 1px;

	height: 50px;

	background: #fff;

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	top: calc(100% + 19px)

}

.z_index_tit {



	z-index: 1

}





.z_index_tit .protit{color: #fff;font-size: 3vw;font-weight: bold}























@-webkit-keyframes circle {

0% {

-webkit-transform:translateX(-70%);

transform:translateX(-70%);

z-index:2

}

50% {

-webkit-transform:translateX(70%);

transform:translateX(70%);

z-index:2

}

60% {

z-index:-1

}

100% {

-webkit-transform:translateX(-70%);

transform:translateX(-70%);

z-index:-1

}

}

@keyframes circle {

0% {

-webkit-transform:translateX(-70%);

transform:translateX(-70%);

z-index:2

}

50% {

-webkit-transform:translateX(70%);

transform:translateX(70%);

z-index:2

}

60% {

z-index:-1

}

100% {

-webkit-transform:translateX(-70%);

transform:translateX(-70%);

z-index:-1

}

}

@-webkit-keyframes circle2 {

0% {

-webkit-transform:translateX(70%);

transform:translateX(70%);

z-index:-1

}

50% {

-webkit-transform:translateX(-70%);

transform:translateX(-70%);

z-index:-1

}

60% {

z-index:2

}

100% {

-webkit-transform:translateX(70%);

transform:translateX(70%);

z-index:-1

}

}

@keyframes circle2 {

0% {

-webkit-transform:translateX(70%);

transform:translateX(70%);

z-index:-1

}

50% {

-webkit-transform:translateX(-70%);

transform:translateX(-70%);

z-index:-1

}

60% {

z-index:2

}

100% {

-webkit-transform:translateX(70%);

transform:translateX(70%);

z-index:-1

}

}

.z_index_tit .dot {

	width: 12px;

	height: 12px;

	position: relative;

	margin-left: 6px;

	margin-bottom: 1.5625vw

}



@media screen and (max-width: 980px) {

.z_index_tit .dot {

	margin-bottom: 20px

}

}

.z_index_tit .dot:before, .z_index_tit .dot:after {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	border: 1px solid #c3000e;

	position: absolute;

	left: 0;

	top: 0;

	background: #fff

}

.z_index_tit .dot:after {

	left: 0;

	background-color: #c3000e;

	-webkit-animation: circle linear 1.5s infinite;

	animation: circle linear 1.5s infinite

}

.z_index_tit .dot:before {

	-webkit-animation: circle2 linear 1.5s infinite;

	animation: circle2 linear 1.5s infinite

}

.z_index_tit .tt {

	font-size: 3vw;

	line-height: 3.6458333333vw;

	font-weight: bolder;

	position: relative;color:#fff

}





.z_index_tit .aboutit{font-size: 2vw;color:#fff}





















@media screen and (max-width: 980px) {

.z_index_tit .tt {

	font-size: 22px

}

}



@media screen and (max-width: 980px) {

.z_index_tit .tt {

	line-height: 24px

}

}

.z_index_tit .slg {

	color: #aaa;

	font-size: 1.0416666667vw;

	margin-top: 10px

}



@media screen and (max-width: 980px) {

.z_index_tit .slg {

	font-size: 16px

}

}

.z_index_tit.z_index_tit2 {

	z-index: 1

}

.z_index_tit.z_index_tit2 .tt {

	position: relative

}

.z_index_tit.z_index_tit2 .tt::before {

	content: "";

	display: block;

	width: 5.2083333333vw;

	height:5.2083333333vw;

	background: #c3000e;

	border-radius: 50px;

	position: absolute;



	top: 0%;

	top: -1vw;

	left: -.7291666667vw;

	z-index: -1

}



@media screen and (max-width: 980px) {

.z_index_tit.z_index_tit2 .tt::before {

	width: 0px;

	height: 0px

}

}

.z_index_tit.z_index_tit2 .dot::before, .z_index_tit.z_index_tit2 .dot::after {

	background: #fff;

	border-color: #fff

}

.z_index_tit.z_index_tit2 .dot::after {

	background: none

}



@media screen and (max-width: 980px) {

.z_index_tit {

	text-align: center

}

.z_index_tit .dot {

	margin: 0 auto;

	margin-bottom: 15px

}

}

.z_index_more {

	width: 7.8125vw;

	height: 2.6041666667vw;

	background: #fff;

	border-radius: 25px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	font-size: .8333333333vw

}



@media screen and (max-width: 980px) {

.z_index_more {

	width: 108px;

	height: 36px

}

}



@media screen and (max-width: 1680px) {

.z_index_more {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_index_more {

	font-size: 14px

}

}

.z_index_more em {

	width: 8px;

	height: 8px;

	background: #c3000e;

	border-radius: 50%;

	display: block;

	position: relative;

	margin-right: .78125vw

}



@media screen and (max-width: 980px) {

.z_index_more em {

	margin-right: 10px

}

}

.z_index_more em::before {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	border-radius: 50%;

	background: #c3000e;

	opacity: .3;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-animation: sf 1.2s infinite linear;

	animation: sf 1.2s infinite linear;

	-webkit-transition: ease .5s;

	transition: ease .5s

}

.z_index_more:hover, .z_index_more.z_index_more2 {

	background: #c3000e;

	color: #fff !important

}

.z_index_more:hover em, .z_index_more.z_index_more2 em {

	background: #fff

}

.z_index_more:hover em::before, .z_index_more.z_index_more2 em::before {

	background: #fff

}

@-webkit-keyframes sf {

0% {

-webkit-transform:translate(-50%, -50%) scale(1, 1);

transform:translate(-50%, -50%) scale(1, 1)

}

50% {

-webkit-transform:translate(-50%, -50%) scale(2.5, 2.5);

transform:translate(-50%, -50%) scale(2.5, 2.5)

}

100% {

-webkit-transform:translate(-50%, -50%) scale(1, 1);

transform:translate(-50%, -50%) scale(1, 1)

}

}

@keyframes sf {

0% {

-webkit-transform:translate(-50%, -50%) scale(1, 1);

transform:translate(-50%, -50%) scale(1, 1)

}

50% {

-webkit-transform:translate(-50%, -50%) scale(2.5, 2.5);

transform:translate(-50%, -50%) scale(2.5, 2.5)

}

100% {

-webkit-transform:translate(-50%, -50%) scale(1, 1);

transform:translate(-50%, -50%) scale(1, 1)

}

}

.z_index_section, .z_page {

	padding-left: 10.4166666667vw;

	padding-right: 10.4166666667vw;

	padding-top: 8.3333333333vw;

	padding-bottom: 6.25vw;

	position: relative

}



@media screen and (max-width: 980px) {

.z_index_section, .z_page {

	padding-left: 12px;

	padding-right: 12px

}

}



@media screen and (max-width: 980px) {

.z_index_section, .z_page {

	padding-top: 0px

}

}



@media screen and (max-width: 980px) {

.z_index_section, .z_page {

	padding-bottom: 0px

}

}

.z_index_section .line, .z_page .line {

	content: "";

	display: block;

	background: #333;

	position: absolute;

	z-index: 2;

	-webkit-transition: ease 2s;

	transition: ease 2s

}

.z_index_section .line1, .z_page .line1 {

	width: 0%;

	height: 1px;

	left: 0;

	top: 4.1666666667vw

}
.z_page .line1{display: none}

.z_index_section .line2, .z_page .line2 {

	width: 1px;

	height: 0%;

	left: 4.1666666667vw;

	top: 0

}

.z_index_section .line3, .z_page .line3 {

	width: 1px;

	height: 0%;

	right: 4.1666666667vw;

	top: 0

}

.z_index_section .line4, .z_page .line4 {

	width: 1px;

	height: 0%;

	right: 41.6666666667vw;

	top: 0

}

.z_index_section.on .line1, .z_page.on .line1 {

	width: 100%

}

.z_index_section.on .line2, .z_index_section.on .line3, .z_index_section.on .line4, .z_page.on .line2, .z_page.on .line3, .z_page.on .line4 {

	height: 100%

}



@media screen and (max-width: 980px) {

.z_index_section, .z_page {

	padding-bottom: 0

}

.z_index_section .line1, .z_page .line1 {

	top: 50px;

	width: 100%

}

.z_index_section .line2, .z_page .line2 {

	height: 50px;

	left: 50px

}

.z_index_section .line3, .z_index_section .line4, .z_page .line3, .z_page .line4 {

	display: none

}

.z_index_section .z_section_bar, .z_page .z_section_bar {

	position: relative

}

}

.z_section_bar {

	position: absolute;

	left: 0;

	top: 0%;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-weight: bold

}

















.z_section_bar .ico {

	width: 4.1666666667vw;

	height: 4.1666666667vw;

	background: url(../img/ico.png) no-repeat center;

	background-size: auto 22px;

	margin-right: 1.3020833333vw

}



@media screen and (max-width: 980px) {

.z_section_bar .ico {

	width: 50px;

	height: 50px

}

}



@media screen and (max-width: 980px) {

.z_section_bar .ico {

	margin-right: 10px

}

}

.z_section_bar.z_section_bar2 {

	color: #fff

}

.z_section_bar.z_section_bar2 .ico {

	background: url(../img/ico2.png) no-repeat center;

	background-size: auto 22px

}

.z_index_about {

	padding-right: 4.1666666667vw;

	padding-top: 4.1666666667vw;

	padding-bottom: 4.1666666667vw;

	padding-bottom: 2.6041666667vw;

	overflow: hidden;

	background: #000

}



@media screen and (max-width: 980px) {

.z_index_about {

	padding-top: 0;

	padding-bottom: 0

}

}

.z_index_about .z_flex_warp {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.z_index_about .flbox {

	width: 29.8958333333vw

}



@media screen and (max-width: 980px) {

.z_index_about .flbox {

	width: 100%

}

}

.z_index_about .flbox .slg {

	font-size: 1.25vw;

	font-weight: bold;

	margin-top: .9375vw

}



@media screen and (max-width: 980px) {

.z_index_about .flbox .slg {

	font-size: 16px

}

}



@media screen and (max-width: 980px) {

.z_index_about .flbox .slg {

	margin-top: 10px

}

}

.z_index_about .flbox .desc {

	color: #666;

	font-size: .9375vw;

	line-height: 1.3541666667vw;

	text-align: justify;

	margin-top: 2.6041666667vw;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5

}



@media screen and (max-width: 1680px) {

.z_index_about .flbox .desc {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_index_about .flbox .desc {

	font-size: 14px

}

}



@media screen and (max-width: 1680px) {

.z_index_about .flbox .desc {

	line-height: 1.5708333333vw

}

}



@media screen and (max-width: 980px) {

.z_index_about .flbox .desc {

	line-height: 24px

}

}



@media screen and (max-width: 980px) {

.z_index_about .flbox .desc {

	margin-top: 20px

}

}

.z_index_about .flbox .z_index_more {

	margin-top: 3.125vw

}



@media screen and (max-width: 980px) {

.z_index_about .flbox .z_index_more {

	margin-top: 20px

}

}

.z_index_about .frbox {

	width: 37.5vw;

	height: 44.7916666667vw;

	margin-left: auto;

	border-radius: 37.5vw;

	overflow: hidden

}



@media screen and (max-width: 980px) {

.z_index_about .frbox {

	width: 100%;

	height: 60vw

}

}



@media screen and (max-width: 980px) {

.z_index_about {

	padding: 0;

	padding-bottom: 35px

}

.z_index_about .frbox {

	border-radius: 0;

	-webkit-clip-path: circle(100% at 50% 50%);

	clip-path: circle(100% at 50% 50%)

}

.z_index_about .flbox {

	padding: 35px 12px

}

.z_index_about .flbox .slg {

	text-align: center

}

}





.z_index_ys {

	overflow: hidden;

	min-height: 50vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	position: relative

}







.z_index_ys .flbox{width: 40%}













.z_index_ys .imgbgs {

	position: absolute;

	left: 0;

	top: 0%;

	z-index: -1

}

.z_index_ys .z_index_tit .tt {

	color: #fff;font-size: 1.9vw;

	position: relative

}





.z_index_ys .z_index_tit .desc{color: #fff;line-height: 1.3541666667vw;

    text-align: justify;

    margin-top: 2.6041666667vw;}













.z_index_ys .z_index_more {

	margin-top: 9.375vw

}



@media screen and (max-width: 980px) {

.z_index_ys .z_index_more {

	margin-top: 0px

}

}

.z_index_ys .z_flex_warp {

	width: 100%

}

.z_index_ys .frbox {

	width: 30.2083333333vw;

	margin-left: auto;

	color: #fff

}



@media screen and (max-width: 980px) {

.z_index_ys .frbox {

	width: 100%

}

}

.z_index_ys .frbox li {

	margin-bottom: 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_index_ys .frbox li {

	margin-bottom: 30px

}

}

.z_index_ys .frbox li:last-child {

	margin-bottom: 0

}

.z_index_ys .frbox .tit {

	font-size: 1.5625vw;

	font-weight: bold;

	margin-bottom: .9375vw

}



@media screen and (max-width: 980px) {

.z_index_ys .frbox .tit {

	font-size: 16px

}

}



@media screen and (max-width: 980px) {

.z_index_ys .frbox .tit {

	margin-bottom: 10px

}

}

.z_index_ys .frbox .desc {

	font-size: .8333333333vw

}



@media screen and (max-width: 1680px) {

.z_index_ys .frbox .desc {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_index_ys .frbox .desc {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_index_ys {

	padding: 0

}

.z_index_ys .z_flex_warp {

	padding: 40px 12px

}

.z_index_ys .flbox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.z_index_ys .flbox .z_index_tit {

	text-align: left

}

.z_index_ys .frbox {

	margin-top: 40px

}

.z_index_ys .imgbgs {

	background-attachment: inherit !important;

	position: absolute

}

}

.z_index_pro {

	background: #000;

	padding-top: 0;

	padding-left: 0vw;

	padding-right: 0vw;

	padding-bottom: 4.1666666667vw

}

.z_index_pro .z_index_more {

	margin: 0 auto;

	margin-top: 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_index_pro .z_index_more {

	margin-top: 30px

}

}



@media screen and (max-width: 980px) {

.z_index_pro {

	padding: 0;

	padding-bottom: 30px

}

}

.z_index_head {

	text-align: center;

	position: relative

}

.z_index_head::before {

	height: 1px;



	position: absolute;

	width: calc(100% + 20.8333333333vw);

	left: -10.4166666667vw;

	top: auto;

	bottom: 0;

	z-index: 1

}

.z_index_head .z_index_tit .dot {

	margin: 0 auto;

	margin-bottom: 2.0833333333vw

}



@media screen and (max-width: 980px) {

.z_index_head .z_index_tit .dot {

	margin-bottom: 20px

}

}

.z_index_head .warpper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	padding-top: 8.3333333333vw;

	padding-bottom: 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_index_head .warpper {

	padding-top: 0px

}

}



@media screen and (max-width: 980px) {

.z_index_head .warpper {

	padding-bottom: 0px

}

}

.z_index_head .masked {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #131313;

	color: #f6f9f5;

	pointer-events: none;

	

	-webkit-mask-image: url(../images/cir.png);

	mask-image: url(../images/cir.png);

	-webkit-mask-repeat: no-repeat;

	mask-repeat: no-repeat;

	-webkit-mask-size: 104px 104px;

	mask-size: 104px 104px;

	z-index: 1;

	opacity: 0

}

.z_index_head .masked .z_index_tit .tt {

	color: #fff;font-size: 50px;font-weight: bold

}













.z_pro_nav a{color: #fff}



.z_index_head .masked .z_pro_nav {

	position: relative;

	z-index: 1

}

.z_index_head .masked .z_pro_nav a {

	color: #fff

}

.z_index_head .masked img {

	position: absolute;

	left: 0;

	top: 0%;

	width: 100%;

	height: 100%;

	-o-object-fit: cover;

	object-fit: cover;

	-o-object-position: center;

	object-position: center;

	z-index: 1

}



@media screen and (max-width: 980px) {

.z_index_head {

	padding: 30px 12px

}

}

.z_pro_nav {

	margin-top: 1.0833333333vw;color:#fff;font-size: 20px;

}



@media screen and (max-width: 980px) {

.z_pro_nav {

	margin-top: 10px

}

}

.z_pro_nav a {

	color: #888;

	font-size: .9375vw;

	margin-left: 1.0416666667vw;

	margin-right: 1.0416666667vw;

	position: relative;

	-webkit-transition: ease 1s;

	transition: ease 1s

}



@media screen and (max-width: 1680px) {

.z_pro_nav a {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_pro_nav a {

	font-size: 16px

}

}



@media screen and (max-width: 980px) {

.z_pro_nav a {

	margin-left: 5px;

	margin-right: 5px

}

}

.z_pro_nav a.active {

	color: #fff;



}

.z_pro_list li {

	width: 50%;

	padding: 1vw;



}





.z_pro_list li a{position: relative}



.z_pro_list .infobox{position: absolute;top:30%;left: 10%}

.z_pro_list .infobox2{position: absolute;top:60%;left: 10%}



@media screen and (max-width: 980px) {

.z_pro_list li {

	width: 100%

}

}



@media screen and (max-width: 980px) {

.z_pro_list li {

	padding: 15px

}

}



@media screen and (max-width: 980px) {

.z_pro_list li {

	padding-left: 15px

}

}

.z_pro_list li:nth-child(even) {

	border-right: none;



}



@media screen and (max-width: 980px) {

.z_pro_list li:nth-child(even) {

	padding-left: 15px

}

}



@media screen and (max-width: 980px) {

.z_pro_list li:nth-child(even) {

	padding-right: 15px

}

}

.z_pro_list li:hover .imgbg {

	-webkit-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1)

}

.z_pro_list li:hover .tit {

	color: #c3000e

}

.z_pro_list .num {

	color: #aaa;

	font-size: 16px

}

.z_pro_list .imgbox {

	width:100%;

	height: 32.2916666667vw;

	background: #000;

	overflow: hidden;

	margin: 0 auto;

	-webkit-transition: ease 0.5s;

	transition: ease 0.5s

}



@media screen and (max-width: 980px) {

.z_pro_list .imgbox {

	width: 90vw;

	height: 60vw

}

}

.z_pro_list .infobox {

	-webkit-box-align: end;

	-ms-flex-align: end;

	align-items: flex-end;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.z_pro_list .tit {

	font-size: 2vw;

	margin-bottom: 20px;

	font-weight: bold;

	color:#fff;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1

}



@media screen and (max-width: 980px) {

.z_pro_list .tit {

	font-size: 16px

}

}

.z_pro_list .desc {

	

	color:#d8d8d8;

	margin-bottom: 15px;

	font-size: .8333333333vw;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1

}



@media screen and (max-width: 1680px) {

.z_pro_list .desc {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_pro_list .desc {

	font-size: 14px

}

}

.z_pro_list .more {

	color: #c3000e;

	position: relative;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	margin-left: 10px

}

.z_pro_list .more::before {

	content: "";

	display: block;

	width: 10px;

	height: 10px;

	background: #c3000e;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: -15px

}



@media screen and (max-width: 980px) {

.z_pro_list li {

	border-right: none !important

}

}

.z_case_xqcon {

	font-size: .9375vw;

	line-height: 1.6666666667vw

}



@media screen and (max-width: 1680px) {

.z_case_xqcon {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_case_xqcon {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_case_xqcon {

	line-height: 24px

}

}

.z_case_xqcon img {

	max-width: 100% !important;

	height: auto !important

}

.z_index_case {

	background: #f1f1f1;

	padding-right: 4.1666666667vw;

	padding-bottom: 6.25vw

}

.z_index_case .line4 {

	right: 50%

}

.z_index_case .z_flex_warp {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.z_index_case .flbox {

	width: 29.8958333333vw

}



@media screen and (max-width: 980px) {

.z_index_case .flbox {

	width: 100%

}

}

.z_index_case .flbox .slg {

	font-size: 1.25vw;

	font-weight: bold;

	margin-top: .9375vw

}



@media screen and (max-width: 980px) {

.z_index_case .flbox .slg {

	font-size: 16px

}

}



@media screen and (max-width: 980px) {

.z_index_case .flbox .slg {

	margin-top: 10px

}

}

.z_index_case .flbox .desc {

	color: #666;

	font-size: .8333333333vw;

	line-height: 1.25vw;

	text-align: justify;

	margin-top: 2.0833333333vw;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5

}



@media screen and (max-width: 1680px) {

.z_index_case .flbox .desc {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_index_case .flbox .desc {

	font-size: 14px

}

}



@media screen and (max-width: 1680px) {

.z_index_case .flbox .desc {

	line-height: 1.45vw

}

}



@media screen and (max-width: 980px) {

.z_index_case .flbox .desc {

	line-height: 24px

}

}



@media screen and (max-width: 980px) {

.z_index_case .flbox .desc {

	margin-top: 20px

}

}

.z_index_case .flbox .z_index_more {

	margin-top: 6.25vw;

	color: #c3000e

}



@media screen and (max-width: 980px) {

.z_index_case .flbox .z_index_more {

	margin-top: 20px

}

}

.z_index_case .frbox {

	width: 45.625vw;

	margin-left: auto

}



@media screen and (max-width: 980px) {

.z_index_case .frbox {

	width: 100%

}

}

.z_index_case .z_case_swiper {

	overflow: hidden

}

.z_index_case .z_case_swiper li {

	height: 35.4166666667vw;

	position: relative;

	overflow: hidden

}



@media screen and (max-width: 980px) {

.z_index_case .z_case_swiper li {

	height: 65vw

}

}

.z_index_case .z_case_swiper li .tit {

	position: absolute;

	left: 0;

	bottom: 0%;

	width: 100%;

	line-height: 5.2083333333vw;

	text-align: center;

	background: rgba(0,0,0,.6);

	color: #fff;

	z-index: 1;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	font-size: 1.0416666667vw

}



@media screen and (max-width: 980px) {

.z_index_case .z_case_swiper li .tit {

	line-height: 50px

}

}



@media screen and (max-width: 980px) {

.z_index_case .z_case_swiper li .tit {

	font-size: 16px

}

}

.z_index_case .z_case_swiper li:hover .imgbg {

	-webkit-transform: scale(1.05, 1.05);

	transform: scale(1.05, 1.05)

}

.z_index_case .z_case_swiper .swiper_dot {

	text-align: center;

	margin-top: 1.5625vw

}



@media screen and (max-width: 980px) {

.z_index_case .z_case_swiper .swiper_dot {

	margin-top: 20px

}

}

.z_index_case .z_case_swiper .swiper_dot span {

	display: inline-block;

	width: 8px;

	height: 8px;

	background: #b8b8b8;

	opacity: .6;

	border-radius: 50%;

	margin: 0 5px;

	cursor: pointer

}

.z_index_case .z_case_swiper .swiper_dot span.on {

	background: #c3000e;

	opacity: 1

}



@media screen and (max-width: 980px) {

.z_index_case {

	padding: 0;

	padding-bottom: 35px

}

.z_index_case .slg {

	text-align: center

}

.z_index_case .flbox {

	padding: 35px 12px

}

}

.z_index_hb .z_hb_swiper {

	background: #c3000e;

	height: 13.5416666667vw

}



@media screen and (max-width: 980px) {

.z_index_hb .z_hb_swiper {

	height: 100px

}

}

.z_index_hb .z_hb_swiper ul {

	transition-timing-function: linear;

	-webkit-transition-timing-function: linear

}

.z_index_hb .z_hb_swiper li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

.z_index_hb .z_hb_swiper li:hover img {

	opacity: 1

}

.z_index_hb .z_hb_swiper img {

	max-height: 6.25vw;

	max-width: 80%;

	display: block;

	opacity: .6;

	-webkit-transition: ease 1s;

	transition: ease 1s

}



@media screen and (max-width: 980px) {

.z_index_hb {



}

.z_index_hb .z_hb_swiper img {

	max-height: 50px

}

}

.z_index_news {

	background:url(../images/newsbg.jpg)

}

.z_index_news .z_index_tit {

	margin-top: 0vw;

	margin-bottom: 2.6041666667vw

}



@media screen and (max-width: 980px) {

.z_index_news .z_index_tit {

	margin-top: 35px

}

}

.z_index_news .z_index_tit .desc {

	font-size: 1.1458333333vw;

	font-weight: bold;

	margin-top: .5208333333vw;

	color: #fff

}



@media screen and (max-width: 980px) {

.z_index_news .z_index_tit .desc {

	font-size: 16px;font-weight: normal;padding: 0 30px

}

}



@media screen and (max-width: 980px) {

.z_index_news .z_index_tit .desc {

	margin-top: 10px

}

}



@media screen and (max-width: 980px) {

.z_index_news .z_index_tit {

	margin-bottom: 30px

}

}

.z_index_news .z_index_more {

	margin: 0 auto;

	margin-top: 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_index_news .z_index_more {

	margin-top: 30px

}

}



@media screen and (max-width: 980px) {

.z_index_news {

	padding-bottom: 35px;

	padding-left: 0;

	padding-right: 0;

	border-top: 1px solid #ccc

}

.z_index_news .z_news_list, .z_index_news .z_index_tit {

	padding: 0 12px

}

}

.z_news_list li {

	border: 1px solid #585858;

	border-radius: 8px;

	margin-bottom: 1.0416666667vw;

	overflow: hidden

}



.z_index_news .z_index_tit .tt{color: #fff;font-size: 40px}











@media screen and (max-width: 980px) {

.z_news_list li {

	margin-bottom: 12px

}

	

.z_index_news .z_index_tit .tt	{color: #fff;font-size: 30px}

	

	

	

}

.z_news_list li:hover .imgbg {

	-webkit-transform: scale(1.05, 1.05);

	transform: scale(1.05, 1.05)

}

.z_news_list li:hover .tit {

	color: #c3000e

}

.z_news_list li:hover .more {

	background: #c3000e;

	color: #fff

}

.z_news_list li:hover .more em {

	background: #fff

}

.z_news_list .flbox {

	padding: 10px;
	width: 90%;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.z_news_list .imgbox {

	width: 27.0833333333vw;

	height: 12.7083333333vw;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	border-radius: 8px

}



@media screen and (max-width: 980px) {

.z_news_list .imgbox {

	width: 100%;

	height: 50vw

}

}

.z_news_list .infobox {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	padding-top: 1.6041666667vw;

	padding-bottom: 1.6041666667vw;

	padding-left: 3.125vw;

	padding-right: 3.125vw

}



@media screen and (max-width: 980px) {

.z_news_list .infobox {

	padding-top: 0;

	padding-bottom: 0

}

}



@media screen and (max-width: 980px) {

.z_news_list .infobox {

	padding-left: 0;

	padding-right: 0

}

}

.z_news_list .tit {

	font-size: 22px;

	color:#fff;

	line-height: 1.5625vw;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2

}



@media screen and (max-width: 980px) {

.z_news_list .tit {

	font-size: 16px

}

}



@media screen and (max-width: 1680px) {

.z_news_list .tit {

	line-height: 1.8125vw

}

}



@media screen and (max-width: 980px) {

.z_news_list .tit {

	line-height: 24px

}

}

.z_news_list .desc {

	font-size: 15px;

	line-height: 1.25vw;

	color: #888;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	margin-top: 1.5625vw;

	margin-bottom: 1.5625vw

}



@media screen and (max-width: 1680px) {

.z_news_list .desc {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_news_list .desc {

	font-size: 14px

}

}



@media screen and (max-width: 1680px) {

.z_news_list .desc {

	line-height: 1.45vw

}

}



@media screen and (max-width: 980px) {

.z_news_list .desc {

	line-height: 20px

}

}



@media screen and (max-width: 980px) {

.z_news_list .desc {

	margin-top: 10px

}

}



@media screen and (max-width: 980px) {

.z_news_list .desc {

	margin-bottom: 10px

}

}

.z_news_list .slgbar span {

	display: inline-block;

	padding: 0 15px;

	border-radius: 16px;

	height: 32px;

	line-height: 32px;

	height: 1.6666666667vw;

	line-height: 1.6666666667vw;

	background: #eee;

	color: #444;

	margin-right: 10px;

	margin-bottom: 10px;

	border: 1px solid #eee;

	-webkit-transition: ease .6s;

	transition: ease .6s

}



@media screen and (max-width: 980px) {

.z_news_list .slgbar span {

	height: 28px

}

}



@media screen and (max-width: 980px) {

.z_news_list .slgbar span {

	line-height: 26px

}

}

.z_news_list .slgbar span:hover {

	border-color: #c3000e;

	color: #c3000e;

	background: #fff

}

.z_news_list .frbox {

	width: 10%;

	border-left: 1px solid #585858;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	text-align: center

}



@media screen and (max-width: 980px) {

.z_news_list .frbox {

	width: 100%

}

}

.z_news_list .frbox .box {

	height: 50%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

.z_news_list .frbox .box:first-child {

	border-bottom: 1px solid #585858;color: #fff

}

.z_news_list .frbox .time {

	font-family: DIN;

	font-size: 16px

}

.z_news_list .frbox .time em {

	display: block;

	font-size: 2.6041666667vw;

	color:#fff

}



@media screen and (max-width: 980px) {

.z_news_list .frbox .time em {

	font-size: 28px

}

}

.z_news_list .frbox .more {

	-webkit-transition: ease .6s;

	transition: ease .6s;

	text-decoration: underline;color:#fff

}

.z_news_list .frbox .more em {

	display: inline-block;

	width: 8px;

	height: 8px;

	background: #c3000e;

	border-radius: 50%

}



@media screen and (max-width: 980px) {

.z_news_list .tit {

	margin-top: 12px

}

.z_news_list .frbox {

	display: none

}

}

.z_footer {

	background: #1c1c1c

}

.z_footer .logo img {

	display: block;

	height: 4.7604166667vw

}

.z_footer .paddwarp {

	padding: 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_footer .paddwarp {

	padding: 12px

}

}

.z_footer .flbox {

	width: 27.0833333333vw

}



@media screen and (max-width: 980px) {

.z_footer .flbox {

	width: 100%

}

}

.z_footer .frbox {

	margin-left: auto

}



.z_footer .frbox a{color:#fff}







.z_footer .z_footer_nav li {

	display: inline-block;

	vertical-align: top;

	margin-right: 5.2083333333vw

}

.z_footer .z_footer_nav a {

	display: block

}

.z_footer .z_footer_nav h3 {

	margin-bottom: .5208333333vw

}

.z_footer .z_footer_nav h3 a {

	color: #dedede;

	font-size: .9375vw;

	position: relative

}



@media screen and (max-width: 1680px) {

.z_footer .z_footer_nav h3 a {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_footer .z_footer_nav h3 a {

	font-size: 14px

}

}

.z_footer .z_footer_nav h3 a:hover::before {

	background: #c3000e;

	border-color: #c3000e

}

.z_footer .z_footer_nav .down a {

	font-size: .8333333333vw;

	color: #999;

	line-height: 32px

}



@media screen and (max-width: 1680px) {

.z_footer .z_footer_nav .down a {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_footer .z_footer_nav .down a {

	font-size: 14px

}

}

.z_footer .z_footer_nav .down a:hover {

	color: #000;

	text-decoration: underline;

	font-weight: bold

}

.z_footer .retop {

	width: 44px;

	height: 44px;

	background: #c3000e;

	border-radius: 50%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	cursor: pointer

}

.z_footer .z_share a {

	position: relative;

	display: inline-block;

	cursor: pointer;

	margin-right: 10px

}

.z_footer .z_share a:hover em {

	background: #c3000e;

	color: #fff

}

.z_footer .z_share a:hover .code {

	opacity: 1

}

.z_footer .z_share em {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 42px;

	height: 42px;



	border-radius: 21px;

	-webkit-transition: ease .5s;

	transition: ease .5s

}

.z_footer .z_share .code {

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	top: calc(100% + 10px);

	width: 80px;

	-webkit-transition: ease .5s;

	transition: ease .5s;

	opacity: 0

}

.z_footer .z_share .code img {

	display: block;

	width: 100%

}

.z_footer .address {

	line-height: 22px;

	font-size: .8333333333vw;

	font-weight: bold;color:#ccc

}



@media screen and (max-width: 1680px) {

.z_footer .address {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_footer .address {

	font-size: 14px

}

}

.z_footer .centerwarp {

	margin-top: 9.375vw

}



@media screen and (max-width: 980px) {

.z_footer .centerwarp {

	margin-top: 20px

}

}

.z_footer .z_code ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.z_footer .z_code li {

	width: 4.5833333333vw;

	margin-left: 10px

}



@media screen and (max-width: 980px) {

.z_footer .z_code li {

	width: 70px

}

}

.z_footer .z_code li img {

	display: block;

	width: 100%

}

.z_footer .btmwarp {

	padding: 2.0833333333vw 4.1666666667vw;

	border-top: 1px solid #333;

	color:#ccc

}



.z_footer .btmwarp .fcbox a{color:#ccc}





@media screen and (max-width: 980px) {

.z_footer {

	text-align: center

}

.z_footer .z_footer_nav, .z_footer .logo, .z_footer .z_retop, .z_footer .z_share {

	display: none

}

.z_footer .paddwarp {

	padding: 20px 12px

}

.z_footer .centerwarp {

	margin: 0

}

.z_footer .z_code {

	margin-top: 20px;

	width: 100%

}

.z_footer .z_code ul {

	width: 100%;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

.z_footer .z_code li {

	display: inline-block;

	margin: 0 10px

}

}

.z_other_banner {

	width: 100%;

	height: 32.7083333333vw;

	position: relative;

	margin-top: 0vw

}



@media screen and (max-width: 980px) {

.z_other_banner {

	height: 76vw

}

}



@media screen and (max-width: 980px) {

.z_other_banner {

	margin-top: 55px

}

}

.z_other_banner .z_text {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: 0;

	width: 100%;

	padding: 0 9.5833333333vw;

	color: #fff;

	z-index: 1;

	top: 43%

}

.z_other_banner .tit {

	font-size: 3.1666666667vw;

	font-weight: bolder;

	position: relative

}



@media screen and (max-width: 980px) {

.z_other_banner .tit {

	font-size: 22px

}

}

.z_other_banner .tit::before {

	background: #c3000e;

	border-radius: 50px;

	width: 5.2083333333vw;

	height: 5.2083333333vw;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: -0.625vw;

	z-index: -1

}



@media screen and (max-width: 980px) {

.z_other_banner .tit::before {

	width: 30px;

	height: 30px

}

}

.z_other_banner .desc {

	font-size: 1.0416666667vw;

	font-weight: bold

}



@media screen and (max-width: 980px) {

.z_other_banner .desc {

	font-size: 14px

}

}

.z_other_banner .swiper_bar {

	height: 50px

}



@media screen and (max-width: 980px) {

.z_other_banner .z_text {

	padding: 0 12px;

	text-align: center

}

.z_other_banner .tit {

	display: inline-block;

	margin-bottom: 10px

}

.z_other_banner .tit::before {

	left: -5px

}

.z_other_banner .swiper_bar {

	display: none

}

}































.z_page {

	padding: 0;background: #000;

}

.z_page_bar {

	position: relative;

	background: #000;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	padding-right: 5.2083333333vw;

	z-index: 1

}



@media screen and (max-width: 980px) {

.z_page_bar {

	padding-right: 0

}

}

.z_page_bar .z_section_bar {

	position: relative

}

.z_page_bar .z_page_wz {

	font-weight: normal;color:#fff;

}



.z_page_bar .z_page_wz a{

	font-weight: normal;color:#fff;

}





.z_page_bar .z_page_wz a:hover {

	color: #c3000e;

	font-weight: bold

}

.z_page_bar .z_nav_swiper li {

	width: auto;

margin-right: 2.6041666667vw;

}

.z_page_bar .z_nav_swiper li a {

	color: #666;

	font-size: .8333333333vw

}



@media screen and (max-width: 1680px) {

.z_page_bar .z_nav_swiper li a {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_page_bar .z_nav_swiper li a {

	font-size: 14px

}

}

.z_page_bar .z_nav_swiper li a:before {

	content: "";

	display: block;

	width: 8px;

	height: 8px;

	background: #c3000e;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: -16px;

	opacity: 0;

	-webkit-transition: ease 1s;

	transition: ease 1s

}



.z_page_bar .z_nav_swiper li ul li a:before {	background:none;
}


.z_page_bar .z_nav_swiper li.active a, .z_page_bar .z_nav_swiper li:hover a {

	color: #fff

}

.z_page_bar .z_nav_swiper li.active a::before, .z_page_bar .z_nav_swiper li:hover a::before {

	opacity: 1

}



@media screen and (max-width: 980px) {

.z_page_bar {

	border-bottom: 1px solid #ccc

}

.z_page_bar .z_section_bar {

	display: none

}

.z_page_bar .z_nav_swiper {

	line-height: 50px;

	padding: 0 12px

}

.z_page_bar .z_nav_swiper li {

	margin-right: 15px

}

.z_page_bar .z_nav_swiper li a::before {

	display: none

}

.z_page_bar .z_nav_swiper li.active, .z_page_bar .z_nav_swiper li:hover {

	font-weight: bold

}

}



@media screen and (max-width: 980px) {

.z_page .line {

	display: none

}

}

#menu {

	height: 100vw;

	position: absolute;

	background-color: #000;

	width: 4.1666666667vw;

	margin-top: 5%;

	-webkit-transform-origin: left center;

	transform-origin: left center;

	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg);

	left: 50%

}

#menu #blob {

	top: 0;

	z-index: -1;

	right: 55px;

	height: 100vw;

	position: absolute;

	-webkit-transform: translateX(100%);

	transform: translateX(100%)

}

#menu #blob-path {

	height: 100%;

	fill: #000

}



@media screen and (max-width: 980px) {

#menu {

	display: none

}

}

.z_about_warp {

	padding: 5.2083333333vw 10.4166666667vw;



}

.z_about_warp .topwarp .desc {

	font-size: .8333333333vw;

	line-height: 1.8vw;

	text-align: justify;

	color:#bbbbbb

}



@media screen and (max-width: 1680px) {

.z_about_warp .topwarp .desc {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_about_warp .topwarp .desc {

	font-size: 14px

}

}



@media screen and (max-width: 1680px) {

.z_about_warp .topwarp .desc {

	line-height: 1.8vw

}

}



@media screen and (max-width: 980px) {

.z_about_warp .topwarp .desc {

	line-height: 24px

}

}

.z_about_warp .topwarp .slg {

	color: #aaa;

	font-size: 1.0416666667vw;

	margin-top: 10px

}



@media screen and (max-width: 980px) {

.z_about_warp .topwarp .slg {

	font-size: 16px

}

}

.z_about_warp .topwarp .frbox {

	width: 39.5833333333vw;

	margin-left: auto

}



@media screen and (max-width: 980px) {

.z_about_warp .topwarp .frbox {

	width: 100%

}

}

.z_about_warp .video_warp {

	margin: 5.2083333333vw 0;

	position: relative

}

.z_about_warp .video_warp .about_video {

	width: 100%;

	height: 100%;

	-o-object-fit: fill;

	object-fit: fill

}

.z_about_warp .video_warp .z_video_btn {

	cursor: pointer;

	width: 9.375vw;

	height: 9.375vw;

	background: rgba(0,0,0,0.8);

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	border-radius: 50%;

	position: absolute;

	left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

	z-index: 2

}



@media screen and (max-width: 980px) {

.z_about_warp .video_warp .z_video_btn {

	width: 80px;

	height: 80px

}

}



@media screen and (max-width: 1680px) {

.z_about_warp .video_warp .z_video_btn::before {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_about_warp .video_warp .z_video_btn::before {

	font-size: 12px

}

}



.z_about_warp .z_about_num {

	border-top: 1px solid #333

}

.z_about_warp .z_about_num ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.z_about_warp .z_about_num li {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	padding: 3.125vw 1.5625vw

}

.z_about_warp .z_about_num li:nth-child(even) {



	padding-left: 3.125vw

}

.z_about_warp .z_about_num li .timer {

	font-family: DIN;

	font-size: 3.6458333333vw;

	position: relative;

	color: #fff;

}



@media screen and (max-width: 980px) {

.z_about_warp .z_about_num li .timer {

	font-size: 30px

}

}

.z_about_warp .z_about_num li .timer::before {

	content: "";

	width: .5208333333vw;

	height: .5208333333vw;

	background: #c3000e;

	border-radius: 50%;

	position: absolute;

	left: -1.0416666667vw;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}



@media screen and (max-width: 980px) {

.z_about_warp .z_about_num li .timer::before {

	width: 5px;

	height: 5px

}

}

.z_about_warp .z_about_num li h4 {

	color: #666;

	font-size: .8333333333vw

}



@media screen and (max-width: 1680px) {

.z_about_warp .z_about_num li h4 {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_about_warp .z_about_num li h4 {

	font-size: 14px

}

}

.z_about_warp .z_about_num li h4 em {

	color: #000;

	font-weight: bold

}



@media screen and (max-width: 980px) {

.z_about_warp {

	padding: 30px 12px

}

.z_about_warp .topwarp .desc {

	margin: 20px 0

}

.z_about_warp .z_about_num ul {

	display: block

}

.z_about_warp .z_about_num li {

	padding: 20px 12px !important;

	border-left: none !important;

	border-bottom: 1px solid #ccc

}

.z_about_warp .z_about_num li .timer::before {

	left: -10px

}

.z_about_warp .z_about_num li h4 {

	margin-top: 5px

}

}

.z_about_ys {

	padding-right: 4.1666666667vw

}

.z_about_ys .z_index_tit .tt::before {

	display: none

}

.z_about_ys .z_index_tit .slg {

	color: #fff

}

.z_about_ys .frbox {

	width: 45.8333333333vw

}



@media screen and (max-width: 980px) {

.z_about_ys .frbox {

	width: 100%

}

}

.z_about_ys .frbox .tit {

	font-size: .8333333333vw;

	font-family: DIN;

	font-weight: bold;

	display: inline-block;

	border: 1px solid #fff;

	padding: 0 15px;

	border-radius: 20px;

	line-height: 2.0833333333vw

}



@media screen and (max-width: 1680px) {

.z_about_ys .frbox .tit {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_about_ys .frbox .tit {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_about_ys .frbox .tit {

	line-height: 30px

}

}

.z_about_ys .frbox .desc {

	font-size: 1.4583333333vw

}



@media screen and (max-width: 980px) {

.z_about_ys .frbox .desc {

	font-size: 16px

}

}

.z_about_ys .frbox li {

	border-bottom: 1px solid rgba(255,255,255,.5);

	padding: 2.6041666667vw 0;

	padding-top: 2.6041666667vw;

	padding-bottom: 2.6041666667vw;

	margin-bottom: 0

}



@media screen and (max-width: 980px) {

.z_about_ys .frbox li {

	padding-top: 20px;

	padding-bottom: 20px

}

}

.z_about_ys .frbox li:last-child {

	border-bottom: none

}



@media screen and (max-width: 980px) {

.z_about_ys {

	padding: 0px

}

.z_about_ys .flbox {

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

.z_about_ys .flbox .z_index_tit {

	text-align: center

}

}

.z_about_section {



	padding: 0 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_about_section {

	padding: 0

}

}

.z_about_process {

	padding-bottom: 9.375vw

}

.z_about_head {

	padding: 4.1666666667vw 6.25vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: end;

	-ms-flex-align: end;

	align-items: flex-end

}

.z_about_head .swiper_btn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	margin-left: auto;

	margin-bottom: 1.0416666667vw

}

.z_about_head .swiper_btn .btn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 2.8125vw;

	height: 2.8125vw;

	margin-left: .78125vw;

	border: 1px solid #bbb;

	border-radius: 8px;

	outline: none;

	cursor: pointer;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	font-weight: bold

}



@media screen and (max-width: 980px) {

.z_about_head .swiper_btn .btn {

	width: 32px;

	height: 32px

}

}



@media screen and (max-width: 980px) {

.z_about_head .swiper_btn .btn {

	margin-left: 10px

}

}

.z_about_head .swiper_btn .btn:hover {

	background: #c3000e;

	border-color: #c3000e;

	color: #fff

}



@media screen and (max-width: 980px) {

.z_about_head {

	padding: 30px 12px;display: block

}

.z_about_head .z_index_tit {

}

.z_about_head .z_index_tit .dot {

	margin-left: 5px

}

}

.z_process_swiper {

	overflow: hidden;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #ccc

}

.z_process_swiper .swiper-slide {

	padding: 3.125vw 6.25vw;

	padding-right: 4.6875vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	border-right: 1px solid #ccc;

	position: relative

}

.z_process_swiper .year {

	background: #f4f3f2;

	border-radius: 16px;

	width: 11.4583333333vw;

	height: 6.25vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	font-size: 1.4583333333vw;

	margin-right: 2.0833333333vw

}



@media screen and (max-width: 980px) {

.z_process_swiper .year {

	width: auto;

	height: auto

}

}



@media screen and (max-width: 980px) {

.z_process_swiper .year {

	font-size: 16px

}

}



@media screen and (max-width: 980px) {

.z_process_swiper .year {

	margin-right: 20px

}

}

.z_process_swiper .year em {

	font-size: 2.9166666667vw;

	font-family: DIN

}



@media screen and (max-width: 980px) {

.z_process_swiper .year em {

	font-size: 24px

}

}

.z_process_swiper .con {

	max-height: 16.1458333333vw;

	overflow-y: auto;

	padding-left: 15px;

	padding-right: 10px

}

.z_process_swiper li {

	font-size: .9375vw;

	margin-bottom: 1.0416666667vw;

	position: relative;

	text-align: justify

}



@media screen and (max-width: 1680px) {

.z_process_swiper li {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_process_swiper li {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_process_swiper li {

	margin-bottom: 10px

}

}

.z_process_swiper li:last-child {

	margin-bottom: 0

}

.z_process_swiper li::before {

	content: "";

	display: block;

	width: .4166666667vw;

	height: .4166666667vw;

	background: #000;

	border-radius: 50%;

	position: absolute;

	left: -15px;

	top: 8px

}



@media screen and (max-width: 980px) {

.z_process_swiper li::before {

	width: 4px;

	height: 4px

}

}



@media screen and (max-width: 980px) {

.z_process_swiper .swiper-slide {

	display: block;

	padding: 20px 12px;

	border: none

}

.z_process_swiper .year {

	background: none;

	border-radius: none;

	margin-bottom: 20px

}

.z_process_swiper .con {

	max-height: none;

	margin: 0;

	padding: 0;

	padding-left: 20px

}

}

.z_about_honor {

	background: #f1f1f1

}

.z_about_honor .z_honor_swiper {

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #ccc;

	overflow: hidden;

	text-align: center

}

.z_about_honor li {

	padding: 4.6875vw 2.0833333333vw;

	border-right: 1px solid #ccc

}

.z_about_honor li:hover img {

	-webkit-transform: scale(1.02, 1.02);

	transform: scale(1.02, 1.02)

}

.z_about_honor li .tit {

	display: inline-block;

	position: relative;

	font-size: .9375vw

}



@media screen and (max-width: 1680px) {

.z_about_honor li .tit {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_about_honor li .tit {

	font-size: 14px

}

}

.z_about_honor li .tit::before {

	content: "";

	display: block;

	width: .3125vw;

	height: .3125vw;

	background: #000;

	border-radius: 50%;

	position: absolute;

	left: -15px;

	top: 8px

}



@media screen and (max-width: 980px) {

.z_about_honor li .tit::before {

	width: 4px;

	height: 4px

}

}

.z_about_honor a {

	display: block;

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

.z_about_honor .imgbox {

	margin: 0 auto;

	height: 19.2708333333vw;

	margin-bottom: 1.0416666667vw

}



@media screen and (max-width: 980px) {

.z_about_honor .imgbox {

	height: 60vw

}

}



@media screen and (max-width: 980px) {

.z_about_honor .imgbox {

	margin-bottom: 10px

}

}

.z_about_honor .imgbox img {

	display: block;

	max-height: 100%;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	max-width: 100%

}



@media screen and (max-width: 980px) {

.z_about_honor li .tit::before {

	display: none

}

}

.z_sb_swiper {

	width: 66.6666666667vw;

	height: 33.6458333333vw;

	margin: 0 auto

}



@media screen and (max-width: 980px) {

.z_sb_swiper {

	width: 100%;

	height: 60vw

}

}

.z_sb_swiper li {

	position: relative;

	overflow: hidden

}

.z_sb_swiper li::before {

	background: url(../img/mask.png) no-repeat bottom center;

	background-size: 100% auto;

	z-index: 1

}

.z_sb_swiper li:hover .imgbg {

	-webkit-transform: scale(1.05,1.05);

	transform: scale(1.05, 1.05)

}

.z_sb_swiper .infobox {

	position: absolute;

	left: 0;

	bottom: 0%;

	width: 100%;

	z-index: 2;

	padding: 2.6041666667vw;

	color: #fff

}



@media screen and (max-width: 980px) {

.z_sb_swiper .infobox {

	padding: 20px

}

}

.z_sb_swiper .infobox .tit {

	font-size: 1.6666666667vw;

	font-weight: bold

}



@media screen and (max-width: 980px) {

.z_sb_swiper .infobox .tit {

	font-size: 16px

}

}

.z_sb_swiper .infobox .desc {

	font-size: .8333333333vw;

	margin-top: 5px

}



@media screen and (max-width: 1680px) {

.z_sb_swiper .infobox .desc {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_sb_swiper .infobox .desc {

	font-size: 14px

}

}

.z_about_sb {

	padding-bottom: 7.8125vw

}

.z_about_ys2 {

	padding-right: 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_about_ys2 {

	padding-right: 0

}

}

.z_about_ys2 .z_index_tit .tt::before {

	display: none

}

.z_about_ys2 .frbox {

	width: 45.8333333333vw

}



@media screen and (max-width: 980px) {

.z_about_ys2 .frbox {

	width: 100%

}

}

.z_about_ys2 .frbox li {

	border-bottom: 1px solid rgba(255,255,255,.3);

	padding-bottom: 2.0833333333vw

}



@media screen and (max-width: 980px) {

.z_about_ys2 .frbox li {

	padding-bottom: 20px

}

}

.z_about_ys2 .frbox li:last-child {

	border-bottom: none

}

.z_about_ys2 .frbox .desc {

	width: 65%

}



@media screen and (max-width: 980px) {

.z_about_ys2 .frbox .desc {

	width: 100%

}

}



@media screen and (max-width: 980px) {

.z_about_ys2 .flbox .z_index_tit {

	text-align: center

}

}

.z_pro_list2 {

	padding: 0;



	padding-bottom: 6.25vw

}



@media screen and (max-width: 980px) {

.z_pro_list2 {

	padding-bottom: 30px

}

}

.z_pro_list2 li {

	width: 33.3%;

	height: 31.25vw;

	padding: 1.8229166667vw

}



@media screen and (max-width: 980px) {

.z_pro_list2 li {

	width: 100%;

	height: auto

}

}



@media screen and (max-width: 980px) {

.z_pro_list2 li {

	padding: 12px

}

}

.z_pro_list2 li .imgbox {

	width: 21.3541666667vw;

	height: 21.3541666667vw;border-radius: 50%;background: #333;

	

}





.z_pro_list2 li .imgbox .imgbg{width: 282px;margin: 0 auto}











@media screen and (max-width: 980px) {

.z_pro_list2 li .imgbox {

	width: 60vw;

	height: 60vw

}

	

	.z_pro_list2 li .imgbox .imgbg{width: 100%}	

	

	

	

}

.z_pro_list2 li:nth-child(2n) {



}

.z_pro_list2 li:nth-child(3n) {

	border-right: none

}

.z_pro_list2 .z_index_more {

	margin-top: 4.1666666667vw;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0

}



@media screen and (max-width: 980px) {

.z_pro_list2 .z_index_more {

	margin-top: 30px

}

}



@media screen and (max-width: 980px) {

.z_pro_warp .z_about_head .dot {

	margin: 0 auto;

	margin-bottom: 15px

}

.z_pro_warp .z_about_head .z_index_tit {

	text-align: center

}

}

.z_xq_page {

	margin-top: 5.2083333333vw

}



@media screen and (max-width: 980px) {

.z_xq_page {

	margin-top: 55px

}

}



@media screen and (max-width: 980px) {

.z_xq_page .z_page_bar .z_section_bar {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

}

.z_pro_section {

	border-bottom: 1px solid #ccc

}

.z_pro_section .flbox {

	width: 50%;

	height: 45.8333333333vw;

	border-right: 1px solid #ccc;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}



@media screen and (max-width: 980px) {

.z_pro_section .flbox {

	width: 100%;

	height: 100vw;

}

}

.z_pro_section .flbox .imgbox {

	width: 33.3333333333vw;



}



@media screen and (max-width: 980px) {

.z_pro_section .flbox .imgbox {

	width: 80vw;

	height: 80vw

}

}

.z_pro_section .frbox {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	padding-left: 5.2083333333vw;

	padding-right: 5.2083333333vw;

	padding-top: 8.3333333333vw

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox {

	padding-left: 12px;

	padding-right: 12px

}

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox {

	padding-top: 12px

}

}

.z_pro_section .frbox .z_index_tit .tt {

	font-size: 3.0208333333vw;

	line-height: 3.0208333333vw

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox .z_index_tit .tt {

	font-size: 20px

}

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox .z_index_tit .tt {

	line-height: 20px

}

}

.z_pro_section .frbox .z_index_tit .slg {

	color: #000;

	font-weight: bold;

	font-size: 1.0416666667vw

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox .z_index_tit .slg {

	font-size: 16px

}

}

.z_pro_section .frbox .desc {

	color: #bbbbbb;

	font-size: .9375vw;

	margin: 1.5625vw 0;line-height: 2

}



@media screen and (max-width: 1680px) {

.z_pro_section .frbox .desc {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox .desc {

	font-size: 14px

}

}

.z_pro_section .frbox .spanbar span {

	display: inline-block;

	background: url(../img/gou.png) no-repeat left center;

	padding-left: 24px;

	margin-right: 1.5625vw;

	font-size: .9375vw;

	color: #222;

	margin-bottom: 6px

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox .spanbar span {

	margin-right: 10px

}

}



@media screen and (max-width: 1680px) {

.z_pro_section .frbox .spanbar span {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox .spanbar span {

	font-size: 14px

}

}

.z_pro_section .frbox .btnwarp {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	margin-top: 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox .btnwarp {

	margin-top: 20px

}

}

.z_pro_section .frbox .btn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 160px;

	height: 50px;

	background: #c3000e;

	color: #fff;

	margin-right: 14px;

	font-size: 16px

}

.z_pro_section .frbox .btn img {

	margin-right: 6px

}

.z_pro_section .frbox .btn.on {

	background: #124a89

}



@media screen and (max-width: 980px) {

.z_pro_section .frbox {

	padding-bottom: 30px

}

.z_pro_section .frbox .desc {

	margin: 20px 0

}

.z_pro_section .btnwarp {

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.z_pro_section .btnwarp .btn {

	margin: 0;

	width: 48%

}

}

.z_news_section {

	padding-left: 10.4166666667vw;

	padding-right: 10.4166666667vw;

	padding-top: 3.125vw;

	padding-bottom: 6.25vw

}



@media screen and (max-width: 980px) {

.z_news_section {

	padding-left: 0px;

	padding-right: 0px

}

}



@media screen and (max-width: 980px) {

.z_news_section {

	padding-top: 0px

}

}



@media screen and (max-width: 980px) {

.z_news_section {

	padding-bottom: 35px

}

}



@media screen and (max-width: 980px) {

.z_news_section {

	border-top: none

}

}

.z_pro_con {

	position: relative;

	padding: 4.1666666667vw 0

}

.z_pro_con .nav {

	position: absolute;

	left: 7.2916666667vw;

	top: 0;

	height: 100vh;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

.z_pro_con .nav a {

	display: block;

	position: relative;

	font-size: .8333333333vw;

	line-height: 1.5625vw;

	font-weight: bold

}



@media screen and (max-width: 1680px) {

.z_pro_con .nav a {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_pro_con .nav a {

	font-size: 16px

}

}



@media screen and (max-width: 1680px) {

.z_pro_con .nav a {

	line-height: 1.8125vw

}

}



@media screen and (max-width: 980px) {

.z_pro_con .nav a {

	line-height: 40px

}

}

.z_pro_con .nav a:before {

	content: "";

	width: 8px;

	height: 8px;

	background: #c3000e;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: -12px;

	opacity: 0

}

.z_pro_con .nav a.on, .z_pro_con .nav a:hover {

	color: #c3000e

}

.z_pro_con .nav a.on::before, .z_pro_con .nav a:hover::before {

	opacity: 1

}

.z_pro_con .content {

	width: 67.7083333333vw;

	margin: 0 auto

}



@media screen and (max-width: 980px) {

.z_pro_con .content {

	width: 100%

}

}

.z_pro_con .titbar {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-size: 2.5vw;

	font-weight: bold;

	margin-bottom: 1.3020833333vw

}



@media screen and (max-width: 980px) {

.z_pro_con .titbar {

	font-size: 18px

}

}



@media screen and (max-width: 980px) {

.z_pro_con .titbar {

	margin-bottom: 20px

}

}

.z_pro_con .titbar .num {

	background: #c3000e;

	border-radius: 50%;

	width: 2.6041666667vw;

	height: 2.6041666667vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	color: #fff;

	font-size: 1.25vw;

	font-family: DIN;

	margin-right: 10px

}



@media screen and (max-width: 980px) {

.z_pro_con .titbar .num {

	width: 30px;

	height: 30px

}

}



@media screen and (max-width: 980px) {

.z_pro_con .titbar .num {

	font-size: 16px

}

}

.z_pro_con .itembox {

	margin-bottom: 3.6458333333vw

}



@media screen and (max-width: 980px) {

.z_pro_con .itembox {

	margin-bottom: 30px

}

}

.z_pro_con .conbox {

	font-size: .9375vw;

	font-weight: 400;

	color: #222;

	line-height: 1.4583333333vw

}



@media screen and (max-width: 1680px) {

.z_pro_con .conbox {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_pro_con .conbox {

	font-size: 14px

}

}



@media screen and (max-width: 1680px) {

.z_pro_con .conbox {

	line-height: 1.6916666667vw

}

}



@media screen and (max-width: 980px) {

.z_pro_con .conbox {

	line-height: 24px

}

}

.z_pro_con .conbox img {

	max-width: 100% !important;

	height: auto !important

}

.z_pro_con .downbox {

	border: 1px solid #ccc;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.z_pro_con .downbox .imgbox {

	width: 20.8333333333vw;

	height: 14.5833333333vw;

	position: relative;

	-ms-flex-negative: 0;

	flex-shrink: 0

}



@media screen and (max-width: 980px) {

.z_pro_con .downbox .imgbox {

	width: 100%;

	height: 50vw

}

}

.z_pro_con .downbox .imgbox .slg {

	position: absolute;

	left: 20px;

	top: 20px;

	width: 60px;

	height: 34px;

	border: 1px solid rgba(255,255,255,.4);

	border-radius: 6px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	color: #fff

}

.z_pro_con .downbox .infobox {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	padding: 2.6041666667vw

}

.z_pro_con .downbox .infobox .tit {

	font-size: 1.5625vw;

	font-weight: bold

}



@media screen and (max-width: 980px) {

.z_pro_con .downbox .infobox .tit {

	font-size: 16px

}

}

.z_pro_con .downbox .infobox .btn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 150px;

	height: 48px;

	background: #c3000e;

	color: #fff;

	font-size: 16px;

	margin: 15px 0

}

.z_pro_con .downbox .infobox img {

	margin-right: 10px

}

.z_pro_con .downbox .infobox .ts {

	color: #666;

	font-size: .8333333333vw

}



@media screen and (max-width: 1680px) {

.z_pro_con .downbox .infobox .ts {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_pro_con .downbox .infobox .ts {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_pro_con {

	padding: 30px 12px

}

.z_pro_con .nav {

	position: relative;

	left: auto;

	top: auto;

	height: auto;

	margin-bottom: 30px;

	border-bottom: 1px solid #ccc;

	display: none

}

.z_pro_con .nav div {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 100%

}

.z_pro_con .nav a {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1

}

.z_pro_con .downbox .infobox {

	padding: 20px 12px

}

}

.z_xg_head {

	border-top: 1px solid #ccc;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

.z_xg_head .z_index_tit .dot {

	margin-left: auto;

	margin-right: auto

}

.z_xg_head .z_index_tit .tt {

	font-size: 3.5416666667vw

}



@media screen and (max-width: 980px) {

.z_xg_head .z_index_tit .tt {

	font-size: 20px

}

}

.z_case_list {

	padding: 0 6.25vw;

	padding-bottom: 6.25vw

}

.z_case_list li {

	width: 32.3%;

	margin-right: 1.5%;

	margin-bottom: 1.0416666667vw

}



@media screen and (max-width: 980px) {

.z_case_list li {

	width: 100%

}

}



@media screen and (max-width: 980px) {

.z_case_list li {

	margin-right: 0

}

}

.z_case_list li:nth-child(3n) {

	margin-right: 0

}



@media screen and (max-width: 980px) {

.z_case_list li {

	margin-bottom: 12px

}

}

.z_case_list li:hover .imgbg {

	-webkit-transform: scale(1.05, 1.05);

	transform: scale(1.05, 1.05)

}

.z_case_list li:hover .more {

	color: #c3000e

}

.z_case_list li:hover .more::before {

	background: #c3000e

}

.z_case_list li:hover .tit {

	color: #c3000e

}

.z_case_list .imgbox {

	height: 15.625vw

}



@media screen and (max-width: 980px) {

.z_case_list .imgbox {

	height: 50vw

}

}

.z_case_list .infobox {

	padding-top: 1.0416666667vw;

	padding-bottom: 1.0416666667vw

}



@media screen and (max-width: 980px) {

.z_case_list .infobox {

	padding-top: 20px;

	padding-bottom: 20px

}

}

.z_case_list .tit {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	font-size: 1.1458333333vw;

	font-weight: bold

}



@media screen and (max-width: 980px) {

.z_case_list .tit {

	font-size: 16px

}

}

.z_case_list .desc {

	font-size: .8333333333vw;

	color: #777;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	line-height: 1.25vw;

	min-height: 2.5vw;

	margin: 10px 0;

	margin-bottom: 20px

}



@media screen and (max-width: 1680px) {

.z_case_list .desc {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_case_list .desc {

	font-size: 14px

}

}



@media screen and (max-width: 1680px) {

.z_case_list .desc {

	line-height: 1.45vw

}

}



@media screen and (max-width: 980px) {

.z_case_list .desc {

	line-height: 20px

}

}

.z_case_list .more {

	position: relative;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	margin-left: 10px

}

.z_case_list .more::before {

	content: "";

	display: block;

	width: 10px;

	height: 10px;

	background: #000;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: -15px

}

.z_case_list .z_index_more {

	margin: 0 auto;

	margin-top: 2.0833333333vw

}



@media screen and (max-width: 980px) {

.z_case_list {

	padding: 0 12px;

	padding-bottom: 40px

}

}

.z_contact_box {

	position: relative;background: #000;

	z-index: 1

}

.z_contact_box .flbox {

	width: 50%;

	padding-top: 4.1666666667vw;

	padding-bottom: 4.1666666667vw;

	padding-left: 10.4166666667vw;

	padding-right: 5.2083333333vw

}



@media screen and (max-width: 980px) {

.z_contact_box .flbox {

	width: 100%

}

}



@media screen and (max-width: 980px) {

.z_contact_box .flbox {

	padding-top: 30px;

	padding-bottom: 30px

}

}



@media screen and (max-width: 980px) {

.z_contact_box .flbox {

	padding-left: 12px

}

}



@media screen and (max-width: 980px) {

.z_contact_box .flbox {

	padding-right: 12px

}

}

.z_contact_box .z_index_tit .tt {

	font-size: 1.9791666667vw;color:#fff;

}



@media screen and (max-width: 980px) {

.z_contact_box .z_index_tit .tt {

	font-size: 22px

}

}

.z_contact_box .frbox {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	-ms-flex-negative: 0;

	flex-shrink: 0

}

.z_contact_way .address {

	margin: 2.0833333333vw 0;

	font-size: .9375vw;

	line-height: 1.6666666667vw;color:#fff;

}



@media screen and (max-width: 1680px) {

.z_contact_way .address {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_contact_way .address {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_contact_way .address {

	line-height: 24px

}

}

.z_contact_way .address .yx {

	text-decoration: underline

}

.z_contact_way .code ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.z_contact_way .code .img {

	border: 1px solid #ccc;

	border-radius: 12px;

	width: 6.25vw;

	overflow: hidden

}



@media screen and (max-width: 980px) {

.z_contact_way .code .img {

	width: 80px

}

}

.z_contact_way .code .img img {

	display: block;

	width: 100%

}

.z_contact_way .frbox {

	height: 39.5833333333vw;padding-top: 3.1666666667vw;

}



@media screen and (max-width: 980px) {

.z_contact_way .frbox {

	height: 100vw

}

}



@media screen and (max-width: 980px) {

.z_contact_way .address {

	margin: 30px 0

}

}

.z_contact_ly {

	width: 91.4583333333vw;

	margin: 0 auto;

	border-top: 1px solid #333

}



@media screen and (max-width: 980px) {

.z_contact_ly {

	width: 100%

}

}

.z_contact_ly .flbox {

	padding-left: 6.25vw

}



@media screen and (max-width: 980px) {

.z_contact_ly .flbox {

	padding-left: 12px

}

}

.z_contact_ly .frbox {

	padding-top: 6.25vw;

	padding-bottom: 6.25vw;

	padding-left: 0vw;

	padding-right: 6.25vw

}



@media screen and (max-width: 980px) {

.z_contact_ly .frbox {

	padding-top: 30px;

	padding-bottom: 30px

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .frbox {

	padding-left: 12px

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .frbox {

	padding-right: 12px

}

}

.z_contact_ly li {

	border-bottom: 1px solid #888;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.z_contact_ly .tit {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	color:#fff;

	font-size: .9375vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	margin-right: 20px;

	height: 3.125vw;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}



@media screen and (max-width: 1680px) {

.z_contact_ly .tit {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .tit {

	font-size: 16px

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .tit {

	height: 40px

}

}

.z_contact_ly .tit em {

	display: inline-block;

	width: 5px;

	height: 5px;

	background: #c3000e;

	border-radius: 50%;

	margin-right: 10px

}

.z_contact_ly .text {

	height: 3.125vw;

	font-size: .8333333333vw

}



@media screen and (max-width: 980px) {

.z_contact_ly .text {

	height: 40px

}

}



@media screen and (max-width: 1680px) {

.z_contact_ly .text {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .text {

	font-size: 16px

}

}

.z_contact_ly .con {

	margin-bottom: 2.6041666667vw;

	padding-top: 1.0416666667vw;

	padding-bottom: 1.0416666667vw;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start

}



@media screen and (max-width: 980px) {

.z_contact_ly .con {

	margin-bottom: 20px

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .con {

	padding-top: 10px;

	padding-bottom: 10px

}

}

.z_contact_ly .con .tit {

	height: auto

}

.z_contact_ly .texta {

	min-height: 5.2083333333vw;

	width: 100%;

	font-size: .8333333333vw;

	line-height: 1.3541666667vw

}



@media screen and (max-width: 1680px) {

.z_contact_ly .texta {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .texta {

	font-size: 16px

}

}



@media screen and (max-width: 1680px) {

.z_contact_ly .texta {

	line-height: 1.5708333333vw

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .texta {

	line-height: 20px

}

}



@media screen and (max-width: 980px) {

.z_contact_ly .frbox {

	padding-top: 0

}

.z_contact_ly .texta {

	min-height: 100px

}

.z_contact_ly .z_index_more {

	margin-left: auto;

	margin-right: auto

}

}

.z_rc_head {

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	padding-top: 4.1666666667vw;

	padding-bottom: 4.1666666667vw;

	padding-left: 10.4166666667vw;

	padding-right: 10.4166666667vw

}



@media screen and (max-width: 980px) {

.z_rc_head {

	padding-top: 30px;

	padding-bottom: 30px

}

}



@media screen and (max-width: 980px) {

.z_rc_head {

	padding-left: 12px;

	padding-right: 12px

}

}

.z_rc_head .rcdesc {

	margin-left: auto;

	width: 40.625vw;

	font-size: .9375vw;

	line-height: 1.6666666667vw;

	margin-top: 2.0833333333vw

}



@media screen and (max-width: 980px) {

.z_rc_head .rcdesc {

	width: 100%

}

}



@media screen and (max-width: 1680px) {

.z_rc_head .rcdesc {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_rc_head .rcdesc {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_rc_head .rcdesc {

	line-height: 24px

}

}



@media screen and (max-width: 980px) {

.z_rc_head .rcdesc {

	margin-top: 30px

}

}

.z_rc_img {

	margin-top: 0vw

}



@media screen and (max-width: 980px) {

.z_rc_img {

	margin-top: 30px

}

}

.z_rc_img img {

	display: block;

	width: 100%

}

.z_rc_zw {

	padding-top: 4.1666666667vw;

	padding-bottom: 4.1666666667vw;

	padding-left: 10.4166666667vw;

	padding-right: 10.4166666667vw

}



@media screen and (max-width: 980px) {

.z_rc_zw {

	padding-top: 30px;

	padding-bottom: 30px

}

}



@media screen and (max-width: 980px) {

.z_rc_zw {

	padding-left: 12px;

	padding-right: 12px

}

}

.z_rc_zw .yx {

	text-decoration: underline

}

.z_rc_zw .z_zw_list {

	margin-top: 2.6041666667vw

}



@media screen and (max-width: 980px) {

.z_rc_zw .z_zw_list {

	margin-top: 30px

}

}

.z_rc_zw .z_zw_list li {

	width: 48.8%;

	border: 1px solid #333;

	border-radius: 8px;

	margin-bottom: 2.0833333333vw;

	position: relative

}



@media screen and (max-width: 980px) {

.z_rc_zw .z_zw_list li {

	width: 100%

}

}



@media screen and (max-width: 980px) {

.z_rc_zw .z_zw_list li {

	margin-bottom: 12px

}

}

.z_rc_zw .z_zw_list li:nth-child(even) {

	margin-left: auto

}

.z_rc_zw .z_zw_list li::before {

	background: url(../images/bg5.jpg) no-repeat center;

	background-size: cover;

	opacity: 0;

	-webkit-transition: ease 1s;

	transition: ease 1s;

	z-index: 0

}

.z_rc_zw .z_zw_list li:hover::before {

	opacity: 1

}

.z_rc_zw .z_zw_list li:hover .tit, .z_rc_zw .z_zw_list li:hover .desc {

	color: #fff

}

.z_rc_zw .z_zw_list li:hover .more {

	color: #fff

}

.z_rc_zw .z_zw_list li:hover .more::before {

	background: #fff

}

.z_rc_zw .z_zw_list li a {

	padding: 1.8229166667vw;position: relative;

	display: block

}



@media screen and (max-width: 980px) {

.z_rc_zw .z_zw_list li a {

	padding: 15px

}

}

.z_rc_zw .z_zw_list .titbar {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.z_rc_zw .z_zw_list .tit {

	font-size: 1.4583333333vw;

	font-weight: bold;color:#fff

}



@media screen and (max-width: 980px) {

.z_rc_zw .z_zw_list .tit {

	font-size: 16px

}

}

.z_rc_zw .z_zw_list .more {

	position: relative;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	margin-left: 20px

}

.z_rc_zw .z_zw_list .more::before {

	content: "";

	display: block;

	width: 10px;

	height: 10px;

	background: #000;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	left: -15px

}

.z_rc_zw .z_zw_list .desc {

	font-size: .8333333333vw;

	color: #666;

	margin-top: 10px

}



@media screen and (max-width: 1680px) {

.z_rc_zw .z_zw_list .desc {

	font-size: 1.0083333333vw;

	font-size: 1.0666666667vw

}

}



@media screen and (max-width: 980px) {

.z_rc_zw .z_zw_list .desc {

	font-size: 14px

}

}

.z_rc_zw .z_index_more {

	margin: 0 auto;

	margin-top: 1.5625vw

}



@media screen and (max-width: 980px) {

.z_rc_zw .z_index_more {

	margin-top: 20px

}

}

.z_news_xq {

	padding-left: 10.4166666667vw;

	padding-right: 10.4166666667vw;

	padding-top: 5.2083333333vw;

	padding-bottom: 5.2083333333vw;

	color:#cecece;

}



@media screen and (max-width: 980px) {

.z_news_xq {

	padding-left: 12px;

	padding-right: 12px

}

}



@media screen and (max-width: 980px) {

.z_news_xq {

	padding-top: 12px;

	padding-bottom: 12px

}

}

.z_news_xq .flbox {

	width: 13.5416666667vw

}



@media screen and (max-width: 980px) {

.z_news_xq .flbox {

	width: 100%

}

}

.z_news_xq .frbox {

	width: 57.2916666667vw;

	margin-left: auto

}



@media screen and (max-width: 980px) {

.z_news_xq .frbox {

	width: 100%

}

}

.z_news_xq .z_back {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-size: .9375vw;

}



.z_news_xq .z_back span{color: #fff}











@media screen and (max-width: 1680px) {

.z_news_xq .z_back {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_news_xq .z_back {

	font-size: 14px

}

}

.z_news_xq .z_back .iconfont {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 46px;

	height: 46px;

	background: #fff;

	border: 1px solid #bbb;

	border-radius: 50%;

	margin-right: 10px;

	-webkit-transition: ease .6s;

	transition: ease .6s

}



@media screen and (max-width: 980px) {

.z_news_xq .z_back .iconfont {

	width: 30px;

	height: 30px

}

}

.z_news_xq .z_back:hover .iconfont {

	background: #c3000e;

	border-color: #c3000e;

	color: #fff

}

.z_news_xq .titbar {

	font-size: 2.6041666667vw;

	font-weight: bold;

	margin-top: 0vw

}



@media screen and (max-width: 980px) {

.z_news_xq .titbar {

	font-size: 18px

}

}



@media screen and (max-width: 980px) {

.z_news_xq .titbar {

	margin-top: 20px

}

}

.z_news_xq .lybar {

	margin-top: 1.0416666667vw

}



@media screen and (max-width: 980px) {

.z_news_xq .lybar {

	margin-top: 12px

}

}

.z_news_xq .lybar span {

	display: inline-block;

	margin-right: 2.0833333333vw;

	color: #777;

	font-size: .9375vw

}



@media screen and (max-width: 980px) {

.z_news_xq .lybar span {

	margin-right: 12px

}

}



@media screen and (max-width: 1680px) {

.z_news_xq .lybar span {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_news_xq .lybar span {

	font-size: 14px

}

}

.z_news_xq .news_zt {

	margin-top: 4.1666666667vw;

	margin-bottom: 4.6875vw

}













@media screen and (max-width: 980px) {

.z_news_xq .news_zt {

	margin-top: 30px

}

}



@media screen and (max-width: 980px) {

.z_news_xq .news_zt {

	margin-bottom: 30px

}

}

.z_news_xq .news_zt img {

	display: block

}

.z_news_xq .z_share {

	border-top: 2px solid #bbbbbb

}

.z_news_xq .z_share .tt {

	font-size: .9375vw;

	margin: 15px 0

}



@media screen and (max-width: 1680px) {

.z_news_xq .z_share .tt {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_news_xq .z_share .tt {

	font-size: 14px

}

}

.z_news_xq .z_share a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 42px;

	height: 42px;

	background: #eee;

	border-radius: 21px;

	cursor: pointer;

	margin-bottom: 14px

}

.z_news_xq .z_share a:hover {

	background: #c3000e;

	color: #fff

}

.z_news_xq .z_share .iconfont {

	font-size: 18px;

	opacity: .8

}

.z_news_xq .conwarp {

	font-size: .9375vw;

	line-height: 1.6666666667vw

}



@media screen and (max-width: 1680px) {

.z_news_xq .conwarp {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_news_xq .conwarp {

	font-size: 14px

}

	

	.z_index_tit .protit{font-size: 22px}	

	

	

	

	

}



@media screen and (max-width: 980px) {

.z_news_xq .conwarp {

	line-height: 24px

}

}

.z_news_xq .conwarp img {

	max-width: 100% !important;

	height: auto !important

}



@media screen and (max-width: 980px) {

.z_news_xq .z_share {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	padding: 15px 0

}

.z_news_xq .z_share a {

	margin: 0;

	margin-left: 10px

}

}

.z_topbtm_bar {

	padding-left: 4.1666666667vw;

	padding-right: 4.1666666667vw;

	margin: 0 auto;

	position: relative;

	z-index: 2

}



@media screen and (max-width: 980px) {

.z_topbtm_bar {

	padding-left: 12px;

	padding-right: 12px

}

}

.z_topbtm_bar a {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	height: 5.2083333333vw;

	padding-left: 5.2083333333vw;

	padding-right: 5.2083333333vw;

	font-size: 1.0416666667vw

}



@media screen and (max-width: 980px) {

.z_topbtm_bar a {

	height: 50px

}

}



@media screen and (max-width: 980px) {

.z_topbtm_bar a {

	padding-left: 0px;

	padding-right: 0px

}

}



@media screen and (max-width: 980px) {

.z_topbtm_bar a {

	font-size: 14px

}

}

.z_topbtm_bar a:last-child {

	border-left: 1px solid #ccc;

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end

}

.z_topbtm_bar a:hover {

	color: #c3000e

}

.z_topbtm_bar a:hover .iconfont {

	color: #c3000e

}

.z_topbtm_bar .iconfont {

	margin: 0 10px;

	color: #ccc;

	font-size: 20px

}

.z_topbtm_bar div {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;color:#bbbbbb

}



@media screen and (max-width: 980px) {

.z_topbtm_bar {

	margin-top: 30px

}

.z_topbtm_bar a:last-child {

	border-left: none;

	border-top: none;

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end

}

}

.z_news_xqs {

	padding-bottom: 6.25vw

}



@media screen and (max-width: 980px) {

.z_news_xqs {

	padding-bottom: 30px

}

}

.z_zp_warp {

	width: 62.5vw;

	margin: 0 auto;

	padding-top: 5.2083333333vw;

	padding-bottom: 5.2083333333vw;

	padding-left: 0vw;

	padding-right: 0vw

}



@media screen and (max-width: 980px) {

.z_zp_warp {

	width: 100%

}

}



@media screen and (max-width: 980px) {

.z_zp_warp {

	padding-top: 30px;

	padding-bottom: 30px

}

}



@media screen and (max-width: 980px) {

.z_zp_warp {

	padding-left: 12px;

	padding-right: 12px

}

}

.z_zp_warp .titbar {

	font-size: 2.6041666667vw;

	font-weight: bold

}



@media screen and (max-width: 980px) {

.z_zp_warp .titbar {

	font-size: 18px

}

}

.z_zp_warp .spanbar {

	margin-top: .625vw

}



@media screen and (max-width: 980px) {

.z_zp_warp .spanbar {

	margin-top: 20px

}

}

.z_zp_warp .spanbar span {

	display: inline-block;

	margin-right: 2.0833333333vw;

	font-size: .9375vw

}



@media screen and (max-width: 980px) {

.z_zp_warp .spanbar span {

	margin-right: 12px

}

}



@media screen and (max-width: 1680px) {

.z_zp_warp .spanbar span {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_zp_warp .spanbar span {

	font-size: 16px

}

}

.z_zp_warp .content {

	font-size: .9375vw;

	font-weight: 400;

	color: #444;

	line-height: 1.875vw;

	margin-top: 2.6041666667vw;

	margin-bottom: 2.6041666667vw

}



@media screen and (max-width: 1680px) {

.z_zp_warp .content {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_zp_warp .content {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_zp_warp .content {

	line-height: 24px

}

}



@media screen and (max-width: 980px) {

.z_zp_warp .content {

	margin-top: 20px

}

}



@media screen and (max-width: 980px) {

.z_zp_warp .content {

	margin-bottom: 20px

}

}

.z_zp_warp .td {

	font-size: .9375vw

}



@media screen and (max-width: 1680px) {

.z_zp_warp .td {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_zp_warp .td {

	font-size: 14px

}

}

.z_zp_warp .td a {

	color: #c3000e

}

.z_case_xq {

	padding-left: 4.1666666667vw;

	padding-right: 4.1666666667vw

}



@media screen and (max-width: 980px) {

.z_case_xq {

	padding-left: 12px;

	padding-right: 12px

}

}

.z_case_xqimg {

	height: 39.5833333333vw;

	margin-top: 0vw;

	position: relative

}



@media screen and (max-width: 980px) {

.z_case_xqimg {

	height: 55vw

}

}



@media screen and (max-width: 980px) {

.z_case_xqimg {

	margin-top: 30px

}

}

.z_case_xqimg .swiper_dot {

	position: absolute;

	left: 0;

	bottom: 2.0833333333vw;

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	z-index: 2

}

.z_case_xqimg .swiper_dot span {

	display: inline-block;

	width: 8px;

	height: 8px;

	background: #fff;

	border: 1px solid #fff;

	border-radius: 50%;

	-webkit-transition: ease .5s;

	transition: ease .5s;

	cursor: pointer;

	margin: 0 5px

}

.z_case_xqimg .swiper_dot span.on {

	background: none

}



@media screen and (max-width: 980px) {

.z_case_xqimg .swiper_dot {

	bottom: 15px

}

}

.z_casexq_con {

	padding-left: 6.25vw;

	padding-right: 6.25vw;

	padding-top: 4.6875vw;

	padding-bottom: 4.6875vw

}



@media screen and (max-width: 980px) {

.z_casexq_con {

	padding-left: 0;

	padding-right: 0

}

}



@media screen and (max-width: 980px) {

.z_casexq_con {

	padding-top: 30px;

	padding-bottom: 30px

}

}

.z_casexq_con .flbox {

	width: 31.25vw;

	-ms-flex-negative: 0;

	flex-shrink: 0

}



@media screen and (max-width: 980px) {

.z_casexq_con .flbox {

	width: 100%

}

}

.z_casexq_con .titbar {

	font-size: 2.6041666667vw;

	font-weight: bold;

	line-height: 2.8125vw

}



@media screen and (max-width: 980px) {

.z_casexq_con .titbar {

	font-size: 20px

}

}



@media screen and (max-width: 980px) {

.z_casexq_con .titbar {

	line-height: 26px

}

}

.z_casexq_con .descp {

	font-size: 1.0416666667vw;

	line-height: 1.875vw;

	margin-top: 1.5625vw

}



@media screen and (max-width: 980px) {

.z_casexq_con .descp {

	font-size: 16px

}

}



@media screen and (max-width: 980px) {

.z_casexq_con .descp {

	line-height: 24px

}

}



@media screen and (max-width: 980px) {

.z_casexq_con .descp {

	margin-top: 20px

}

}

.z_casexq_con .frbox {

	width: 39.5833333333vw;

	margin-left: auto;

	font-size: .9375vw;

	line-height: 1.6666666667vw;

	margin-top: 0vw

}



@media screen and (max-width: 980px) {

.z_casexq_con .frbox {

	width: 100%

}

}



@media screen and (max-width: 1680px) {

.z_casexq_con .frbox {

	font-size: 1.134375vw

}

}



@media screen and (max-width: 980px) {

.z_casexq_con .frbox {

	font-size: 14px

}

}



@media screen and (max-width: 980px) {

.z_casexq_con .frbox {

	line-height: 22px

}

}



@media screen and (max-width: 980px) {

.z_casexq_con .frbox {

	margin-top: 30px

}

}









 /* 经典案例 */

.weui-flex-warp {

    display: flex;

}





.pcase-box .z_index_tit {

    margin-top: 0vw;

    margin-bottom: 2.60417vw;

}

















 .pcase-region {text-align: center; margin-bottom: .78rem;}



 .pcase-region  span{display: inline-block; height: 44px; padding: 0 .28rem; margin-right: .15rem; background: #fff; transition: all .5s; line-height: 44px;font-size: 16px;color: #333333; cursor: pointer;}



 .pcase-region  span.on,.pcase-region  span:hover{background: linear-gradient(270deg, #2192EA 0%, #0E59D1 100%);box-shadow: 0px 14px 60px 0px rgba(40, 77, 137, 0.24); color: #fff;}



 .pcase{ justify-content: space-between; flex-wrap: wrap;}



 .pcase .pcase-item{ width: 31.7%; margin-bottom: 2vw;background: #333;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1); cursor: pointer;}



 .pcase-item .pcase-img{width: 100%;  overflow: hidden ; }



.pcase-item .pcase-img img{object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}



.pcase-item .pcase-txt{padding: 1vw 1vw;background: #141414}



.pcase-item .pcase-txt h3{text-align: center;font-size: 16px;color: #bbbbbb;line-height: 30px;  transition: all .5s;}



.pcase-item .pcase-txt p{font-size: 16px;color: #666666;line-height: 30px;font-weight: 400; }



.pcase .pcase-item:last-child:nth-child(3n + 2){ margin-right: calc((100% - 31.7%) / 2);}



.pcase-box .pages-mtop{margin-top: .2rem;}



.pcase .pcase-item:hover img{ transform: scale(1.1);}



.pcase .pcase-item:hover .pcase-txt h3{color:#fff ;}



.pcase-tabs .pcase-box {display: none;}



.pcase-tabs .pcase-box.on {display: block;}



.news-pages{text-align: center;}



.pages-mtop{margin-top: .6rem; margin-bottom: 1rem;}

.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;

}

.pagination>li {

    display: inline;

}



.news-pages .pagination>.active>a,.news-pages .pagination>.active>a:focus,.news-pages .pagination>.active>a:hover,.news-pages .pagination>.active>span,.news-pages .pagination>.active>span:focus,.news-pages .pagination>.active>span:hover,.news-pages  .pagination>li>a:hover{background: transparent; color: #c3000e;border: 1px solid #c3000e;}



.news-pages  .pagination>li>a,.news-pages  .pagination>li>span{color: #bbbbbb; background-color: transparent; border: 0; height:45px; width: 45px; border-radius: 50%; line-height: 45px; text-align: center; padding: 0; margin-right: 20px;display:block;float: left}





@media screen and (max-width: 980px) {

	.pcase .pcase-item{width: 100%}

}





















/*发展历史*/

.h_main .section1{padding-bottom: 8%;}

.h_main .section1 .time-box{position: relative; margin-bottom: 1.5rem;}

.h_main .section1 .time-box .time-line{position: absolute; left: 0; right: 0; margin: auto; width: 100px; height: 100%; z-index: 6; border-left: 1px solid #eee; border-right: 1px solid #eee;}

.h_main .section1 .time-box .time-line .time-go{position: absolute; left: 0; right: 0; margin: auto; height: 0px; width: 1px; max-height: calc(100% - 90px); border-right: 1px #b43232 dashed; z-index: 10;}

.h_main .section1 .time-box .time-line .qiche{position: absolute; left: 0; right: 0; margin: auto;max-height: calc(100% - 90px);}

.h_main .section1 .time-box .time-line img{position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 10; width: 40px; height: 40px; display: block; max-width: initial;}

.h_main .section1 .time-box .time-line:after{content: ""; position: absolute; border-right: 1px dashed rgba(238, 238, 238, 0.39); height: 100%; width: 0; top: 0; left: 0; right: 0; margin: auto; z-index: 3;}

.h_main .section1 .time-box .time-line:before{content: attr(data-note); position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 120px; font-size: 24px; text-align: center;color: #c3000e;}

.h_main .section1 .time-box .time-item{overflow: hidden; position: relative; z-index: 3;}

.h_main .section1 .time-box .time-item .time-list{position: relative; width: 50%; box-sizing: border-box; text-align: right; padding-right: 130px;float: left;margin-bottom: 10vw;}

.h_main .section1 .time-box .time-item .time-list h3{font-size: 32px;color: #c3000e;font-weight: normal;font-family: 'DINPRO-M';line-height: 1;}

.h_main .section1 .time-box .time-item .time-list p{font-size: 16px;line-height: 26px;color: #bbbbbb;margin-top: 10px;}

.h_main .section1 .time-box .time-item .time-list > img{max-width: 100%;display: inline-block;margin-top: 20px;}

.h_main .section1 .time-box .time-item .time-list p:after {content: "";position: absolute;width: 14px;height: 14px;border-radius: 50%;line-height: 14px;text-align: center;background-color: #eee;top: 10px;right:-7px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}

.h_main .section1 .time-box .time-item .time-list.on p:after {background: -webkit-linear-gradient(-90deg, #972929 0%, #b43232 100%);background: -o-linear-gradient(-90deg, #972929 0%, #b43232 100%);background: -moz-linear-gradient(-90deg, #972929 0%, #b43232 100%);background: linear-gradient(-90deg, #972929 0%, #b43232 100%);}

.h_main .section1 .time-box .time-item .time-list:nth-child(even){float: right;padding-left: 130px;padding-right: 0;text-align: left;}

.h_main .section1 .time-box .time-item .time-list:nth-child(2){margin-top: 15vw;}

.h_main .section1 .time-box .time-item .time-list:nth-child(even) p:after{left: -7px;right: initial;}

.h_main .btm{position: fixed; right: 0; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.h_main .btm .item-node{text-align: right; opacity: 0; transform: translateX(8px); -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); -ms-transform: translateX(8px); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}

.h_main .btm .item-node.on{opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none;}

.h_main .btm .item-node li{height: 30px; line-height: 30px; cursor: pointer; position: relative; opacity: 0.5; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; font-size: 14px; padding-right: 42px;}

@media  screen and (-webkit-min-device-pixel-ratio:0) {

   .h_main .btm .item-node li {

    background: -webkit-linear-gradient(#c3000e, #972929);

    background: -o-linear-gradient(#c3000e, #972929);

    background: -moz-linear-gradient(#c3000e, #972929);

    background:  linear-gradient(#c3000e, #972929);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    }

}





.h_main .btm .item-node li:after{content: ""; position: absolute; right: 0; height: 1px; width: 32px; background-color: #eeeff2; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; top: 0; bottom: 0; margin: auto;}

.h_main .btm .item-node li.on{opacity: 1; padding-right: 56px; font-size: 18px; font-weight: bold;}

.h_main .btm .item-node li.on:after{background: #c3000e; width: 50px;}























@media screen and (max-width: 980px) {

.h_main .section1 .time-box .time-item .time-list p {

    font-size: 12px;

    line-height: 20px;

}	

	

.h_main .section1 .time-box .time-item .time-list {

    padding-right: 46px;

}	

	



	

.h_main .section1 .time-box .time-item .time-list h3 {

    font-size: 26px;

}	

	

	

	.h_main .section1 .time-box .time-line {

    width: 50px;

}

	

	

.h_main .section1 .time-box .time-line:before {

    font-size: 16px;

}	

	

	

	.h_main .section1 .time-box .time-item .time-list:nth-child(2) {

    margin-top: 26vw;

}



	

.h_main .section1 .time-box .time-item .time-list:nth-child(even) {

    float: right;

    padding-left: 130px;

    padding-right: 0;

    text-align: left;

}	

	

	

.h_main .section1 .time-box .time-item .time-list:nth-child(even) {

    padding-left: 44px;

}	

	

}





























/*商城*/



.au-a1 {

    width: 100%;

    height: 635px;

    background-image: url(../img/z-02.jpg);

    background-size: 100% 100%;

    padding-top: 60px;

}





.au-a1-box {

    height: 475px;

    margin: 0 auto;

}



.au-a1-list {

    width: 23%;

	margin: 1%;

    height: 100%;

    float: left;

    display: table;

    background: #212121;

    

    transition: 0.5s;

}





.au-a1-list-box {

    width: 100%;

    height: 100%;

    padding: 0 32px;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}





.au-a1-list-box>img {

    display: block;

    margin: 0 auto 44px;

}



.au-a1-list-box h1 {

    color: #fff;

    font-size: 24px;

    margin-bottom: 12px;

    font-weight: bolder;

}



.au-a1-list-box p {

    font-size: 16px;

    color: #434f4f;

    line-height: 32px;

}









@media screen and (max-width: 980px) {

	

	

	.au-a1-list{width:  48%}

	

	

	.au-a1{width: 100%;height: auto;overflow: hidden}

	

	.au-a1-list-box h1{font-size: 16px}

	.shyincang{display: none}

	

}











































.mc_b1s1_title {

    margin-bottom: 50px;

}



.mc_title48 {

    font-size: 48px;

    line-height: 1.2;

    font-weight: bold;

    color: #fff;

    text-align: center;

}









.mc_b1s3 {

    position: relative;

    z-index: 1;

    overflow: hidden;



}





.mc_b1s3_bg {

    width: 100%;

}

.mc_b1s3_bg {

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    width: 1600px;

    max-width: 100%;

}





.mc_b1s3_box1 {

    margin-bottom: 100px;

}

.mc_b1s3b1_top {

    margin-bottom: 110px;

}







.mc_b1s3b1_title {

    width: 33.333333%;

    text-align: left;

}

.mc_b1s3b1_title span{font-size: 1vw}





.mc_b1s3b1_txtbox {

    width: 66.666666%;

}

.fl {

    float: left;

}







.mc_txt1630, .mc_txt1630 p {

    font-size: 16px;

    line-height: 30px;

    color: #bbbbbb;

}





.clearfix::after {

    display: block;

    clear: both;

    height: 0;

    content: ' ';

}





.mc_b1s3b1_imglist {

    overflow: hidden;

}

.mc_b1s3b1_imglist {

    margin: 0 -18px;

}





.mc_b1s3b1_imgli {

    float: left;

    width: 50%;

    padding: 0 18px;

    margin-bottom: 18px;

}



.mc_b1s3b1_imgbox {

    border-radius: 20px;

}

.mc_list_imgbox {

    position: relative;

    overflow: hidden;

}







.mc_list_imgbox img {

    transition: all .36s;

}

.mc_list_under {

    width: 100%;

    position: relative;

    z-index: 1;

    top: 0;

    left: 0;

}





.mc_b1s1b_container {

    display: flex;

    align-items: center;

}





.mc_b1s1b_titlebox {

    width: 42%;

}

.mc_b1s1b_titlebox {

    position: relative;

    z-index: 1;

}





.mc_title36 {

    font-size: 36px;

    font-weight: bold;

    line-height: 1.3;

}

.mc_b1s1b_title {

    text-align: left;

    margin-bottom: 130px;color:#fff



}



.mc_anmt1 {

    animation-name: fadeInUp;

    animation-delay: .3s;

}









.mc_more_btn {

    position: relative;

    z-index: 1;

}

.mc_more_btn {

    display: inline-block;

    vertical-align: top;

    padding: 14px 35px;

    white-space: nowrap;

    font-size: 16px;

    line-height: 20px;

    color: #fff;

    background: #ef2d1a;

}







.mc_more_btn img {

    width: 9px;

    margin-left: 35px;

}







.mc_b1s1b_content {

    width: 58%;

}





.mc_b1s1b_content .mc_b1s1b_slick {

    padding-bottom: 0;

}



.mc_b1s1b_slick {

    margin-right: -50px;

    padding-bottom: 35px;

}



.mc_b1s1b_li {

    float: left;

    width: 33.333333%;

    padding: 30px 0;

}







.mc_b1s1b_slick.animated .mc_b1s1b_slickli .mc_b1s1b_lisbox {

    animation: fadeInUp .8s ease-out both;

    visibility: visible;

}

.mc_b1s1b_slick.animated .mc_b1s1b_slickli .mc_b1s1b_lisbox {

    animation: fadeInUp .8s ease-out both;

    visibility: visible;

}

.mc_b1s1b_li1 .mc_b1s1b_lisbox {

    animation-delay: .5s !important;

}

.mc_b1s1b_lisbox {

    visibility: hidden;

}

.mc_b1s1b_lisbox {

    height: 150px;

    text-align: center;



}









.mc_b1s1b_imgbox {

    width: 100%;

    max-width: 230px;

    margin: 0 auto;

}







.mc_b1s1b_imgbox img {

    object-fit: contain;

}

.mc_list_imgbox img {

    transition: all .36s;

}

.mc_list_under {

    width: 100%;

    position: relative;

    z-index: 1;

    top: 0;

    left: 0;

}









.mc_b1s1b_slickli .mc_b1s1bli_name {

    height: 24px;

    overflow: hidden;

}



.mc_b1s1bli_name {

    font-size: 16px;

    line-height: 1.5;

    margin-top: 5px;

    color: #bbbbbb;

}



.mc_b1s1b_li3 .mc_b1s1b_lisbox {

    border-right-color: transparent;

}































.z_pro_section .ban{ width:500px; height:650px; position:relative; overflow:hidden;margin:40px auto 0 auto;}

.z_pro_section .ban2{ width:500px; height:550px; position:relative; overflow:hidden;}

.z_pro_section .ban2 ul{ position:absolute; left:0; top:0;}

.z_pro_section .ban2 ul li{ width:500px; height:550px;}

.z_pro_section .prev{ float:left; cursor:pointer;}

.z_pro_section .num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}

.z_pro_section .min_pic{ padding-top:10px; width:500px;}

.z_pro_section .num ul{ position:absolute; left:0; top:0;}

.z_pro_section .num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;overflow: hidden}

.z_pro_section .num ul li.on{ border:1px solid red; padding:0;}

.z_pro_section .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}

.z_pro_section .next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}

.z_pro_section .prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.z_pro_section .next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.z_pro_section .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}

.z_pro_section .pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}

.z_pro_section .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}

.z_pro_section .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}

.z_pro_section .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}

.z_pro_section .pop_up2 ul{ position:absolute; left:0; top:0;}

.z_pro_section .pop_up2 ul li{ width:500px; height:500px; float:left;}










@media screen and (max-width: 980px) {
	
	.z_pro_section .flbox .imgbox{width: 96%;height: auto}
	
	.z_pro_section .ban2 ul li{width: 350px;}
	
	.z_pro_section .ban2{width: 350px;}
	.z_pro_section .ban{width: 350px;}
	
	.z_pro_section .num ul li{width: 50px;height: 60px}
	
	.z_pro_section .ban2{height:450px}
	
	.z_pro_section .min_pic{width: 350px;}
	.z_pro_section .num{width: 278px;}
	.z_pro_section .prev_btn1{margin-top: 20px}
	.z_pro_section .next_btn1{margin-top: 20px}
	.z_pro_section .num ul li{margin-left: 2px;margin-right: 2px;}
	.z_pro_section .flbox{height:650px}
	.z_pro_section .frbox .desc{text-align: center}
	.z_pro_section .btnwarp .btn{margin: 0 auto}
}