@font-face {



	font-family: NotoSansHans;



	src: url(../fonts/NotoSansHans-Regular.ttf);



	font-weight: normal



}



@font-face {



	font-family: DIN;



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



	font-weight: normal



}







.fl{float: left}







.showcase {



	height: 600px;



	display: flex;



	align-items: center;



	justify-content: center;



	text-align: center;



	color: #fff;



	padding: 0 20px;



}







.video-container {



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	overflow: hidden;



	background: url('../images/cover.jpg') no-repeat center



		center/cover;



}







.video-container video {



	min-width: 100%;



	min-height: 100%;



  position: absolute;



	top: 50%;



	left: 50%;



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



	object-fit: cover;



}







.video-container:after {



	content: '';



	z-index: 1;



	height: 100%;



	width: 100%;



	top: 0;



	left: 0;



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



	position: absolute;



}







.content {



	z-index: 2;



}







.showcase .btn {



	display: inline-block;



	padding: 10px 40px;



	color: #fff;



	border-radius: 50px;



	margin-top: 25px;



	background: #fe9112



}







.btn:hover {



	transform: scale(0.98);



}







#about {



	padding: 40px;



	text-align: center;



}







#about p {



	font-size: 1.2rem;



	max-width: 600px;



	margin: auto;



}







#about h2 {



	margin: 30px 0;



	color: var(--primary-color);



}







.social a {



	margin: 0 5px;



}











.showcase h1{font-size: 80px;font-weight: bold}







.showcase h3{font-size: 55px;font-weight: bold}































































.white {



	color: #fff



}



.num {



	font-family: DIN



}



.z_m_box {



	padding: 0 setvw(108)



}



* {



	padding: 0;



	margin: 0;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	outline: none



}



*, :before, :after {



	-webkit-box-sizing: border-box;



	box-sizing: border-box



}



.clearfix:after {



	content: "";



	display: block;



	clear: both



}



body {



	font-size: 14px;



	color: #000;



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



	width: 100%;



	background: #fff;



	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 {



	font-family: NotoSansHans;



	white-space: pre-wrap;



	word-wrap: break-word



}



a {



	text-decoration: none;



	-webkit-transition: ease .65s;



	transition: ease .65s;



	color: #000;



	outline: none



}



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



	font-size: inherit;



	outline: none;



	font-family: 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_honor_swiper li::before, .z_process_swiper .conwarp::before, .z_other_banner::before, .z_news_list .imgbox::before, .z_yy_swiper::before, .z_index_pro 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:#f9910a



}



.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: #f9910a;



	margin: 5px 0



}



.z_menu_btn .line2 {



	margin: 4px 0



}



.z_menu_btn .line1, .z_menu_btn .line2 {



	margin-left: auto



}



.z_menu_btn.on .line1 {



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



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



}



.z_menu_btn.on .line2 {



	opacity: 0



}



.z_menu_btn.on .line3 {



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



	transform: translateY(-6px) 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_section {



	padding: 5.7291666667vw 5.2083333333vw



}



.z_flex_warp {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex



}







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



.z_m_box {



	display: block !important;



	padding: 40px 12px !important



}



.z_section {



	padding: 35px 12px !important



}



.z_flex_warp {



	display: block



}



.lazy {



	background-attachment: inherit



}



}



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



	-ms-scroll-chaining: none;



	overscroll-behavior: contain



}



.z_video_swiper {



	position: relative



}



.z_video_swiper .video {



	position: absolute;



	top: 50%;



	left: 50%;



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



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



	min-width: 100%;



	width: auto;



	height: 100%;



	-o-object-fit: fill;



	object-fit: fill;



	position: relative



}



[data-scroll=fade] {



	-webkit-transition: opacity 1.5s;



	transition: opacity 1.5s



}







[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: 0



}



[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: 0



}



[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: 0



}



.z_header {



	width: 100%;



	position: fixed;



	left: 0;



	top: 0;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: justify;



	-ms-flex-pack: justify;



	justify-content: space-between;



	z-index: 9;



	padding-left: 2.0833333333vw;



	padding-right: 2.0833333333vw;



	height: 3.6458333333vw;



	-webkit-transition: background 1s;



	transition: background 1s;



	background: #fff



}







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



.z_header {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_header {



	height: 55px



}



}



.z_header .logo {



	position: relative;



	z-index: 2;



	height: 2.5vw;



	position: relative



}







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



.z_header .logo {



	height: 38px



}



}



.z_header .logo img {



	display: block;



	-webkit-transition: ease .7s;



	transition: ease .7s;



	height: 100%;



	-webkit-transition: ease 1s;



	transition: ease 1s



}



.z_header .logo .img2 {



	position: absolute;



	left: 0;



	top: 0%;



	opacity: 0



}



.z_header .frbox {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: end;



	-ms-flex-pack: end;



	justify-content: flex-end;



	position: relative;



	z-index: 2;



	margin-left: auto



}



.z_header .z_header_nav {



	width: 100%;



	text-align: center



}



.z_header .z_header_nav li {



	display: inline-block;



	margin-right: 3.125vw;



	position: relative



}







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



.z_header .z_header_nav li {



	margin-right: 0



}



}



.z_header .z_header_nav li.active .one, .z_header .z_header_nav li:hover .one {



	color: #f9910a



}



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



	opacity: 1



}



.z_header .z_header_nav li:hover .subnav {



	opacity: 1;



	visibility: visible



}



.z_header .z_header_nav .subnav {



	position: absolute;



	left: 50%;



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



	transform: translateX(-50%);



	top: 100%;



	z-index: 1;



	opacity: 0;



	-webkit-transition: ease .2s;



	transition: ease .2s;



	visibility: hidden;



	min-width: 120px;



	padding: 20px 10px;



	background: #f9910a;



	text-align: center;



	white-space: nowrap



}



.z_header .z_header_nav .subnav a {



	display: block;



	color: #fff;



	opacity: 1;



	line-height: 30px



}



.z_header .z_header_nav .subnav a:hover {



	text-decoration: underline



}



.z_header .z_header_nav .subnav>div:hover .three_a {



	display: block



}



.z_header .z_header_nav .subnav .three_a {



	position: absolute;



	left: 90%;



	top: 0;



	background: #f9910a;



	display: none;



	padding: 12px;



	padding-left: 20px



}



.z_header .z_header_nav .one {



	font-size: .9375vw;



	line-height: 3.6458333333vw;



	display: block;



	position: relative;



	color: #000;



	font-weight: bold



}







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



.z_header .z_header_nav .one {



	font-size: 1.134375vw



}



}







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



.z_header .z_header_nav .one {



	font-size: 16px



}



}







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



.z_header .z_header_nav .one {



	line-height: 40px



}



}



.z_header .z_header_nav .one::before {



	content: "";



	display: block;



	width: 4px;



	height: 4px;



	background: #f9910a;



	left: -12px;



	position: absolute;



	top: 50%;



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



	transform: translateY(-50%);



	-webkit-transition: ease 1s;



	transition: ease 1s;



	opacity: 0



}



.z_header .lines {



	width: 2px;



	height: 14px;



	background: #fff;



	margin-left: 1.0416666667vw;



	margin-right: 1.0416666667vw



}







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



.z_header .lines {



	margin-left: 10px;



	margin-right: 10px



}



}



.z_header .z_words {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	font-size: .8333333333vw;



	position: relative;



	-ms-flex-negative: 0;



	flex-shrink: 0



}







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



.z_header .z_words {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_header .z_words {



	font-size: 14px



}



}



.z_header .z_words .iconfont {



	color: #f9910a



}



.z_header .z_words select {



	height: 3.6458333333vw



}







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



.z_header .z_words select {



	height: 55px



}



}



.z_header .z_words::before {



	content: "";



	display: block;



	width: 100%;



	height: 2px;



	background: #aaa;



	position: absolute;



	left: 0;



	bottom: .9375vw



}







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



.z_header {



	border-bottom: 2px solid #f9910a;



	background: #fff



}



.z_header .z_header_nav .one {



	color: #333



}



.z_header .z_search, .z_header .lines {



	display: none



}



.z_header .frbox {



	margin-left: auto



}



.z_header .z_menu_btn {



	margin-left: 20px



}



.z_header .z_menu_btn span {



	background: #f9910a



}



.z_header .z_words .iconfont {



	vertical-align: -2px



}



.z_header .z_words .titbar {



	color: #333



}



.z_header .z_words::before {



	display: none



}



.z_header .z_header_nav {



	position: fixed;



	left: 0;



	top: 55px;



	height: calc(100vh - 55px);



	background: #fff;



	z-index: 99;



	width: 100%;



	-webkit-transform: translate(0, 100%);



	transform: translate(0, 100%);



	-webkit-transition: ease 1s;



	transition: ease 1s;



	text-align: center;



	margin: 0;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	text-align: center



}



.z_header .z_header_nav ul {



	width: 100%



}



.z_header .z_header_nav.on {



	-webkit-transform: translateY(0);



	transform: translateY(0)



}



.z_header .z_header_nav li {



	display: block;



	margin-bottom: 0px



}



.z_header .z_header_nav a {



	color: #333



}



.z_header .z_header_nav .subnav {



	position: relative;



	opacity: 1;



	visibility: visible;



	text-align: center;



	white-space: wrap;



	background: none;



	padding: 0



}



.z_header .z_header_nav .subnav::before {



	display: none



}



.z_header .z_header_nav .subnav a {



	display: inline-block;



	margin-right: 10px;



	color: #999;



	line-height: 24px



}



}



.z_banner {



	height: 700px;



	width: 100%;



	overflow: hidden;



	margin-top: 0vw;



	position: relative



}







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



.z_banner {



	height: 60vw



}



}







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



.z_banner {



	margin-top: 55px



}



}



.z_banner .swiper-slide {



	overflow: hidden



}



.z_banner .swiper_dot {



	position: absolute;



	left: 0;



	bottom: 0%;



	width: 100%;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	justify-content: center;



	bottom: 3.125vw;



	z-index: 2;



	cursor: pointer



}



.z_banner .swiper_dot span {



	display: block;



	width: 30px;



	height: 2px;



	background: #fff;



	opacity: .5;



	-webkit-transition: ease 1s;



	transition: ease 1s;



	margin: 0 5px



}



.z_banner .swiper_dot span.on {



	opacity: 1



}



.z_banner .imgbg {



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



	transform: scale(1.1, 1.1);



	-webkit-transition: ease 4s;



	transition: ease 4s



}



.z_banner .swiper-slide-active .imgbg {



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



	transform: scale(1, 1)



}



.z_banner .swiper-slide-active .tt {



	-webkit-transform: translateY(0);



	transform: translateY(0);



	opacity: 1



}



.z_banner .z_text {



	position: absolute;



	top: 50%;



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



	transform: translateY(-50%);



	width: 100%;



	left: 0;



	z-index: 2;



	color: #f9910a;



	padding-left: 8.8541666667vw;



	padding-right: 8.8541666667vw



}







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



.z_banner .z_text {



	padding-left: 12px;



	padding-right: 12px



}



}



.z_banner .text {



	overflow: hidden



}



.z_banner .tt {



	-webkit-transform: translateY(100%);



	transform: translateY(100%);



	-webkit-transition: ease 1s;



	transition: ease 1s;



	opacity: 0



}



.z_banner .cn {



	font-size: 5.2083333333vw



}







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



.z_banner .cn {



	font-size: 24px



}



}



.z_banner .en {



	font-size: 1.25vw;



	font-family: Arial, Helvetica, sans-serif



}







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



.z_banner .en {



	font-size: 14px



}



}



.z_banner .sb {



	width: 3.125vw;



	height: 3.125vw;



	border-radius: 50%;



	background: rgba(0,0,0,.3) url(../img/arr.png) no-repeat center;



	margin-top: 4.1666666667vw



}







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



.z_banner .sb {



	width: 0;



	height: 0



}



}







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



.z_banner .sb {



	margin-top: 0



}



}



.z_banner .sb:hover {



	background-color: #f9910a



}



.z_index_about {



	background-size: 100% auto;



	background-position: bottom center;



	min-height: 50vw;



	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



}



.z_index_about .topwarp {



	position: absolute;



	left: 0;



	top: 0%;



	padding-top: 1.0416666667vw;



	padding-bottom: 1.0416666667vw;



	padding-left: 2.0833333333vw;



	padding-right: 2.0833333333vw;



	-webkit-box-pack: justify;



	-ms-flex-pack: justify;



	justify-content: space-between;



	width: 100%;



	font-size: 16px;



	line-height: 20px



}







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



.z_index_about .topwarp {



	padding-top: 12px;



	padding-bottom: 12px



}



}







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



.z_index_about .topwarp {



	padding-left: 12px;



	padding-right: 12px



}



}



.z_index_about .flcon {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center



}



.z_index_about .flcon .ico {



	margin-right: 10px



}



.z_index_about .frcon {



	text-align: right



}



.z_index_about .slg {



	font-size: 25px;



	margin-bottom: 10px;overflow: hidden;width:412px;margin: 0 auto;



}















.z_index_about .slg .aboutlogo{width: 112px;}











.z_index_about .slg .aboutlogo img{width: 100%}















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



.z_index_about .slg {



	display: none



}



}



.z_index_about .warp {



	width: 100%;



	padding-left: 11.4583333333vw;



	padding-right: 11.4583333333vw



}







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



.z_index_about .warp {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_index_about {



	padding: 30px 0;



	display: block



}



.z_index_about .topwarp {



	position: relative;



	display: block;



	display: none



}



.z_index_about .slg {



	margin-bottom: 7px



}



}



.center {



	text-align: center



}



.z_index_tit .cn {



	font-size: 2.0208333333vw;



	line-height: 4.125vw;margin-top: 30px;



}



.z_index_tit .cn strong{font-weight: normal;font-size: 0.5vw;}







.z_index_tit .cn span{font-weight: bold}























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



.z_index_tit .cn {



	font-size: 24px



}



}







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



.z_index_tit .cn {



	line-height: 34px



}



}



.bold {



	font-weight: bold



}



.z_about_num {



	margin-top: 5.2083333333vw



}







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



.z_about_num {



	margin-top: 30px



}



}



.z_about_num ul {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: start;



	-ms-flex-align: start;



	align-items: flex-start;



	-webkit-box-pack: justify;



	-ms-flex-pack: justify;



	justify-content: space-between



}



.z_about_num li {



	width: 22.9166666667vw



}







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



.z_about_num li {



	width: 100%



}



}



.z_about_num h4 {



	font-size: .9375vw;



	border-bottom: 1px solid #b2b6ba;



	padding-bottom: 20px;



	padding-bottom: 1.0416666667vw;



	margin-bottom: 1.5625vw



}







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



.z_about_num h4 {



	font-size: 1.134375vw



}



}







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



.z_about_num h4 {



	font-size: 14px



}



}







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



.z_about_num h4 {



	padding-bottom: 10px



}



}







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



.z_about_num h4 {



	margin-bottom: 10px



}



}



.z_about_num h3 {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: start;



	-ms-flex-align: start;



	align-items: flex-start



}



.z_about_num em {



	font-size: 2.6041666667vw;



	line-height: 2.0833333333vw;



	font-weight: bold



}







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



.z_about_num em {



	font-size: 22px



}



}







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



.z_about_num em {



	line-height: 24px



}



}



.z_about_num .timer {



	font-size: 4.6875vw;



	line-height: 3.6458333333vw;



	font-family: DIN;



	font-weight: normal



}







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



.z_about_num .timer {



	font-size: 32px



}



}







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



.z_about_num .timer {



	line-height: 24px



}



}



.z_about_num .ico {



	display: block;



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



	background-size: cover;



	color: #fff;



	min-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;



	font-size: 1.0416666667vw;



	margin-left: 10px



}







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



.z_about_num .ico {



	font-size: 14px



}



}







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



.z_about_num ul {



	display: block



}



.z_about_num li {



	margin-bottom: 20px



}



.z_about_num .ico {



	height: 20px;



	min-width: 20px



}



}



.white {



	color: #fff



}



.pd40 {



	padding-left: 2.0833333333vw;



	padding-right: 2.0833333333vw



}







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



.pd40 {



	padding-left: 12px;



	padding-right: 12px



}



}



.z_index_pro {



	background: #353d48;



	padding-bottom: 6.25vw



}







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



.z_index_pro {



	padding-bottom: 30px



}



}



.z_index_pro ul {



	margin-left: -1.3%



}







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



.z_index_pro ul {



	margin-left: 0



}



}



.z_index_pro li {



	width: 32%;



	height: 21.8229166667vw;



	position: relative;



	float: left;



	margin-bottom: 1.0416666667vw;



	overflow: hidden;



	margin-left: 1.3%



}







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



.z_index_pro li {



	width: 100%;



	height: 66vw



}



}







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



.z_index_pro li {



	margin-bottom: 12px



}



}







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



.z_index_pro li {



	margin-left: 0



}



}



.z_index_pro li::before {







	background-size: auto 100%;



	z-index: 1;



	-webkit-transition: ease 1s;



	transition: ease 1s;



	opacity: 0;



	pointer-events: none



}



.z_index_pro li:hover img {



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



	transform: scale(1.1, 1.1)



}



.z_index_pro li:hover .bar, .z_index_pro li:hover::before {



	opacity: 1



}



.z_index_pro li 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%



}



.z_index_pro li img {



	display: block;



	max-height: 100%;



	-webkit-transition: ease 1s;



	transition: ease 1s



}



.z_index_pro li .infobox {



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0%;



	padding: 1.5625vw;



	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;color:#fff



}







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



.z_index_pro li .infobox {



	padding: 12px



}



}



.z_index_pro li .tit {



	font-size: 1.1458333333vw;



	position: relative



}







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



.z_index_pro li .tit {



	font-size: 16px



}



}



.z_index_pro li .bar {



	border-top: 1px solid #353d48;



	padding-top: 1.5625vw;



	opacity: 0;



	-webkit-transition: ease 1s;



	transition: ease 1s



}







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



.z_index_pro li .bar {



	padding-top: 12px



}



}







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



.z_index_pro li .bar {



	opacity: 1;



	border: none



}



}



.z_dot {



	position: relative;



	padding-left: 14px



}



.z_dot::before {



	content: "";



	display: block;



	width: 8px;



	height: 8px;



	background: #f9910a;



	left: 0px;



	position: absolute;



	top: 50%;



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



	transform: translateY(-50%);



	-webkit-transition: ease 1s;



	transition: ease 1s



}







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



.z_dot::before {



	width: 4px;



	height: 4px



}



}



.z_tit_bar {



	padding-top: 2.6041666667vw;



	padding-bottom: 2.6041666667vw;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center



}







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



.z_tit_bar {



	padding-top: 35px;



	padding-bottom: 35px



}



}



.z_tit_bar .mr {



	margin-left: auto;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center



}



.z_tit_bar .nava a {



	color: #fff;



	font-size: .9375vw;



	margin-right: 2.6041666667vw;



	position: relative



}







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



.z_tit_bar .nava a {



	font-size: 1.134375vw



}



}







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



.z_tit_bar .nava a {



	font-size: 14px



}



}







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



.z_tit_bar .nava a {



	margin-right: 10px



}



}



.z_tit_bar .nava a::before {



	content: "";



	display: block;



	width: 4px;



	height: 4px;



	background: #fff;



	left: -12px;



	position: absolute;



	top: 50%;



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



	transform: translateY(-50%);



	-webkit-transition: ease 1s;



	transition: ease 1s;



	opacity: 0



}



.z_tit_bar .nava a:hover, .z_tit_bar .nava a.active {



	text-decoration: underline



}



.z_tit_bar .nava a:hover::before, .z_tit_bar .nava a.active::before {



	opacity: 1



}







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



.z_tit_bar {



	text-align: center



}



.z_tit_bar .mr {



	display: block



}



.z_tit_bar .nava {



	margin: 15px 0



}



}



.z_more i {



	font-size: .8333333333vw;



	font-style: italic;



	text-decoration: underline



}







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



.z_more i {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_more i {



	font-size: 14px



}



}



.z_more .ico {



	width: 28px;



	height: 28px;



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



	background-size: cover;



	display: inline-block;



	text-align: center;



	line-height: 28px;



	margin-left: 5px



}



.z_more .iconfont {



	display: inline-block;



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



	transform: rotate(-45deg);



	-webkit-transition: ease 1s;



	transition: ease 1s;



	color: #fff



}



.z_more:hover .iconfont {



	-webkit-transform: rotate(0);



	transform: rotate(0)



}







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



.z_more .ico {



	width: 20px;



	height: 20px;



	line-height: 20px



}



}



.z_index_yy {



	background: #353d48;



	padding-bottom: 6.25vw



}







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



.z_index_yy {



	padding-bottom: 30px



}



}



.z_index_yy .z_tit_bar {



	border-top: 1px solid rgba(225,225,225,.6)



}



.z_yy_swiper {



	overflow: hidden;



	position: relative



}



.z_yy_swiper::before {



	height: 45.8333333333vw;



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



	background-size: auto 100%;



	z-index: 2;



	pointer-events: none



}







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



.z_yy_swiper::before {



	height: 60vw



}



}



.z_yy_swiper li {



	position: relative;



	overflow: hidden



}



.z_yy_swiper .imgbg {



	height: 45.8333333333vw



}







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



.z_yy_swiper .imgbg {



	height: 60vw



}



}



.z_yy_swiper .infobox {



	position: absolute;



	top: 50%;



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



	transform: translateY(-50%);



	left: 0;



	padding-left: 7.2916666667vw;



	padding-right: 7.2916666667vw;



	width: 100%;



	color: #fff



}







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



.z_yy_swiper .infobox {



	padding-left: 12px;



	padding-right: 12px



}



}



.z_yy_swiper .desc {



	width: 21.875vw;



	font-size: .8333333333vw;



	margin-bottom: 4.1666666667vw;line-height: 26px;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 5



}







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



.z_yy_swiper .desc {



	width: 100%



}



}







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



.z_yy_swiper .desc {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_yy_swiper .desc {



	font-size: 14px



}



}







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



.z_yy_swiper .desc {



	margin-bottom: 12px



}



}



.z_yy_swiper .num {



	width:8.6041666667vw;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	justify-content: center;



	background-size: cover;



	overflow: hidden;



}







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



.z_yy_swiper .num {



	width: 24px;



	height: 24px



}



}







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



.z_yy_swiper .num {



	font-size: 18px



}



}



.z_yy_swiper .tit {



	font-size: 2.5vw;



	line-height: 2.5vw;



	margin-top: .5208333333vw;



	margin-bottom: 1.5625vw



}







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



.z_yy_swiper .tit {



	font-size: 16px



}



}







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



.z_yy_swiper .tit {



	line-height: 16px



}



}







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



.z_yy_swiper .tit {



	margin-top: 12px



}



}







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



.z_yy_swiper .tit {



	margin-bottom: 12px



}



}



.z_yy_swiper .swiper_dot {



	text-align: center;



	margin-top: 1.5625vw



}







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



.z_yy_swiper .swiper_dot {



	margin-top: 12px



}



}



.z_yy_swiper .swiper_dot span {



	display: inline-block;



	width: 8px;



	height: 8px;



	background: #fff;



	opacity: .3;



	margin: 0 5px;



	cursor: pointer



}



.z_yy_swiper .swiper_dot span.on {



	opacity: 1



}



.z_yy_swiper .btn {



	position: absolute;



	top: 50%;



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



	transform: translateY(-50%);



	z-index: 2;



	cursor: pointer;



	color: #fff;



	opacity: .8;



	width: 2.6041666667vw;



	height: 2.6041666667vw;



	border: 1px solid #fff;



	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



}







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



.z_yy_swiper .btn {



	width: 40px;



	height: 40px



}



}



.z_yy_swiper .btn .iconfont {



	font-size: 1.25vw



}







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



.z_yy_swiper .btn .iconfont {



	font-size: 14px



}



}



.z_yy_swiper .btn.prev {



	left: 20px



}



.z_yy_swiper .btn.next {



	right: 20px



}







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



.z_yy_swiper .desc {



	display: none



}



}



.numbox {



	width: 2.6041666667vw;



	height: 2.6041666667vw;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	justify-content: center;



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



	background-size: cover;



	border-radius: 50%;



	overflow: hidden;



	font-size: 1.25vw;



	font-family: DIN;



	color: #fff



}







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



.numbox {



	width: 24px;



	height: 24px



}



}







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



.numbox {



	font-size: 18px



}



}



.z_index_why {



	padding-top: 8.3333333333vw;



	padding-bottom: 8.3333333333vw;



	background: url(../img/bg2.jpg) no-repeat center;



	background-size: cover



}







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



.z_index_why {



	padding-top: 35px;



	padding-bottom: 35px



}



}



.z_index_why .flwarp {



	width: 43.75vw;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-orient: vertical;



	-webkit-box-direction: normal;



	-ms-flex-flow: column;



	flex-flow: column



}







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



.z_index_why .flwarp {



	width: 100%



}



}



.z_index_why .flwarp .desc {



	color: #333;



	font-size: .9375vw;



	margin-top: 1.0416666667vw



}







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



.z_index_why .flwarp .desc {



	font-size: 1.134375vw



}



}







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



.z_index_why .flwarp .desc {



	font-size: 16px



}



}







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



.z_index_why .flwarp .desc {



	margin-top: 12px



}



}



.z_index_why .flwarp .z_more {



	margin-top: auto;



	margin-bottom: 1.0416666667vw



}







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



.z_index_why .flwarp .z_more {



	margin-bottom: 0px



}



}



.z_index_why .ys_list {



	-webkit-box-pack: justify;



	-ms-flex-pack: justify;



	justify-content: space-between;



	-webkit-box-align: start;



	-ms-flex-align: start;



	align-items: flex-start;



	margin-top: 4.1666666667vw



}







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



.z_index_why .ys_list {



	margin-top: 30px



}



}



.z_index_why .ys_list li {



	width: 12.5vw



}







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



.z_index_why .ys_list li {



	width: 100%



}



}



.z_index_why .ys_list .numbox {



	width: 1.875vw;



	height: 1.875vw;



	font-size: .8333333333vw



}







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



.z_index_why .ys_list .numbox {



	width: 28px;



	height: 28px



}



}







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



.z_index_why .ys_list .numbox {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_index_why .ys_list .numbox {



	font-size: 16px



}



}



.z_index_why .ys_list .tit {



	font-size: 1.6666666667vw;



	line-height: 1.6666666667vw;



	margin-top: 5px



}







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



.z_index_why .ys_list .tit {



	font-size: 16px



}



}







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



.z_index_why .ys_list .tit {



	line-height: 18px



}



}



.z_index_why .ys_list .text {



	font-weight: normal;



	color: #666;



	line-height: 20px;



	margin-top: 1.0416666667vw



}







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



.z_index_why .ys_list .text {



	margin-top: 10px



}



}



.z_index_why .frwarp {



	width: 47.3958333333vw;



	height: 33.3333333333vw;



	margin-left: auto



}







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



.z_index_why .frwarp {



	width: 100%;



	height: 60vw



}



}







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



.z_index_why {



	text-align: center



}



.z_index_why .ys_list {



	text-align: left



}



.z_index_why .ys_list li {



	margin-bottom: 16px



}



.z_index_why .flwarp .z_more {



	margin-top: 20px



}



.z_index_why .frwarp {



	margin-top: 30px



}



}



.z_index_news {



	background: #eceef1;



	padding-bottom: 6.25vw



}







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



.z_index_news {



	padding-bottom: 30px



}



}



.z_index_news .nava a {



	color: #000



}



.z_index_news .nava a::before {



	background: #000



}



.z_news_list {



	overflow: hidden



}



.z_news_list li {



	width: 21.9166666667vw;



	height: 30.2083333333vw;



	position: relative;



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



	background-size: cover;



	z-index: 1



}







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



.z_news_list li {



	width: 100%



}



}







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



.z_news_list li {



	height: 50vw



}



}



.z_news_list li:hover .imgbox {



	opacity: 1



}



.z_news_list li:hover .imgbg {



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



	transform: scale(1.1, 1.1)



}



.z_news_list li:hover .tit, .z_news_list li:hover .time, .z_news_list li:hover .more {



	color: #fff;



	-webkit-transition: ease .5s;



	transition: ease .5s



}



.z_news_list a {



	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;



	height: 100%;



	padding: 2.6041666667vw



}







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



.z_news_list a {



	padding: 15px



}



}



.z_news_list .tit {



	font-size: 1.0416666667vw;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 3;



	line-height: 1.3541666667vw



}







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



.z_news_list .tit {



	font-size: 16px



}



}







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



.z_news_list .tit {



	line-height: 1.5708333333vw



}



}







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



.z_news_list .tit {



	line-height: 20px



}



}



.z_news_list .imgbox {



	position: absolute;



	left: 0;



	top: 0%;



	width: 100%;



	height: 100%;



	opacity: 0;



	-webkit-transition: ease 1s;



	transition: ease 1s;



	z-index: -1



}



.z_news_list .imgbox::before {



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



	background-size: cover;



	z-index: 1



}



.z_news_list .time {







	font-family: DIN;



	font-size: 2.125vw;



	margin-bottom: 1.5625vw



}







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



.z_news_list .time {



	font-size: 30px



}



}







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



.z_news_list .time {



	margin-bottom: 12px



}



}



.z_news_list .more {



	font-style: italic;



	text-decoration: underline;



	color: #888



}



.z_index_hz {



	background: #353d48;



	padding-bottom: 7.2916666667vw



}







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



.z_index_hz {



	padding-bottom: 30px



}



}



.z_index_hz .z_tit_bar {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex



}



.z_index_hz .z_hz_swiper {



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



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



	overflow: hidden



}



.z_index_hz .z_hz_swiper li {



	height: 15.9375vw;



	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;



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



	-webkit-transition: background 1s;



	transition: background 1s;



	cursor: pointer



}







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



.z_index_hz .z_hz_swiper li {



	height: 120px



}



}



.z_index_hz .z_hz_swiper li:hover {



	background: #fff



}



.z_index_hz .z_hz_swiper li:hover .img {



	-webkit-transform: translateY(0);



	transform: translateY(0)



}



.z_index_hz .z_hz_swiper li:hover .img img {



	-webkit-transform: translateY(0);



	transform: translateY(0)



}



.z_index_hz .z_hz_swiper li:hover .tit {



	opacity: 1



}



.z_index_hz .z_hz_swiper .img {



	height: 4.6875vw;



	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;



	overflow: hidden;



	-webkit-transform: translateY(14px);



	transform: translateY(14px);



	-webkit-transition: ease 1s;



	transition: ease 1s



}







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



.z_index_hz .z_hz_swiper .img {



	height: 50px



}



}



.z_index_hz .z_hz_swiper .img img {



	display: block;



	max-height: 100%;



	-webkit-filter: drop-shadow(0 100vh #fff);



	filter: drop-shadow(0 100vh #fff);



	-webkit-transform: translateY(-100vh);



	transform: translateY(-100vh)



}



.z_index_hz .z_hz_swiper .tit {



	margin-top: 10px;



	opacity: 0;



	-webkit-transition: ease .6s;



	transition: ease .6s



}



.z_footer {



	background: #eceef1



}



.z_footer .topwarp {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	padding-top: 2.6041666667vw;



	padding-bottom: 2.6041666667vw;



	-webkit-box-pack: justify;



	-ms-flex-pack: justify;



	justify-content: space-between;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center



}







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



.z_footer .topwarp {



	padding-top: 20px;



	padding-bottom: 20px



}



}



.z_footer .topwarp .logo img {



	height: 3.3854166667vw;



	display: block



}







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



.z_footer .topwarp .logo img {



	height: 42px



}



}



.z_footer .topwarp .z_retop {



	width: 44px;



	height: 44px;



	background: #000;



	border-radius: 50%;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	justify-content: center;



	cursor: pointer



}



.z_footer .topwarp .z_retop:hover {



	background: #f9910a



}



.z_footer .topwarp .z_retop img {



	display: block;



	-webkit-transform: rotate(180deg);



	transform: rotate(180deg)



}



.z_footer .centerwarp {



	border-bottom: 1px solid #c9cccf;



	border-top: 1px solid #c9cccf;



	padding-top: 2.6041666667vw;



	padding-bottom: 2.6041666667vw;



	-webkit-box-pack: justify;



	-ms-flex-pack: justify;



	justify-content: space-between;



	min-height: 22.9166666667vw



}







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



.z_footer .centerwarp {



	padding-top: 20px;



	padding-bottom: 20px



}



}



.z_footer .centerwarp .frcon .desc {



	font-size: .8333333333vw;



	line-height: 1.3541666667vw



}







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



.z_footer .centerwarp .frcon .desc {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_footer .centerwarp .frcon .desc {



	font-size: 14px



}



}







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



.z_footer .centerwarp .frcon .desc {



	line-height: 1.5708333333vw



}



}







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



.z_footer .centerwarp .frcon .desc {



	line-height: 24px



}



}



.z_footer .centerwarp .frcon a {



	color: #f9910a;



	font-weight: bold



}



.z_footer .centerwarp .z_share {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	margin-top: 1.5625vw



}







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



.z_footer .centerwarp .z_share {



	margin-top: 12px



}



}



.z_footer .centerwarp .z_share a {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	justify-content: center;



	width: 44px;



	height: 44px;



	background: #353d48;



	border-radius: 22px;



	margin-right: 10px



}







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



.z_footer .centerwarp .z_share a {



	width: 36px;



	height: 36px



}



}



.z_footer .centerwarp .z_share a img {



	display: block



}



.z_footer .centerwarp .z_share a:hover {



	background: #f9910a



}



.z_footer h3, .z_footer .tit {



	font-size: 1.1458333333vw;



	margin-bottom: 1.3020833333vw



}







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



.z_footer h3, .z_footer .tit {



	font-size: 18px



}



}







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



.z_footer h3, .z_footer .tit {



	margin-bottom: 12px



}



}



.z_footer .footer_nav a {



	display: block;



	color: #444;



	font-size: .8333333333vw;



	line-height: 1.3541666667vw



}







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



.z_footer .footer_nav a {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_footer .footer_nav a {



	font-size: 14px



}



}







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



.z_footer .footer_nav a {



	line-height: 1.5708333333vw



}



}







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



.z_footer .footer_nav a {



	line-height: 18px



}



}



.z_footer .footer_nav a:hover {



	color: #f9910a



}



.z_footer .footer_nav ul {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: start;



	-ms-flex-align: start;



	align-items: flex-start



}



.z_footer .footer_nav li {



	margin-right: 2.6041666667vw



}







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



.z_footer .footer_nav li {



	margin-right: 0



}



}



.z_footer .btmwarp {



	padding-top: 2.0833333333vw;



	padding-bottom: 2.0833333333vw;



	-webkit-box-pack: justify;



	-ms-flex-pack: justify;



	justify-content: space-between;



	-webkit-box-align: start;



	-ms-flex-align: start;



	align-items: flex-start



}







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



.z_footer .btmwarp {



	padding-top: 12px;



	padding-bottom: 12px



}



}



.z_footer .btmwarp a {



	color: #333



}



.z_footer .btmwarp a:hover {



	color: #f9910a



}







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



.z_footer .footer_nav {



	display: none



}



}



.z_other_banner {



	position: relative;



	margin-top: 3.6458333333vw;



	overflow: hidden



}







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



.z_other_banner {



	margin-top: 55px



}



}



.z_other_banner::before {



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



	z-index: 1



}



.z_other_banner .bgs {



	display: block;



	width: 100%



}



.z_other_banner .z_text {



	position: absolute;



	top: 50%;



	left: 50%;



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



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



	text-align: center;



	z-index: 1;



	color: #fff;



	width: 90%



}



.z_other_banner .cn {



	font-size: 64px;



	font-size: 3.3333333333vw;



	font-weight: bold;



	line-height: 3.3333333333vw



}







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



.z_other_banner .cn {



	font-size: 24px



}



}







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



.z_other_banner .cn {



	line-height: 24px



}



}



.z_other_banner .tt {



	font-size: 1.0416666667vw;



	margin-top: 10px



}







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



.z_other_banner .tt {



	font-size: 14px



}



}







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



.z_other_banner {



	height: 50vw;



	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_other_banner img {



	max-width: none;



	height: 100%;



	width: auto



}



}



.z_page_bar {



	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;



	font-size: .8333333333vw



}







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



.z_page_bar {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_page_bar {



	font-size: 14px



}



}



.z_page_bar .z_page_wz {



	line-height: 4.6875vw



}







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



.z_page_bar .z_page_wz {



	line-height: 45px



}



}



.z_page_bar .z_nav_swiper li {



	width: auto;



	margin-left: 3.125vw;



	margin-right: 0vw



}







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



.z_page_bar .z_nav_swiper li {



	margin-left: 0px



}



}







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



.z_page_bar .z_nav_swiper li {



	margin-right: 15px



}



}



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



	color: #000;



	font-weight: bold



}



.z_page_bar .z_nav_swiper a {



	line-height: 4.6875vw;



	color: #666



}







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



.z_page_bar .z_nav_swiper a {



	line-height: 45px



}



}







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



.z_page_bar .z_page_wz {



	display: none



}



}



.z_about_warp .warps {



	background-color: #f4f5f7;



	background-size: 100% auto;



	background-position: bottom center;



	padding-left: 7.2916666667vw;



	padding-right: 7.2916666667vw;



	padding-top: 7.2916666667vw;



	padding-bottom: 7.2916666667vw;



	-webkit-box-align: start;



	-ms-flex-align: start;



	align-items: flex-start



}







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



.z_about_warp .warps {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_about_warp .warps {



	padding-top: 35px;



	padding-bottom: 35px



}



}



.z_about_warp .flcon {



	width: 29.1666666667vw;



	margin-bottom: 0vw



}







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



.z_about_warp .flcon {



	width: 100%



}



}







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



.z_about_warp .flcon {



	margin-bottom: 12px



}



}



.z_about_warp .frcon {



	-webkit-box-flex: 1;



	-ms-flex: 1;



	flex: 1



}



.z_about_warp .frcon .tit {



	font-size: 1.875vw;



	font-weight: bold;



	margin-bottom: 1.5625vw



}







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



.z_about_warp .frcon .tit {



	font-size: 16px



}



}







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



.z_about_warp .frcon .tit {



	margin-bottom: 15px



}



}



.z_about_warp .frcon .tit em {



	color: #f9910a



}



.z_about_warp .frcon .desc {



	font-size: .9375vw;



	line-height: 1.5625vw;



	color: #333



}







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



.z_about_warp .frcon .desc {



	font-size: 1.134375vw



}



}







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



.z_about_warp .frcon .desc {



	font-size: 14px



}



}







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



.z_about_warp .frcon .desc {



	line-height: 1.8125vw



}



}







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



.z_about_warp .frcon .desc {



	line-height: 20px



}



}



.z_about_warp .videobox {



	position: relative



}



.z_about_warp .videobox .video {



	width: 100%;



	-o-object-fit: fill;



	object-fit: fill



}



.z_about_warp .videobox .playbtn {



	position: absolute;



	top: 50%;



	left: 50%;



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



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



	z-index: 1;



	cursor: pointer;



	color: #fff;



	text-align: center;



	font-size: 16px;



	font-family: DIN;



	text-transform: uppercase



}



.z_about_warp .videobox .playbtn .ico {



	display: block;



	margin: 0 auto;



	height: 3.9583333333vw;



	margin-bottom: 10px



}







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



.z_about_warp .videobox .playbtn .ico {



	height: 50px



}



}







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



.z_about_warp .flcon, .z_about_warp .tit {



	text-align: center



}



}



.z_about_wh {



	padding-bottom: 7.2916666667vw



}







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



.z_about_wh {



	padding-bottom: 12px



}



}



.z_about_wh .z_index_tit {



	text-align: center;



	padding-top: 3.6458333333vw;



	padding-bottom: 3.6458333333vw



}







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



.z_about_wh .z_index_tit {



	padding-top: 30px;



	padding-bottom: 30px



}



}



.z_about_wh .z_index_tit .desc {



	font-size: .8333333333vw;



	color: #555;



	line-height: 1.4583333333vw;



	margin-top: 1.5625vw



}







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



.z_about_wh .z_index_tit .desc {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_about_wh .z_index_tit .desc {



	font-size: 14px



}



}







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



.z_about_wh .z_index_tit .desc {



	line-height: 1.6916666667vw



}



}







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



.z_about_wh .z_index_tit .desc {



	line-height: 24px



}



}







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



.z_about_wh .z_index_tit .desc {



	margin-top: 15px



}



}



.z_about_wh li {



	width: 47.3958333333vw;



	background: #f1f2f5;



	margin-bottom: 0vw



}







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



.z_about_wh li {



	width: 100%



}



}







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



.z_about_wh li {



	margin-bottom: 12px



}



}



.z_about_wh li:nth-child(even) {



	margin-left: auto



}



.z_about_wh li:hover .imgbg {



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



	transform: scale(1.1, 1.1)



}



.z_about_wh li .imgbox {



	height: 23.9583333333vw



}







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



.z_about_wh li .imgbox {



	height: 50vw



}



}



.z_about_wh li .infobox {



	padding-left: 4.1666666667vw;



	padding-right: 4.1666666667vw;



	padding-top: 2.6041666667vw;



	padding-bottom: 2.6041666667vw



}







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



.z_about_wh li .infobox {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_about_wh li .infobox {



	padding-top: 15px;



	padding-bottom: 15px



}



}



.z_about_wh li .infobox .tit {



	font-size: 1.4583333333vw;



	font-weight: bold



}







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



.z_about_wh li .infobox .tit {



	font-size: 16px



}



}



.z_about_wh li .infobox .tt {



	font-size: .8333333333vw;



	color: #282828;



	line-height: 1.4583333333vw;



	margin-top: .5208333333vw



}







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



.z_about_wh li .infobox .tt {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_about_wh li .infobox .tt {



	font-size: 14px



}



}







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



.z_about_wh li .infobox .tt {



	line-height: 1.6916666667vw



}



}







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



.z_about_wh li .infobox .tt {



	line-height: 24px



}



}







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



.z_about_wh li .infobox .tt {



	margin-top: 12px



}



}



.z_about_process {



	background: #f1f2f5



}







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



.z_about_process .z_tit_bar {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex



}



.z_about_process .z_tit_bar .mr {



	-ms-flex-negative: 0;



	flex-shrink: 0;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex



}



}



.z_swiper_btn {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center



}



.z_swiper_btn .btn {



	width: 54px;



	height: 54px;



	border: 1px solid #bbb;



	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;



	margin-left: 10px



}







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



.z_swiper_btn .btn {



	width: 40px;



	height: 40px



}



}



.z_swiper_btn .btn:hover {



	background: #f9910a;



	border-color: #f9910a;



	color: #fff



}



.z_process_swiper {



	overflow: hidden



}



.z_process_swiper .itembox {



	width: auto;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	cursor: pointer



}



.z_process_swiper .itembox.active .conwarp {



	width: 75vw;



	padding: 3.125vw



}







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



.z_process_swiper .itembox.active .conwarp {



	width: 100%



}



}







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



.z_process_swiper .itembox.active .conwarp {



	padding: 0px



}



}



.z_process_swiper .itembox.active .bar {



	background: rgba(25,63,188,.85);



	display: none



}



.z_process_swiper .itembox:nth-child(4n) .bar {



	background: rgba(25,63,188,.38)



}



.z_process_swiper .itembox:nth-child(4n-2) .bar {



	background: rgba(25,63,188,.7)



}



.z_process_swiper .itembox:nth-child(4n-1) .bar {



	background: rgba(25,63,188,.58)



}



.z_process_swiper .bar {



	width: 5.2083333333vw;



	height: 41.6666666667vw;



	-webkit-writing-mode: vertical-lr;



	-ms-writing-mode: tb-lr;



	writing-mode: vertical-lr;



	-webkit-writing-mode: tb-lr;



	-ms-writing-mode: tb-lr;



	writing-mode: tb-lr;



	line-height: 5.2083333333vw;



	background: rgba(25,63,188,.65);



	color: #fff;



	padding-top: 3.125vw;



	padding-bottom: 3.125vw;



	font-size: 2.0833333333vw;



	font-family: DIN



}







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



.z_process_swiper .bar {



	width: 50px



}



}







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



.z_process_swiper .bar {



	height: 60vw



}



}







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



.z_process_swiper .bar {



	line-height: 50px



}



}







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



.z_process_swiper .bar {



	padding-top: 20px;



	padding-bottom: 20px



}



}







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



.z_process_swiper .bar {



	font-size: 20px



}



}



.z_process_swiper .conwarp {



	height: 41.6666666667vw;



	background: #f9910a;



	color: #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;



	position: relative;



	width: 0;



	overflow: hidden



}







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



.z_process_swiper .conwarp {



	height: auto



}



}



.z_process_swiper .conwarp::before {



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



	background-size: auto 100%;



	z-index: 1;



	pointer-events: none



}



.z_process_swiper .conwarp .time {



	font-size: 8.3333333333vw;



	line-height: 6.25vw;



	font-family: DIN;



	font-weight: bold;



	text-align: right;



	margin-top: -5px



}







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



.z_process_swiper .conwarp .time {



	font-size: 30px



}



}







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



.z_process_swiper .conwarp .time {



	line-height: 30px



}



}



.z_process_swiper .z_month_swiper {



	position: relative;



	overflow: hidden



}



.z_process_swiper .z_month_swiper li {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	padding-right: 17.7083333333vw



}







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



.z_process_swiper .z_month_swiper li {



	padding-right: 0



}



}



.z_process_swiper .z_month_swiper .imgbox {



	width: 12.5vw;



	height: 12.5vw;



	border-radius: 50%;



	-ms-flex-negative: 0;



	flex-shrink: 0;



	margin-right: 2.0833333333vw



}







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



.z_process_swiper .z_month_swiper .imgbox {



	width: 100px;



	height: 100px



}



}







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



.z_process_swiper .z_month_swiper .imgbox {



	margin-right: 12px



}



}



.z_process_swiper .z_month_swiper .tim {



	font-size: 1.0416666667vw;



	font-family: DIN



}







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



.z_process_swiper .z_month_swiper .tim {



	font-size: 14px



}



}



.z_process_swiper .z_month_swiper .tit {



	font-size: 1.25vw



}







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



.z_process_swiper .z_month_swiper .tit {



	font-size: 16px



}



}



.z_process_swiper .z_month_swiper .desc {



	font-size: .8333333333vw;



	margin-top: .78125vw



}







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



.z_process_swiper .z_month_swiper .desc {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_process_swiper .z_month_swiper .desc {



	font-size: 14px



}



}







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



.z_process_swiper .z_month_swiper .desc {



	margin-top: 10px



}



}



.z_process_swiper .z_month_swiper .infobox {



	-webkit-box-flex: 1;



	-ms-flex: 1;



	flex: 1



}



.z_process_swiper .z_month_swiper .z_swiper_btn2 {



	position: absolute;



	top: 50%;



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



	transform: translateY(-50%);



	right: 0;



	z-index: 2;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center



}



.z_process_swiper .z_month_swiper .z_swiper_btn2 .btn {



	position: relative;



	width: 20px;



	text-align: center;



	cursor: pointer;



	margin-left: 10px



}







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



.z_process_swiper .itembox {



	width: 100%;



	background: #f9910a



}



.z_process_swiper .conwarp {



	width: 100%;



	padding: 30px 12px !important;



	background: none



}



.z_process_swiper .bar {



	display: none



}



.z_process_swiper .z_month_swiper li {



	display: block



}



.z_process_swiper .z_month_swiper .imgbox {



	margin-bottom: 20px



}



.z_process_swiper .z_month_swiper .z_swiper_btn2 {



	top: 40px;



	-webkit-transform: translateY(0);



	transform: translateY(0)



}



}



.z_honor {



	background: #f1f2f5;



	padding-bottom: 7.2916666667vw



}







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



.z_honor {



	padding-bottom: 30px



}



}







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



.z_honor .z_tit_bar {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex



}



.z_honor .z_tit_bar .mr {



	-ms-flex-negative: 0;



	flex-shrink: 0;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex



}



}



.z_honor_swiper {



	overflow: hidden



}



.z_honor_swiper li {



	background: #fff;



	padding: 3.6458333333vw;



	padding-bottom: 4.1666666667vw;



	text-align: center;



	position: relative



}







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



.z_honor_swiper li {



	padding: 15px



}



}







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



.z_honor_swiper li {



	padding-bottom: 50px



}



}



.z_honor_swiper li::before {



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



	background-size: cover;



	z-index: 1;



	pointer-events: none;



	-webkit-transition: ease 1s;



	transition: ease 1s;



	opacity: 0



}



.z_honor_swiper li:hover::before {



	opacity: 1



}



.z_honor_swiper li:hover .tit {



	-webkit-transform: translateY(-12.5vw);



	transform: translateY(-12.5vw);



	color: #fff



}



.z_honor_swiper .imgbox {



	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: 20.3125vw



}







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



.z_honor_swiper .imgbox {



	height: 50vw



}



}



.z_honor_swiper .imgbox img {



	display: block;



	max-height: 100%



}



.z_honor_swiper .tit {



	position: absolute;



	left: 0;



	width: 100%;



	bottom: 1.0416666667vw;



	font-size: .9375vw;



	z-index: 2;



	-webkit-transition: ease 1s;



	transition: ease 1s;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 1



}







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



.z_honor_swiper .tit {



	font-size: 1.134375vw



}



}







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



.z_honor_swiper .tit {



	font-size: 14px



}



}







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



.z_honor_swiper .tit {



	bottom: 15px;



	padding: 0 2px



}



}



.z_pro_page {



	padding-left: 9.375vw;



	padding-right: 9.375vw;



	padding-bottom: 6.25vw;



	background: #353d48



}







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



.z_pro_page {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_pro_page {



	padding-bottom: 30px



}



}



.z_pro_page .z_index_tit {



	padding-top: 4.1666666667vw;



	padding-bottom: 4.1666666667vw



}







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



.z_pro_page .z_index_tit {



	padding-top: 30px;



	padding-bottom: 30px



}



}



.z_pro_page li {



	margin-bottom: 2.0833333333vw



}



.z_pro_page li:hover .imgbg {



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



	transform: scale(1.1, 1.1)



}



.z_pro_page li:hover .tit {



	color: #f9910a



}







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



.z_pro_page li {



	margin-bottom: 12px



}



}



.z_pro_page a {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex



}



.z_pro_page .imgbox {



	width: 40.625vw;



	height: 28.6458333333vw;



	-ms-flex-negative: 0;



	flex-shrink: 0



}







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



.z_pro_page .imgbox {



	width: 100%;



	height: 60vw



}



}



.z_pro_page .infobox {



	background: #fff;



	padding: 4.1666666667vw;



	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_pro_page .infobox {



	padding: 15px



}



}



.z_pro_page .tit {



	font-size: 1.6666666667vw;



	line-height: 1.875vw;



	padding-left: 16px;



	position: relative;



	font-weight: bold



}







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



.z_pro_page .tit {



	font-size: 16px



}



}







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



.z_pro_page .tit {



	line-height: 18px



}



}



.z_pro_page .tit:before {



	content: "";



	display: block;



	width: 8px;



	height: 8px;



	background: #f9910a;



	position: absolute;



	left: 0;



	top: 50%;



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



	transform: translateY(-50%)



}



.z_pro_page .desc {



	font-size: .8333333333vw;



	line-height: 1.4583333333vw;



	color: #666;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 5;



	min-height: 7.2916666667vw;



	margin-top: 1.5625vw;



	margin-bottom: 4.1666666667vw



}







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



.z_pro_page .desc {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_pro_page .desc {



	font-size: 14px



}



}







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



.z_pro_page .desc {



	line-height: 1.6916666667vw



}



}







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



.z_pro_page .desc {



	line-height: 20px



}



}







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



.z_pro_page .desc {



	margin-top: 12px



}



}







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



.z_pro_page .desc {



	margin-bottom: 12px



}



}



.z_pro_page ul {



	margin-bottom: 3.125vw



}







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



.z_pro_page ul {



	margin-bottom: 20px



}



}







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



.z_pro_page a {



	display: block



}



}



.z_load_more {



	text-align: center



}



.z_load_more .ico {



	display: block;



	margin: 0 auto;



	margin-bottom: 5px



}



.z_load_more span {



	font-size: .8333333333vw;



	text-decoration: underline;



	font-style: italic;



	color: #fff



}







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



.z_load_more span {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_load_more span {



	font-size: 14px



}



}



.z_pro_head {



	padding-left: 9.375vw;



	padding-right: 9.375vw;



	padding-top: 3.125vw;



	padding-bottom: 5.2083333333vw



}







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



.z_pro_head {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_pro_head {



	padding-top: 12px



}



}







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



.z_pro_head {



	padding-bottom: 30px



}



}



.z_pro_head .content_warp {



	margin-top: 5.2083333333vw



}







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



.z_pro_head .content_warp {



	margin-top: 10px



}



}



.z_pro_warp {



	padding-top: 0vw;



	padding-bottom: 0vw



}







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



.z_pro_warp {



	padding-top: 20px;



	padding-bottom: 20px



}



}



.z_pro_warp .imgswiper {



	width: 40.625vw;



	height: 28.6458333333vw;



	position: relative;



	overflow: hidden;



	background: #f2f4f6;



	-ms-flex-negative: 0;



	flex-shrink: 0



}







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



.z_pro_warp .imgswiper {



	width: 100%;



	height: 66vw



}



}



.z_pro_warp li {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	justify-content: center



}



.z_pro_warp li img {



	display: block;



	max-height: 100%



}



.z_pro_warp .swiper_dot {



	position: absolute;



	left: 0;



	bottom: 0%;



	width: 100%;



	text-align: center;



	bottom: 1.875vw;



	z-index: 1



}



.z_pro_warp .swiper_dot span {



	display: inline-block;



	width: 8px;



	height: 8px;



	background: #1035ae;



	margin: 0 5px;



	opacity: .25



}



.z_pro_warp .swiper_dot span.on {



	opacity: 1



}



.z_pro_warp .infobox {



	width: 36.4583333333vw;



	margin-left: auto;



	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



}







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



.z_pro_warp .infobox {



	width: 100%



}



}



.z_pro_warp .infobox .tit {



	font-size: 2.5vw;



	line-height: 2.7083333333vw;



	font-weight: bold;



	margin-top: 1.0416666667vw



}







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



.z_pro_warp .infobox .tit {



	font-size: 20px



}



}







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



.z_pro_warp .infobox .tit {



	line-height: 22px



}



}







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



.z_pro_warp .infobox .tit {



	margin-top: 20px



}



}



.z_pro_warp .infobox .desc {



	font-size: .8333333333vw;



	line-height: 1.4583333333vw;



	color: #666;



	margin-top: 2.0833333333vw;



	margin-bottom: 2.0833333333vw



}







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



.z_pro_warp .infobox .desc {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_pro_warp .infobox .desc {



	font-size: 14px



}



}







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



.z_pro_warp .infobox .desc {



	line-height: 1.6916666667vw



}



}







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



.z_pro_warp .infobox .desc {



	line-height: 20px



}



}







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



.z_pro_warp .infobox .desc {



	margin-top: 20px;



	margin-bottom: 20px



}



}



.z_pro_warp .infobox .spanbar span {



	display: inline-block;



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



	padding-left: 24px;



	margin-right: 1.5625vw;



	font-size: .9375vw;



	margin-bottom: 6px;



	font-weight: bold



}







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



.z_pro_warp .infobox .spanbar span {



	margin-right: 10px



}



}







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



.z_pro_warp .infobox .spanbar span {



	font-size: 1.134375vw



}



}







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



.z_pro_warp .infobox .spanbar span {



	font-size: 14px



}



}



.z_pro_warp .infobox .btnwarp {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	margin-top: 4.1666666667vw



}







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



.z_pro_warp .infobox .btnwarp {



	margin-top: 20px



}



}



.z_pro_warp .infobox .btn {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	justify-content: center;



	height: 50px;



	min-width: 140px;



	padding-left: 1.0416666667vw;



	padding-right: 1.0416666667vw;



	height: 50px;



	background: #d86400;



	color: #fff;



	margin-right: 14px;



	font-size: .8333333333vw



}







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



.z_pro_warp .infobox .btn {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_pro_warp .infobox .btn {



	height: 40px



}



}







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



.z_pro_warp .infobox .btn {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_pro_warp .infobox .btn {



	font-size: 14px



}



}



.z_pro_warp .infobox .btn img {



	margin-right: 6px



}



.z_pro_warp .infobox .btn.on {



	background: #f9910a



}



.content_warp {



	font-size: .9375vw;



	line-height: 1.5625vw;



	font-weight: 400;



	color: #222



}







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



.content_warp {



	font-size: 1.134375vw



}



}







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



.content_warp {



	font-size: 14px



}



}







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



.content_warp {



	line-height: 1.8125vw



}



}







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



.content_warp {



	line-height: 22px



}



}



.content_warp img {



	max-width: 100% !important;



	height: auto !important



}



.z_probig_img img {



	display: block;



	width: 100%



}



.z_pro_con {



	padding-left: 9.375vw;



	padding-right: 9.375vw



}







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



.z_pro_con {



	padding-left: 12px;



	padding-right: 12px



}



}



.z_pro_con .itembox {



	padding-top: 4.1666666667vw;



	padding-bottom: 4.1666666667vw;



	border-bottom: 1px solid #b2b6ba



}







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



.z_pro_con .itembox {



	padding-top: 30px;



	padding-bottom: 30px



}



}



.z_pro_con .itembox:last-child {



	border-bottom: none



}



.z_pro_con .tit {



	font-size: 2.5vw;



	line-height: 2.5vw;



	font-weight: bold;



	margin-bottom: 1.5625vw



}







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



.z_pro_con .tit {



	font-size: 18px



}



}







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



.z_pro_con .tit {



	line-height: 22px



}



}







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



.z_pro_con .tit {



	margin-bottom: 15px



}



}



.z_pro_pdf {



	padding-left: 9.375vw;



	padding-right: 9.375vw;



	padding-top: 9.375vw;



	padding-bottom: 9.375vw;



	background: #f1f2f5



}







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



.z_pro_pdf {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_pro_pdf {



	padding-top: 30px;



	padding-bottom: 30px



}



}



.z_pro_pdf .itembox {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	border-radius: 8px;



	overflow: hidden



}



.z_pro_pdf .imgbox {



	width: 35.4166666667vw;



	height: 20.8333333333vw;



	-ms-flex-negative: 0;



	flex-shrink: 0;



	position: relative



}







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



.z_pro_pdf .imgbox {



	width: 100%;



	height: 50vw



}



}



.z_pro_pdf .imgbox .slg {



	position: absolute;



	left: 20px;



	top: 20px;



	text-transform: uppercase;



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



	border-radius: 5px;



	padding: 4px 10px;



	color: #fff;



	font-size: 16px;



	font-family: DIN



}



.z_pro_pdf .infobox {



	background: #fff url(../img/ico4.png) no-repeat right center;



	background-size: auto 100%;



	-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-left: 3.6458333333vw;



	padding-right: 3.6458333333vw;



	padding-top: 1.0416666667vw;



	padding-bottom: 1.0416666667vw



}







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



.z_pro_pdf .infobox {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_pro_pdf .infobox {



	padding-top: 20px;



	padding-bottom: 20px



}



}



.z_pro_pdf .tit {



	font-size: 1.875vw;



	line-height: 1.875vw;



	font-weight: bold



}







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



.z_pro_pdf .tit {



	font-size: 18px



}



}







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



.z_pro_pdf .tit {



	line-height: 20px



}



}



.z_pro_pdf .desc {



	font-size: .9375vw;



	color: #666;



	margin-top: 1.0416666667vw



}







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



.z_pro_pdf .desc {



	font-size: 1.134375vw



}



}







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



.z_pro_pdf .desc {



	font-size: 14px



}



}







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



.z_pro_pdf .desc {



	margin-top: 10px



}



}



.z_pro_pdf .bar {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	color: #666;



	font-size: .8333333333vw;



	margin-top: 3.125vw



}







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



.z_pro_pdf .bar {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_pro_pdf .bar {



	font-size: 14px



}



}







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



.z_pro_pdf .bar {



	margin-top: 20px



}



}



.z_pro_pdf .down {



	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: 2.5vw;



	min-width: 7.8125vw;



	padding: 0 12px;



	color: #fff;



	background: #1b32ab;



	border-radius: 4px;



	font-weight: bold;



	margin-right: 15px



}







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



.z_pro_pdf .down {



	height: 40px



}



}



.z_pro_pdf .down img {



	display: block;



	margin-right: 10px



}







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



.z_pro_pdf .itembox {



	display: block



}



}



.z_pro_ques {



	padding-left: 9.375vw;



	padding-right: 9.375vw;



	padding-top: 5.2083333333vw;



	padding-bottom: 5.2083333333vw



}







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



.z_pro_ques {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_pro_ques {



	padding-top: 30px;



	padding-bottom: 30px



}



}



.z_pro_ques .titbar {



	font-size: 2.5vw;



	line-height: 2.5vw;



	font-weight: bold;



	margin-bottom: 2.0833333333vw



}







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



.z_pro_ques .titbar {



	font-size: 20px



}



}







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



.z_pro_ques .titbar {



	line-height: 20px



}



}







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



.z_pro_ques .titbar {



	margin-bottom: 20px



}



}



.z_pro_ques li {



	border-bottom: 1px solid #b2b6ba;



	padding-top: 1.5625vw;



	padding-bottom: 1.5625vw



}







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



.z_pro_ques li {



	padding-top: 15px;



	padding-bottom: 15px



}



}



.z_pro_ques li:first-child {



	border-top: 1px solid #b2b6ba



}



.z_pro_ques li.on .tit {



	background: url(../img/arr3.png) no-repeat right center



}



.z_pro_ques li .tit {



	font-size: 1.1458333333vw;



	line-height: 1.4583333333vw;



	padding-right: 10.4166666667vw;



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



	cursor: pointer



}







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



.z_pro_ques li .tit {



	font-size: 16px



}



}







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



.z_pro_ques li .tit {



	line-height: 1.6916666667vw



}



}







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



.z_pro_ques li .tit {



	line-height: 20px



}



}







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



.z_pro_ques li .tit {



	padding-right: 30px



}



}



.z_pro_ques li .con {



	font-size: .9375vw;



	line-height: 1.4583333333vw;



	margin-top: 1.0416666667vw;



	display: none



}







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



.z_pro_ques li .con {



	font-size: 1.134375vw



}



}







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



.z_pro_ques li .con {



	font-size: 14px



}



}







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



.z_pro_ques li .con {



	line-height: 1.6916666667vw



}



}







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



.z_pro_ques li .con {



	line-height: 20px



}



}







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



.z_pro_ques li .con {



	margin-top: 15px



}



}



.z_detail_page {



	background: #f4f5f7;



	padding-top: 5.2083333333vw;



	padding-bottom: 5.2083333333vw



}







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



.z_detail_page {



	padding-top: 35px;



	padding-bottom: 35px



}



}



.z_detail_page .content_warp {



	margin: 0 auto;



	margin-top: 2.6041666667vw;



	width: 62.5vw



}







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



.z_detail_page .content_warp {



	margin-top: 30px



}



}







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



.z_detail_page .content_warp {



	width: 92%



}



}



.z_yy_page {



	background: #f4f5f7;



	padding-left: 9.375vw;



	padding-right: 9.375vw



}







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



.z_yy_page {



	padding-left: 12px;



	padding-right: 12px



}



}



.z_yy_head {



	padding-top: 5.2083333333vw;



	padding-bottom: 5.2083333333vw;



	border-bottom: 1px solid #b2b6ba



}







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



.z_yy_head {



	padding-top: 35px;



	padding-bottom: 35px



}



}



.z_yy_head .flbox {



	width: 29.1666666667vw;



	-ms-flex-negative: 0;



	flex-shrink: 0;



	margin-bottom: 0vw



}







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



.z_yy_head .flbox {



	width: 100%



}



}







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



.z_yy_head .flbox {



	margin-bottom: 20px



}



}



.z_yy_head .frbox {



	width: 100%



}



.z_xg_list {



	padding-top: 4.1666666667vw;



	padding-bottom: 4.1666666667vw



}







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



.z_xg_list {



	padding-top: 35px;



	padding-bottom: 35px



}



}



.z_xg_list .z_index_tit {



	margin-bottom: 3.125vw



}







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



.z_xg_list .z_index_tit {



	margin-bottom: 20px



}



}



.z_xg_swiper {



	overflow: hidden



}















.aboutbox{margin-bottom: 80px}











.aboutbox li{width: 32.3333%;float: left;margin: 0.5%}































.z_xg_swiper li:hover .imgbg {



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



	transform: scale(1.1, 1.1)



}



.z_xg_swiper .imgbox {



	height: 15.625vw;



	margin-bottom: 1.0416666667vw



}







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



.z_xg_swiper .imgbox {



	height: 50vw



}



}







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



.z_xg_swiper .imgbox {



	margin-bottom: 12px



}



}



.z_xg_swiper .tit {



	font-size: 1.1458333333vw;



	margin-bottom: .5208333333vw



}







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



.z_xg_swiper .tit {



	font-size: 16px



}



}







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



.z_xg_swiper .tit {



	margin-bottom: 10px



}



}



.z_xg_swiper .desc {



	color: #666;



	font-size: .8333333333vw



}







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



.z_xg_swiper .desc {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_xg_swiper .desc {



	font-size: 14px



}



}



.z_fw_adv {



	background: #f4f5f7;



	padding-top: 5.2083333333vw;



	padding-bottom: 5.2083333333vw



}







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



.z_fw_adv {



	padding-top: 35px;



	padding-bottom: 35px



}



}



.z_fw_adv ul {



	padding-top: 3.125vw



}







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



.z_fw_adv ul {



	padding-top: 20px



}



}



.z_fw_adv li {



	width: 46.875vw;



	background: #fff;



	padding: 3.125vw;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	margin-bottom: 1.5625vw



}







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



.z_fw_adv li {



	width: 100%



}



}







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



.z_fw_adv li {



	padding: 15px



}



}







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



.z_fw_adv li {



	margin-bottom: 12px



}



}



.z_fw_adv li:nth-child(even) {



	margin-left: auto



}



.z_fw_adv .ico {



	width: 6.25vw;



	height: 6.25vw;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	justify-content: center;



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



	background-size: cover;



	border-radius: 50%;



	-ms-flex-negative: 0;



	flex-shrink: 0;



	margin-right: 2.6041666667vw



}







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



.z_fw_adv .ico {



	width: 70px;



	height: 70px



}



}







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



.z_fw_adv .ico {



	margin-right: 12px



}



}



.z_fw_adv .ico img {



	display: block;



	height: 2.6041666667vw



}







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



.z_fw_adv .ico img {



	height: 40px



}



}



.z_fw_adv .tit {



	font-size: 1.875vw;



	line-height: 2.0833333333vw;



	font-weight: bold



}







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



.z_fw_adv .tit {



	font-size: 16px



}



}







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



.z_fw_adv .tit {



	line-height: 20px



}



}



.z_fw_adv .desc {



	font-size: 1.0416666667vw;



	margin-top: .5208333333vw;



	color: #666



}







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



.z_fw_adv .desc {



	font-size: 14px



}



}







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



.z_fw_adv .desc {



	margin-top: 10px



}



}



.z_fw_pz .flbox {



	width: 48.9583333333vw;



	height: 37.5vw;



	-ms-flex-negative: 0;



	flex-shrink: 0



}







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



.z_fw_pz .flbox {



	width: 100%



}



}







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



.z_fw_pz .flbox {



	height: 60vw



}



}



.z_fw_pz .frbox {



	width: 100%;



	background: #fff;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	padding-left: 6.25vw;



	padding-right: 6.25vw;



	padding-top: 1.5625vw;



	padding-bottom: 1.5625vw



}







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



.z_fw_pz .frbox {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_fw_pz .frbox {



	padding-top: 30px;



	padding-bottom: 30px



}



}



.z_fw_pz .desc {



	width: 32.8125vw;



	font-size: .9375vw;



	line-height: 1.5625vw;



	margin-top: 2.0833333333vw;



	margin-bottom: 4.1666666667vw



}







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



.z_fw_pz .desc {



	width: 100%



}



}







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



.z_fw_pz .desc {



	font-size: 1.134375vw



}



}







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



.z_fw_pz .desc {



	font-size: 14px



}



}







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



.z_fw_pz .desc {



	line-height: 1.8125vw



}



}







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



.z_fw_pz .desc {



	line-height: 20px



}



}







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



.z_fw_pz .desc {



	margin-top: 18px



}



}







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



.z_fw_pz .desc {



	margin-bottom: 18px



}



}



.z_fw_zc {



	background: #f4f5f7;



	padding-bottom: 7.2916666667vw;



	padding-top: 2.0833333333vw



}







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



.z_fw_zc {



	padding-bottom: 30px



}



}







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



.z_fw_zc {



	padding-top: 20px



}



}



.z_zc_swiper {



	overflow: hidden



}



.z_zc_swiper li {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	border-radius: 8px;



	overflow: hidden



}



.z_zc_swiper .imgbox {



	width: 20.8333333333vw;



	height: 14.5833333333vw;



	-ms-flex-negative: 0;



	flex-shrink: 0;



	position: relative



}







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



.z_zc_swiper .imgbox {



	width: 100%;



	height: 50vw



}



}



.z_zc_swiper .imgbox .slg {



	position: absolute;



	left: 20px;



	top: 20px;



	text-transform: uppercase;



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



	border-radius: 5px;



	padding: 4px 10px;



	color: #fff;



	font-size: 16px;



	font-family: DIN



}



.z_zc_swiper .infobox {



	background: #fff;



	-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-left: 2.0833333333vw;



	padding-right: 2.0833333333vw;



	padding-top: 1.0416666667vw;



	padding-bottom: 1.0416666667vw



}







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



.z_zc_swiper .infobox {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_zc_swiper .infobox {



	padding-top: 20px;



	padding-bottom: 20px



}



}



.z_zc_swiper .tit {



	font-size: 1.4583333333vw;



	line-height: 1.5625vw;



	font-weight: bold



}







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



.z_zc_swiper .tit {



	font-size: 16px



}



}







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



.z_zc_swiper .tit {



	line-height: 1.8125vw



}



}







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



.z_zc_swiper .tit {



	line-height: 20px



}



}



.z_zc_swiper .desc {



	font-size: .9375vw;



	color: #666;



	margin-top: 1.0416666667vw



}







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



.z_zc_swiper .desc {



	font-size: 1.134375vw



}



}







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



.z_zc_swiper .desc {



	font-size: 14px



}



}







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



.z_zc_swiper .desc {



	margin-top: 10px



}



}



.z_zc_swiper .bar {



	display: block;



	color: #666;



	font-size: .8333333333vw;



	margin-top: 1.5625vw



}







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



.z_zc_swiper .bar {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_zc_swiper .bar {



	font-size: 14px



}



}







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



.z_zc_swiper .bar {



	margin-top: 20px



}



}



.z_zc_swiper .down {



	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: 2.5vw;



	width: 150px;



	margin-right: auto;



	padding: 0 12px;



	color: #fff;



	background: #1b32ab;



	border-radius: 4px;



	font-weight: bold;



	margin-bottom: 10px



}







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



.z_zc_swiper .down {



	height: 40px



}



}



.z_zc_swiper .down img {



	display: block;



	margin-right: 10px



}



.z_zc_swiper .ts {



	float: none



}



.z_zc_swiper .swiper_dot {



	width: 100%;



	text-align: center;



	z-index: 1;



	margin-top: 3.6458333333vw



}







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



.z_zc_swiper .swiper_dot {



	margin-top: 20px



}



}



.z_zc_swiper .swiper_dot span {



	display: inline-block;



	width: 8px;



	height: 8px;



	background: #1035ae;



	margin: 0 5px;



	opacity: .25;



	cursor: pointer



}



.z_zc_swiper .swiper_dot span.on {



	opacity: 1



}







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



.z_zc_swiper li {



	display: block



}



}



.z_news_page {



	background: #f4f5f7;



	padding-top: 5.2083333333vw;



	padding-bottom: 5.2083333333vw



}







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



.z_news_page {



	padding-top: 35px;



	padding-bottom: 35px



}



}



.z_news_page .z_index_tit {



	margin-bottom: 2.6041666667vw



}







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



.z_news_page .z_index_tit {



	margin-bottom: 30px



}



}



.z_news_page .z_news_list li {



	margin-right: 1.3020833333vw;



	margin-bottom: 1.3020833333vw



}







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



.z_news_page .z_news_list li {



	margin-right: 0



}



}







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



.z_news_page .z_news_list li {



	margin-bottom: 12px



}



}



.z_news_page .z_news_list li:nth-child(4n) {



	margin-right: 0



}



.z_news_page .z_load_more {



	margin-top: 2.6041666667vw



}



.z_news_page .z_load_more span {



	color: #000



}







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



.z_news_page .z_load_more {



	margin-top: 30px



}



}



.z_xq_page {



	background: #f4f5f7;



	padding-left: 9.375vw;



	padding-right: 9.375vw;



	padding-bottom: 9.375vw;



	padding-top: 5.2083333333vw



}







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



.z_xq_page {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_xq_page {



	padding-bottom: 30px



}



}







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



.z_xq_page {



	padding-top: 30px



}



}



.z_news_xq {



	overflow: hidden



}



.z_news_xq .flbox {



	width: 25vw;



	-ms-flex-negative: 0;



	flex-shrink: 0



}







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



.z_news_xq .flbox {



	width: 100%



}



}



.z_news_xq .z_back {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	font-size: 16px



}



.z_news_xq .z_back .iconfont {



	width: 36px;



	height: 36px;



	background: #f9910a;



	border-radius: 50%;



	text-align: center;



	line-height: 36px;



	color: #fff;



	margin-right: 8px



}



.z_news_xq .tit {



	font-size: 2.0833333333vw;



	line-height: 2.1875vw;



	font-weight: bold;



	margin-top: 2.0833333333vw;



	margin-bottom: 2.0833333333vw



}







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



.z_news_xq .tit {



	font-size: 18px



}



}







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



.z_news_xq .tit {



	line-height: 24px



}



}







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



.z_news_xq .tit {



	margin-top: 15px;



	margin-bottom: 15px



}



}



.z_news_xq .frbox {



	width: 50vw;



	margin-left: auto;



	margin-top: 0vw



}











.z_news_xq .frbox p{line-height: 2}



















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



.z_news_xq .frbox {



	width: 100%



}



}







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



.z_news_xq .frbox {



	margin-top: 30px



}



}



.z_xg_news {



	border-top: 1px solid #cccfd2;



	margin-top: 6.25vw



}







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



.z_xg_news {



	margin-top: 30px



}



}



.z_xg_news .z_news_swiper {



	overflow: inherit



}







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



.z_xg_news .z_news_swiper {



	overflow: hidden



}



}



.z_contact_page {



	background: #f4f5f7;



	padding-left: 9.375vw;



	padding-right: 9.375vw;



	padding-bottom: 9.375vw;



	padding-top: 5.2083333333vw



}







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



.z_contact_page {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_contact_page {



	padding-bottom: 30px



}



}







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



.z_contact_page {



	padding-top: 30px



}



}



.z_contact_page.z_contact_page2 {



	padding-top: 10.4166666667vw



}







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



.z_contact_page.z_contact_page2 {



	padding-top: 30px



}



}



.z_contact_page .flbox {



	width: 29.1666666667vw;



	-ms-flex-negative: 0;



	flex-shrink: 0



}







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



.z_contact_page .flbox {



	width: 100%



}



}



.z_contact_page .z_index_tit .desc {



	color: #888;



	font-size: .9375vw;



	margin-top: .5208333333vw



}







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



.z_contact_page .z_index_tit .desc {



	font-size: 1.134375vw



}



}







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



.z_contact_page .z_index_tit .desc {



	font-size: 14px



}



}







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



.z_contact_page .z_index_tit .desc {



	margin-top: 10px



}



}



.z_contact_page .frbox {



	width: 100%



}



.z_contact_page .z_contact_way .frbox {



	margin-top: -1.5625vw



}







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



.z_contact_page .z_contact_way .frbox {



	margin-top: 0



}



}



.z_contact_page .z_contact_way li {



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	padding-top: 1.8229166667vw;



	padding-bottom: 1.8229166667vw;



	border-bottom: 1px solid #d0d3d6



}







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



.z_contact_page .z_contact_way li {



	padding-top: 15px;



	padding-bottom: 15px



}



}



.z_contact_page .z_contact_way .ico {



	width: 4.5833333333vw;



	height: 4.5833333333vw;



	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-right: 1.8229166667vw;



	-ms-flex-negative: 0;



	flex-shrink: 0;



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



	background-size: cover



}







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



.z_contact_page .z_contact_way .ico {



	width: 60px;



	height: 60px



}



}







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



.z_contact_page .z_contact_way .ico {



	margin-right: 12px



}



}



.z_contact_page .z_contact_way span {



	color: #666;



	font-size: .9375vw



}







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



.z_contact_page .z_contact_way span {



	font-size: 1.134375vw



}



}







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



.z_contact_page .z_contact_way span {



	font-size: 14px



}



}



.z_contact_page .z_contact_way h3 {



	font-size: 1.25vw



}







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



.z_contact_page .z_contact_way h3 {



	font-size: 16px



}



}



.z_contact_page .z_contact_way .desc {



	font-size: .9375vw;



	line-height: 1.25vw;



	font-family: DIN



}







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



.z_contact_page .z_contact_way .desc {



	font-size: 1.134375vw



}



}







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



.z_contact_page .z_contact_way .desc {



	font-size: 14px



}



}







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



.z_contact_page .z_contact_way .desc {



	line-height: 1.45vw



}



}







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



.z_contact_page .z_contact_way .desc {



	line-height: 20px



}



}



.z_contact_map {



	height: 32.5520833333vw;



	margin-top: 5.2083333333vw;



	margin-bottom: 5.2083333333vw



}







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



.z_contact_map {



	height: auto



}



}







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



.z_contact_map {



	margin-top: 30px;



	margin-bottom: 30px



}



}



.z_form {



	font-size: .8333333333vw;



	margin-top: 0vw



}







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



.z_form {



	font-size: 1.0083333333vw;



	font-size: 1.0666666667vw



}



}







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



.z_form {



	font-size: 14px



}



}







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



.z_form {



	margin-top: 30px



}



}



.z_form li {



	width: 25.5208333333vw;



	display: -webkit-box;



	display: -ms-flexbox;



	display: flex;



	-webkit-box-align: center;



	-ms-flex-align: center;



	align-items: center;



	border: 1px solid #d0d3d6;



	padding-left: 1.0416666667vw;



	padding-right: 1.0416666667vw;



	margin-bottom: 1.0416666667vw



}







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



.z_form li {



	width: 100%



}



}







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



.z_form li {



	padding-left: 12px;



	padding-right: 12px



}



}







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



.z_form li {



	margin-bottom: 12px



}



}



.z_form li:nth-child(even) {



	margin-left: auto



}



.z_form label {



	-ms-flex-negative: 0;



	flex-shrink: 0



}



.z_form label em {



	color: red;



	font-weight: bold;



	margin-right: 3px



}



.z_form .text {



	height: 3.5416666667vw;



	width: 100%;



	margin-left: 10px



}







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



.z_form .text {



	height: 50px



}



}



.z_form .texta {



	border: 1px solid #d0d3d6;



	padding: 1.0416666667vw



}







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



.z_form .texta {



	padding: 12px



}



}



.z_form .texta .con {



	width: 100%;



	display: block;



	margin-top: 20px;



	height: 100px



}



.z_form .btn {



	width: 160px;



	height: 50px;



	background: #f9910a;



	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;



	margin-left: auto;



	margin-top: 1.0416666667vw;



	cursor: pointer



}







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



.z_form .btn {



	margin-top: 12px



}



}



.z_form .btn .iconfont {



	margin-left: 10px



}



































.con-flex {



    display: flex;



    justify-content: flex-start;



    align-items: flex-start;



    flex-wrap: wrap;



}







.knowlages-box .knowlages-left {



    width: 190px;



}



.knowlages-box .knowlages-right {



    width: calc(100% - 190px);



    padding-left: 2.25rem 







}







.knowlages-left {



  text-align: right;



}



.knowlages-left .uls-bots {



  margin-top: .4rem;



}



.knowlages-left .li {



  color: #808080;



  line-height: 1.5;



  display: block;



}



.knowlages-left .li:nth-child(n+2) {



  margin-top: .25rem;



}



.knowlages-left .li.active {



  color: #f9910a;



}



.knowlages-left .uls-tops, .knowlages-left .uls-bots {



  padding-right: 1.8rem;



  color: #666;



}



.knowlages-left .uls-tops {



  position: relative;



}



.knowlages-left .uls-tops:before {



  position: absolute;



  content: "";



  width: 20px;



  height: 15px;



  background: url(../images/2-001.png) no-repeat center;



  background-size: 100%;



  right: 0;



  top: .35em;



  /*bottom: 0;*/



  margin: auto;



}



.knowlages-left .uls-tops.active:before {



  background: url(../images/2-002.png) no-repeat center;



  background-size: 100%;



}



.knowlages-left .uls-tops.active{



  color: #f9910a;



}







.knowlages-left .uls:nth-child(n+2) {



  margin-top: .5rem;



}







.knowlages-right-bots {



  padding-bottom: 1.25rem;



}



.knowlages-right-bots .items {



  width: 30.7%;



  margin-left: 3.95%;



  margin-bottom: 1rem;



}



.knowlages-right-bots .items:nth-child(3n+1) {



  margin-left: 0;



}



.knowlages-right-bots .items .words {



  border: 1px solid #dedede;



}



.knowlages-right-bots .items .imgs {



  overflow: hidden;



}







.knowlages-right-tops {



  background-color: #fff;



  margin-bottom: 1.45rem;



}



.knowlages-right-tops .items {



  align-items: stretch;



}



.knowlages-right-tops .images {



  width: 42.85%;



}



.knowlages-right-tops .words {



  padding: 1.4rem 1.75rem 1.625rem 1.75rem;



  width: 54.15%;



  position: relative;



}



.knowlages-right-tops .tits {



  line-height: 1.52;



  color: #000000;



}



.knowlages-right-tops .txts {



  margin-top: .3rem;



  line-height: 1.125em;



  color: #666666;



  padding-bottom: 1.05rem;



}



.knowlages-right-tops .c-more {



  position: absolute;



  left: 1.75rem;



  bottom: 1.625rem;



}







.knowlages-right-bots .words {



  padding-top: .65rem;



  padding-bottom: .75rem;



}



.knowlages-right-bots .words .tits, .knowlages-right-bots .words .txts {



  padding-left: .75rem;



  padding-right: .75rem;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 1;



  overflow: hidden;



}



.knowlages-right-bots .words .tits {



  color: #222222;



  line-height: 1.5;



  height: 1.5em;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 1;



  overflow: hidden;



  position: relative;



}



.knowlages-right-bots .words .tits:before {



  position: absolute;



  content: "";



  width: 4px;



  height: 96%;



  background-color: #f9910a;



  left: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}



.knowlages-right-bots .words .txts {



  margin-top: .2rem;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 1;



  overflow: hidden;



  color: #666666;



  line-height: 1.25em;



  height: 1.25em;



}







@keyframes mcScale {



  50% {



    width: 90%;



    height: 90%;



  }



}



.knowlages-left .uls-tops:hover {



    color: #f9910a;



}







.knowlages-left .uls-tops {



  line-height: 1.25;



  display: block;



}







.knowlages-box.prolist-box {



  margin-top: 0;



  /*padding-top: 3rem;*/



  padding-top: 0;



  padding-bottom: 2.5rem;



}







.knowlages-box-box{



  padding-top: 3rem;



}



.knowlages-left .uls-tops:hover:before {



    transition: 0.5s ease-in-out;



    background: url(../images/2-002.png) no-repeat center;



    background-size: 100%;



}



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











  .knowlages-box .knowlages-left {



    width: 150px;



  }







  .knowlages-box .knowlages-right {



    width: calc(100% - 150px);



    padding-left: 1.75rem;



  }











}







.pro-ajax-list .list-items {



  padding-bottom: .7rem;



}



.pro-ajax-list .li {



	background:#fff;



  margin-bottom: 1.5rem;



  width: 30.5%;



  margin-left: 1.25%;



  position: relative;



}



.pro-ajax-list .li .tits {



  line-height: 1.33;



}



.pro-ajax-list .li .txts {



  margin-top: .5rem;



  line-height: 1.375;



}



.pro-ajax-list .li .inlineblock {



  margin-top: 1.375rem;



}



.pro-ajax-list .li .li-bots {



  position: absolute;



  z-index: 2;



  width: 100%;



  height: 100%;



	background: #f9910a;



  color: #fff;



  left: 0;



  top: 0;



  text-align: center;



}



.pro-ajax-list .li .li-bots:before{



  content:"";



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  top: 0;



  z-index: 3;



}



.pro-ajax-list .li .li-bots {



    position: absolute;



    z-index: 2;



    width: 100%;



    height: 100%;



    background: #f9910a;



    color: #fff;



    left: 0;



    top: 0;



    text-align: center;



}



.pro-ajax-list .li .li-bots .ibox {



  position: absolute;



  left: 50%;



  top: 50%;



  width: 92%;



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



}



.pro-ajax-list .li .li-bots {



  opacity: 0;



  transition: 0.5s ease-in-out;



}







.pro-ajax-list .li:hover .li-bots {



    opacity: 1;



    transition: 0.5s ease-in-out;



}







.pro-ajax-list .li .li-tops {



  padding-bottom: 1.3rem;



  text-align: center;



}



.pro-ajax-list .li .li-tops .tits {



  margin-top: .65rem;



}



.pro-ajax-list .li .images {



  width: 100%



}



.pro-ajax-list .li .images img {



  max-height: 100%;



  display: block;



  margin: 0 auto;



}



.pro-ajax-list .li:nth-child(3n+1) {



  margin-left: 0;



}



.tit-20 {



    line-height: 1.8;



    font-size: 20px;



}



.knowlages-left .uls:nth-child(n+2) {



    margin-top: 1.5rem;



}



























.tit-24 {



    line-height: 1.8;



    font-size: 18px;



}











































.page {







	text-align: center;



}







.page ul {



	overflow: hidden;



	text-align: center;



	display: inline-block;



	margin: 30px 0;



}







.page ul li {



	float: left;



	border: 1px solid #e6e6e6;



	-webkit-border-radius: 3px;



	border-radius: 3px;



	margin: 0 5px;



	transition: .5s;



}







.page ul li a {



	transition: .5s;



}







.page ul li.on {



	background: #f9910a;



	border: 1px solid #f9910a;



}







.page ul li:hover {



	background: #f9910a;



	border: 1px solid #f9910a;



}







.page ul li:hover a {



	color: #fff;



}







.page ul li.on a {



	color: #fff;



}







.page ul li a {



	display: block;



	padding: 10px 15px;



	color: #333;



	font-size: 14px;



}











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



	



	



	.showcase h1{font-size: 40px}



	



	.showcase h3{font-size: 30px}



	.z_header .z_header_nav .subnav{display: none}



	



	.page ul li a{padding: 5px}



	.aboutbox li{width: 100%}



	.pro-ajax-list .li{width: 100%}



	



	.tit-20{font-size: 16px}



}