@import'basics/animate.min.css';
@import'//at.alicdn.com/t/c/font_960019_b0oqicvcl9l.css';

@font-face {
font-family:Square721BT;
src:url(/fonts/Square721BT-RomanCondensed.otf);
font-weight:normal
}

@font-face{
    font-family:'oppo';
    src:url(../fonts/opprsans_r.ttf) format('truetype')
}
@font-face{
    font-family:'geo';
    src:url(../fonts/GEOSLAB703_MD_BT_MEDIUM.TTF) format('truetype')
}
@font-face{
    font-family:'gotham';
    src:url(../fonts/Gotham-Medium.ttf) format('truetype')
}

.text-bg{ padding:1.5vw; background:#fff; box-shadow: 2px 2px 4px #ccc; text-align:justify; line-height:2vw; }


.lh-page{text-align:center;}
.lh-page a{display:inline-block; border:1px #ccc solid; background:#fff;  width:36px; height:36px; border-radius:50%; background:#fff; text-align:center; line-height:34px; color:#7e7e7e; margin:0 6px;}
.lh-page a.on,.lh-page a:hover{background:#004FA0; color:#fff; border:1px #004FA0 solid; }
  
 .z_news_warp h4 { font-size:30px; margin:0px auto 50px auto; }

  .join h4 {
    font-size: 30px;
  }


.join-li{
    width:100%;
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding-bottom:40px
}
.join-li .li{
    width:32%;
    height:274px;
    margin-right:2%;
    margin-bottom:34px;
    background-color:#f6f6f7;
    padding:35px 40px 0;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    text-align:center
}
.join-li .li:nth-child(3n){
    margin-right:0
}
.join-li .li .icon{
    height:64px;
    margin:0 auto 35px
}
.join-li .li .icon.s{
    display:block
}
.join-li .li .icon.h{
    display:none
}
.join-li .li h6{
    color:#666;
    font-size:15px;
    margin-bottom:15px
}
.join-li .li .p{
    color:#222;
    font-size:18px;
    font-weight:600;
    margin-bottom:10px
}
.join-li .li p{
    color:#222;
    font-size:16px;
    line-height:25px
}
.join-li .li .ma{
    display:block;
   
    margin:30px auto 30px
}
.join-li .li span{
    color:#666;
    font-size:15px
}
.join-li .li:hover{
    background-color:#154a9a
}
.join-li .li:hover .icon.s{
    display:none
}
.join-li .li:hover .icon.h{
    display:block
}
.join-li .li:hover h6,.join-li .li:hover .p,.join-li .li:hover p,.join-li .li:hover span{
    color:#fff
}


.map-box{
    width:100%;
    height: auto;
    position:relative
}
.map-box .tab{
    position:absolute;
    z-index:10;
    left:72px;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.map-box .tab li{
    width:238px;
    height:80px;
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    margin:11px 0;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    background-color:#015198;
    cursor:pointer
}
.map-box .tab li span{
    color:#fff;
    font-size:24px;
    margin-left:25px
}
.map-box .tab li.active{
    background-color:#154a9a
}
#map{
    width:100%;
    height:100%
}









.white {
	color:#fff
}
.num {
	font-family:DIN
}
.z_m_box {
	padding:0 setvw(108)
}
* {
	padding:0; font-family: 'oppo';
	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-size:16px;
	color:#333;
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
	width:100%;
	font-family:NotoSansHans, "Microsoft YaHei", Arial, sans-serif
}
.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 {
	
	white-space:pre-wrap;
	word-wrap:break-word
}
a {
	text-decoration:none;
-webkit-transition:ease .65s;
transition:ease .65s;
	color:#333;
	outline:none
}
input[type=text], input[type=password], input[type=search], input[type=number], textarea, select {
	font-size:inherit;
	outline:none;
	font-family:NotoSansHans;
	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
}
.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_case_thumb .z_case_small li::before, .z_yw_warp .z_accordion li::before, .z_about_culture .cirbox::before, .z_index_ys .z_about_num li: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:#d92029
}
.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
}
.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;
	display:none
}
.z_menu_btn span {
	display:block;
-webkit-transition:ease .6s;
transition:ease .6s;
	width:24px;
	height:2px;
	background:#d92029;
	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(7px) rotate(45deg);
	transform:translateY(7px) rotate(45deg)
}
.z_menu_btn.on .line2 {
	opacity:0
}
.z_menu_btn.on .line3 {
	-webkit-transform:translateY(-7px) rotate(-45deg);
	transform:translateY(-7px) rotate(-45deg)
}
@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_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
}
[data-scroll=fade] {
-webkit-transition:opacity 1.5s;
transition:opacity 1.5s
}
[data-scroll=fade]:not(.ani) {
opacity:0
}
[data-scroll=fadeUp] {
-webkit-transition:ease 1.5s;
transition:ease 1.5s
}
[data-scroll=fadeUp]:not(.ani) {
-webkit-transform:translateY(50%);
transform:translateY(50%);
opacity:.2
}
[data-scroll=fadeUp2] {
-webkit-transition:ease 1.5s;
transition:ease 1.5s
}
[data-scroll=fadeUp2]:not(.ani) {
-webkit-transform:translateY(10%);
transform:translateY(10%);
opacity:.2
}
[data-scroll=fadeRight] {
-webkit-transition:ease 1.5s;
transition:ease 1.5s
}
[data-scroll=fadeRight]:not(.ani) {
-webkit-transform:translateX(10%);
transform:translateX(10%);
opacity:.2
}
[data-scroll=fadeLeft] {
-webkit-transition:ease 1.5s;
transition:ease 1.5s
}
[data-scroll=fadeLeft]:not(.ani) {
-webkit-transform:translateX(-10%);
transform:translateX(-10%);
opacity:.2
}
[data-scroll=fadezoom] {
-webkit-transition:ease 1.5s;
transition:ease 1.5s
}
[data-scroll=fadezoom]:not(.ani) {
-webkit-transform:scale(0.92, 0.92);
transform:scale(0.92, 0.92);
opacity:0
}
[data-scroll=fadezoom2] {
-webkit-transition:ease 1.5s;
transition:ease 1.5s
}
[data-scroll=fadezoom2]:not(.ani) {
-webkit-transform:scale(1.1, 1.1);
transform:scale(1.1, 1.1);
opacity:0
}
.z_header {
	position:fixed;
	width:100%;
	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;
	padding-left:7.8125vw;
	height:5.0104166667vw;
	z-index:9;
	-webkit-transition:ease 1s;
	transition:ease 1s;
	border-bottom:1px solid rgba(255, 255, 255, .6)
}
@media screen and (max-width: 980px) {
.z_header {
padding-left:12px
}
}
@media screen and (max-width: 980px) {
.z_header {
height:50px
}
}
.z_header.on, .z_header.fixed {
	background:#fff;
	-webkit-box-shadow:0px 0px 15px 0px rgba(0, 7, 22, .1);
	box-shadow:0px 0px 15px 0px rgba(0, 7, 22, .1)
}
.z_header.on .logo .img2, .z_header.fixed .logo .img2 {
	opacity:1
}
.z_header.on .logo .img1, .z_header.fixed .logo .img1 {
	opacity:0
}
.z_header.on .z_header_nav a, .z_header.fixed .z_header_nav a {
	color:#000
}
.z_header .logo {
	position:relative
}
.z_header .logo img {
	display:block;
	height:3vw;
	-webkit-transition:ease 1s;
	transition:ease 1s
}
@media screen and (max-width: 980px) {
.z_header .logo img {
height:30px
}

.z_index_tit .text3 {
  color: #333;
  line-height: 2.5vw;
  font-size: 2.2vw;
}

}
.z_header .logo .img2 {
	position:absolute;
	left:0;
	top:0%;
	opacity:0
}
.z_header .frwarp {
	margin-left:auto
}
.z_header .z_header_nav li {
	display:inline-block;
	margin-right:2.6041666667vw;
	position:relative;
	-webkit-transition:ease 1s;
	transition:ease 1s
}
@media screen and (max-width: 980px) {
.z_header .z_header_nav li {
margin-right:0
}
}
.z_header .z_header_nav li::before {
content:"";
display:block;
width:0%;
height:2px;
background:#E60000;
position:absolute;
left:50%;
bottom:0;
-webkit-transition:ease 1s;
transition:ease 1s
}
.z_header .z_header_nav li:hover::before, .z_header .z_header_nav li.active::before {
width:100%;
left:0
}
.z_header .z_header_nav li:hover a, .z_header .z_header_nav li.active a {
	color:#E60000;
	
}
.z_header .z_header_nav a {
	display:block;
font-size:.8333333333vw;
	color:#fff;
	line-height:5.0104166667vw
}
@media screen and (max-width: 1680px) {
.z_header .z_header_nav a {
font-size:1.1083333333vw;
font-size:1.1666666667vw
}
}
@media screen and (max-width: 980px) {
.z_header .z_header_nav a {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_header .z_header_nav a {
line-height:50px
}
}
.z_header .z_words {
	-ms-flex-negative:0;
	flex-shrink:0;
	background:#0b68da;
	white-space:nowrap;
	width:9.84375vw;
	text-align:center;
	position:relative;
	color:#fff
}
@media screen and (max-width: 980px) {
.z_header .z_words {
width:auto
}
}
.z_header .z_words .tit {
	height:4.9583333333vw;
	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_header .z_words .tit {
height:50px
}
}
.z_header .z_words .down {
	position:absolute;
	left:0;
	top:100%;
	width:100%
}
.z_header .z_words .down a {
	display:block
}
.z_header .z_words select {
	color:#fff;
	height:3.9583333333vw;
	background:#0b68da;
	border:none;
	outline:none;
	cursor:pointer
}
@media screen and (max-width: 980px) {
.z_header .z_words select {
height:100%
}
}
@media screen and (max-width: 980px) {
.z_header {
z-index:999;
background:#fff;
-webkit-box-shadow:0px 0px 15px 0px rgba(0, 7, 22, .1);
box-shadow:0px 0px 15px 0px rgba(0, 7, 22, .1);
padding:0 12px
}
.z_header .logo .img2 {
opacity:1
}
.z_header .logo .img1 {
opacity:0
}
.z_header .z_header_nav a {
color:#000
}
.z_header .frwarp {
position:fixed;
right:-100%;
top:50px;
width:50%;
-webkit-box-shadow:0px 0px 15px 0px rgba(0, 7, 22, .1);
box-shadow:0px 0px 15px 0px rgba(0, 7, 22, .1);
height:calc(100vh - 50px);
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
background:#fff;
background-size:100% auto;
top:50px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-transition:ease 1s;
transition:ease 1s
}
.z_header .frwarp.on {
opacity:1;
visibility:visible;
right:0
}
.z_header .frwarp li {
display:block;
text-align:center
}
.z_header .frwarp li.active::before, .z_header .frwarp li:hover::before {
background:#0b68da
}
.z_header .frwarp li.active a, .z_header .frwarp li:hover a {
color:#0b68da
}
.z_header .z_words {
position:absolute;
left:0;
bottom:0;
width:100%
}
.z_header .z_menu_btn {
margin-left:12px
}
.z_header .z_menu_btn span {
background:#0b68da
}
}
.z_banner {
	width:100%;
	height:100vh;
	overflow:hidden;
	position:relative;
	margin-top:0vw;
	background:#0b68da
}
@media screen and (max-width: 980px) {
.z_banner {
height:60vw
}
}
@media screen and (max-width: 980px) {
.z_banner {
margin-top:50px
}
}
.z_banner .imgbox {
	width:100%;
	height:100%
}
.z_banner .textimg {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	max-width:62.9166666667vw;
	max-height:31.5625vw;
	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:1
}
.z_banner .textimg img {
	display:block;
	max-height:100%;
	-webkit-transition:ease 3s;
	transition:ease 3s;
	-webkit-transform:scale(0.8, 0.8);
	transform:scale(0.8, 0.8)
}
.z_banner .imgbgs {
	-webkit-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
	-webkit-transition:ease 4s;
	transition:ease 4s
}
.z_banner .swiper-slide-active .imgbgs {
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1)
}
.z_banner .swiper-slide-active .textimg img {
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1)
}
.z_banner .swiper_bar {
	position:absolute;
	left:0;
	bottom:2.6041666667vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	padding-left:7.8125vw;
	padding-right:2.6041666667vw;
	z-index:2;
	width:100%
}
@media screen and (max-width: 980px) {
.z_banner .swiper_bar {
padding-left:12px
}
}
@media screen and (max-width: 980px) {
.z_banner .swiper_bar {
padding-right:12px
}
}
.z_banner .swiper_dot span {
	display:inline-block;
	width:30px;
	height:2px;
	background:#fff;
	border:0px solid #050001;
	opacity:.3;
	-webkit-transition:ease 1s;
	transition:ease 1s;
	margin:0 5px;
	cursor:pointer
}
.z_banner .swiper_dot span.on {
	opacity:1
}
.z_banner .swiper_arr {
	border:1px solid rgba(255, 255, 255, .6);
	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;
	width:2.8125vw;
	height:2.8125vw;
	margin-left:auto
}
@media screen and (max-width: 980px) {
.z_banner .swiper_arr {
width:40px;
height:40px
}
}
.z_banner .swiper_arr img {
	display:block;
	-webkit-animation:move 1.5s infinite linear;
	animation:move 1.5s infinite linear
}
@-webkit-keyframes move {
0%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px)
}
}
@keyframes move {
0%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px)
}
}
.z_banner .z_share_bar {
	position:absolute;
	left:0;
	top:0;
	width:3.9583333333vw;
	z-index:2;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-right:1px solid rgba(255, 255, 255, .6);
	padding-top:2.6041666667vw;
	padding-bottom:2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_banner .z_share_bar {
padding-top:0;
padding-bottom:0
}
}
.z_banner .z_share_bar li {
	position:relative;
	cursor:pointer
}
.z_banner .z_share_bar li:hover .con {
	opacity:1;
	visibility:visible;
	-webkit-transform:translate(0%, -50%);
	transform:translate(0%, -50%)
}
.z_banner .z_share_bar .ico {
	color:#fff;
	height:40px;
	line-height:40px;
	width:3.9583333333vw;
	text-align:center
}
.z_banner .z_share_bar .con {
	position:absolute;
	left:100%;
	top:50%;
	color:#fff;
	-webkit-transform:translate(100%, -50%);
	transform:translate(100%, -50%);
	background:#d92029;
	padding:6px;
	white-space:nowrap;
	border-radius:5px;
	min-width:100px;
	opacity:0;
	visibility:hidden;
	-webkit-transition:ease 1s;
	transition:ease 1s
}
.z_banner .z_share_bar .con img {
	display:block;
	width:100%
}
@media screen and (max-width: 980px) {
.z_banner .z_share_bar {
display:none
}
.z_banner .swiper_arr {
display:none
}
.z_banner .swiper_bar {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
.z_index_about {
	position:relative;
	z-index:2;
	overflow:hidden
}
.z_index_about .flwarp {
	width:35.9375vw;
	-ms-flex-negative:0;
	flex-shrink:0
}
@media screen and (max-width: 980px) {
.z_index_about .flwarp {
width:100%
}
}
.z_index_about .frwarp {
	width:64.0625vw;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_index_about .frwarp {
width:100%
}
}
.z_index_about .topbox {
	padding-left:6.7708333333vw;
	padding-right:6.7708333333vw;
	padding-top:6.7708333333vw;
	padding-bottom:6.7708333333vw;
	border-bottom:1px solid #dedede
}
@media screen and (max-width: 980px) {
.z_index_about .topbox {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_index_about .topbox {
padding-top:35px;
padding-bottom:35px
}
}
.z_index_about .topbox .desc {
	color:#666;
font-size:.8333333333vw;
	line-height:1.7vw;
	margin-top:2.0833333333vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4
}
@media screen and (max-width: 1680px) {
.z_index_about .topbox .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_index_about .topbox .desc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_index_about .topbox .desc {
line-height:1.8vw
}
}
@media screen and (max-width: 980px) {
.z_index_about .topbox .desc {
line-height:26px
}
}
@media screen and (max-width: 980px) {
.z_index_about .topbox .desc {
margin-top:30px
}
}
.z_index_about .btmbox {
	height:25.5208333333vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
@media screen and (max-width: 980px) {
.z_index_about .btmbox {
height:auto
}
}
.z_index_about .z_line_swiper li .desc {
	overflow:hidden; font-size:0.8vw;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	width:7.8125vw
}
@media screen and (max-width: 980px) {
.z_index_about .z_line_swiper li .desc {
width:100%; font-size: 3.3vw;
}
}
@media screen and (max-width: 980px) {
.z_index_about .topbox {
border-bottom:none
}
.z_index_about .btmbox {
display:block
}
}
.swiper_btn {
	z-index:2;
	cursor:pointer;
	width:54px;
	background:#fff;
	border:1px solid #e9e9e9;
	border-radius:12px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	overflow:hidden
}
.swiper_btn .btn {
	-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;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
-webkit-transition:ease .5s;
transition:ease .5s;
	height:24px
}
.swiper_btn .btn:hover {
	background:#d92029;
	color:#fff
}
.swiper_btn .next {
	border-left:1px solid #e9e9e9
}
.swiper_btn .iconfont {
	font-size:12px
}
.z_line_swiper {
	position:relative;
	width:100%;
	height:13.5416666667vw
}
@media screen and (max-width: 980px) {
.z_line_swiper {
height:auto
}
}
.z_line_swiper .swiper_btn {
	position:absolute;
	left:6.7708333333vw;
	top:1.5625vw
}
.z_line_swiper .linebg {
	position:absolute;
	left:0;
	bottom:0%;
	width:100%;
	height:13.5416666667vw;
	background:url(../img/line.png) repeat-x left bottom;
	background-size:auto 100%;
	z-index:-1
}
@media screen and (max-width: 980px) {
.z_line_swiper .linebg {
height:100%
}
}
.z_line_swiper li {
	width:10.2083333333vw;
	background:url(../img/line3.png) repeat-x left bottom;
	background-size:100% auto;
	position:relative
}
@media screen and (max-width: 980px) {
.z_line_swiper li {
width:auto
}
}
.z_line_swiper li:nth-child(even) {
background:url(../img/line4.png) repeat-x left bottom;
background-size:100% auto;
width:10.1041666667vw
}
@media screen and (max-width: 980px) {
.z_line_swiper li:nth-child(even) {
width:auto
}
}
.z_line_swiper li:nth-child(even) .line {
-webkit-animation:tt 6s infinite linear;
animation:tt 6s infinite linear;
margin-bottom:-5.2083333333vw;
-webkit-animation-delay:1s;
animation-delay:1s
}
.z_line_swiper .box {
	position:absolute;
	right:.6px;
	bottom:0;
	width:3px
}
.z_line_swiper .line {
width:.15625vw;
	background:#d92029;
	background:url(../img/line2.png) no-repeat bottom center;
	background-size:100% auto;
	-webkit-animation:tt2 6s infinite linear;
	animation:tt2 6s infinite linear;
	opacity:1;
	position:relative
}
@media screen and (max-width: 980px) {
.z_line_swiper .line {
width:100%
}
}
.z_line_swiper .infobox {
	width:12.5vw;
	margin-left:-2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_line_swiper .infobox {
width:200px
}
}
.z_line_swiper .infobox .year {
	font-family:Square721BT;
	color:#333;
	font-size:1.5625vw;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_line_swiper .infobox .year {
font-size:20px
}
}
.z_line_swiper .infobox .desc {
	color:#666;
	margin-top:4px
}
@-webkit-keyframes tt {
0%, 100% {
height:20.7291666667vw;
@media screen and (max-width: 980px) {
.z_line_swiper {
height:100%
}
}
}
50% {
height:17.0833333333vw;
@media screen and (max-width: 980px) {
.z_line_swiper {
height:100%
}
}
}
}
@keyframes tt {
0%, 100% {
height:20.7291666667vw;
@media screen and (max-width: 980px) {
.z_line_swiper {
height:100%
}
}
}
50% {
height:17.0833333333vw;
@media screen and (max-width: 980px) {
.z_line_swiper {
height:100%
}
}
}
}
@-webkit-keyframes tt2 {
0%, 100% {
height:18.6458333333vw;
@media screen and (max-width: 980px) {
.z_line_swiper {
height:100%
}
}
}
50% {
height:15.5208333333vw;
@media screen and (max-width: 980px) {
.z_line_swiper {
height:100%
}
}
}
}
@keyframes tt2 {
0%, 100% {
height:18.6458333333vw;
@media screen and (max-width: 980px) {
.z_line_swiper {
height:100%
}
}
}
50% {
height:15.5208333333vw;
@media screen and (max-width: 980px) {
.z_line_swiper {
height:100%
}
}
}
}
@media screen and (max-width: 980px) {
.z_line_swiper {
padding:0 10px;
border-bottom:1px solid #e9e9e9
}
.z_line_swiper .line {
-webkit-animation:none !important;
animation:none !important;
height:65vw;
width:2px;
display:none
}
.z_line_swiper li {
background:none !important;
padding:22px 12px;
height:auto;
border-right:1px solid #e9e9e9;
border-top:1px solid #e9e9e9
}
.z_line_swiper li:last-child {
border-right:none
}
.z_line_swiper .infobox {
-webkit-transform:translateX(0%);
transform:translateX(0%);
position:relative;
left:auto;
margin:0
}
.z_line_swiper .infobox .desc {
margin-top:20px; font-size:3.3vw;
}
.z_line_swiper .box {
right:auto;
position:relative;
width:100%
}
.z_line_swiper .swiper_btn {
position:relative;
left:auto;
top:auto;
z-index:2;
margin-bottom:20px
}
.z_line_swiper .linebg {
display:none
}
}
.z_index_tit .slg {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	color:#d92029;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
font-size:.9375vw;
margin-bottom:.625vw
}

@media screen and (min-width: 1921px) {
.z_index_tit .slg {
font-size:1.5vw
}
.z_index_tit .text2 {
font-size:40px
}

}

@media screen and (max-width: 1920px) {
.z_index_tit .slg {
font-size:1.5vw
}
.z_index_tit .text2 {
font-size:40px
}

}


@media screen and (max-width: 1680px) {
.z_index_tit .slg {
font-size:1.5vw
}
.z_index_tit .text2 {
font-size:40px
}


}
@media screen and (max-width: 980px) {
.z_index_tit .slg {
font-size:17px; font-weight:bold; 
}
}
@media screen and (max-width: 980px) {
.z_index_tit .slg {
margin-bottom:6px
}
}
.z_index_tit .slg em {
	width:36px;
	height:18px;
	background:url(../img/ks.png) no-repeat center;
	background-size:100% auto;
	display:block;
	margin-right:5px;
	margin-top:-3px
}
.z_index_tit .text {
	color:#333; padding-left:10vw; padding-right:10vw;
	line-height:2.5vw;
}

.z_index_tit .text3 {
	color:#333; 
	line-height:2.5vw;
	font-size:1.875vw
}

@media screen and (max-width: 980px) {
.z_index_tit .text {
line-height:20px
}

.z_index_tit .text {

  padding-left: 5vw;
  padding-right:5vw;

}

.z_index_tit .text2 {
font-size:50px
}

.z_index_tit .text3 {
	color:#333; 
	line-height:3.8vw;
	font-size:3.5vw
}


}
@media screen and (max-width: 980px) {
.z_index_tit .text {
font-size:14px
}

.texts{ font-size:14px; line-height:22px; color:#666; }

.z_index_tit .text2 {
font-size:20px
}

}
.z_index_tit.z_center {
	text-align:center
}
.z_index_tit.z_center .text {
	text-align:center
}
.z_index_tit.z_center .slg {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.z_section {
	padding-left:9.8958333333vw;
	padding-right:9.8958333333vw;
	padding-top:8.8541666667vw;
	padding-bottom:8.8541666667vw;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_section {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_section {
padding-top:35px;
padding-bottom:35px
}
}
#particles-js {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1
}
.z_index_yw {
	background:#f5f5f5;
	z-index:1;
	position:relative;
	overflow:hidden
}
.z_index_yw .yw_nav {
	position:relative;
	margin-top:3.6458333333vw;
	margin-bottom:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_nav {
margin-top:20px
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_nav {
margin-bottom:20px
}
}
.z_index_yw .yw_nav::before {
content:"";
display:block;
width:100vw;
height:1px;
background:#c9c9c9;
position:absolute;
left:-9.8958333333vw;
top:0
}
.z_index_yw .yw_nav ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.z_index_yw .yw_nav li {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	position:relative
}
.z_index_yw .yw_nav li::before {
content:"";
display:block;
width:0%;
height:3px;
background:#d92029;
position:absolute;
left:0%;
top:-1px;
-webkit-transition:ease 1s;
transition:ease 1s
}
.z_index_yw .yw_nav li.on .ico img, .z_index_yw .yw_nav li:hover .ico img {
	-webkit-transform:translateY(-34px);
	transform:translateY(-34px)
}
.z_index_yw .yw_nav li.on .tit, .z_index_yw .yw_nav li:hover .tit {
	color:#d92029
}
.z_index_yw .yw_nav li.on::before, .z_index_yw .yw_nav li:hover::before {
width:100%;
left:0
}
.z_index_yw .yw_nav a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding-top:1.1458333333vw;
	padding-bottom:1.1458333333vw;
	padding-right:2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_nav a {
padding-top:12px;
padding-bottom:12px
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_nav a {
padding-right:12px
}
}

.z_index_yw .ico {
width:34px;
height:34px;
overflow:hidden; 
}
.z_index_yw .ico img { 
display:block;
width:100%;
-webkit-transition:ease .5s;
transition:ease .5s
}

.z_index_yw .icoo {
width:34px;
height:34px;
overflow:hidden; 
}
.z_index_yw .icoo img { 
display:block; margin-top:-34px;
width:100%;
-webkit-transition:ease .5s;
transition:ease .5s
}



.z_index_yw .tit {
font-size:.8333333333vw;
	font-weight:bold;
	color:#333
}
@media screen and (max-width: 1680px) {
.z_index_yw .tit {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_index_yw .tit {
font-size:16px
}
}
.z_index_yw .yw_con {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.z_index_yw .yw_con .itembox {
	-ms-flex-negative:0;
	flex-shrink:0;
	width:5.4166666667vw;
	background:#fff;
margin-left:.4166666667vw;
	height:29.1666666667vw;
	overflow:hidden;
	position:relative;
	cursor:pointer
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .itembox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .itembox {
height:auto
}
}
.z_index_yw .yw_con .itembox:first-child {
	margin-left:0
}
.z_index_yw .yw_con .itembox.on {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.z_index_yw .yw_con .itembox.on .poster {
	opacity:0
}
.z_index_yw .yw_con .itembox.on .conbox {
	opacity:1
}
.z_index_yw .yw_con .conbox {
	overflow:hidden;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	opacity:0;
	-webkit-transition:ease 2s;
	transition:ease 2s;
	position:relative;
	z-index:2
}
.z_index_yw .yw_con .conbox .flcon {
	padding-left:2.6041666667vw;
	padding-right:2.6041666667vw;
	padding-top:5.2083333333vw;
	padding-bottom:5.2083333333vw;
	width:21.875vw;
	-ms-flex-negative:0;
	flex-shrink:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .flcon {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .flcon {
padding-top:20px;
padding-bottom:20px
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .flcon {
width:100%
}
}
.z_index_yw .yw_con .conbox .frcon {
	width:36.4583333333vw;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .frcon {
width:100%
}
}
.z_index_yw .yw_con .conbox .tit {
	font-size:1.3vw;
	line-height:1.875vw;
margin-top:.78125vw
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .tit {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .tit {
line-height:20px
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .tit {
margin-top:12px
}
}
.z_index_yw .yw_con .conbox .slg {
font-size:.9375vw;
	
}
@media screen and (max-width: 1680px) {
.z_index_yw .yw_con .conbox .slg {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .slg {
font-size:14px
}
}
.z_index_yw .yw_con .conbox .line {
	width:36px;
	height:2px;
	background:#d92029;
	margin-top:1.0416666667vw;
	margin-bottom:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .line {
margin-top:10px;
margin-bottom:10px
}
}
.z_index_yw .yw_con .conbox .desc {
	color:#333;
font-size:.8333333333vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
@media screen and (max-width: 1680px) {
.z_index_yw .yw_con .conbox .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .desc {
font-size:14px
}
}
.z_index_yw .yw_con .conbox .arrbtn {
	width:2.8125vw;
	height:2.8125vw;
	border:1px solid #b8b8b8;
	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;
	-webkit-transition:ease 1s;
	transition:ease 1s;
	margin-top:2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .arrbtn {
width:36px;
height:36px
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .conbox .arrbtn {
margin-top:12px
}
}
.z_index_yw .yw_con .conbox .arrbtn .iconfont {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.z_index_yw .yw_con .conbox .arrbtn:hover {
	background:#d92029;
	border-color:#d92029;
	color:#fff
}
.z_index_yw .yw_con .poster {
	width:5.5208333333vw;
	height:100%;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
	cursor:pointer;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .poster {
width:80px
}
}
.z_index_yw .yw_con .frcon ul, .z_index_yw .yw_con .frcon li {
	height:22.3958333333vw;
	position:relative
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .frcon ul, .z_index_yw .yw_con .frcon li {
height:50vw
}
}
.z_index_yw .yw_con .frcon .swiper_bar {
	padding-top:2.6041666667vw;
	padding-bottom:2.6041666667vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .frcon .swiper_bar {
padding-top:20px;
padding-bottom:20px
}
}
.z_index_yw .yw_con .frcon .swiper_btn {
	-ms-flex-negative:0;
	flex-shrink:0
}
.z_index_yw .yw_con .frcon .swiper_num {
	color:#bbb;
	font-family:Arial;
	font-weight:bold;
	font-size:16px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.z_index_yw .yw_con .frcon .swiper_num .current {
	color:#000
}
.z_index_yw .yw_con .frcon .swiper_dot {
	width:256px;
	width:13.3333333333vw;
	height:2px;
	background:#e9e9e9;
	border-radius:1px;
	position:relative;
	margin-left:1.0416666667vw;
	margin-right:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .frcon .swiper_dot {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_con .frcon .swiper_dot {
margin-left:12px;
margin-right:12px
}
}
.z_index_yw .yw_con .frcon .swiper_dot .swiper-pagination-progressbar-fill {
	background:#d92029;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transform-origin:left top;
	transform-origin:left top
}
@media screen and (max-width: 980px) {
.z_index_yw .yw_nav ul {
display:block
}
.z_index_yw .poster {
width:0;
display:none
}
.z_index_yw .yw_con {
display:block
}
.z_index_yw .yw_con .itembox {
-webkit-box-flex:0;
-ms-flex:0;
flex:0;
margin:0
}
.z_index_yw .yw_con .itembox.on .conbox {
display:block
}
.z_index_yw .yw_con .conbox {
display:none
}
.z_index_yw .yw_con .swiper_bar {
padding:20px 12px
}
}
.z_index_ky {
	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:18.75vw;
	padding-bottom:18.75vw;
	padding-left:9.8958333333vw;
	padding-right:9.8958333333vw;
	overflow:hidden;
	position:relative;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_index_ky {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_index_ky {
padding-left:12px;
padding-right:12px
}
}
.z_index_ky .waves {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0
}
.z_index_ky .z_index_tit {
	position:absolute;
	left:9.8958333333vw;
	top:8.8541666667vw
}
.z_index_ky .swiper_bar {
	position:absolute;
	right:5.7291666667vw;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:9;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.z_index_ky .swiper_bar .btn {
	width:3.125vw;
	height:3.125vw;
	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;
	background:#d92029;
	border-radius:50%
}
@media screen and (max-width: 980px) {
.z_index_ky .swiper_bar .btn {
width:30px;
height:30px
}
}
.z_index_ky .swiper_bar .btn .iconfont {
	font-size:1.4583333333vw;
-webkit-transition:ease .5s;
transition:ease .5s;
	color:#fff
}
@media screen and (max-width: 980px) {
.z_index_ky .swiper_bar .btn .iconfont {
font-size:18px
}
}
.z_index_ky .swiper_num {
	width:4.1666666667vw;
	height:4.1666666667vw;
	background:#d92029;
	color:#fff;
	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%;
	margin-left:1.5625vw;
	margin-right:1.5625vw
}
@media screen and (max-width: 980px) {
.z_index_ky .swiper_num {
width:50px;
height:50px
}
}
@media screen and (max-width: 980px) {
.z_index_ky .swiper_num {
margin-left:12px;
margin-right:12px
}
}
@media screen and (max-width: 980px) {
.z_index_ky {
display:block
}
.z_index_ky .z_index_tit {
position:relative;
left:auto;
top:auto
}
.z_index_ky .swiper_bar {
right:auto;
position:relative;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
top:auto;
-webkit-transform:translateY(0);
transform:translateY(0);
width:100%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:30px
}
}
.z_ky_swiper {
	width:29.1666666667vw;
	height:29.1666666667vw;
	position:relative
}
@media screen and (max-width: 980px) {
.z_ky_swiper {
width:100%;
height:auto
}
}
.z_ky_swiper li {
	margin-right:19.7916666667vw
}
@media screen and (max-width: 980px) {
.z_ky_swiper li {
margin-right:0px
}
}
.z_ky_swiper .swiper-slide-active {
	z-index:2
}
.z_ky_swiper .swiper-slide-active .cirbox {
	opacity:1
}
.z_ky_swiper .swiper-slide-active .cirbox::before {
-webkit-transform:translate(-50%, -50%) rotate(0deg);
transform:translate(-50%, -50%) rotate(0deg);
opacity:1
}
.z_ky_swiper .swiper-slide-active .cirbox .imgbox {
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1)
}
.z_ky_swiper .swiper-slide-active .infobox {
	opacity:1;
	-webkit-transform:translate(0%, -50%) scale(1, 1);
	transform:translate(0%, -50%) scale(1, 1)
}
.z_ky_swiper .cirbox {
	position:relative;
	z-index:1;
	opacity:.4;
	-webkit-transition:ease 1s;
	transition:ease 1s;
	width:29.1666666667vw;
	height:29.1666666667vw;
	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_ky_swiper .cirbox {
width:50vw;
height:50vw
}
}
.z_ky_swiper .cirbox::before {
content:"";
display:block;
width:48.9583333333vw;
height:48.9583333333vw;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%) rotate(-45deg);
transform:translate(-50%, -50%) rotate(-45deg);
background:url(../img/cir.png) no-repeat center;
background-size:100% 100%;
z-index:-1;
opacity:0;
-webkit-transition:ease 5s;
transition:ease 5s
}
@media screen and (max-width: 980px) {
.z_ky_swiper .cirbox::before {
width:70vw;
height:70vw
}
}
.z_ky_swiper .cirbox .imgbox {
	width:27.0833333333vw;
	height:27.0833333333vw;
	border-radius:50%;
	background-size:cover;
	-webkit-transform:scale(0.8, 0.8);
	transform:scale(0.8, 0.8);
	-webkit-transition:ease 1s;
	transition:ease 1s
}
@media screen and (max-width: 980px) {
.z_ky_swiper .cirbox .imgbox {
width:50vw;
height:50vw
}
}
.z_ky_swiper .cirbox .imgbox .imgbg {
	border-radius:50%;
	overflow:hidden
}
.z_ky_swiper .infobox {
	width:40vw;
	background:url(../img/bg.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:14.5833333333vw;
	top:50%;
	padding:2.6041666667vw;
	color:#fff;
	padding-right:19.1666666667vw;
	opacity:0;
	-webkit-transition:ease 1s;
	transition:ease 1s;
	-webkit-transform:translate(50%, -50%) scale(0.9, 0.9);
	transform:translate(50%, -50%) scale(0.9, 0.9);
-webkit-transition-delay:.3s;
transition-delay:.3s
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox {
padding:12px
}
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox {
padding-right:12px
}
}
.z_ky_swiper .infobox .en {
	font-size:3vw;
	line-height:2.8125vw;
	text-transform:uppercase;
	font-family:Square721BT;
	font-weight:normal;
	color:#fff;
	opacity:.2;
	margin-bottom:1.5625vw
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox .en {
font-size:32px
}
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox .en {
line-height:22px
}
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox .en {
margin-bottom:12px
}
}
.z_ky_swiper .infobox .tit {
	font-size:1.25vw;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox .tit {
font-size:16px
}
}
.z_ky_swiper .infobox .slg {
font-size:.9375vw;
	font-weight:bold
}
@media screen and (max-width: 1680px) {
.z_ky_swiper .infobox .slg {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox .slg {
font-size:14px
}
}
.z_ky_swiper .infobox .desc {
font-size:.8333333333vw;
padding-left:.8333333333vw;
	position:relative;
	margin-top:1.5625vw
}
@media screen and (max-width: 1680px) {
.z_ky_swiper .infobox .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox .desc {
font-size:13px
}
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox .desc {
padding-left:10px
}
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox .desc {
margin-top:7px
}
}
.z_ky_swiper .infobox .desc:before {
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	opacity:.8
}
@media screen and (max-width: 980px) {
.z_ky_swiper .infobox {
right:20%;
width:80%;
padding-right:30%;
opacity:1
}
.z_ky_swiper .infobox .en, .z_ky_swiper .infobox .slg {
display:none
}
.z_ky_swiper .cirbox {
margin-left:auto
}
}
.z_index_ys {
	padding-bottom:20.8333333333vw;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_index_ys {
padding-bottom:50px
}
}
.z_index_ys .z_index_tit {
	text-align:center;
	margin-bottom:4.6875vw
}
@media screen and (max-width: 980px) {
.z_index_ys .z_index_tit {
margin-bottom:30px
}
}
.z_index_ys .z_index_tit .slg {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.z_index_ys .z_about_num ul {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.z_index_ys .z_about_num li {
	width:18.75vw;
	height:18.75vw;
	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;
	position:relative;
	margin-left:4.1666666667vw;
	margin-right:4.1666666667vw;
	-webkit-transition:-webkit-transform 1s;
	transition:-webkit-transform 1s;
	transition:transform 1s;
	transition:transform 1s, -webkit-transform 1s;
	padding:1.5625vw;
	text-align:center
}
@media screen and (max-width: 980px) {
.z_index_ys .z_about_num li {
width:100%;
height:auto
}
}
@media screen and (max-width: 980px) {
.z_index_ys .z_about_num li {
margin-left:10px;
margin-right:10px
}
}
@media screen and (max-width: 980px) {
.z_index_ys .z_about_num li {
padding:20px
}
}
.z_index_ys .z_about_num li:hover {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.z_index_ys .z_about_num li:before {
	background:url(../img/cir2.png) no-repeat center;
	background-size:cover;
	z-index:1;
	-webkit-animation:roate 20s linear infinite;
	animation:roate 20s linear infinite
}
.z_index_ys .z_about_num li:nth-child(2)::before {
-webkit-animation:roate22 20s linear infinite;
animation:roate22 20s linear infinite;
-webkit-animation-delay:.4s;
animation-delay:.4s
}
.z_index_ys .z_about_num li:nth-child(3)::before {
-webkit-animation-delay:.6s;
animation-delay:.6s
}
.z_index_ys .tit {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	font-family:Square721BT;
	font-weight:normal;
	color:#444648;
	font-size:1.4583333333vw;
	font-weight:bold;
	color:#d92029
}
@media screen and (max-width: 980px) {
.z_index_ys .tit {
font-size:14px
}
}
.z_index_ys .tit .timer {
	font-size:2.5vw;
	line-height:2.5vw
}
@media screen and (max-width: 980px) {
.z_index_ys .tit .timer {
font-size:24px
}
}
@media screen and (max-width: 980px) {
.z_index_ys .tit .timer {
line-height:24px
}
}
.z_index_ys .tit em {
	margin-left:5px
}
.z_index_ys .desc {
	color:#444648;
margin-top:.5208333333vw;
font-size:.8333333333vw
}
@media screen and (max-width: 980px) {
.z_index_ys .desc {
margin-top:10px
}
}
@media screen and (max-width: 1680px) {
.z_index_ys .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_index_ys .desc {
font-size:14px
}
}
@-webkit-keyframes roate {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes roate {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes roate22 {
100% {
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
}
@keyframes roate22 {
100% {
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
}
@media screen and (max-width: 980px) {
.z_index_ys {
background:#fff !important
}
.z_index_ys .z_about_num li::before {
display:none
}
}
.z_index_cj {
	background:#f5f5f5;
	position:relative;
	overflow:hidden
}
.z_index_cj .z_index_tit {
	padding-left:9.8958333333vw;
	padding-right:9.8958333333vw;
	padding-top:9.8958333333vw;
	padding-bottom:9.8958333333vw
}
@media screen and (max-width: 980px) {
.z_index_cj .z_index_tit {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_index_cj .z_index_tit {
padding-top:30px;
padding-bottom:30px
}
}
.z_index_cj .z_cj_swiper {
	position:relative;
	z-index:1;
	margin-top:15.625vw
}
@media screen and (max-width: 980px) {
.z_index_cj .z_cj_swiper {
margin-top:30px
}
}
.z_index_cj .z_cj_swiper .swiper_btn {
	display:none
}
.z_index_cj .z_cj_swiper li {
	background:none
}
.z_index_cj .z_cj_swiper li em {
	font-size:16px;
	vertical-align:top
}
.z_index_cj .z_cj_swiper li .line {
	-webkit-animation:tt4 6s infinite linear;
	animation:tt4 6s infinite linear
}
.z_index_cj .z_cj_swiper li:first-child .line {
	-webkit-animation:tt3 6s infinite linear;
	animation:tt3 6s infinite linear
}
.z_index_cj .z_cj_swiper li:nth-child(3) .box {
right:2px
}
@-webkit-keyframes tt3 {
0%, 100% {
height:18.6458333333vw;
@media screen and (max-width: 980px) {
.z_index_cj {
height:100%
}
}
}
50% {
height:28.5416666667vw;
@media screen and (max-width: 980px) {
.z_index_cj {
height:100%
}
}
}
}
@keyframes tt3 {
0%, 100% {
height:18.6458333333vw;
@media screen and (max-width: 980px) {
.z_index_cj {
height:100%
}
}
}
50% {
height:28.5416666667vw;
@media screen and (max-width: 980px) {
.z_index_cj {
height:100%
}
}
}
}
@-webkit-keyframes tt4 {
0%, 100% {
height:17.0833333333vw;
@media screen and (max-width: 980px) {
.z_index_cj {
height:100%
}
}
}
50% {
height:22.2916666667vw;
@media screen and (max-width: 980px) {
.z_index_cj {
height:100%
}
}
}
}
@keyframes tt4 {
0%, 100% {
height:17.0833333333vw;
@media screen and (max-width: 980px) {
.z_index_cj {
height:100%
}
}
}
50% {
height:22.2916666667vw;
@media screen and (max-width: 980px) {
.z_index_cj {
height:100%
}
}
}
}
.z_index_cj .z_cjxw_box {
	position:absolute;
	right:9.8958333333vw;
	top:9.8958333333vw;
	width:37.1875vw;
	z-index:3
}
@media screen and (max-width: 980px) {
.z_index_cj .z_cjxw_box {
width:100%
}
}
.z_index_cj .btn_warp {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:6px
}
.z_index_cj .btn_warp .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;
	height:3.8541666667vw;
	width:49%;
	background:#fff;
	cursor:pointer;
	-webkit-transition:background 1s;
	transition:background 1s;
	color:#d1d1d1
}
@media screen and (max-width: 980px) {
.z_index_cj .btn_warp .btn {
height:40px
}
}
.z_index_cj .btn_warp .btn:hover {
	background:#d92029;
	color:#fff
}
.z_index_cj .cjxw_swiper {
	background:#fff;
	padding-left:1.8229166667vw;
	padding-right:1.8229166667vw;
	height:34.7916666667vw;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper {
height:100vw
}
}
.z_index_cj .cjxw_swiper a {
	display:block;
	padding-top:1.5625vw;
	padding-bottom:1.5625vw
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper a {
padding-top:12px;
padding-bottom:12px
}
}
.z_index_cj .cjxw_swiper li {
	border-bottom:1px solid #d7d7d7;
	height:auto
}
.z_index_cj .cjxw_swiper li:last-child {
	border-bottom:none
}
.z_index_cj .cjxw_swiper li.on .iconfont {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.z_index_cj .cjxw_swiper li.on .tit, .z_index_cj .cjxw_swiper li.on .num, .z_index_cj .cjxw_swiper li.on .iconfont {
	color:#d92029
}
.z_index_cj .cjxw_swiper .topbox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
.z_index_cj .cjxw_swiper .num, .z_index_cj .cjxw_swiper .iconfont {
	font-weight:bold;
	color:#d1d1d1;
font-size:.9375vw;
	-ms-flex-negative:0;
	flex-shrink:0
}
@media screen and (max-width: 1680px) {
.z_index_cj .cjxw_swiper .num, .z_index_cj .cjxw_swiper .iconfont {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper .num, .z_index_cj .cjxw_swiper .iconfont {
font-size:14px
}
}
.z_index_cj .cjxw_swiper .iconfont {
	font-size:12px;
	line-height:20px;
	display:inline-block;
	margin-left:auto;
	cursor:pointer;
-webkit-transition:ease .5s;
transition:ease .5s
}
.z_index_cj .cjxw_swiper .num {
	width:5.625vw
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper .num {
width:20px
}
}
.z_index_cj .cjxw_swiper .tit {
	width:18.75vw;
font-size:.9375vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper .tit {
width:100%
}
}
@media screen and (max-width: 1680px) {
.z_index_cj .cjxw_swiper .tit {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper .tit {
font-size:14px
}
}
.z_index_cj .cjxw_swiper .imgbox {
	width:18.75vw;
	height:9.8958333333vw;
	margin-left:5.625vw;
	margin-top:1.0416666667vw;
	display:none
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper .imgbox {
width:100%;
height:50vw
}
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper .imgbox {
margin-left:0
}
}
@media screen and (max-width: 980px) {
.z_index_cj .cjxw_swiper .imgbox {
margin-top:12px
}
}
@media screen and (max-width: 980px) {
.z_index_cj .z_cjxw_box {
position:relative;
right:auto;
top:auto
}
.z_index_cj .cjxw_swiper {
height:auto
}
.z_index_cj .cjxw_swiper .tit {
margin:0 20px
}
.z_index_cj .btn_warp {
display:none
}
.z_index_cj .z_cj_swiper .swiper_btn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:20px
}
.z_index_cj .z_cj_swiper li {
border-bottom:1px solid #e9e9e9
}
}
.z_index_news .line {
	width:100vw;
	margin-left:-9.8958333333vw;
	height:1px;
	background:#c9c9c9;
	margin-top:3.125vw
}
@media screen and (max-width: 980px) {
.z_index_news .line {
margin-left:-12px
}
}
@media screen and (max-width: 980px) {
.z_index_news .line {
margin-top:30px
}
}
.z_news_list li {
	position:relative
}
.z_news_list li::before {
content:"";
display:block;
width:0;
height:2px;
background:#d92029;
position:absolute;
left:0;
top:-1px;
z-index:1;
-webkit-transition:width 1s;
transition:width 1s
}
.z_news_list li:hover::before {
width:100%
}
.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:#d92029
}
.z_news_list .imgbox {
	height:15.4166666667vw;
	margin-top:1.5625vw;
	margin-bottom:1.5625vw
}
@media screen and (max-width: 980px) {
.z_news_list .imgbox {
height:50vw
}
}
@media screen and (max-width: 980px) {
.z_news_list .imgbox {
margin-top:12px;
margin-bottom:12px
}
}
.z_news_list .time {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#666;
	padding:12px 0;
	padding-bottom:0
}
.z_news_list .tit {
	font-weight:bold;
	color:#333;
	font-size:1.1458333333vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-height:1.71875vw;
	min-height:3.4375vw
}
@media screen and (max-width: 980px) {
.z_news_list .tit {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_news_list .tit {
line-height:20px
}
}
.z_news_list .bar {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_news_list .bar {
margin-top:12px
}
}
.z_news_list .bar span {
	display:inline-block;
	background:#fff;
	border:1px solid rgba(75, 75, 75, .19);
	border-radius:15px;
	line-height:30px;
	padding:0 12px;
	margin-right:12px
}
.z_news_list .bar .iconfont {
	font-size:1.0416666667vw;
	vertical-align:middle;
	margin-right:3px
}
@media screen and (max-width: 980px) {
.z_news_list .bar .iconfont {
font-size:14px
}
}
.z_footer {
	padding:4.6875vw;
	color:#fff;
	padding-right:0;
	padding-bottom:0
}
@media screen and (max-width: 980px) {
.z_footer {
padding:12px
}
}
.z_footer .flbox {
	width:44.2708333333vw;
	-ms-flex-negative:0;
	flex-shrink:0
}
@media screen and (max-width: 980px) {
.z_footer .flbox {
width:100%
}
}
.z_footer .logo img {
	display:block;
	height:48px
}
.z_footer .code {
	margin-top:5.2083333333vw
}
@media screen and (max-width: 980px) {
.z_footer .code {
margin-top:12px
}
}
.z_footer .address {
	margin-top:1.0416666667vw;
font-size:.8333333333vw; line-height:1.6vw;
	font-weight:400;
	color:#dde2ed
}
@media screen and (max-width: 980px) {
.z_footer .address {
margin-top:12px
}
}
@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:13px; line-height:24px;
}
}
.z_footer .footer_nav {
	width:100%
}
.z_footer .footer_nav li {
	float:left;
	width:20%;
	margin-left:5%;
	margin-bottom:5.2083333333vw
}
.z_footer .footer_nav a {
	color:#fff;
	display:block
}
.z_footer .footer_nav .one {
font-size:.9375vw;
	font-weight:bold;
	margin-bottom:5px
}
@media screen and (max-width: 1680px) {
.z_footer .footer_nav .one {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_footer .footer_nav .one {
font-size:14px
}
}
.z_footer .footer_nav .down a {
	color:#dde2ed;
	line-height:30px
}
.z_footer .footer_nav .down a:hover {
	color:#fff
}
.z_footer a {
	color:#fff
}
.z_footer .btmwarp {
	padding-right:4.6875vw;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-top:2.0833333333vw;
	padding-bottom:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_footer .btmwarp {
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_footer .btmwarp { font-family: 'oppo'; text-align:center;
padding-top:12px; font-size:13px; 
padding-bottom:12px
}
.z_footer .btmwarp a { display:none}


}
@media screen and (max-width: 980px) {
.z_footer .footer_nav, .z_footer .logo {
display:none
}
}
.z_other_banner {
	width:100%;
	position:relative;
	height:33.3333333333vw;
	margin-top:0vw
}
@media screen and (max-width: 980px) {
.z_other_banner {
height:60vw
}
}
@media screen and (max-width: 980px) {
.z_other_banner {
margin-top:50px
}
}
.z_other_banner .z_text {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:1;
	color:#fff;
	font-size:2.8vw;
	line-height:3.75vw;
	font-weight:bold;
	letter-spacing:0px;
	top:55%;
	width:100%;
	text-align:center
}
@media screen and (max-width: 980px) {
.z_other_banner .z_text {
font-size:20px
}
}
@media screen and (max-width: 980px) {
.z_other_banner .z_text {
line-height:24px
}
}
.z_about_warp {
	padding-top:8.8541666667vw;
	position:relative
}
@media screen and (max-width: 980px) {
.z_about_warp {
padding-top:35px
}
}
.z_about_warp .topwarp {
	padding-left:0vw;
	padding-right:0vw
}
@media screen and (max-width: 980px) {
.z_about_warp .topwarp {
padding-left:12px;
padding-right:12px
}
}
.z_about_warp .conbox {
	width:50%;
	margin-left:auto;
	position:relative;
	padding-left:5.2083333333vw;
	padding-bottom:10.4166666667vw
}
@media screen and (max-width: 980px) {
.z_about_warp .conbox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_about_warp .conbox {
padding-left:12px
}
}
@media screen and (max-width: 980px) {
.z_about_warp .conbox {
padding-bottom:20px
}
}
.z_about_warp .conbox::before {
content:"";
display:block;
width:2px;
height:100%;
background:#d92029;
position:absolute;
left:0;
top:0;
z-index:1
}
.z_about_warp .conbox::after {
content:"";
display:block;
width:14px;
height:14px;
background:#d92029;
border:0px solid #050001;
border-radius:50%;
position:absolute;
left:-6px;
top:0
}
.z_about_warp .conbox .desc {
font-size:.9375vw;
	line-height:1.5625vw;
	font-weight:400;
	color:#666;
	width:31.09375vw
}
@media screen and (max-width: 1680px) {
.z_about_warp .conbox .desc {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_about_warp .conbox .desc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_about_warp .conbox .desc {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_about_warp .conbox .desc {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_about_warp .conbox .desc {
width:100%
}
}
.z_about_warp .since {
	font-size:8.9583333333vw;
	line-height:6.3541666667vw;
	font-family:Arial;
	font-weight:400;
	color:#d92029;
	text-transform:uppercase;
	margin-top:3.125vw;
	margin-bottom:3.125vw
}
@media screen and (max-width: 980px) {
.z_about_warp .since {
font-size:32px
}
}
@media screen and (max-width: 980px) {
.z_about_warp .since {
line-height:32px
}
}
@media screen and (max-width: 980px) {
.z_about_warp .since {
margin-top:15px;
margin-bottom:15px
}
}
.z_about_warp .titbar {
	text-align:center;
	font-size:1.25vw;
	line-height:1.5625vw;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_about_warp .titbar {
font-size:16px
}
}
@media screen and (max-width: 1680px) {
.z_about_warp .titbar {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_about_warp .titbar {
line-height:24px
}
}
.z_about_warp .mapwarp {
	width:52.5vw;
	margin:0 auto;
	margin-top:3.125vw;
	position:relative
}
@media screen and (max-width: 980px) {
.z_about_warp .mapwarp {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_about_warp .mapwarp {
margin-top:10px
}
}
.z_about_warp .mapbox {
	position:relative
}
.z_about_warp .mapbox .img {
	display:block;
	width:100%
}
.z_about_warp .mapbox .btn {
	width:1.25vw;
	height:1.25vw;
	background:url(../img/jj.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_about_warp .mapbox .btn {
width:14px;
height:14px
}
}
.z_about_warp .mapbox .btn::before {
content:"";
display:block;
width:100%;
height:100%;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:url(../img/cir3.png) no-repeat center;
background-size:100% 100%;
-webkit-animation:scale1 2s infinite linear;
animation:scale1 2s infinite linear;
opacity:0
}
@-webkit-keyframes scale1 {
0% {
-webkit-transform:translate(-50%, -50%) scale(0, 0);
transform:translate(-50%, -50%) scale(0, 0)
}
100% {
-webkit-transform:translate(-50%, -50%) scale(13, 13);
transform:translate(-50%, -50%) scale(13, 13)
}
}
@keyframes scale1 {
0% {
-webkit-transform:translate(-50%, -50%) scale(0, 0);
transform:translate(-50%, -50%) scale(0, 0)
}
100% {
-webkit-transform:translate(-50%, -50%) scale(13, 13);
transform:translate(-50%, -50%) scale(13, 13)
}
}
.z_about_warp .mapbox li {
	position:absolute;
	cursor:pointer
}
.z_about_warp .mapbox li.active .btn::before {
opacity:1
}
.z_about_warp .mapbox li.active .con {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	visibility:visible
}
.z_about_warp .mapbox .dot1 {
	left:77%;
	top:57%
}
.z_about_warp .mapbox .dot2 {
	left:60%;
	top:32%
}
.z_about_warp .mapbox .dot3 {
	left:70.5%;
	top:57%
}
.z_about_warp .mapbox .dot4 {
	left:63%;
	top:80%
}
.z_about_warp .mapbox .dot5 {
	left:73%;
	top:65%
}
.z_about_warp .mapbox .dot6 {
	left:51.5%;
	top:47%
}
.z_about_warp .mapbox .con {
	position:absolute;
	width:22.3958333333vw;
	background:#fffaf0;
	border-bottom:5px solid #d92029;
	left:-23.9583333333vw;
	padding:2.0833333333vw;
	top:1.0416666667vw;
font-size:.8333333333vw;
	line-height:1.25vw;
	color:#666;
	z-index:2;
	opacity:0;
	-webkit-transform:translateY(10%);
	transform:translateY(10%);
	-webkit-transition:ease 1s;
	transition:ease 1s;
	visibility:hidden
}
@media screen and (max-width: 980px) {
.z_about_warp .mapbox .con {
width:210px
}
}
@media screen and (max-width: 980px) {
.z_about_warp .mapbox .con {
padding:12px
}
}
@media screen and (max-width: 1680px) {
.z_about_warp .mapbox .con {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_about_warp .mapbox .con {
font-size:12px
}
}
@media screen and (max-width: 1680px) {
.z_about_warp .mapbox .con {
line-height:1.45vw
}
}
@media screen and (max-width: 980px) {
.z_about_warp .mapbox .con {
line-height:24px
}
}
.z_about_warp .mapwarp2 .dot5 {
	left:50.5%;
	top:45%
}
.z_about_warp .imgbox {
	margin-top:-5.2083333333vw
}
@media screen and (max-width: 980px) {
.z_about_warp .imgbox {
margin-top:0
}
}
@media screen and (max-width: 980px) {
.z_about_warp {
overflow:hidden
}
.z_about_warp .mapwarp {
margin-top:40px
}
.z_about_warp .titbar {
position:relative
}
}
.z_about_process {
	background:#f5f5f5;
	overflow:hidden;
	padding-bottom:0vw
}
@media screen and (max-width: 980px) {
.z_about_process {
padding-bottom:40px
}
}
.z_about_process .z_process_swiper {
	width:105.1041666667vw;
	margin-top:12.5vw;
	margin-left:-5.1041666667vw;
	position:relative;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_about_process .z_process_swiper {
margin-top:0px
}
}
@media screen and (max-width: 980px) {
.z_about_process .z_process_swiper {
margin-left:0px
}
}
.z_about_process .z_process_swiper .swiper_btn {
	display:none
}
.z_about_process .z_process_swiper li {
	background:none
}
.z_about_process .z_process_swiper .line {
	-webkit-animation:tt5 4s infinite linear;
	animation:tt5 4s infinite linear
}
@-webkit-keyframes tt5 {
0%, 100% {
height:22.9166666667vw;
@media screen and (max-width: 980px) {
.z_about_process {
height:100%
}
}
}
50% {
height:20.2083333333vw;
@media screen and (max-width: 980px) {
.z_about_process {
height:100%
}
}
}
}
@keyframes tt5 {
0%, 100% {
height:22.9166666667vw;
@media screen and (max-width: 980px) {
.z_about_process {
height:100%
}
}
}
50% {
height:20.2083333333vw;
@media screen and (max-width: 980px) {
.z_about_process {
height:100%
}
}
}
}
@-webkit-keyframes tt6 {
0%, 100% {
height:17.1875vw;
@media screen and (max-width: 980px) {
.z_about_process {
height:100%
}
}
}
50% {
height:14.5833333333vw;
@media screen and (max-width: 980px) {
.z_about_process {
height:100%
}
}
}
}
@keyframes tt6 {
0%, 100% {
height:17.1875vw;
@media screen and (max-width: 980px) {
.z_about_process {
height:100%
}
}
}
50% {
height:14.5833333333vw;
@media screen and (max-width: 980px) {
.z_about_process {
height:100%
}
}
}
}
@media screen and (max-width: 1680px) {
.z_about_process .z_process_swiper .swiper_btn {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.z_about_process .z_line_swiper li {
width:20.4166666667vw
}
.z_about_process .z_line_swiper li:first-child {
display:none
}
}
@media screen and (max-width: 1680px)and (max-width: 980px) {
.z_about_process .z_line_swiper li {
width:auto
}
}
.z_about_honor {
	background:url(../img/bg5.jpg) no-repeat bottom center;
	background-size:100% auto
}
.z_about_honor .z_index_tit {
	margin-bottom:3.6458333333vw
}
@media screen and (max-width: 980px) {
.z_about_honor .z_index_tit {
margin-bottom:30px
}
}
.z_about_honor .flwarp {
	width:26.0416666667vw;
	background:#f5f5f5;
	padding-left:1.875vw;
	padding-right:1.875vw
}
@media screen and (max-width: 980px) {
.z_about_honor .flwarp {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_about_honor .flwarp {
padding-left:12px;
padding-right:12px
}
}
.z_about_honor .flwarp ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-flow:column;
	flex-flow:column
}
.z_about_honor .flwarp li {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:center;
	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-bottom:1px solid #d6d6d6;
	min-height:9.4791666667vw;
	padding-top:1.0416666667vw;
	padding-bottom:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_about_honor .flwarp li {
padding-top:20px;
padding-bottom:20px
}
}
.z_about_honor .flwarp li:last-child {
	border-bottom:none
}
.z_about_honor .flwarp .tt {
	font-size:1.25vw;
	line-height:1.875vw;
	font-weight:bold;
	color:#d92029;
	line-height:36px
}
@media screen and (max-width: 980px) {
.z_about_honor .flwarp .tt {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_about_honor .flwarp .tt {
line-height:24px
}
}
.z_about_honor .flwarp .slg {
font-size:.8333333333vw;
	margin-top:5px
}
@media screen and (max-width: 1680px) {
.z_about_honor .flwarp .slg {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_about_honor .flwarp .slg {
font-size:14px
}
}
.z_about_honor .frwarp {
	width:52.2916666667vw;
	margin-left:auto;
	background:#fff
}
@media screen and (max-width: 980px) {
.z_about_honor .frwarp {
width:100%
}
}
.z_about_honor .frwarp .imgbox {
	height:18.75vw
}
@media screen and (max-width: 980px) {
.z_about_honor .frwarp .imgbox {
height:50vw
}
}
.z_about_honor .frwarp .infobox {
	padding:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_about_honor .frwarp .infobox {
padding:12px
}
}
.z_about_honor .frwarp .infobox li {
font-size:.8333333333vw;
	line-height:1.25vw;
	width:50%;
	float:left;
	color:#282828;
padding-right:.5208333333vw;
	position:relative;
	padding-left:10px
}
@media screen and (max-width: 1680px) {
.z_about_honor .frwarp .infobox li {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_about_honor .frwarp .infobox li {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_about_honor .frwarp .infobox li {
line-height:1.45vw
}
}
@media screen and (max-width: 980px) {
.z_about_honor .frwarp .infobox li {
line-height:22px
}
}
@media screen and (max-width: 980px) {
.z_about_honor .frwarp .infobox li {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_about_honor .frwarp .infobox li {
padding-right:0
}
}
.z_about_honor .frwarp .infobox li::before {
content:"";
display:block;
width:6px;
height:6px;
background:#d92029;
border:0px solid #050001;
border-radius:50%;
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.z_about_culture {
	position:relative;
	overflow:hidden
}
.z_about_culture .cirbox {
	width:30.3125vw;
	height:30.3125vw;
	margin:0 auto;
	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;
	position:relative
}
@media screen and (max-width: 980px) {
.z_about_culture .cirbox {
width:50vw;
height:50vw
}
}
.z_about_culture .cirbox::before {
background:url(../img/cir4.png) no-repeat center;
background-size:100% 100%;
-webkit-animation:roate 5s infinite linear;
animation:roate 5s infinite linear
}
.z_about_culture ul {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-transform:translateY(-6.7708333333vw);
	transform:translateY(-6.7708333333vw)
}
.z_about_culture li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-left:5.7291666667vw;
	margin-right:2vw;
	margin-top:0vw
}
@media screen and (max-width: 980px) {
.z_about_culture li {
margin-left:0;
margin-right:0
}
}
@media screen and (max-width: 980px) {
.z_about_culture li {
margin-top:20px
}
}
.z_about_culture .ico {
	display:block;
	width:3.75vw;
	margin-right:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_about_culture .ico {
width:40px
}
}
@media screen and (max-width: 980px) {
.z_about_culture .ico {
margin-right:10px
}
}
.z_about_culture .cc {
	font-size:24px;
	font-family:Microsoft YaHei UI;
	font-size:1.25vw;
	line-height:1.875vw
}
@media screen and (max-width: 980px) {
.z_about_culture .cc {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_about_culture .cc {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_about_culture ul {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.z_nav_swiper {
	width:100%;
	background:#f8f8f8;
	overflow:hidden
}
.z_nav_swiper ul {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.z_nav_swiper li {
	width:auto;
	position:relative;
	margin-left:1.8229166667vw;
	margin-right:1.8229166667vw
}
@media screen and (max-width: 980px) {
.z_nav_swiper li {
margin-left:10px;
margin-right:10px
}
}
.z_nav_swiper li::before {
content:"";
display:block;
width:0%;
height:3px;
background:#d92029;
position:absolute;
left:50%;
bottom:0;
-webkit-transition:ease 1s;
transition:ease 1s
}
.z_nav_swiper li.active::before, .z_nav_swiper li:hover::before {
width:100%;
left:0
}
.z_nav_swiper li.active a, .z_nav_swiper li:hover a {
	color:#d92029
}
.z_nav_swiper a {
	display:block;
	line-height:3.5vw;
	font-weight:bold;
font-size:.9375vw
}
@media screen and (max-width: 980px) {
.z_nav_swiper a {
line-height:50px
}
}

@media screen and (min-width: 1921px) {
.z_nav_swiper a {
font-size:1.134375vw
}
.small a { font-size:0.8vw ; font-weight:normal  }

.small li { margin-left:1.2vw;
	margin-right:1.2vw}

}


@media screen and (max-width: 1920px) {
.z_nav_swiper a {
font-size:.9375vw
}
.small a { font-size:0.9vw ; font-weight:normal  }

.small li { margin-left:1.2vw;
	margin-right:1.2vw}

}


@media screen and (max-width: 1680px) {
.z_nav_swiper a {
font-size:1.134375vw
}
.small a { font-size:1.1vw ; font-weight:normal  }

.small li { margin-left:1.2vw;
	margin-right:1.2vw}

}


@media screen and (max-width: 980px) {
.z_nav_swiper a {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_nav_swiper ul { 
-webkit-box-pack:unset;
-ms-flex-pack:unset;
justify-content:unset; width:100%; 
}

.cpfenlei { width:100%; overflow:scroll; }
}
.z_cx_warp {
	padding-left:20.8333333333vw;
	padding-right:20.8333333333vw;
	padding-top:5.2083333333vw;
	padding-bottom:5.2083333333vw;
	position:relative;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_cx_warp {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp {
padding-top:35px;
padding-bottom:35px
}
}
.z_cx_warp .desc {
	width:36.8229166667vw;
font-size:.8333333333vw;
	line-height:1.5625vw;
	margin-top:2.0833333333vw;
	margin-bottom:3.125vw
}
@media screen and (max-width: 980px) {
.z_cx_warp .desc {
width:100%
}
}
@media screen and (max-width: 1680px) {
.z_cx_warp .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_cx_warp .desc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_cx_warp .desc {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_cx_warp .desc {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp .desc {
margin-top:20px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp .desc {
margin-bottom:20px
}
}
.z_cx_warp .imgbox {
	position:relative
}
.z_cx_warp .imgbox .imgbg {
	height:30.7291666667vw
}
@media screen and (max-width: 980px) {
.z_cx_warp .imgbox .imgbg {
height:50vw
}
}
.z_cx_warp .btmbox {
	position:absolute;
	right:0;
	bottom:0
}
.z_cx_warp .btmbox li {
	width:15vw;
	padding-top:1.0416666667vw;
	padding-bottom:1.0416666667vw;
	padding-left:2.0833333333vw;
	padding-right:2.0833333333vw;
	background:#0b68da;
	color:#fff
}
@media screen and (max-width: 980px) {
.z_cx_warp .btmbox li {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_warp .btmbox li {
padding-top:20px;
padding-bottom:20px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp .btmbox li {
padding-left:20px;
padding-right:20px
}
}
.z_cx_warp .btmbox li:nth-child(2) {
background:#f6f6f6;
color:#000
}
.z_cx_warp .btmbox li:nth-child(3) {
background:#0b1528
}
.z_cx_warp .btmbox li h3 {
	font-size:1.875vw;
	font-weight:bold;
	font-family:Square721BT
}
@media screen and (max-width: 980px) {
.z_cx_warp .btmbox li h3 {
font-size:14px
}
}
.z_cx_warp .btmbox li h3 em {
	font-size:2.5vw
}
@media screen and (max-width: 980px) {
.z_cx_warp .btmbox li h3 em {
font-size:20px
}
}
.z_cx_warp .btmbox li h4 {
	margin-top:1.8229166667vw
}
@media screen and (max-width: 980px) {
.z_cx_warp .btmbox li h4 {
margin-top:12px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp .btmbox {
position:relative
}
}
.z_cx_con {
	padding-top:5.2083333333vw;
	padding-bottom:5.2083333333vw;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	position:relative;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-flow:row-reverse;
	flex-flow:row-reverse;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_cx_con {
padding-top:35px;
padding-bottom:35px
}
}
.z_cx_con .imgbox {
	width:57.5520833333vw;
	height:30.7291666667vw
}
@media screen and (max-width: 980px) {
.z_cx_con .imgbox {
width:100%;
height:55vw
}
}
.z_cx_con .infobox {
	width:27.5vw;
	position:relative;
	margin-right:-5.5208333333vw;
	z-index:1;
	padding:3.125vw;
font-size:.9375vw;
	line-height:1.5625vw;
	background:#fff;
	-webkit-box-shadow:0 0 15px rgba(0, 0, 0, .1);
	box-shadow:0 0 15px rgba(0, 0, 0, .1)
}
@media screen and (max-width: 980px) {
.z_cx_con .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_con .infobox {
margin-right:0
}
}
@media screen and (max-width: 980px) {
.z_cx_con .infobox {
padding:15px
}
}
@media screen and (max-width: 1680px) {
.z_cx_con .infobox {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_cx_con .infobox {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_cx_con .infobox {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_cx_con .infobox {
line-height:24px
}
}
.z_cx_zj {
	padding-top:5.2083333333vw;
	padding-bottom:5.2083333333vw;
	padding-left:20.8333333333vw;
	padding-right:20.8333333333vw;
	padding-bottom:15.625vw;
	position:relative
}
@media screen and (max-width: 980px) {
.z_cx_zj {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_cx_zj {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_cx_zj {
padding-bottom:35px
}
}
.z_cx_zj li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom:4.0625vw
}
@media screen and (max-width: 980px) {
.z_cx_zj li {
margin-bottom:12px
}
}
.z_cx_zj li:hover .imgbg {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.z_cx_zj li:nth-child(odd) {
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-flow:row-reverse;
flex-flow:row-reverse
}
.z_cx_zj .imgbox {
	width:38.2291666667vw;
	height:21.25vw
}
@media screen and (max-width: 980px) {
.z_cx_zj .imgbox {
width:100%;
height:55vw
}
}
.z_cx_zj .infobox {
	width:19.1666666667vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-flow:column;
	flex-flow:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:2.0833333333vw;
	background:#f6f6f6
}
@media screen and (max-width: 980px) {
.z_cx_zj .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_zj .infobox {
padding:20px
}
}
.z_cx_zj .ico {
	display:block;
	width:2.7083333333vw
}
@media screen and (max-width: 980px) {
.z_cx_zj .ico {
width:32px
}
}
.z_cx_zj .pre {
	font-size:1.5625vw;
	line-height:1.875vw;
	font-weight:bold;
	margin-top:0vw
}
@media screen and (max-width: 980px) {
.z_cx_zj .pre {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_cx_zj .pre {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_cx_zj .pre {
margin-top:20px
}
}
@media screen and (max-width: 980px) {
.z_cx_zj li {
display:block
}
}
.z_cx_warp2 {
	width:85.9375vw;
	background:#f6f6f6;
	padding-left:9.375vw;
	padding-right:9.375vw;
	padding-top:7.8125vw;
	padding-bottom:7.8125vw;
	position:relative;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_cx_warp2 {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_warp2 {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp2 {
padding-top:35px;
padding-bottom:35px
}
}
.z_cx_warp2 .imgbox {
	width:38.5416666667vw;
	height:25vw
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .imgbox {
width:100%;
height:55vw
}
}
.z_cx_warp2 .infobox {
	width:24.6875vw;
	margin-left:auto;
	margin-top:0vw
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .infobox {
margin-top:30px
}
}
.z_cx_warp2 .z_index_tit {
	margin-bottom:1.5625vw
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .z_index_tit {
margin-bottom:20px
}
}
.z_cx_warp2 .slg {
	font-size:1.25vw;
	font-weight:bold;
	margin-bottom:10px
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .slg {
font-size:16px
}
}
.z_cx_warp2 .desc {
font-size:.8333333333vw;
	line-height:1.5625vw;
	margin-bottom:1.0416666667vw
}
@media screen and (max-width: 1680px) {
.z_cx_warp2 .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .desc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_cx_warp2 .desc {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .desc {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .desc {
margin-bottom:20px
}
}
.z_cx_warp2 .z_small_swiper {
	width:8.9583333333vw;
	height:18.3333333333vw;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	right:-4.4791666667vw
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .z_small_swiper {
width:100px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp2 .z_small_swiper {
height:auto
}
}
.z_cx_warp2 .z_small_swiper li {
	cursor:pointer;
	position:relative
}
.z_cx_warp2 .z_small_swiper li::before {
content:"";
display:block;
width:100%;
height:100%;
background:#0b68da;
opacity:0;
position:absolute;
left:0;
top:0;
-webkit-transition:ease;
transition:ease;
-webkit-transition:ease 1s;
transition:ease 1s;
opacity:0
}
.z_cx_warp2 .z_small_swiper li.active::before {
opacity:.5
}
@media screen and (max-width: 980px) {
.z_cx_warp2 {
background:#fff
}
.z_cx_warp2 .z_small_swiper {
display:none
}
}
.z_cx_warp3 {
	padding-left:19.2708333333vw;
	padding-right:19.2708333333vw;
	padding-top:6.25vw;
	padding-bottom:6.25vw
}
@media screen and (max-width: 980px) {
.z_cx_warp3 {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp3 {
padding-top:35px;
padding-bottom:35px
}
}
.z_cx_warp3 .z_index_tit {
	text-align:center;
	margin-bottom:4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_cx_warp3 .z_index_tit {
margin-bottom:30px
}
}
.z_cx_warp3 .z_index_tit .slg {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.z_cx_warp3 li {
	background:#fff;
	width:49.6%;
	padding:1.8229166667vw;
margin-bottom:.4166666667vw
}
@media screen and (max-width: 980px) {
.z_cx_warp3 li {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_warp3 li {
padding:15px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp3 li {
margin-bottom:12px
}
}
.z_cx_warp3 li:nth-child(even) {
margin-left:auto
}
.z_cx_warp3 li:hover .ico {
	background:#d92029;
	color:#fff
}
.z_cx_warp3 li .tit {
	font-weight:bold
}
.z_cx_warp3 .ico {
	background:#f5f5f5;
	border-radius:50%;
	width:2.8125vw;
	height:2.8125vw;
	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:#e1e1e1;
-webkit-transition:background .8s;
transition:background .8s;
margin-bottom:.78125vw
}
@media screen and (max-width: 980px) {
.z_cx_warp3 .ico {
width:32px;
height:32px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp3 .ico {
margin-bottom:12px
}
}
.z_cx_warp3 .iconfont {
	font-size:1.6666666667vw;
-webkit-transition:color .8s;
transition:color .8s
}
@media screen and (max-width: 980px) {
.z_cx_warp3 .iconfont {
font-size:16px
}
}
.z_cx_warp3 .tit {
font-size:.9375vw;
	line-height:1.5625vw
}
@media screen and (max-width: 1680px) {
.z_cx_warp3 .tit {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_cx_warp3 .tit {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_cx_warp3 .tit {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_cx_warp3 .tit {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_cx_warp3 {
background:#f6f6f6 !important
}
}
.z_cx_bz {
	position:relative;
	z-index:1;
	padding-top:7.8125vw;
	padding-bottom:7.8125vw
}
@media screen and (max-width: 980px) {
.z_cx_bz {
padding-top:35px;
padding-bottom:35px
}
}
.z_cx_bz .conwarp {
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-flow:row-reverse;
	flex-flow:row-reverse;
	margin-top:4.6875vw
}
@media screen and (max-width: 980px) {
.z_cx_bz .conwarp {
margin-top:30px
}
}
.z_cx_bz .imgbox {
	width:50.6770833333vw;
	height:35.4166666667vw
}
@media screen and (max-width: 980px) {
.z_cx_bz .imgbox {
width:100%;
height:70vw
}
}
.z_cx_bz .infobox {
	width:25.2604166667vw;
	margin-right:3.6458333333vw;
	padding-left:0vw;
	padding-right:0vw;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-flow:column;
	flex-flow:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
@media screen and (max-width: 980px) {
.z_cx_bz .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_bz .infobox {
margin-right:0
}
}
@media screen and (max-width: 980px) {
.z_cx_bz .infobox {
padding-left:12px;
padding-right:12px
}
}
.z_cx_bz .numbar {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-top:3.6458333333vw;
	padding-bottom:3.6458333333vw
}
@media screen and (max-width: 980px) {
.z_cx_bz .numbar {
padding-top:22px;
padding-bottom:22px
}
}
.z_cx_bz .numbar .timer {
	font-size:2.5vw;
	font-family:Square721BT;
	color:#d92029
}
@media screen and (max-width: 980px) {
.z_cx_bz .numbar .timer {
font-size:24px
}
}
.z_cx_bz .numbar h4 {
font-size:.9375vw
}
@media screen and (max-width: 1680px) {
.z_cx_bz .numbar h4 {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_cx_bz .numbar h4 {
font-size:14px
}
}
.z_cx_bz .bzbar {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-top:3.6458333333vw;
	padding-bottom:3.6458333333vw
}
@media screen and (max-width: 980px) {
.z_cx_bz .bzbar {
padding-top:22px;
padding-bottom:22px
}
}
.z_cx_bz .bzbar ul {
	height:14.5833333333vw;
	overflow-y:auto
}
@media screen and (max-width: 980px) {
.z_cx_bz .bzbar ul {
height:auto
}
}
.z_cx_bz .bzbar li {
font-size:.9375vw;
margin-bottom:.5208333333vw;
	font-family:Microsoft YaHei UI;
	font-weight:400;
	position:relative;
padding-left:.5208333333vw;
	line-height:1.3541666667vw
}
@media screen and (max-width: 1680px) {
.z_cx_bz .bzbar li {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_cx_bz .bzbar li {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_cx_bz .bzbar li {
margin-bottom:5px
}
}
@media screen and (max-width: 980px) {
.z_cx_bz .bzbar li {
padding-left:5px
}
}
@media screen and (max-width: 1680px) {
.z_cx_bz .bzbar li {
line-height:1.5708333333vw
}
}
@media screen and (max-width: 980px) {
.z_cx_bz .bzbar li {
line-height:20px
}
}
.z_cx_bz .bzbar li:before {
	content:"";
	display:block;
width:.3125vw;
height:.3125vw;
	background:#333;
	border:0px solid #050001;
	border-radius:50%;
	position:absolute;
	left:0;
top:.5208333333vw
}
@media screen and (max-width: 980px) {
.z_cx_bz .bzbar li:before {
width:4px;
height:4px
}
}
.z_cx_bz .bzbar li:hover a {
	color:#d92029
}
.z_cx_bz .bzbar li:hover::before {
background:#d92029
}
.z_cx_honor {
	padding-top:7.8125vw;
	padding-bottom:7.8125vw;
	position:relative;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_cx_honor {
padding-top:35px;
padding-bottom:35px
}
}
.z_cx_honor .z_grid {
	bottom:0
}
.z_cx_honor .topwarp {
	position:relative
}
.z_cx_honor .topwarp::before {
content:"";
display:block;
width:43.75vw;
height:43.75vw;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:url(../img/cir4.png) no-repeat center;
background-size:100%;
-webkit-animation:roate2 30s linear infinite;
animation:roate2 30s linear infinite
}
@media screen and (max-width: 980px) {
.z_cx_honor .topwarp::before {
width:80vw;
height:80vw
}
}
@-webkit-keyframes roate2 {
100% {
-webkit-transform:translate(-50%, -50%) rotate(360deg);
transform:translate(-50%, -50%) rotate(360deg)
}
}
@keyframes roate2 {
100% {
-webkit-transform:translate(-50%, -50%) rotate(360deg);
transform:translate(-50%, -50%) rotate(360deg)
}
}
.z_cx_honor .honor_warp {
	width:1070px;
	width:55.7291666667vw;
	margin:0 auto;
	position:relative;
	margin-top:5.0520833333vw
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_warp {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_warp {
margin-top:30px
}
}
.z_cx_honor .honor_warp .btn {
	border:1px solid #b8b8b8;
	border-radius:50%;
	width:2.8125vw;
	height:2.8125vw;
	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;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	top:65%;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_warp .btn {
width:36px;
height:36px
}
}
.z_cx_honor .honor_warp .btn .iconfont {
	display:inline-block;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.z_cx_honor .honor_warp .btn:hover {
	background:#d92029;
	color:#fff;
	border-color:#d92029
}
.z_cx_honor .honor_warp .next {
	right:-4.1666666667vw
}
.z_cx_honor .honor_warp .prev {
	left:-4.1666666667vw
}
.z_cx_honor .honor_warp .prev .iconfont {
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.z_cx_honor .z_honor_swiper {
	margin:0 auto;
	overflow:hidden;
	-webkit-perspective:1200px;
	perspective:1200px;
	z-index:1;
	position:relative;
	-webkit-box-reflect:below -11.4583333333vw linear-gradient(transparent, rgba(255, 255, 255, 0.2))
}
.z_cx_honor .z_honor_swiper .swiper-wrapper {
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.z_cx_honor .z_honor_swiper .item {
	background:url(../img/zsbg.png) no-repeat center;
	background-size:100% 100%;
	width:14.0625vw;
	height:18.75vw;
	text-align:center;
	padding:1vw;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	-webkit-transition:ease 1s;
	transition:ease 1s;
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom;
	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_cx_honor .z_honor_swiper .item {
width:110px;
height:150px
}
}
.z_cx_honor .z_honor_swiper .item:last-child {
	margin-right:0
}
.z_cx_honor .z_honor_swiper img {
	display:block;
	max-height:100%
}
.z_cx_honor #waveGrid {
	width:100%;
	height:40%;
	position:absolute;
	left:0;
	bottom:0
}
.z_cx_honor #wave {
	width:100%;
	height:100vh;
	position:absolute;
	left:0;
	bottom:-30vh;
	z-index:-1
}
.z_cx_honor .honor_bar {
	width:54.6875vw;
	margin:0 auto;
	margin-top:8.8541666667vw
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_bar {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_bar {
margin-top:30px
}
}
.z_cx_honor .honor_bar ul {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.z_cx_honor .honor_bar li {
	min-height:16.0416666667vw;
	border-left:1px solid #c9c9c9;
	position:relative;
	padding-left:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_bar li {
padding-left:10px
}
}
.z_cx_honor .honor_bar li::before {
content:"";
display:block;
width:1.0416666667vw;
height:1.0416666667vw;
background:url(../img/dot.png) no-repeat center;
background-size:100% 100%;
position:absolute;
left:-.5208333333vw;
bottom:0;
z-index:1
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_bar li::before {
width:10px;
height:10px
}
}
.z_cx_honor .honor_bar li:nth-child(even) {
-webkit-transform:translateY(-3.125vw);
transform:translateY(-3.125vw)
}
.z_cx_honor .honor_bar h3 {
	font-size:1.25vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	margin-bottom:5px
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_bar h3 {
font-size:14px
}
}
.z_cx_honor .honor_bar h3 .timer {
	font-size:1.875vw;
	font-family:Square721BT
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_bar h3 .timer {
font-size:20px
}
}
.z_cx_honor .honor_bar .item {
	margin-bottom:1.5625vw
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_bar .item {
margin-bottom:12px
}
}
@media screen and (max-width: 980px) {
.z_cx_honor .honor_warp .prev {
left:10px
}
.z_cx_honor .honor_warp .next {
right:10px
}
.z_cx_honor .honor_warp .btn {
background:#fff
}
.z_cx_honor .honor_bar li {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:none;
-webkit-transform:translateY(0) !important;
transform:translateY(0) !important
}
.z_cx_honor .honor_bar li .item {
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.z_cx_honor .honor_bar li::before {
display:none
}
}
.z_yw_warp { 
	/* background:#f5f7fb url(../img/bg7.png) no-repeat top center; */
	background-size:100% auto;
	overflow:hidden
}
.z_yw_warp .topwarp {
	padding-top:6.25vw;
	padding-bottom:6.25vw;
padding-left: 13.3541666667vw;
  padding-right: 13.3541666667vw;
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp {
padding-left:12px;
padding-right:12px
}
}
.z_yw_warp .topwarp .desc {
	color:#666;
	line-height:1.25vw;
font-size:.8333333333vw;
	margin-top:1.5625vw;
	width:100%;
}
@media screen and (max-width: 1680px) {
.z_yw_warp .topwarp .desc {
line-height:1.45vw
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .desc {
line-height:22px
}
}
@media screen and (max-width: 1680px) {
.z_yw_warp .topwarp .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .desc {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .desc {
margin-top:15px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .desc {
width:100%
}
}
.z_yw_warp .topwarp .slg {
	font-size:1.25vw;
	font-weight:bold;
	margin-top:1.5625vw
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .slg {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .slg {
margin-top:15px
}
}
.z_yw_warp .topwarp .link {
	display:inline-block;
	background:#d92029;
	padding-left:2.0833333333vw;
	padding-right:2.0833333333vw;
	line-height:2.5vw;
font-size:.8333333333vw;
	border-radius:24px;
	margin-top:2.0833333333vw;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .link {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .link {
line-height:32px
}
}
@media screen and (max-width: 1680px) {
.z_yw_warp .topwarp .link {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .link {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .link {
margin-top:15px
}
}
.z_yw_warp .topwarp .link .iconfont {
	margin-right:4px;
	font-size:18px;
	vertical-align:middle;
	margin-top:-3px;
	display:inline-block
}
.z_yw_warp .topwarp .imgbox {
	margin-top:2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_yw_warp .topwarp .imgbox {
margin-top:20px
}
}
.z_yw_warp .topwarp .imgbox img {
	display:block;
	width:100%
}
.z_yw_warp .cirwarp {
	width:39.0625vw;
	height:39.0625vw;
	margin:0 auto;
	margin-top:10.4166666667vw;
	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;
	position:relative;
	margin-bottom:-9.375vw
}
@media screen and (max-width: 980px) {
.z_yw_warp .cirwarp {
width:100%;
height:auto
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .cirwarp {
margin-top:35px
}
}
.z_yw_warp .cirwarp .imgbox {
	width:19.2708333333vw;
	height:19.2708333333vw;
	margin:0 auto;
	position:relative;
	overflow:inherit;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_yw_warp .cirwarp .imgbox {
width:60vw;
height:60vw
}
}
.z_yw_warp .cirwarp .imgbox .imgbg {
	border-radius:50%;
	overflow:hidden
}
.z_yw_warp .cirwarp .imgbox::after {
content:"";
display:block;
width:44.7916666667vw;
height:44.7916666667vw;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:url(../img/cir.png) no-repeat center;
background-size:100% auto;
z-index:-1
}
@media screen and (max-width: 980px) {
.z_yw_warp .cirwarp .imgbox::after {
width:120vw;
height:120vw
}
}
.z_yw_warp .cirwarp .imgbox::before {
content:"";
display:block;
width:43.75vw;
height:43.75vw;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:url(../img/cir4.png) no-repeat center;
background-size:100%;
-webkit-animation:roate2 30s linear infinite;
animation:roate2 30s linear infinite
}
@media screen and (max-width: 980px) {
.z_yw_warp .cirwarp .imgbox::before {
width:80vw;
height:80vw
}
}
@keyframes roate2 {
100% {
-webkit-transform:translate(-50%, -50%) rotate(360deg);
transform:translate(-50%, -50%) rotate(360deg)
}
}
.z_yw_warp .conbar li {
	position:absolute;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	z-index:2;
	height:2.8645833333vw
}
@media screen and (max-width: 980px) {
.z_yw_warp .conbar li {
height:auto
}
}
.z_yw_warp .conbar li:nth-child(1) {
right:37.5vw;
top:10.9375vw;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-flow:row-reverse;
flex-flow:row-reverse
}
.z_yw_warp .conbar li:nth-child(2) {
right:23.9583333333vw;
top:-3.125vw;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-flow:row-reverse;
flex-flow:row-reverse
}
.z_yw_warp .conbar li:nth-child(3) {
left:23.9583333333vw;
top:-3.125vw
}
.z_yw_warp .conbar li:nth-child(4) {
left:37.5vw;
top:10.9375vw
}
.z_yw_warp .conbar li:hover .infobox {
	-webkit-transform:scale(1.051, 1.051);
	transform:scale(1.051, 1.051);
	background:#fff
}
.z_yw_warp .conbar .infobox {
	width:21.25vw;
	background:#f1f1f2;
	border-radius:1.0416666667vw;
	padding:1.5625vw;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-left:1.3020833333vw;
	margin-right:1.3020833333vw;
	-webkit-transition:ease 1s;
	transition:ease 1s
}
@media screen and (max-width: 980px) {
.z_yw_warp .conbar .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .conbar .infobox {
padding:12px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .conbar .infobox {
margin-left:0;
margin-right:0
}
}
.z_yw_warp .conbar .tt {
font-size:.9375vw;
	font-weight:bold;
margin-bottom:.5208333333vw
}
@media screen and (max-width: 1680px) {
.z_yw_warp .conbar .tt {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .conbar .tt {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .conbar .tt {
margin-bottom:12px
}
}
.z_yw_warp .conbar .cc {
font-size:.8333333333vw;
-webkit-transition:ease .5s;
transition:ease .5s
}
@media screen and (max-width: 1680px) {
.z_yw_warp .conbar .cc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .conbar .cc {
font-size:14px
}
}
.z_yw_warp .conbar .ico {
	display:block;
	width:2.8645833333vw;
	-ms-flex-negative:0;
	flex-shrink:0
}
@media screen and (max-width: 980px) {
.z_yw_warp .conbar .ico {
width:36px
}
}
.z_yw_warp .z_iconbar {
	margin-top:4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_iconbar {
margin-top:30px
}
}
.z_yw_warp .z_iconbar ul {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.z_yw_warp .z_iconbar li {
	text-align:center;
	border-right:1px solid #e6e7ea;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.z_yw_warp .z_iconbar li:last-child {
	border-right:none;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.z_yw_warp .z_iconbar li:first-child {
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.z_yw_warp .z_iconbar .ico {
	display:block;
	height:2.9166666667vw;
	margin:0 auto
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_iconbar .ico {
height:36px
}
}
.z_yw_warp .z_iconbar h3 {
	font-size:1.0416666667vw;
	font-weight:bold;
	margin-top:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_iconbar h3 {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_iconbar h3 {
margin-top:10px
}
}
.z_yw_warp .z_accordion {
	margin-top:3.125vw
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_accordion {
margin-top:30px
}
}
.z_yw_warp .z_accordion ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.z_yw_warp .z_accordion li {
	height:31.25vw;
	position:relative;
-webkit-transition:ease .6s;
transition:ease .6s;
	margin:0 2px;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	cursor:pointer
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_accordion li {
height:65vw
}
}
.z_yw_warp .z_accordion li::before {
background:rgba(0, 0, 0, .5);
z-index:1;
-webkit-transition:ease .5s;
transition:ease .5s
}
.z_yw_warp .z_accordion li.on {
	-webkit-box-flex:5.5;
	-ms-flex:5.5;
	flex:5.5
}
.z_yw_warp .z_accordion li.on .tit {
	-webkit-transform:translate(0);
	transform:translate(0);
	-webkit-writing-mode:unset;
	-ms-writing-mode:unset;
	writing-mode:unset;
	padding:2.0833333333vw;
	line-height:normal;
	opacity:1
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_accordion li.on .tit {
padding:20px
}
}
.z_yw_warp .z_accordion li.on::before {
opacity:0
}
.z_yw_warp .z_accordion li .tit {
	color:#fff;
	font-size:1.25vw;
	font-weight:bold;
	position:absolute;
	left:0;
	bottom:0vw;
	z-index:1;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	line-height:8.3333333333vw;
	padding-top:2.0833333333vw;
	padding-bottom:2.0833333333vw;
	-webkit-transition:ease 1s;
	transition:ease 1s;
	opacity:.8
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_accordion li .tit {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_accordion li .tit {
line-height:50px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .z_accordion li .tit {
padding-top:20px;
padding-bottom:20px
}
}
@media screen and (max-width: 980px) {
.z_yw_warp .cirwarp {
display:block;
padding:35px 0;
margin:0;
margin-top:40px
}
.z_yw_warp .conbar {
margin-top:70px
}
.z_yw_warp .conbar li {
position:relative;
left:auto !important;
top:auto !important;
right:auto !important;
-webkit-box-orient:horizontal !important;
-webkit-box-direction:normal !important;
-ms-flex-flow:row !important;
flex-flow:row !important;
padding:0 12px;
margin-bottom:12px
}
.z_yw_warp .conbar .infobox {
width:auto;
-ms-flex-negative:unset;
flex-shrink:unset;
margin-left:12px
}
.z_yw_warp .z_iconbar li {
-webkit-box-pack:center !important;
-ms-flex-pack:center !important;
justify-content:center !important;
margin-bottom:20px;
border:none
}
}
.z_yw_num {
	height:48.9583333333vw;
	background-position:bottom center;
	background-size:100% auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	padding-bottom:10.4166666667vw
}
@media screen and (max-width: 980px) {
.z_yw_num {
height:auto
}
}
@media screen and (max-width: 980px) {
.z_yw_num {
padding-bottom:20px
}
}
.z_yw_num ul {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	margin-left:19.7916666667vw
}
@media screen and (max-width: 980px) {
.z_yw_num ul {
margin-left:0
}
}
.z_yw_num li {
	border-left:1.5px solid #a8a8a8;
	padding-left:1.4583333333vw;
	position:relative;
	min-height:11.71875vw;
	width:24.4791666667vw
}
@media screen and (max-width: 980px) {
.z_yw_num li {
padding-left:12px
}
}
@media screen and (max-width: 980px) {
.z_yw_num li {
width:100%
}
}
.z_yw_num li::before {
content:"";
display:block;
width:2.0833333333vw;
height:2.0833333333vw;
background:url(../img/dot2.png) no-repeat center;
background-size:100% auto;
position:absolute;
left:-1.0416666667vw;
bottom:-2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_yw_num li::before {
width:20px;
height:20px
}
}
.z_yw_num li:nth-child(1) {
margin-bottom:4.6875vw
}
@media screen and (max-width: 980px) {
.z_yw_num li:nth-child(1) {
margin-bottom:0
}
}
.z_yw_num li:nth-child(2) {
min-height:17.96875vw;
margin-bottom:3.6458333333vw
}
@media screen and (max-width: 980px) {
.z_yw_num li:nth-child(2) {
margin-bottom:0
}
}
.z_yw_num li:nth-child(3) {
min-height:16.40625vw
}
.z_yw_num h3 {
	font-size:2.5vw;
	line-height:1.9791666667vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	font-family:Square721BT;
	font-weight:bold;
	color:#444648
}
.z_yw_num h3 em {
	font-size:3.75vw;
	line-height:3.75vw;
	font-weight:normal
}
@media screen and (max-width: 980px) {
.z_yw_num h3 em {
font-size:24px
}
}
@media screen and (max-width: 980px) {
.z_yw_num h3 em {
line-height:24px
}
}
.z_yw_num h3 i {
	font-style:normal;
	font-size:3.125vw;
	line-height:3.75vw;
	font-weight:normal
}
@media screen and (max-width: 980px) {
.z_yw_num h3 i {
font-size:18px
}
}
@media screen and (max-width: 980px) {
.z_yw_num h3 i {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_yw_num h3 {
font-size:18px
}
}
@media screen and (max-width: 980px) {
.z_yw_num h3 {
line-height:24px
}
}
.z_yw_num h4 {
font-size:.9375vw;
	color:#444648
}
@media screen and (max-width: 1680px) {
.z_yw_num h4 {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_yw_num h4 {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_yw_num {
padding:35px 12px;
background-size:cover;
display:block;
background:#d4e3f8 !important
}
.z_yw_num li {
padding:0;
border:none;
text-align:center;
margin-bottom:20px !important;
min-height:auto !important
}
.z_yw_num li::before {
display:none
}
.z_yw_num li:last-child {
margin-bottom:0 !important
}
.z_yw_num li h3 {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
}
.z_yw_wscl {
	position:relative;
	z-index:1;
	padding-left:18.75vw;
	padding-right:18.75vw
}
@media screen and (max-width: 980px) {
.z_yw_wscl {
padding-left:12px;
padding-right:12px
}
}
.z_yw_wscl .lywarp {
	padding-top:6.25vw;
	padding-bottom:6.25vw
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp {
padding-top:25px;
padding-bottom:25px
}
}
.z_yw_wscl .lywarp li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-flow:row-reverse;
	flex-flow:row-reverse;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-top:2.6041666667vw;
	padding-bottom:2.6041666667vw;
	border-bottom:1px solid #000
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp li {
padding-top:20px;
padding-bottom:20px
}
}
.z_yw_wscl .lywarp .imgbox {
	width:30.2083333333vw;
	height:18.3333333333vw
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .imgbox {
width:100%;
height:55vw
}
}
.z_yw_wscl .lywarp .infobox {
	width:26.0416666667vw;
padding-left:.9375vw
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .infobox {
padding-left:5px
}
}
.z_yw_wscl .lywarp .tit {
	font-size:1.25vw;
	line-height:1.875vw;
	font-weight:bold;
	position:relative
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .tit {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .tit {
line-height:24px
}
}
.z_yw_wscl .lywarp .tit::before {
content:"";
display:block;
width:.4166666667vw;
height:.4166666667vw;
background:#d92029;
position:absolute;
border-radius:50%;
left:-0.9375vw;
top:.7291666667vw
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .tit::before {
width:4px;
height:4px
}
}
.z_yw_wscl .lywarp .desc {
font-size:.9375vw;
	line-height:1.25vw;
	margin-top:1.0416666667vw
}
@media screen and (max-width: 1680px) {
.z_yw_wscl .lywarp .desc {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .desc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_yw_wscl .lywarp .desc {
line-height:1.45vw
}
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .desc {
line-height:20px
}
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp .desc {
margin-top:10px
}
}
@media screen and (max-width: 980px) {
.z_yw_wscl .lywarp li {
display:block
}
.z_yw_wscl .lywarp .imgbox {
margin-bottom:20px
}
}
.z_yw_service {
	padding-top:5.2083333333vw;
	padding-bottom:10.4166666667vw;
	padding-left:18.75vw;
	padding-right:18.75vw;
	margin-top:2.0833333333vw;
	position:relative;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_yw_service {
padding-top:35px
}
}
@media screen and (max-width: 980px) {
.z_yw_service {
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_yw_service {
padding-left:0px;
padding-right:0px
}
}
@media screen and (max-width: 980px) {
.z_yw_service {
margin-top:12px
}
}
.z_yw_service::before {
content:"";
display:block;
width:60.8854166667vw;
height:50.8854166667vw;
background:url(../img/cir5.png) no-repeat center;
background-size:100% auto;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
top:0
}
@media screen and (max-width: 980px) {
.z_yw_service::before {
width:100vw;
height:90vw
}
}
.z_yw_service .desc {
font-size:.8333333333vw;
	color:#666;
	text-align:center;
	margin-top:2.6041666667vw;
	margin-bottom:3.125vw
}
@media screen and (max-width: 1680px) {
.z_yw_service .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_service .desc {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_yw_service .desc {
margin-top:20px
}
}
@media screen and (max-width: 980px) {
.z_yw_service .desc {
margin-bottom:20px
}
}
.z_yw_service ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.z_yw_service li {
	width:11.875vw;
	height:11.875vw;
	background:#00ad83;
	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;
	text-align:center;
	color:#fff;
	position:relative;
	margin-left:1.3020833333vw;
	margin-right:1.3020833333vw;
	margin-top:0vw;
	margin-bottom:0vw
}
@media screen and (max-width: 980px) {
.z_yw_service li {
width:40vw;
height:40vw
}
}
@media screen and (max-width: 980px) {
.z_yw_service li {
margin-left:1vw;
margin-right:1vw
}
}
@media screen and (max-width: 980px) {
.z_yw_service li {
margin-top:10px;
margin-bottom:10px
}
}
.z_yw_service li:nth-child(2) {
background:#d92029
}
.z_yw_service li:nth-child(3) {
background:#0b68da
}
.z_yw_service li:nth-child(4) {
background:#005eb8
}
.z_yw_service li::before {
content:"+";
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
right:-2.6041666667vw;
width:2.6041666667vw;
text-align:center;
font-weight:bold;
color:#000;
font-size:1.5625vw;
font-family:Arial, Helvetica, sans-serif
}
@media screen and (max-width: 980px) {
.z_yw_service li::before {
width:2vw
}
}
.z_yw_service li:last-child::before {
display:none
}
.z_yw_service .tt {
	font-size:1.5625vw;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_yw_service .tt {
font-size:14px
}
}
.z_yw_service h4 {
font-size:.8333333333vw;
	font-family:Arial
}
@media screen and (max-width: 1680px) {
.z_yw_service h4 {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_service h4 {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_yw_service 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
}
.z_yw_service li::before {
display:none
}
.z_yw_service li .box {
width:100%
}
.z_yw_service li .cc {
padding:0 12px
}
.z_yw_service .desc {
padding:0 12px
}
}
.z_yw_pro {
	position:relative;
	z-index:1;
   /*	padding-top:5.2083333333vw; */
	padding-bottom:10.4166666667vw
}
@media screen and (max-width: 980px) {
.z_yw_pro {
padding-top:35px
}
}
@media screen and (max-width: 980px) {
.z_yw_pro {
padding-bottom:35px
}
}
.z_yw_pro .desc {
	text-align:center;
font-size:.8333333333vw;
margin-top:.5208333333vw;
	font-weight:bold
}
@media screen and (max-width: 1680px) {
.z_yw_pro .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_pro .desc {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_yw_pro .desc {
margin-top:10px
}
}
.z_yw_pro .conwarp {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-flow:row-reverse;
	flex-flow:row-reverse;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	/* margin-top:4.6875vw */
}
@media screen and (max-width: 980px) {
.z_yw_pro .conwarp {
margin-top:30px
}
}
.z_yw_pro .imgbox {
	width:49.84375vw;
	height:30.1041666667vw
}
@media screen and (max-width: 980px) {
.z_yw_pro .imgbox {
width:100%;
height:60vw
}
}
.z_yw_pro .infobox {
	width:25.3125vw;
	margin-right:5.9895833333vw;
	padding:0vw
}
@media screen and (max-width: 980px) {
.z_yw_pro .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_yw_pro .infobox {
margin-right:0
}
}
@media screen and (max-width: 980px) {
.z_yw_pro .infobox {
padding:12px
}
}
.z_yw_pro .infobox ul {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-flow:column;
	flex-flow:column;
	height:100%
}
.z_yw_pro .infobox li {
	
	-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;
	padding-top:0vw;
	padding-bottom:0vw
}
@media screen and (max-width: 980px) {
.z_yw_pro .infobox li {
padding-top:15px;
padding-bottom:15px
}
}
.z_yw_pro .infobox span {
	color:#666;
font-size:.8333333333vw
}
@media screen and (max-width: 1680px) {
.z_yw_pro .infobox span {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_pro .infobox span {
font-size:14px
}
}
.z_yw_pro .infobox h3 {
	font-weight:bold;
	font-size:1.0416666667vw;
	line-height:1.5625vw;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_yw_pro .infobox h3 {
font-size:16px
}
}
@media screen and (max-width: 1680px) {
.z_yw_pro .infobox h3 {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_yw_pro .infobox h3 {
line-height:24px
}
}
.z_yw_pro .infobox h3 em {
	color:#d92029
}
.z_yw_park {
	padding-top:8.8541666667vw;
	padding-bottom:8.8541666667vw;
	overflow:hidden;
	position:relative
}
@media screen and (max-width: 980px) {
.z_yw_park {
padding-top:35px;
padding-bottom:35px
}
}
.z_yw_park::before {
content:"";
display:block;
width:62.1875vw;
height:59.3229166667vw;
background:url(../img/cir7.png) no-repeat center;
background-size:100% auto;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
top:9.375vw
}
.z_yw_park .desc {
	width:43.3333333333vw;
font-size:.8333333333vw;
	color:#666;
	text-align:center;
	margin:0 auto;
	margin-top:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_yw_park .desc {
width:100%
}
}
@media screen and (max-width: 1680px) {
.z_yw_park .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_park .desc {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_yw_park .desc {
margin-top:20px
}
}
.z_yw_park .cirwarp {
	width:40.3125vw;
	height:40.3125vw;
	margin:0 auto;
	position:relative;
	margin-top:2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_yw_park .cirwarp {
width:100%;
height:auto
}
}
@media screen and (max-width: 980px) {
.z_yw_park .cirwarp {
margin-top:20px
}
}
.z_yw_park .cirwarp img {
	display:block;
	width:100%
}
.z_yw_park .cirwarp li {
	position:absolute;
	background:#e8e8e8;
	opacity:.8;
	border-radius:1.0416666667vw;
	width:14.375vw;
	min-height:5.8333333333vw;
	padding-left:1.5625vw;
	padding-right:1.5625vw;
	padding-top:1.0416666667vw;
	padding-bottom:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_yw_park .cirwarp li {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_yw_park .cirwarp li {
padding-left:20px;
padding-right:20px
}
}
@media screen and (max-width: 980px) {
.z_yw_park .cirwarp li {
padding-top:15px;
padding-bottom:15px
}
}
.z_yw_park .cirwarp li:nth-child(1) {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
left:-12%
}
.z_yw_park .cirwarp li:nth-child(3) {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
right:-12%
}
.z_yw_park .cirwarp li:nth-child(2) {
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
top:6%
}
.z_yw_park .cirwarp li:nth-child(4) {
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
bottom:8%
}
.z_yw_park .cirwarp .cc {
font-size:.9375vw;
	line-height:1.25vw;
	font-weight:bold;
	position:relative
}
@media screen and (max-width: 1680px) {
.z_yw_park .cirwarp .cc {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_yw_park .cirwarp .cc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_yw_park .cirwarp .cc {
line-height:1.45vw
}
}
@media screen and (max-width: 980px) {
.z_yw_park .cirwarp .cc {
line-height:20px
}
}
.z_yw_park .cirwarp .cc::before {
content:"";
display:block;
width:.625vw;
height:.625vw;
background:#000;
border-radius:50%;
position:absolute;
left:-1.0416666667vw;
top:.3125vw
}
@media screen and (max-width: 980px) {
.z_yw_park .cirwarp .cc::before {
width:6px;
height:6px
}
}
@media screen and (max-width: 980px) {
.z_yw_park {
padding:35px 12px
}
.z_yw_park .cirwarp {
height:auto
}
.z_yw_park .cirwarp .cc::before {
top:6px;
left:-10px
}
.z_yw_park .cirwarp li {
position:relative !important;
top:auto !important;
right:auto !important;
left:auto !important;
margin-bottom:10px;
-webkit-transform:translate(0, 0) !important;
transform:translate(0, 0) !important
}
}
.z_yw_rule {
	padding-left:18.75vw;
	padding-right:18.75vw;
	padding-top:8.3333333333vw;
	padding-bottom:8.3333333333vw
}
@media screen and (max-width: 980px) {
.z_yw_rule {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_yw_rule {
padding-top:35px;
padding-bottom:35px
}
}
.z_yw_rule .desc {
	width:43.3333333333vw;
	color:#666;
font-size:.8333333333vw;
	line-height:1.25vw;
	margin-top:2.6041666667vw;
	margin-bottom:3.6458333333vw
}
@media screen and (max-width: 980px) {
.z_yw_rule .desc {
width:100%
}
}
@media screen and (max-width: 1680px) {
.z_yw_rule .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_yw_rule .desc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_yw_rule .desc {
line-height:1.45vw
}
}
@media screen and (max-width: 980px) {
.z_yw_rule .desc {
line-height:20px
}
}
@media screen and (max-width: 980px) {
.z_yw_rule .desc {
margin-top:20px
}
}
@media screen and (max-width: 980px) {
.z_yw_rule .desc {
margin-bottom:20px
}
}
.z_yw_rule li {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	margin:0 5px;
	background:#fff;
	opacity:.8;
	border-radius:10px;
	padding:1.0416666667vw;
	margin-bottom:0vw;
	-webkit-transition:background 1s;
	transition:background 1s
}
@media screen and (max-width: 980px) {
.z_yw_rule li {
padding:15px
}
}
@media screen and (max-width: 980px) {
.z_yw_rule li {
margin-bottom:12px
}
}
.z_yw_rule li:hover {
	background:#d92029
}
.z_yw_rule li:hover .ico img {
	-webkit-transform:translateY(-40px);
	transform:translateY(-40px)
}
.z_yw_rule .ico {
	width:40px;
	height:40px;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_yw_rule .ico {
width:30px;
height:30px
}
}
.z_yw_rule .ico img {
	display:block;
	width:100%;
-webkit-transition:ease .5s;
transition:ease .5s
}
.z_yw_rule h3 {
	font-size:1.25vw;
	font-weight:bold;
	margin-top:1.5625vw
}
@media screen and (max-width: 980px) {
.z_yw_rule h3 {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_yw_rule h3 {
margin-top:12px
}
}
@media screen and (max-width: 980px) {
.z_yw_rule li {
width:48%;
-webkit-box-flex:unset;
-ms-flex:unset;
flex:unset;
margin:0;
margin-bottom:12px
}
.z_yw_rule li:nth-child(even) {
margin-left:auto
}
.z_yw_rule li:hover .ico img {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
}
.z_case_warp {
	background:#f2f2f2;
	position:relative;
	z-index:1;
	overflow:hidden;
	padding-top:5.7291666667vw;
	padding-bottom:5.7291666667vw
}
@media screen and (max-width: 980px) {
.z_case_warp {
padding-top:35px;
padding-bottom:35px
}
}
.z_case_warp .link {
	display:inline-block;
	background:#d92029;
	padding-left:2.0833333333vw;
	padding-right:2.0833333333vw;
	line-height:2.5vw;
font-size:.8333333333vw;
	border-radius:24px;
	margin-top:1.5625vw;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_case_warp .link {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_case_warp .link {
line-height:32px
}
}
@media screen and (max-width: 1680px) {
.z_case_warp .link {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_case_warp .link {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_case_warp .link {
margin-top:15px
}
}
.z_case_warp .link .iconfont {
	margin-right:4px;
	font-size:18px;
	vertical-align:middle;
	margin-top:-3px;
	display:inline-block
}
.z_case_warp .texts {
	width:64.5833333333vw;
	margin:0 auto;
font-size:.8333333333vw;
	margin-top:1.0416666667vw;
	color:#333
}
@media screen and (max-width: 980px) {
.z_case_warp .texts {
width:100%
}
}
@media screen and (max-width: 1680px) {
.z_case_warp .texts {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_case_warp .texts {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_case_warp .texts {
margin-top:20px
}
}
.z_sz_swiper {
	width:57.8125vw;
	margin:0 auto;
	margin-top:4.1666666667vw
}
@media screen and (max-width: 980px) {
.z_sz_swiper {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_sz_swiper {
margin-top:30px
}
}
.z_sz_swiper li {
	position:relative;
	width:57.8125vw;
	height:29.0625vw
}
@media screen and (max-width: 980px) {
.z_sz_swiper li {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_sz_swiper li {
height:auto
}
}
.z_sz_swiper li.swiper-slide-active .infobox {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}
.z_sz_swiper li:hover .imgbg {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.z_sz_swiper .imgbox {
	height:29.0625vw
}
@media screen and (max-width: 980px) {
.z_sz_swiper .imgbox {
height:60vw
}
}
.z_sz_swiper .infobox {
	width:22.7083333333vw;
	background:#d92029;
	padding:1.5vw 2vw;
	position:absolute;
	right:5.2083333333vw;
	bottom:-5.8854166667vw;
	height:11.7708333333vw;
	opacity:0;
	-webkit-transition:ease 1.5s;
	transition:ease 1.5s;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
@media screen and (max-width: 980px) {
.z_sz_swiper .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_sz_swiper .infobox {
padding:12px
}
}
@media screen and (max-width: 980px) {
.z_sz_swiper .infobox {
height:auto
}
}
.z_sz_swiper .num {
	font-size:2.5vw; color:#FFFFFF;
	font-family:Square721BT;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_sz_swiper .num {
font-size:22px
}
}
.z_sz_swiper .tt {
font-size:.9375vw;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
@media screen and (max-width: 1680px) {
.z_sz_swiper .tt {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_sz_swiper .tt {
font-size:16px
}
}
.z_sz_swiper .cc {
font-size:.85vw; color:#FFFFFF; margin-top:5px; text-align:justify; min-height:60px; overflow:hidden;
	
}
@media screen and (max-width: 1680px) {
.z_sz_swiper .cc {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_sz_swiper .cc {
font-size:14px
}
}
.z_sz_swiper .swiper_bar {
	padding-top:2.6041666667vw;
	padding-bottom:2.6041666667vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
@media screen and (max-width: 980px) {
.z_sz_swiper .swiper_bar {
padding-top:20px;
padding-bottom:20px
}
}
.z_sz_swiper .swiper_btn {
	-ms-flex-negative:0;
	flex-shrink:0
}
.z_sz_swiper .swiper_num {
	color:#bbb;
	font-family:Arial;
	font-weight:bold;
	font-size:16px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.z_sz_swiper .swiper_num .current {
	color:#000
}
.z_sz_swiper .swiper_dot {
	width:256px;
	width:13.3333333333vw;
	height:2px;
	background:#e9e9e9;
	border-radius:1px;
	position:relative;
	margin-left:1.0416666667vw;
	margin-right:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_sz_swiper .swiper_dot {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_sz_swiper .swiper_dot {
margin-left:12px;
margin-right:12px
}
}
.z_sz_swiper .swiper_dot .swiper-pagination-progressbar-fill {
	background:#d92029;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transform-origin:left top;
	transform-origin:left top
}
@media screen and (max-width: 980px) {
.z_sz_swiper .infobox {
position:relative;
bottom:0;
right:auto;
-webkit-transform:translateY(0) !important;
transform:translateY(0) !important;
opacity:1 !important
}
.z_sz_swiper .swiper_bar {
padding:12px;
margin-top:12px
}
}
.z_case_thumb {
	padding-top:7.8125vw;
	padding-bottom:7.8125vw;
	padding-left:0vw;
	padding-right:0vw
}
@media screen and (max-width: 980px) {
.z_case_thumb {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_case_thumb {
padding-left:12px;
padding-right:12px
}
}
.z_case_thumb .z_thumb_warp {
	width:64.5833333333vw;
	margin:0 auto;
	margin-top:2.6041666667vw;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_thumb_warp {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_thumb_warp {
margin-top:30px
}
}
.z_case_thumb .z_thumb_warp.z_thumb_warp1 {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-flow:row-reverse;
	flex-flow:row-reverse
}
.z_case_thumb .z_case_big {
	width:51.5625vw;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_case_big {
width:100%
}
}
.z_case_thumb .z_case_big li {
	position:relative
}
.z_case_thumb .z_case_big li:hover .imgbg {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.z_case_thumb .z_case_big li:hover .infobox {
	background:#d92029;
	color:#fff
}
.z_case_thumb .z_case_big .imgbox {
	height:34.375vw
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_case_big .imgbox {
height:70vw
}
}
.z_case_thumb .z_case_big .infobox {
	position:absolute;
	left:0;
	bottom:0%;
	width:100%;
	background:rgba(242, 242, 242, .95);
	padding:1.5625vw;
-webkit-transition:ease .6s;
transition:ease .6s
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_case_big .infobox {
padding:12px
}
}
.z_case_thumb .z_case_big .num {
	font-size:1.875vw
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_case_big .num {
font-size:18px
}
}
.z_case_thumb .z_case_big .cc {
font-size:.9375vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
@media screen and (max-width: 1680px) {
.z_case_thumb .z_case_big .cc {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_case_big .cc {
font-size:16px
}
}
.z_case_thumb .z_case_big .swiper_btn {
	display:none
}
.z_case_thumb .z_case_small {
	height:34.375vw;
	width:12.1875vw;
	overflow:hidden
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_case_small {
height:auto
}
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_case_small {
width:100%
}
}
.z_case_thumb .z_case_small li {
	position:relative;
	cursor:pointer
}
.z_case_thumb .z_case_small li.active::before {
opacity:1
}
.z_case_thumb .z_case_small li::before {
border:5px solid #d92029;
z-index:1;
pointer-events:none;
opacity:0;
-webkit-transition:ease 1s;
transition:ease 1s
}
.z_case_thumb .z_case_small li:hover .imgbg {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
@media screen and (max-width: 980px) {
.z_case_thumb .z_case_big .swiper_btn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0 auto;
margin-top:20px
}
.z_case_thumb .z_case_small {
display:none
}
}
.z_case_box {
	padding-left:0vw;
	padding-right:0vw
}
@media screen and (max-width: 980px) {
.z_case_box {
padding-left:12px;
padding-right:12px
}
}
.z_case_box .z_ws_swiper {
	width:64.5833333333vw;
	margin:0 auto;
	overflow:hidden;
	margin-top:2.6041666667vw
}
@media screen and (max-width: 980px) {
.z_case_box .z_ws_swiper {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_case_box .z_ws_swiper {
margin-top:30px
}
}
.z_case_box .z_ws_swiper li:hover .imgbg {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.z_case_box .z_ws_swiper li:hover .infobox {
	background:#d92029;
	color:#fff
}
.z_case_box .z_ws_swiper .imgbox {
	height:20.8333333333vw
}
@media screen and (max-width: 980px) {
.z_case_box .z_ws_swiper .imgbox {
height:55vw
}
}
.z_case_box .z_ws_swiper .infobox {
	background:#f2f2f2;
	padding:1.5625vw;
-webkit-transition:ease .6s;
transition:ease .6s
}
@media screen and (max-width: 980px) {
.z_case_box .z_ws_swiper .infobox {
padding:12px
}
}
.z_case_box .z_ws_swiper .num {
	font-size:1.875vw
}
@media screen and (max-width: 980px) {
.z_case_box .z_ws_swiper .num {
font-size:18px
}
}
.z_case_box .z_ws_swiper .cc {
font-size:.9375vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
@media screen and (max-width: 1680px) {
.z_case_box .z_ws_swiper .cc {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_case_box .z_ws_swiper .cc {
font-size:16px
}
}
.z_case_box .z_ws_swiper .swiper_btn {
	display:none
}
.z_case_list {
	width:100%;
	margin:0 auto;
	margin-top:3.125vw;
	padding-left:0vw;
	padding-right:0vw
}
@media screen and (max-width: 980px) {
.z_case_list {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_case_list {
margin-top:30px
}
}
@media screen and (max-width: 980px) {
.z_case_list {
padding-left:12px;
padding-right:12px
}
}
.z_case_list li {
	width:23.4vw;
margin-left:0.5vw;
margin-right:0.5vw;
	margin-bottom:1.0416666667vw;
	position:relative
}
@media screen and (max-width: 980px) {
.z_case_list li {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_case_list li {
margin-left:0;
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.1, 1.1);
	transform:scale(1.1, 1.1)
}
.z_case_list li:hover .infobox {
	background:#d92029;
	color:#fff
}
.z_case_list li.big {
	width:46vw; 
}
@media screen and (max-width: 980px) {
.z_case_list li.big {
width:100%
}
}
.z_case_list li.big .infobox {
	width:18.75vw
}
@media screen and (max-width: 980px) {
.z_case_list li.big .infobox {
width:100%
}
}
.z_case_list li.more {
	height:20.8333333333vw
}
@media screen and (max-width: 980px) {
.z_case_list li.more {
height:40vw
}
}
.z_case_list li.more 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:100%;
	height:100%;
	background:#fff;
font-size:.8333333333vw
}
@media screen and (max-width: 1680px) {
.z_case_list li.more a {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_case_list li.more a {
font-size:16px
}
}
.z_case_list li.more .iconfont {
	width:2.5vw;
	height:2.5vw;
	background:#d92029;
	border-radius:50%;
	text-align:center;
	line-height:2.5vw;
	display:block;
	font-size:18px;
	font-weight:bold;
	margin:0 auto;
	margin-bottom:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_case_list li.more .iconfont {
width:40px;
height:40px
}
}
@media screen and (max-width: 980px) {
.z_case_list li.more .iconfont {
line-height:40px
}
}
@media screen and (max-width: 980px) {
.z_case_list li.more .iconfont {
margin-bottom:12px
}
}
.z_case_list .imgbox {
	height:24vw
}
@media screen and (max-width: 980px) {
.z_case_list .imgbox {
height:80vw
}
}
.z_case_list .infobox {
	position:absolute;
	left:0;
	bottom:0%;
	background:#f1f1f1;
	width:100%;
	padding:1.0416666667vw;
-webkit-transition:ease .6s;
transition:ease .6s
}
@media screen and (max-width: 980px) {
.z_case_list .infobox {
padding:12px
}
}
.z_case_list .infobox .num {
	font-size:1.875vw;
	line-height:1.875vw
}
@media screen and (max-width: 980px) {
.z_case_list .infobox .num {
font-size:18px
}
}
@media screen and (max-width: 980px) {
.z_case_list .infobox .num {
line-height:20px
}
}
.z_case_list .infobox .tt {
font-size:.8333333333vw;
	margin-top:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
@media screen and (max-width: 1680px) {
.z_case_list .infobox .tt {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_case_list .infobox .tt {
font-size:16px
}
}
.z_news_warp {
	padding-top:5vw;
	padding-bottom:5vw;
	padding-left:13.3541666667vw;
	padding-right:13.3541666667vw;
	position:relative;
	z-index:1
}
@media screen and (max-width: 980px) {
.z_news_warp {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_news_warp {
padding-left:12px;
padding-right:12px
}
}
.z_news_warp .z_news_first {
	border-bottom:1px solid #e2e2e2;
	padding-bottom:2.6041666667vw;
	margin-bottom:2.6041666667vw
}
.z_news_warp .z_news_first a {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.z_news_warp .z_news_first .imgbox {
	width:31.9791666667vw;
	height:19.2708333333vw
}
@media screen and (max-width: 980px) {
.z_news_warp .z_news_first .imgbox {
width:100%;
height:55vw
}
}
.z_news_warp .z_news_first .infobox {
	width:35vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-flow:column;
	flex-flow:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:0vw
}
@media screen and (max-width: 980px) {
.z_news_warp .z_news_first .infobox {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_news_warp .z_news_first .infobox {
margin-top:12px
}
}
@media screen and (max-width: 980px) {
.z_news_warp .z_news_first {
padding-bottom:12px
}
}
@media screen and (max-width: 980px) {
.z_news_warp .z_news_first {
margin-bottom:20px
}
}
.z_news_warp .time {
font-size:.8333333333vw;
	font-family:Arial;
	
	color:#666
}
@media screen and (max-width: 1680px) {
.z_news_warp .time {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_news_warp .time {
font-size:14px
}
}
.z_news_warp .tit {
	font-size:1.1458333333vw;
	line-height:1.5625vw;
	min-height:3.125vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	font-weight:bold;
	color:#333;
	margin-top:1.3020833333vw;
	margin-bottom:1.3020833333vw
}
@media screen and (max-width: 980px) {
.z_news_warp .tit {
font-size:16px
}
}
@media screen and (max-width: 1680px) {
.z_news_warp .tit {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_news_warp .tit {
line-height:22px
}
}
@media screen and (max-width: 980px) {
.z_news_warp .tit {
margin-top:15px;
margin-bottom:15px
}
}
.z_news_warp .desc {
font-size:.8333333333vw;
	color:#333;
	line-height:1.25vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
@media screen and (max-width: 1680px) {
.z_news_warp .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_news_warp .desc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_news_warp .desc {
line-height:1.8vw
}
}
@media screen and (max-width: 980px) {
.z_news_warp .desc {
line-height:22px
}
}
.z_news_warp .bar {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_news_warp .bar {
margin-top:12px
}
}
.z_news_warp .bar span {
	display:inline-block;
	background:#fff;
	border:1px solid rgba(75, 75, 75, .19);
	border-radius:20px;
	line-height:30px;
	padding:0 12px;
	margin-right:12px
}
.z_news_warp .bar .iconfont {
	font-size:1.0416666667vw;
	vertical-align:middle;
	margin-right:3px
}
@media screen and (max-width: 980px) {
.z_news_warp .bar .iconfont {
font-size:14px
}
}
.z_news_warp li:hover .ico, .z_news_warp .z_news_first:hover .ico {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.z_news_warp li:hover .imgbg, .z_news_warp .z_news_first:hover .imgbg {
	-webkit-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1)
}
.z_news_warp li:hover .tit, .z_news_warp .z_news_first:hover .tit {
	color:#d92029
}
.z_news_warp .news_list li {
	width:35.8125vw;
	margin-bottom:1vw
}
@media screen and (max-width: 980px) {
.z_news_warp .news_list li {
width:100%
}
}
.z_news_warp .news_list li:nth-child(even) {
margin-left:auto
}
@media screen and (max-width: 980px) {
.z_news_warp .news_list li {
margin-bottom:20px
}
}
.z_news_warp .news_list .imgbox {
	height:22vw;
	position:relative
}
@media screen and (max-width: 980px) {
.z_news_warp .news_list .imgbox {
height:55vw
}
}
.z_news_warp .news_list .ico {
	position:absolute;
	left:0;
	bottom:0%;
	width:100%;
	height:3.125vw;
	padding-left:1.25vw;
	padding-right:1.25vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background:#d92029;
	-webkit-transition:ease 1s;
	transition:ease 1s;
	-webkit-transform:translateY(90%);
	transform:translateY(90%)
}

.z_news_warp .news_list .ico em{ color:#fff; }



@media screen and (max-width: 980px) {
.z_news_warp .news_list .ico {
height:30px
}
}
@media screen and (max-width: 980px) {
.z_news_warp .news_list .ico {
padding-left:12px;
padding-right:12px
}
}
.z_news_warp .news_list .ico .iconfont {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	font-size:20px
}
.z_news_warp .news_list .infobox {
	margin-top:2vw
}
@media screen and (max-width: 980px) {
.z_news_warp .news_list .infobox {
margin-top:12px
}
}
.z_pagination {
	margin-top:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_pagination {
margin-top:20px
}
}
.z_pagination .pagination {
	text-align:center
}
.z_pagination .pagination ul, .z_pagination .pagination li {
	float:none
}
.z_pagination .pagination .sr-only {
	display:none
}
.z_pagination .pagination .page-item {
	margin:0;
	width:auto;
	display:inline-block
}
.z_pagination .pagination .page-item.active .page-link {
	border-bottom:2px solid #0b68da;
	color:#000
}
.z_pagination .pagination .page-link {
	display:inline-block;
	text-align:center;
	padding:8px 0;
	margin:0 8px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#6e6e6e;
	width:13px;
	text-align:center;
	border-bottom:2px solid #fff
}
.z_pagination .pagination .page-link:hover {
	border-bottom:2px solid #0b68da;
	color:#000
}
.z_pagination .iconfont {
	font-size:14px
}
.z_xq_page {
	padding-top:9.375vw;
	padding-bottom:9.375vw;
	margin-top:0vw;
	padding-left: 13.3541666667vw;
  padding-right: 13.3541666667vw;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
@media screen and (max-width: 980px) {
.z_xq_page {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_xq_page {
margin-top:50px
}
}
@media screen and (max-width: 980px) {
.z_xq_page {
padding-left:12px;
padding-right:12px
}
}
.z_xq_page .flwarp {
	width:46.875vw
}
@media screen and (max-width: 980px) {
.z_xq_page .flwarp {
width:100%
}
}
.z_xq_page .headbox {
	background:#fafafa;
	padding-top:1.5625vw;
	padding-bottom:1.5625vw;
	padding-left:2.0833333333vw;
	padding-right:2.0833333333vw;
	border-top:3px solid #333;
	border-bottom:1px solid #dedede
}
@media screen and (max-width: 980px) {
.z_xq_page .headbox {
padding-top:15px;
padding-bottom:15px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .headbox {
padding-left:12px;
padding-right:12px
}
}
.z_xq_page .headbox .tit {
	font-size:1.875vw;
	line-height:2.5vw;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_xq_page .headbox .tit {
font-size:18px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .headbox .tit {
line-height:28px
}
}
.z_xq_page .bar {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_xq_page .bar {
margin-top:30px
}
}
.z_xq_page .bar span {
	display:inline-block;
	border:1px solid rgba(75, 75, 75, .19);
	border-radius:15px;
	height:30px;
	line-height:28px;
	padding:0 15px;
	margin-right:10px;
	color:#333
}
.z_xq_page .z_share {
	margin-left:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.z_xq_page .z_share a {
	width:30px;
	height:30px;
	background:#eee;
	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-right:10px;
	color:#333;
	cursor:pointer
}
.z_xq_page .z_share a:hover {
	background:#d92029
}
.z_xq_page .intrduce {
font-size:.8333333333vw;
	line-height:1.5625vw;
	font-weight:bold;
	color:#666;
	padding-top:3.125vw;
	padding-bottom:3.125vw;
	border-bottom:1px solid #dedede
}
@media screen and (max-width: 1680px) {
.z_xq_page .intrduce {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_xq_page .intrduce {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_xq_page .intrduce {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_xq_page .intrduce {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .intrduce {
padding-top:20px;
padding-bottom:20px
}
}
.z_xq_page .content_warp {
	padding-top:3.125vw;
	padding-bottom:3.125vw;
	color:#666;
font-size:.8333333333vw;
	line-height:1.5625vw
}
@media screen and (max-width: 980px) {
.z_xq_page .content_warp {
padding-top:15px;
padding-bottom:15px
}
}
@media screen and (max-width: 1680px) {
.z_xq_page .content_warp {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_xq_page .content_warp {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_xq_page .content_warp {
line-height:2.2vw
}

.z_xq_page .content_warp img{ margin:20px 0px;}

}
@media screen and (max-width: 980px) {
.z_xq_page .content_warp {
line-height:24px
}
}
.z_xq_page .frwarp {
	width:21.5625vw;
	margin-left:auto;
	background:#f5f5f5;
	padding-left:1.5625vw;
	padding-right:1.5625vw;
padding-top:.5208333333vw;
padding-bottom:.5208333333vw;
	margin-top:0vw
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp {
padding-top:12px;
padding-bottom:12px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp {
margin-top:35px
}
}
.z_xq_page .frwarp .titbar {
	font-size:1.3541666667vw;
	font-weight:bold;
	border-bottom:1px solid #dedede;
	padding-top:1.0416666667vw;
	padding-bottom:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp .titbar {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp .titbar {
padding-top:12px;
padding-bottom:12px
}
}
.z_xq_page .frwarp a {
	display:block;
	padding-top:1.0416666667vw;
	padding-bottom:1.0416666667vw;
	border-bottom:1px solid #dedede;
	font-weight:bold
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp a {
padding-top:12px;
padding-bottom:12px
}
}
.z_xq_page .frwarp a:hover .tit {
	color:#d92029
}
.z_xq_page .frwarp .time {
	color:#666
}
.z_xq_page .frwarp .tit {
font-size:.9375vw;
	color:#333;
margin-top:.5208333333vw
}
@media screen and (max-width: 1680px) {
.z_xq_page .frwarp .tit {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp .tit {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp .tit {
margin-top:10px
}
}
.z_xq_page .frwarp .codebox {
	text-align:center;
	padding-top:2.0833333333vw;
	padding-bottom:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp .codebox {
padding-top:20px;
padding-bottom:20px
}
}
.z_xq_page .frwarp .codebox img {
	display:block;
	margin:0 auto;
	width:6.25vw;
margin-bottom:.5208333333vw
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp .codebox img {
width:80px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .frwarp .codebox img {
margin-bottom:10px
}
}
.z_xq_page .topbtmbar {
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	margin-top:1.5625vw
}

.z_xq_page .topbtmbar .icon-arrt , .z_xq_page .topbtmbar .icon-arrb { float:left; margin-top:18px; margin-right:20px;  }

@media screen and (max-width: 980px) {
.z_xq_page .topbtmbar {
margin-top:12px
}
}
.z_xq_page .topbtmbar a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:4vw;
	font-weight:bold;
	color:#333
}
@media screen and (max-width: 980px) {
.z_xq_page .topbtmbar a {
height:50px
}
}
.z_xq_page .topbtmbar a:hover {
	color:#d92029
}
.z_xq_page .topbtmbar a:last-child {
	border-top:1px solid #e4e4e4
}
.z_xq_page .topbtmbar a .iconfont {
	-ms-flex-negative:0;
	flex-shrink:0;
	padding-left:1.5625vw;
	padding-right:1.5625vw
}
@media screen and (max-width: 980px) {
.z_xq_page .topbtmbar a .iconfont {
padding-left:12px;
padding-right:12px
}
}
.z_xq_page .topbtmbar a .tit {
font-size:.9375vw;
	margin-left:1.0416666667vw;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
@media screen and (max-width: 1680px) {
.z_xq_page .topbtmbar a .tit {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_xq_page .topbtmbar a .tit {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_xq_page .topbtmbar a .tit {
margin-left:0
}
}
.z_mt_list {
	width:63.5416666667vw;
	margin:0 auto
}
@media screen and (max-width: 980px) {
.z_mt_list {
width:100%
}
}
.z_mt_list li {
	width:30.5208333333vw;
	float:left;
	border:1px solid #d5d5d5;
	padding:1.5625vw;
	padding-top:2.34375vw;
	margin-bottom:2.6041666667vw;
-webkit-transition:ease .7s;
transition:ease .7s;
	background:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-flow:column;
	flex-flow:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	min-height:26.0416666667vw
}
@media screen and (max-width: 980px) {
.z_mt_list li {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_mt_list li {
padding:12px
}
}
@media screen and (max-width: 980px) {
.z_mt_list li {
margin-bottom:12px
}
}
.z_mt_list li:nth-child(even) {
float:right
}
.z_mt_list .warp:hover:hover .tit {
	color:#d92029
}
.z_mt_list .ly {
	font-weight:bold
}
.z_mt_list .tit {
	font-size:1.5625vw;
	line-height:1.9791666667vw;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-bottom:1.8229166667vw
}
@media screen and (max-width: 980px) {
.z_mt_list .tit {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_mt_list .tit {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_mt_list .tit {
margin-bottom:20px
}
}
.z_mt_list .desc {
font-size:.8333333333vw;
	line-height:1.25vw;
	color:#666;
	line-height:24px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	margin-bottom:1.0416666667vw
}
@media screen and (max-width: 1680px) {
.z_mt_list .desc {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_mt_list .desc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_mt_list .desc {
line-height:1.45vw
}
}
@media screen and (max-width: 980px) {
.z_mt_list .desc {
line-height:20px
}
}
@media screen and (max-width: 980px) {
.z_mt_list .desc {
margin-bottom:20px
}
}
.z_mt_list .btmbar {
	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_mt_list .btmbar .iconfont {
	display:inline-block;
	vertical-align:-1px
}
.z_mt_list .slg {
	line-height:28px;
	border:1px solid #d5d5d5;
	border-radius:15px;
	display:inline-block;
	padding:0 15px;
	margin-bottom:10px
}
.z_mt_list .arr {
	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;
	background:#fff;
	border:2px solid #000;
	border-radius:50%;
	width:36px;
	height:36px;
-webkit-transition:ease .5s;
transition:ease .5s;
	margin-left:5px
}
@media screen and (max-width: 980px) {
.z_mt_list .arr {
width:30px;
height:30px
}
}
.z_mt_list .arr .iconfont {
	display:inline-block;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.z_mt_list .arr:hover {
	background:#d92029;
	border-color:#d92029
}
.z_mt_list .frs {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-left:auto;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
@media screen and (max-width: 980px) {
.z_mt_list li {
padding:20px 12px
}
}
.z_zp_page {
	position:relative;
	z-index:1;
	padding-top:4.1666666667vw;
	padding-bottom:4.1666666667vw;
	padding-left:0vw;
	padding-right:0vw
}
@media screen and (max-width: 980px) {
.z_zp_page {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_zp_page {
padding-left:12px;
padding-right:12px
}
}
.z_job_section {
	position:relative;
	padding-top:6.25vw;
	padding-bottom:6.25vw;
	padding-left:18.75vw;
	padding-right:18.75vw
}
@media screen and (max-width: 980px) {
.z_job_section {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_job_section {
padding-left:12px;
padding-right:12px
}
}
.z_job_warp {
	margin-top:3.125vw;
	border-top:8px solid #252525;
	border-bottom:1px solid #ccc;
	color:#333;
	background:#fff
}
@media screen and (max-width: 980px) {
.z_job_warp {
margin-top:30px
}
}
.z_job_warp .titbar {
	height:3.8541666667vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
font-size:.8333333333vw;
	padding-left:1.0416666667vw;
	padding-right:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_job_warp .titbar {
height:50px
}
}
@media screen and (max-width: 1680px) {
.z_job_warp .titbar {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_job_warp .titbar {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_job_warp .titbar {
padding-left:12px;
padding-right:12px
}
}
.z_job_warp .titbar.bold {
	font-weight:bold
}
.z_job_warp .titbar div {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.z_job_warp .titbar .t3, .z_job_warp .titbar .t4 {
	-webkit-box-flex:.6;
	-ms-flex:.6;
	flex:.6
}
.z_job_warp li {
	border-top:1px solid #ccc
}
.z_job_warp li .titbar {
	position:relative;
	cursor:pointer;
-webkit-transition:ease .5s;
transition:ease .5s
}
.z_job_warp li .titbar::before {
content:"+";
position:absolute;
right:20px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
font-weight:bold;
font-size:18px
}
.z_job_warp li .titbar.on {
	background:#f8f8f8
}
.z_job_warp li .titbar.on::before {
content:"-"
}
.z_job_warp .downcon {
	padding-top:2.0833333333vw;
	padding-bottom:2.0833333333vw;
	padding-left:1.0416666667vw;
	padding-right:1.0416666667vw;
	color:#7f7f7f;
	font-size:14px;
	line-height:30px;
	display:none
}
@media screen and (max-width: 980px) {
.z_job_warp .downcon {
padding-top:20px;
padding-bottom:20px
}
}
@media screen and (max-width: 980px) {
.z_job_warp .downcon {
padding-left:12px;
padding-right:12px
}
}
.z_job_warp .downcon .ts {
	margin-top:2.0833333333vw
}
@media screen and (max-width: 980px) {
.z_job_warp .downcon .ts {
margin-top:20px
}
}
.z_job_warp .downcon .ts a {
	color:#d92029
}
.z_job_warp .downcon .apply {
	display:inline-block;
	min-width:120px;
	padding:0 12px;
	height:44px;
	background:#d92029;
	border:0px solid #000;
	border-radius:22px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	line-height:44px;
	color:#000;
	margin-top:3.125vw
}
@media screen and (max-width: 980px) {
.z_job_warp .downcon .apply {
margin-top:20px
}
}
.z_job_warp .downcon .apply .file {
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	cursor:pointer;
	width:100%;
	height:100%
}
@media screen and (max-width: 980px) {
.z_job_warp {
border-top-width:4px
}
.z_job_warp .t3, .z_job_warp .t4, .z_job_warp .t5 {
display:none
}
.z_job_warp .titbar {
padding-right:30px
}
}
.z_contact_sec {
	padding-top:6.25vw;
	padding-bottom:6.25vw;
	padding-left:18.75vw;
	padding-right:18.75vw
}
@media screen and (max-width: 980px) {
.z_contact_sec {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_contact_sec {
padding-left:12px;
padding-right:12px
}
}
.z_contact_sec .conwarp {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	border-top:1px solid #252525;
	padding-top:2.6041666667vw;
	padding-bottom:2.6041666667vw;
	margin-top:2.6041666667vw;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
@media screen and (max-width: 980px) {
.z_contact_sec .conwarp {
padding-top:20px;
padding-bottom:20px
}
}
@media screen and (max-width: 980px) {
.z_contact_sec .conwarp {
margin-top:30px
}
}
.z_contact_sec .conwarp li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	margin-bottom:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_contact_sec .conwarp li {
margin-bottom:15px
}
}
.z_contact_sec .conwarp li .ico {
	display:block;
	width:30px;
	margin-right:10px
}
.z_contact_sec .conwarp li span {
	color:#666
}
.z_contact_sec .conwarp li .cc {
font-size:.9375vw;
	line-height:1.5625vw;
	font-weight:bold
}
@media screen and (max-width: 1680px) {
.z_contact_sec .conwarp li .cc {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_contact_sec .conwarp li .cc {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_contact_sec .conwarp li .cc {
line-height:1.8125vw
}
}
@media screen and (max-width: 980px) {
.z_contact_sec .conwarp li .cc {
line-height:24px
}
}
.z_contact_sec .frwarp {
	width:22.9166666667vw
}
@media screen and (max-width: 980px) {
.z_contact_sec .frwarp {
width:100%
}
}
.z_contact_sec .frwarp ul {
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-flow:column;
	flex-flow:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.z_contact_sec .codeli {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.z_contact_sec .codeli .li {
	text-align:center;
	margin-right:1.3020833333vw
}
@media screen and (max-width: 980px) {
.z_contact_sec .codeli .li {
margin-right:12px
}
}
.z_contact_sec .codeli img {
	display:block;
	width:100%;
	width:5.9895833333vw;
	height:5.9895833333vw;
	margin-bottom:5px
}
@media screen and (max-width: 980px) {
.z_contact_sec .codeli img {
width:80px;
height:80px
}
}
.z_ly_warp {
	padding-top:9.8958333333vw;
	padding-bottom:9.8958333333vw;
	padding-left:18.75vw;
	padding-right:13.5416666667vw
}
@media screen and (max-width: 980px) {
.z_ly_warp {
padding-top:35px;
padding-bottom:35px
}
}
@media screen and (max-width: 980px) {
.z_ly_warp {
padding-left:12px
}
}
@media screen and (max-width: 980px) {
.z_ly_warp {
padding-right:12px
}
}
.z_ly_warp .flwarp {
	width:25vw;
	-ms-flex-negative:0;
	flex-shrink:0
}
@media screen and (max-width: 980px) {
.z_ly_warp .flwarp {
width:100%
}
}
.z_ly_warp .frwarp {
	width:34.8958333333vw;
	margin-left:auto
}
@media screen and (max-width: 980px) {
.z_ly_warp .frwarp {
width:100%
}
}
.z_ly_warp li {
	width:49.2%;
	border:1px solid #a4a4a4;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
padding-left:.78125vw;
padding-right:.78125vw;
font-size:.8333333333vw;
	margin-bottom:1.0416666667vw
}
@media screen and (max-width: 980px) {
.z_ly_warp li {
width:100%
}
}
@media screen and (max-width: 980px) {
.z_ly_warp li {
padding-left:12px;
padding-right:12px
}
}
@media screen and (max-width: 1680px) {
.z_ly_warp li {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_ly_warp li {
font-size:14px
}
}
@media screen and (max-width: 980px) {
.z_ly_warp li {
margin-bottom:12px
}
}
.z_ly_warp li:nth-child(even) {
margin-left:auto
}
.z_ly_warp .tit {
	-ms-flex-negative:0;
	flex-shrink:0;
margin-right:.78125vw
}
@media screen and (max-width: 980px) {
.z_ly_warp .tit {
margin-right:12px
}
}
.z_ly_warp .tit em {
	color:red
}
.z_ly_warp .text {
	height:2.8125vw
}
@media screen and (max-width: 980px) {
.z_ly_warp .text {
height:50px
}
}
.z_ly_warp .w100 {
	width:100%;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
padding:.78125vw
}
@media screen and (max-width: 980px) {
.z_ly_warp .w100 {
padding:12px
}
}
.z_ly_warp .texta {
	width:100%;
	height:4.6875vw
}
@media screen and (max-width: 980px) {
.z_ly_warp .texta {
height:80px
}
}
.z_ly_warp .btn {
	display:inline-block;
	min-width:8.0208333333vw;
padding-left:.625vw;
padding-right:.625vw;
	line-height:2.8125vw;
	border-radius:1.4583333333vw;
	background:#d92029;
	color:#fff;
	text-align:center;
font-size:.9375vw;
	font-weight:bold;
	cursor:pointer
}
@media screen and (max-width: 980px) {
.z_ly_warp .btn {
padding-left:20px;
padding-right:20px
}
}
@media screen and (max-width: 980px) {
.z_ly_warp .btn {
line-height:40px
}
}
@media screen and (max-width: 1680px) {
.z_ly_warp .btn {
font-size:1.134375vw
}
}
@media screen and (max-width: 980px) {
.z_ly_warp .btn {
font-size:16px
}
}
@media screen and (max-width: 980px) {
.z_ly_warp .btn {
border-radius:20px
}
.z_ly_warp .frwarp {
margin-top:30px
}
}
.z_slide_bar {
	position:fixed;
	right:2.7083333333vw;
	top:50%;
	z-index:7;
	display:none
}
.z_slide_bar ul {
	width:48px;
	background:#fff;
	border:0px solid #050001;
	-webkit-box-shadow:0px 5px 20px 0px rgba(0, 0, 0, .15);
	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, .15);
	border-radius:24px
}
.z_slide_bar li {
	position:relative;
	cursor:pointer
}
.z_slide_bar li .ico {
	border-radius:50%;
-webkit-transition:ease .5s;
transition:ease .5s;
	z-index:1;
	position:relative
}
.z_slide_bar li .ico img {
	width:48px;
	display:block
}
.z_slide_bar li .ico::before {
content:"";
display:block;
width:24px;
height:2px;
background:#c2c2c2;
position:absolute;
left:50%;
bottom:0;
margin-left:-12px;
z-index:-1
}
.z_slide_bar li:last-child .ico::before {
display:none
}
.z_slide_bar li:hover .con {
	opacity:1;
	-webkit-transform:translate(0%, -50%);
	transform:translate(0%, -50%)
}
.z_slide_bar li:hover .ico {
	
}
.z_slide_bar li .con {
	position:absolute; color:#fff;
	right:58px;
	background:#d92029;
	border-radius:8px;
	padding:10px;
	white-space:nowrap;
	top:50%;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	opacity:0;
	-webkit-transition:ease 1s;
	transition:ease 1s
}
.z_slide_bar li .code {
	display:block;
	width:100px
}
.z_slide_bar li .code img {
	display:block;
	width:100%
}
.z_slide_bar .z_retop {
	cursor:pointer;
	width:48px;
	height:48px;
	background:#fff;
	border:0px solid #050001;
	-webkit-box-shadow:0px 5px 20px 0px rgba(0, 0, 0, .15);
	box-shadow:0px 5px 20px 0px rgba(0, 0, 0, .15);
	border-radius:50%;
	margin-top:1.5625vw;
	-webkit-transition:ease 1s;
	transition:ease 1s
}
@media screen and (max-width: 980px) {
.z_slide_bar .z_retop {
margin-top:10px
}
}
.z_slide_bar .z_retop:hover {
	background:#d92029
}
.z_slide_bar .z_retop img {
	display:block
}
@media screen and (max-width: 980px) {
.z_slide_bar {
display:block !important
}
}
.z_grid {
	width:100%;
	height:29.4791666667vw;
	background:url(../img/z_grid.png) no-repeat bottom center;
	background-size:100% auto;
	position:absolute;
	left:0;
	bottom:-5.2083333333vw;
	z-index:-1
}
@media screen and (max-width: 980px) {
.z_grid {
height:50vw
}
}
.z_play_ico {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-size:3.125vw;
	color:#d92029;
	z-index:2;
	cursor:pointer
}
@media screen and (max-width: 980px) {
.z_play_ico {
font-size:30px
}
}
.imgbox {
	position:relative
}
.z_join_way {
	margin-top:5.2083333333vw;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
@media screen and (max-width: 980px) {
.z_join_way {
margin-top:30px
}
}
.z_join_way .flwarp {
font-size:.8333333333vw;
	line-height:1.4583333333vw;
	color:#666;
	width:60%
}
@media screen and (max-width: 1680px) {
.z_join_way .flwarp {
font-size:1.0083333333vw;
font-size:1.0666666667vw
}
}
@media screen and (max-width: 980px) {
.z_join_way .flwarp {
font-size:14px
}
}
@media screen and (max-width: 1680px) {
.z_join_way .flwarp {
line-height:1.6916666667vw
}
}
@media screen and (max-width: 980px) {
.z_join_way .flwarp {
line-height:24px
}
}
@media screen and (max-width: 980px) {
.z_join_way .flwarp {
width:100%
}
}
.z_join_way .code {
	width:6.25vw;
	text-align:center;
	color:#666
}
@media screen and (max-width: 980px) {
.z_join_way .code {
width:80px
}
}
.z_join_way .code .img {
	display:block;
	width:100%
}





@media screen and (max-width: 450px) {
.z_slide_bar li , .z_retop{ display:none }

.map-box { }

.join-li {
  padding-bottom: 0px;
}
.join-li .li{
    width:100%;
    height:274px;
    margin-right:0%;
    margin-bottom:34px;
    background-color:#f6f6f7;
    padding:35px 40px 0;
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    text-align:center
}

.join-li .li:last-child{ display:none; }

.z_news_warp h4 {
  font-size: 30px;
  margin: 0px auto 30px auto;
}


.map-box .tab {
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 30%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}


.map-box .tab li {
  width: 100px;
  height: 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  margin: 11px 0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  background-color: #015198;
  cursor: pointer;
}
.map-box .tab li span {
  color: #fff;
  font-size: 12px;
  margin-left: 15px;
}

.map-box .tab li img{ width:20%; }

}