@charset "UTF-8";
@font-face {
	font-family: "TC";
	src: url(../fonts/tcm____.ttf) format("truetype");
	font-weight: normal;
}

@font-face {
	font-family: "TC";
	src: url(../fonts/tcb_____.ttf) format("truetype");
	font-weight: bold;
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		right: -396px;
	}
	to {
		opacity: 1;
		right: 0;
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1;
		right: 0;
	}
	to {
		opacity: 0;
		right: -396px;
	}
}

@keyframes shadowShow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		display: block;
	}
}

@keyframes shadowHide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		display: none;
	}
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.clearfix:after {
	content: " ";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}

p {
	margin: 0;
	padding: 0;
}

a,
a:hover,
a:visited {
	color: #000;
	text-decoration: none;
}

.swiper-pagination {
	z-index: 9 !important;
}

body {
	color: #000;
	font-family: "TC", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #222;
	font-size: 18px;
	line-height: 1.6;
}

.font-not-tc {
	font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
}

.hide {
	display: none !important;
}

img {
	vertical-align: middle;
}

.flash-move {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(100px);
	transition: all 0.8s;
}

.flash-move.move-on {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	transition: all 0.7s;
}

.shadow {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	display: none;
}

.shadow.open {
	display: block;
	-webkit-animation-name: shadowShow;
	animation-name: shadowShow;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.shadow.close {
	display: block;
	-webkit-animation-name: shadowHide;
	animation-name: shadowHide;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.display-pc {
	display: block;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.wrapper .topbar .logo-w {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 198px;
	height: 80px;
}

.wrapper .topbar .logo-w .logo-ww {
	width: 210px;
	height: 80px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrapper .topbar .logo-w .logo-ww img {
	height: 58px;
}

.wrapper .topbar .logo-w .logo-ww .wht {
	display: none;
}

.wrapper .topbar .logo-w.gld {
	background-color: #a68a4e;
}

.wrapper .topbar .logo-w.gld .blk {
	display: none;
}

.wrapper .topbar .logo-w.gld .wht {
	display: inline;
}

.wrapper .topbar .navs-w {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	width: calc(70px * 1);
	height: 70px;
	background-color: #a68a4e;
}

.wrapper .topbar .navs-w .item {
	display: none;
	width: 70px;
	height: 70px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.wrapper .topbar .navs-w .item img {
	width: 38px;
}

.wrapper .topbar .navs-w .item:first-child {
	border-right: 1px rgba(255, 255, 255, 0.1) solid;
}

.wrapper .topbar .navs-w .item:first-child img {
	width: 38px;
}

.wrapper .topbar .link-w {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	width: 0;
	height: 56px;
	background-color: #a68a4e;
	overflow: hidden;
	transition: all 0.5s;
	border-left: 1px rgba(255, 255, 255, 0.1) solid;
}

.wrapper .topbar .link-w .link-ww {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 50px;
	width: 100%;
	height: 100%;
}

.wrapper .topbar .link-w .link-ww .links a {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	margin-right: 30px;
	line-height: 56px;
}

.wrapper .topbar .link-w .link-ww .links a img {
	zoom: 0.5;
	margin-right: 10px;
}

.wrapper .topbar .link-w .link-ww .links a span {
	vertical-align: middle;
}

.wrapper .topbar .link-w .link-ww .links a.no-active {
	opacity: 0.5;
}

.wrapper .topbar .link-w .link-ww .close-w {
	width: 56px;
	height: 56px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.wrapper .topbar .link-w .link-ww .close-w img {
	height: 10px;
}

.wrapper .topbar .link-w.active {
	display: block;
	width: calc(100% - 198px);
}

.wrapper .topbar .menu-w {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	width: 0;
	height: 70px;
	overflow: hidden;transition: all 0.5s;border-bottom: 1px rgba(255, 255, 255, 0.2) solid;opacity: 0;
}

.wrapper .topbar .menu-w .menu-ww {display: flex;flex-direction: row;justify-content: space-between;padding-left: 25px;width: 100%;height: 100%;
background: url(../images/btm60.png) repeat;}
.wrapper .topbar .menu-w .menu-ww .menus .item {padding: 0 16px; display:inline-block;line-height: 70px;font-size: 16px;color: #fff;cursor: pointer;font-weight: normal;
}


.wrapper .topbar .menu-w .menu-ww .menus .item.now{color: #a68a4e;}
.wrapper .topbar .menu-w .menu-ww .menus .item:hover{color: #a68a4e;}
.wrapper .topbar .menu-w .menu-ww .menus .sub-w {display: none !important;
}
.sub-menu-w #catid73{ padding-left:9%;width: calc(100% - 198px); float: left;} 
.sub-menu-w #catid79{ padding-left:34%;width: calc(100% - 198px); float: left;} 
.sub-menu-w #catid131{ padding-left:24%;width: calc(100% - 198px); float: left;} 
.sub-menu-w #catid140{ padding-left:30%;width: calc(100% - 198px); float: left;} 
.wrapper .topbar .menu-w .menu-ww .close-w {width: 70px;height: 70px;float: left;display: flex;justify-content: center;align-items: center;cursor: pointer;background: #a68a4e;
}

.wrapper .topbar .menu-w .menu-ww .close-w img {height: 70px;
}

.wrapper .topbar .menu-w.active {opacity: 1;width: calc(100% - 198px); 
}

.wrapper .topbar .sub-menu-w {width: 100%;height: 70px;background: url(../images/nav_bg.png) repeat;position: fixed;left: 0;top: 70px;z-index: 10;padding-left: 222px;display: none;box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.1);
}

.wrapper .topbar .sub-menu-w .sub-w {display: none;
}

.wrapper .topbar .sub-menu-w .sub-w a {display: inline-block;padding: 0px 20px;line-height: 70px;color: #a3a3a3;font-size: 16px;position: relative;text-align: center;margin-right: 14px;
}

.wrapper .topbar .sub-menu-w .sub-w a .plus {position: absolute;left: calc(50% + 4px);top: 20px;font-size: 9px;line-height: 1;
}

.wrapper .topbar .sub-menu-w .sub-w a:hover {color: #a68a4e;
}

.wrapper .topbar .sub-menu-w .sub-w a:hover:after {content: " ";position: absolute;width: 100%;height: 3px;background-color: #a68a4e;left: 0;bottom: 0;
}


.wrapper .cookie-w {position: fixed;left: 0;bottom: 0;width: 100%;height: 100px;background-color: #000;z-index: 10;padding: 30px 40px 0;
}

.wrapper .cookie-w .tt {font-size: 14px;font-weight: bold;color: #fff;
}

.wrapper .cookie-w .stt {font-size: 12px;color: rgba(255, 255, 255, 0.3);margin-top: 8px;
}

.wrapper .cookie-w .close {cursor: pointer;position: absolute;right: 30px;top: 30px;font-size: 12px;line-height: 1;color: #a68a4e;display: flex;flex-direction: row;justify-content: center;align-items: center;
}

.wrapper .cookie-w .close img {height: 10px;margin-left: 10px;
}

.wrapper .filter {height: 4px;margin: 23px 0;
}

.wrapper .filter span {display: inline-block;width: 15px;height: 4px;vertical-align: top;background-color: #a68a4e;
}

.wrapper .filter.wht span {background-color: #fff;
}

.wrapper .btn-more {height: 40px;color: #a68a4e;padding: 0 16px;font-size: 12px;line-height: 40px;text-align: center;font-weight: bold;display: inline-block;border: 1px #a68a4e solid;background-color: #fff;cursor: pointer;
}

.wrapper .btn-more.solid {background-color: #a68a4e;color: #fff;
}

.wrapper .btn-more.txt-sub {color: #a3a3a3;
}

.wrapper .main-bg {position: relative;overflow: hidden;
}

.wrapper .main-bg img {width: 100%;
}

.wrapper .main-bg .info {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: #fff;
}

.wrapper .main-bg .info .htt {font-size: 12px;line-height: 1.2;font-weight: bold;
}

.wrapper .main-bg .info .tt {font-size: 50px;line-height: 55px;font-weight: bold;
}

.wrapper .main-bg .info .stt {font-size: 14px;line-height: 23px;text-align: center;opacity: 0.5;margin: 20px 0;}.wrapper .index-cover {position: relative;	width: 100%;}

.wrapper .index-cover video,
.wrapper .index-cover .bg {
	width: 100%;
	vertical-align: middle;
}

.wrapper .index-cover .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	
}

.wrapper .index-cover .info.bg-shadow {
	background-color: rgba(0, 0, 0, 0.4);
}

.wrapper .index-cover .info .htt {
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .index-cover .info .tt {
	font-size: 50px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	display: none;
}

.wrapper .index-cover .info .tt img {
	width: 750px;
	max-width: 90%;
}

.wrapper .index-cover .info .sstt {
	opacity: 0.5;
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	margin-bottom: 32px;
}

.wrapper .index-cover .info .op {
	text-align: center;
	font-size: 11px;
	line-height: 21px;
	cursor: pointer;
}

.wrapper .index-cover .info .op img {
	width: 18px;
	margin-bottom: 10px;
}

.wrapper .index-cover .info .next-page {
	position: absolute;
	width: 180px;
	height: 80px;
	text-align: center;
	bottom: 14%;
	display: inline-block;
	vertical-align: middle;
	left: 50%;
	transform: translate(-50%, 0%);
}

.wrapper .index-cover .info .next-page img {}

.roundImg {
	z-index: 1;
	-webkit-animation: round_animate 5s linear infinite;
	animation: round_animate 5s linear infinite;
}

@keyframes round_animate {
	to {
		transform: rotate(1turn);
	}
}

.wrapper .index-cover .info.left {
	width: 50%;
	left: 0;
}

.wrapper .index-cover .info.right {
	width: 50%;
	left: 50%;
}

.wrapper .index-cover .info.txt-left {
	align-items: flex-start;
	padding-left: 100px;
	text-align: left;
}

.wrapper .index-cover .info.txt-left .tt {
	font-size: 30px;
}

.wrapper .index-cover .info.txt-left .sstt {
	text-align: left;
}

.wrapper .index-cover .info.blk {
	color: #000;
}

.wrapper .index-w {
	position: relative;
}

.wrapper .index-w.index-r {
	position: relative;
}

.wrapper .index-w.index-r .index-cover {
	height: 900px;
}

.wrapper .index-w.index-r .index-cover .info .stt {
	opacity: 0.5;
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
}

.wrapper .index-w.index-r .index-bb2 {
	height: 900px;
}

.wrapper .index-w.index-r .index-bb2 .bb2w {
	height: 100%;
	width: 100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w.bg-gry {
	background-color: #F2F2F2;
}

.wrapper .index-w.index-r .index-bb2 .bb2w.bg-wht {
	background-color: #fff;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 {
	width: 50%;
	height: 100%;
	position: relative;
	float: left;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .row2 {
	width: 100%;
	height: 50%;
	position: relative;
	background-color: #fff;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 0 20%;
	transition: all 0.6s;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .htt {
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .tt {
	font-size: 30px;
	line-height: 42px;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .stt {
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
	margin: 20px 0 30px;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .video-v {
	margin-top: 100px;
	max-width: 430px;
	position: relative;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .video-v .vv {
	width: 100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .video-v .op {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .video-v .op img {
	width: 18px;
	margin-bottom: 8px;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .video-v .op p {
	font-size: 11px;
	line-height: 21px;
	color: #fff;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove.left {
	left: -100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove.left.fadeIn {
	left: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove.right {
	right: -100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove.right.fadeIn {
	right: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up {
	position: absolute;
	right: -100%;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 0.6s;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .mkr {
	zoom: 0.5;
	z-index: 2;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .num {
	font-size: 190px;
	line-height: 110px;
	color: #a68a4e;
	font-weight: bold;
	letter-spacing: -10px;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .num img {
	height: 15px;
	vertical-align: top;
	margin-left: -30px;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .num.ss {
	font-size: 135px;
	letter-spacing: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .filter {
	margin: 30px 0 20px;
	height: 5px;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .filter span {
	height: 5px;
	width: 23px;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .htt {
	color: #a68a4e;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.bg-gld {
	background-color: #a68a4e;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.bg-gld .num {
	color: #fff;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.bg-gld .htt {
	color: #fff;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.bg-gld .filter span {
	background-color: #fff;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.bg-gry {
	background-color: #f2f2f2;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.fadeIn {
	right: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.nn {
	right: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.wht .num,
.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up.wht .htt {
	color: #fff;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	transition: all 1s;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img.left {
	left: -100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img.left.fadeIn {
	left: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img.right {
	right: -100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img.right.fadeIn {
	right: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img-num {
	position: absolute;
	left: -100%;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 0.6s;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img-num.fadeIn {
	left: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	transition: all 1s;
	background-color: #a68a4e;
	padding-left: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	color: #fff;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .l1 {
	font-size: 21px;
	line-height: 30px;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .l2 {
	font-size: 25px;
	line-height: 1;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .l3 {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .l3 span {
	margin-right: 20px;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww.left {
	left: -100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww.left.fadeIn {
	left: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww.right {
	right: -100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww.right.fadeIn {
	right: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	transition: all 1s;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo .htt {
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo .tt {
	font-size: 30px;
	line-height: 42px;
	font-weight: bold;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo .stt {
	font-size: 14px;
	line-height: 23px;
	opacity: 0.5;
	margin: 20px 0 0;
	text-align: center;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo.bg-gld {
	background-color: #a68a4e;
	color: #fff;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo.left {
	left: -100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo.left.fadeIn {
	left: 0;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo.right {
	right: -100%;
}

.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo.right.fadeIn {
	right: 0;
}

.wrapper .index-w.index-r .index-f-cover img {
	width: 100%;
}

.wrapper .index-w .bb .btb {
	text-align: center;
	padding: 60px 0;
}

.wrapper .index-w .bb .btb .btt {
	font-size: 35px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .index-w .bb .btb .bfilter {
	height: 4px;
	margin: 18px 0;
}

.wrapper .index-w .bb .btb .bfilter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .index-w .bb .btb .bstt {
	font-size: 12px;
	line-height: 21px;
	color: #a3a3a3;
}

.wrapper .index-w .bb .more-h {
	padding: 30px 0 60px;
	text-align: center;
}

.wrapper .index-w .bb .more-h .more {
	height: 40px;
	color: #a68a4e;
	padding: 0 16px;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	border: 1px #a68a4e solid;
}

.wrapper .index-w .index-bb {
	height: 1000px;
	width: 100%;
	position: relative;
}
.wrapper .index-w .index-bb1 {
	height: 700px;
	width: 100%;
	position: relative;
}

.wrapper .index-w .index-bb .bbw-n {
	height: 100%;
	width: 100%;
}

.wrapper .index-w .index-bb .bbw-n .col60 {
	width: 60%;
	height: 100%;
	position: relative;
	float: left;
	background-color: #F7F7F7;
}

.wrapper .index-w .index-bb .bbw-n .col40 {
	width: 40%;
	height: 100%;
	float: left;
	position: relative;
}

.wrapper .index-w .index-bb .bbw-n .col40 .row2 {
	width: 100%;
	height: 50%;
	position: relative;
	background-color: #fff;
}

.wrapper .index-w .index-01 {
	width: 100%;
	overflow: hidden;
}

.wrapper .index-w .index-01 .df-w {
	max-width: 1540px;
	padding: 0 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.wrapper .index-w .index-01 .df-w .col {
	width: 33.333%;
	height: 395px;
	position: relative;
	cursor: pointer;
}

.wrapper .index-w .index-01 .df-w .col:hover .back {
	display: block;
	-webkit-animation-name: shadowShow;
	animation-name: shadowShow;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.wrapper .index-w .index-01 .df-w .col:last-child .front {
	border-right: none;
}

.wrapper .index-w .index-01 .df-w .col .front {
	width: 100%;
	height: 325px;
	position: relative;
	background-color: #fff;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
	padding: 40px;
}

.wrapper .index-w .index-01 .df-w .col .front .dtt {
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
}

.wrapper .index-w .index-01 .df-w .col .front .filter {
	height: 4px;
	margin: 18px 0;
}

.wrapper .index-w .index-01 .df-w .col .front .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .index-w .index-01 .df-w .col .front .dstt {
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
}

.wrapper .index-w .index-01 .df-w .col .front .f-img {
	position: absolute;
	right: 104px;
	bottom: 80px;
	zoom: 0.5;
}

.wrapper .index-w .index-01 .df-w .col .back {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 38px 40px 43px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	color: #fff;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info .back-t .dtt {
	font-size: 30px;
	line-height: 23px;
	font-weight: bold;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info .back-t .filter {
	height: 4px;
	margin: 18px 0;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info .back-t .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #fff;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info .back-t .dstt {
	font-size: 21px;
	line-height: 1;
	font-weight: bold;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info .back-b .dstt {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info .back-b .filter {
	height: 2px;
	margin: 14px 0;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info .back-b .filter span {
	display: inline-block;
	width: 15px;
	height: 2px;
	vertical-align: top;
	background-color: #fff;
}

.wrapper .index-w .index-01 .df-w .col .back .back-info .back-b .dsstt {
	font-size: 12px;
	line-height: 23px;
}

.wrapper .index-w .index-vv {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}

.wrapper .index-w .index-vv .page-w {
	max-width: 1540px;
	padding: 0 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
}

.wrapper .index-w .index-vv .page-w .row {
	width: 100%;
	height: 450px;
	position: relative;
	background-color: #f2f2f2;
}

.wrapper .index-w .index-vv .page-w .row.row-h {
	height: 900px;
}

.wrapper .index-w .index-vv .page-w .row .col2 {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
}

.wrapper .index-w .index-vv .page-w .row .col2 .row-2 {
	width: 100%;
	height: 50%;
	position: relative;
}

.wrapper .index-w .index-vv .page-w .row .col2 .row-4 {
	width: 100%;
	height: 25%;
	position: relative;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info .tt {
	font-size: 21px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	display: none;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info .stt {
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info .filter {
	height: 4px;
	margin: 14px 0;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info .htt {
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: #a3a3a3;
	margin-top: 14px;
	text-align: center;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info .more {
	height: 3px;
	margin-top: 20px;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info.wht {
	color: #fff;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info.wht .htt {
	color: #d1c7b4;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info.lg .tt {
	font-size: 40px;
	line-height: 50px;
}

.wrapper .index-w .index-vv .page-w .row .col2 .info.bg-gld {
	background-color: #a68a4e;
}

.wrapper .index-w .index-year {
	width: 100%;
	overflow: hidden;
	background-color: #f2f2f2;
}

.wrapper .index-w .index-year .ypost-slides {
	width: 100%;
	overflow: hidden;
	padding: 0 40px;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide {
	position: relative;
	width: 900px;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide img {
	width: 100%;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide .info-w {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide .info-w .tt {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide .info-w .tt span {
	font-size: 40px;
	vertical-align: bottom;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide .info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #a68a4e;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all 0.5s;
	color: #fff;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .tt {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	display: none;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .tt span {
	font-size: 40px;
	vertical-align: bottom;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .stt {
	font-size: 14px;
	line-height: 23px;
	opacity: 0.5;
	text-align: center;
	margin-bottom: 60px;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .btn-more {
	color: #a3a3a3;
}

.wrapper .index-w .index-year .ypost-slides .swiper-slide:hover .info {
	opacity: 1;
}

.wrapper .index-w .index-05 {
	padding-bottom: 60px;
}

.wrapper .index-w .index-05 .pages .page-w {
	max-width: 1336px;
	padding: 0 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: none;
}

.wrapper .index-w .index-05 .pages .page-w.active {
	display: block;
}

.wrapper .index-w .index-05 .pages .page-w .btb {
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	padding: 50px 0 20px;
}

.wrapper .index-w .index-05 .pages .page-w .btb .filter span {
	height: 2px;
}

.wrapper .index-w .index-05 .pages .page-w .items .col {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 22px;
	width: 25%;
	height: 150px;
	float: left;
	position: relative;
	border: 1px rgba(0, 0, 0, 0.02) solid;
}

.wrapper .index-w .index-05 .pages .page-w .items .col img {
	zoom: 0.5;
}

.wrapper .index-w .index-05 .pages .page-w .items .col .h {
	display: none;
}

.wrapper .index-w .index-05 .pages .page-w .items .col p {
	color: rgba(0, 0, 0, 0.32);
	position: absolute;
	bottom: 12px;
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
}

.wrapper .index-w .index-05 .pages .page-w .items .col:hover {
	background-color: #a68a4e;
}

.wrapper .index-w .index-05 .pages .page-w .items .col:hover .o {
	display: none;
}

.wrapper .index-w .index-05 .pages .page-w .items .col:hover .h {
	display: inline;
}

.wrapper .index-w .index-05 .pages .page-w .items .col:hover p {
	color: #fff;
}

.wrapper .index-w .paginations {
	position: fixed;
	right: 0;
	top: 46%;
	z-index: 8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.wrapper .index-w .paginations span {
	display: inline-block;
	right: 0;
	height: 4px;
	width: 6px;
	background-color: #f7f7f7;
	margin: 1px 0;
	transition: width 0.4s;
}

.wrapper .index-w .paginations span.active {
	width: 40px;
}

.wrapper .index-w .paginations.gld span {
	background-color: #a68a4e;
}

.wrapper .index-w .p-navs {
	width: 100%;
	height: 76px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

.wrapper .index-w .p-navs.bold span {
	font-weight: bold;
}

.wrapper .index-w .p-navs span,
.wrapper .index-w .p-navs a {
	display: inline-block;
	padding: 0 18px;
	margin: 0 10px;
	line-height: 76px;
	font-size: 12px;
	color: #a3a3a3;
	position: relative;
	cursor: pointer;
}

.wrapper .index-w .p-navs span:after,
.wrapper .index-w .p-navs a:after {
	position: absolute;
	content: " ";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #a68a4e;
	display: none;
}

.wrapper .index-w .p-navs span.active,
.wrapper .index-w .p-navs span:hover,
.wrapper .index-w .p-navs a.active,
.wrapper .index-w .p-navs a:hover {
	color: #a68a4e;
}

.wrapper .index-w .p-navs span.active:after,
.wrapper .index-w .p-navs span:hover:after,
.wrapper .index-w .p-navs a.active:after,
.wrapper .index-w .p-navs a:hover:after {
	display: block;
}

.wrapper .index-w .service-slides {
	width: 100%;
	overflow: hidden;
	padding: 140px 40px 0;
	position: relative;
}

.wrapper .index-w .service-slides .swiper-pagination-fraction {
	top: 50px;
	bottom: auto;
	font-size: 12px;
	color: #a3a3a3;
	font-weight: bold;
}

.wrapper .index-w .service-slides .swiper-slide {
	width: 800px;
}

.wrapper .index-w .service-slides .swiper-slide img {
	width: 100%;
}

.wrapper .index-w .service-slides .hint-b {
	width: 100%;
	padding: 90px 20px 60px;
	text-align: center;
}

.wrapper .index-w .service-slides .hint-b .htt {
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
}

.wrapper .index-w .service-slides .hint-b .hstt {
	font-size: 12px;
	line-height: 19px;
	color: #a3a3a3;
}

.wrapper .pnavs-s {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #fff;
}

.wrapper .pnavs-s .col {
	width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px;
}

.wrapper .pnavs-s .col .nav-w {
	padding: 33px 0;
	width: 100%;
	text-align: center;
	float: left;
	cursor: pointer;
	color: #a3a3a3;
	position: relative;
}

.wrapper .pnavs-s .col .nav-w .ntt {
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
}

.wrapper .pnavs-s .col .nav-w .bline {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	background-color: #a68a4e;
	display: none;
}

.wrapper .pnavs-s .col.active .nav-w,
.wrapper .pnavs-s .col:hover .nav-w {
	color: #000;
}

.wrapper .pnavs-s .col.active .nav-w .bline,
.wrapper .pnavs-s .col:hover .nav-w .bline {
	display: block;
}

.wrapper .pnavs-s.slim .pnavs-sw {
	width: 100%;
}

.wrapper .pnavs-s.slim .pnavs-sw .pnavs-w {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.wrapper .pnavs-s.slim .pnavs-sw .col {
	width: 108px;
}

.wrapper .videos-w .pages {
	width: 100%;
}

.wrapper .videos-w .pages .page-w {
	max-width: 1540px;
	padding: 0 20px;
	left: 0;
	right: 0;
	margin: 50px auto;
	display: block;
}

.wrapper .videos-w .pages .page-w .row {
	width: 100%;
	height: 450px;
	position: relative;
	background-color: #fff;
}

.wrapper .videos-w .pages .page-w .row.row-h {
	height: 900px;
}

.wrapper .videos-w .pages .page-w .row .col2 {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
}

.wrapper .videos-w .pages .page-w .row .col2 .row-2 {
	width: 100%;
	height: 50%;
	position: relative;
}

.wrapper .videos-w .pages .page-w .row .col2 .row-4 {
	width: 100%;
	height: 25%;
	position: relative;
}

.wrapper .videos-w .pages .page-w .row .col2 .info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wrapper .videos-w .pages .page-w .row .col2 .info .tt {
	font-size: 21px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	display: none;
}

.wrapper .videos-w .pages .page-w .row .col2 .info .stt {
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
}

.wrapper .videos-w .pages .page-w .row .col2 .info .filter {
	height: 4px;
	margin: 14px 0;
}

.wrapper .videos-w .pages .page-w .row .col2 .info .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .videos-w .pages .page-w .row .col2 .info .htt {
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: #a3a3a3;
	margin-top: 14px;
	text-align: center;
}

.wrapper .videos-w .pages .page-w .row .col2 .info .more {
	height: 3px;
	margin-top: 20px;
}

.wrapper .videos-w .pages .page-w .row .col2 .info.wht {
	color: #fff;
}

.wrapper .videos-w .pages .page-w .row .col2 .info.wht .htt {
	color: #d1c7b4;
}

.wrapper .videos-w .pages .page-w .row .col2 .info.lg .tt {
	font-size: 40px;
	line-height: 50px;
}

.wrapper .videos-w .pages .page-w .row .col2 .info.bg-gld {
	background-color: #a68a4e;
}

.wrapper .video-w {
	padding-top: 80px;
	width: 100%;
}

.wrapper .video-w .vvw {
	width: 100%;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

.wrapper .video-w .vvw .tt {
	font-size: 21px;
	line-height: 28px;
	font-weight: bold;
}

.wrapper .video-w .vvw .stt {
	font-size: 12px;
	line-height: 21px;
	color: #a3a3a3;
}

.wrapper .video-w .vvw .filter {
	height: 4px;
	margin: 14px 0;
}

.wrapper .video-w .vvw .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .video-w .vvw .video-c {
	max-width: 1000px;
	left: 0;
	right: 0;
	margin: 30px auto;
}

.wrapper .video-w .vvw .video-c img,
.wrapper .video-w .vvw .video-c video {
	max-width: 100%;
}

.wrapper .video-w .vvw .more-h {
	padding: 30px 0 60px;
	text-align: center;
}

.wrapper .video-w .vvw .more-h .more {
	height: 40px;
	color: #a68a4e;
	padding: 0 32px;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	border: 1px #a68a4e solid;
}

.wrapper .recom-w {
	width: 100%;
	background-color: #fff;
	text-align: center;
	padding: 60px 0;
}

.wrapper .recom-w .stt {
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
}

.wrapper .recom-w .filter {
	height: 2px;
	margin: 14px 0;
}

.wrapper .recom-w .filter span {
	display: inline-block;
	width: 15px;
	height: 2px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .recom-w .re-w {
	max-width: 1200px;
	left: 0;
	right: 0;
	margin: 30px auto 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
}

.wrapper .recom-w .re-w .col {
	width: 33.33%;
	padding: 0 5%;
	border-right: 1px rgba(0, 0, 0, 0.1) solid;
}

.wrapper .recom-w .re-w .col:last-child {
	border-right: none;
}

.wrapper .recom-w .re-w .col .rtt {
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
}

.wrapper .recom-w .re-w .col .rstt {
	font-size: 12px;
	line-height: 21px;
	color: #a3a3a3;
	margin-top: 10px;
}

.wrapper .network-w .nt-ww {
	display: none;
	padding-top: 60px;
	text-align: center;
}

.wrapper .network-w .nt-ww.active {
	display: block;
}

.wrapper .network-w .nt-ww .tt {
	font-size: 30px;
	line-height: 55px;
	font-weight: bold;
}

.wrapper .network-w .nt-ww .filter {
	height: 4px;
	margin: 14px 0;
}

.wrapper .network-w .nt-ww .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .network-w .nt-ww .poss {
	padding: 60px 0 180px;
}

.wrapper .network-w .nt-ww .poss .poss-w {
	max-width: 1240px;
	padding: 0 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.wrapper .network-w .nt-ww .poss .poss-w .col {
	float: left;
	width: 33.33%;
	text-align: left;
	min-height: 180px;
}

.wrapper .network-w .nt-ww .poss .poss-w .col .pname {
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
}

.wrapper .network-w .nt-ww .poss .poss-w .col .ll {
	margin-top: 14px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.wrapper .network-w .nt-ww .poss .poss-w .col .ll img {
	zoom: 0.5;
	margin-right: 20px;
	margin-top: 8px;
}

.wrapper .network-w .nt-ww .poss .poss-w .col .ll span {
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
}

.wrapper .network-w .nt-ww .search-w {
	width: 100%;
}

.wrapper .network-w .nt-ww .search-w .search-ww {
	max-width: 400px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: relative;
}

.wrapper .network-w .nt-ww .search-w .search-ww input {
	width: 100%;
	height: 44px;
	background-color: #a68a4e;
	border: none;
	outline: none;
	color: #fff;
	padding: 0 17px;
	font-size: 12px;
}

.wrapper .network-w .nt-ww .search-w .search-ww input::placeholder {
	color: rgba(255, 255, 255, 0.8);
}

.wrapper .network-w .nt-ww .search-w .search-ww .btn-search {
	position: absolute;
	width: 12px;
	top: 16px;
	right: 18px;
	cursor: pointer;
}

.wrapper .network-w .nt-ww .search-w .res-w {
	padding: 60px 0 120px;
}

.wrapper .network-w .nt-ww .search-w .res-w .stt {
	font-size: 12px;
	line-height: 23px;
	color: #a3a3a3;
}

.wrapper .network-w .nt-ww .search-w .res-w .ress {
	background-color: #fff;
	box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.03);
	max-width: 1200px;
	left: 0;
	right: 0;
	margin: 60px auto 0;
	padding: 26px 50px 0;
}

.wrapper .network-w .nt-ww .search-w .res-w .ress .col {
	float: left;
	width: 33.33%;
	text-align: left;
	padding: 30px 20px 30px 0;
	height: 200px;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
}

.wrapper .network-w .nt-ww .search-w .res-w .ress .col .pname {
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
}

.wrapper .network-w .nt-ww .search-w .res-w .ress .col .ll {
	margin-top: 14px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.wrapper .network-w .nt-ww .search-w .res-w .ress .col .ll img {
	zoom: 0.5;
	margin-right: 20px;
	margin-top: 8px;
}

.wrapper .network-w .nt-ww .search-w .res-w .ress .col .ll span {
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
}

.wrapper .new-up-w {
	height: 900px;
	position: relative;
}

.wrapper .new-up-w .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
}

.wrapper .new-up-w .info .htt {
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .new-up-w .info .tt {
	font-size: 50px;
	line-height: 55px;
	font-weight: bold;
	margin-bottom: 20px;
}

.wrapper .new-bar {
	background-color: #fff;
	width: 100%;
	height: 75px;
	line-height: 75px;
	color: #a68a4e;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.wrapper .new-w {
	width: 100%;
	height: 900px;
}

.wrapper .new-w .col-l {
	height: 100%;
	width: 37.5%;
	position: relative;
	float: left;
}

.wrapper .new-w .col-r {
	width: 62.5%;
	height: 100%;
	position: relative;
	float: left;
}

.wrapper .new-w .col-r .row2 {
	width: 100%;
	height: 50%;
	position: relative;
}

.wrapper .new-w .info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.wrapper .new-w .info .tt {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}

.wrapper .new-w .info .tt span {
	font-size: 40px;
	vertical-align: bottom;
}

.wrapper .new-w .info .hover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #a68a4e;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all 0.5s;
	color: #fff;
}

.wrapper .new-w .info .hover .tt {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}

.wrapper .new-w .info .hover .tt span {
	font-size: 40px;
}

.wrapper .new-w .info .hover .stt {
	font-size: 14px;
	line-height: 23px;
	opacity: 0.5;
	text-align: center;
	margin-bottom: 30px;
}

.wrapper .new-w .info .hover .btn-more {
	color: #a3a3a3;
}

.wrapper .new-w .info:hover .hover {
	opacity: 1;
}

.wrapper .new-w .col-f {
	position: relative;
}

.wrapper .new-w .col-f .bg {
	width: 100%;
}

.wrapper .new-w .col-f .info .hover {
	width: 600px;
	height: 375px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.wrapper .new-w.auto-height {
	height: auto;
}

.wrapper .explore-w {
	width: 100%;
}

.wrapper .explore-w .row {
	height: 450px;
}

.wrapper .explore-w .row.row-h {
	height: 900px;
}

.wrapper .explore-w .row .col2 {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
}

.wrapper .explore-w .row .col2 .row2 {
	position: relative;
	width: 100%;
	height: 50%;
	display: block;
}

.wrapper .explore-w .row .info {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	transition: all 0.4s;
}

.wrapper .explore-w .row .info .info-w {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.wrapper .explore-w .row .info .info-w .htt {
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .explore-w .row .info .info-w .tt {
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
	margin-bottom: 10px;
}

.wrapper .explore-w .row .info .info-w .stt {
	font-size: 14px;
	line-height: 23px;
	opacity: 0.5;
}

.wrapper .explore-w .row .info.lg .info-w .tt {
	font-size: 40px;
}

.wrapper .explore-w .row .info.right .info-w {
	left: auto;
	right: 0;
}

.wrapper .explore-w .row .info:hover {
	background-color: rgba(154, 131, 76, 0.9);
	color: #fff;
}

.wrapper .explore-w .row .info:hover .filter span {
	background-color: #fff;
}

.wrapper .tpb-w {
	width: 100%;
}

.wrapper .tpb-w .tpb {
	width: 100%;
	height: 900px;
}

.wrapper .tpb-w .tpb.bg-wht {
	background-color: #fff;
}

.wrapper .tpb-w .tpb.bg-gry {
	background-color: #F2F2F2;
}

.wrapper .tpb-w .tpb .tpb-w {
	width: 100%;
	height: 100%;
}

.wrapper .tpb-w .tpb .info-w {
	width: 45%;
	height: 100%;
	position: relative;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.wrapper .tpb-w .tpb .info-w.left {
	padding-left: 180px;
}

.wrapper .tpb-w .tpb .info-w.right {
	padding-left: 100px;
}

.wrapper .tpb-w .tpb .info-w .htt {
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .tpb-w .tpb .info-w .tt {
	font-size: 30px;
	line-height: 44px;
	font-weight: bold;
}

.wrapper .tpb-w .tpb .info-w .stt {
	font-size: 14px;
	line-height: 23px;
	opacity: 0.5;
	margin: 20px 0;
}

.wrapper .tpb-w .tpb .tp-w {
	width: 55%;
	height: 100%;
	position: relative;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.wrapper .tpb-w .tpb .tp-w img {
	width: 800px;
}

.wrapper .tpb-w .tpb .tp-w .stick {
	width: 400px;
	height: 400px;
	background-color: #a68a4e;
	margin-top: -200px;
	padding: 50px 44px;
}

.wrapper .tpb-w .tpb .tp-w .stick .ww {
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	line-height: 30px;
}

.wrapper .tpb-w .tpb .tp-w .stick .ww.en {
	font-size: 25px;
	line-height: 1;
}

.wrapper .tpb-w .tpb .tp-w.right .stick {
	margin-left: 400px;
}

.wrapper .tpb-w .tpb .tp-w.left {
	padding-left: 100px;
}

.wrapper .tpb-w .tpb-navs {
	width: 100%;
	padding: 90px 50px;
}

.wrapper .tpb-w .tpb-navs .navs-w {
	max-width: 1500px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.wrapper .tpb-w .tpb-navs .navs-w .col {
	display: block;
	float: left;
	width: 33.333%;
	text-align: center;
}

.wrapper .tpb-w .tpb-navs .navs-w .col img {
	zoom: 0.5;
}

.wrapper .tpb-w .tpb-navs .navs-w .col .tt {
	margin-top: 40px;
	font-size: 21px;
	line-height: 28px;
	font-weight: bold;
}

.wrapper .tpb-w .tpb-navs .navs-w .col .stt {
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
}

.wrapper .tpb-w .slide-navs {
	width: 100%;
	height: 76px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

.wrapper .tpb-w .slide-navs.bold span {
	font-weight: bold;
}

.wrapper .tpb-w .slide-navs span,
.wrapper .tpb-w .slide-navs a {
	display: inline-block;
	padding: 0 18px;
	margin: 0 10px;
	line-height: 76px;
	font-size: 12px;
	color: #a3a3a3;
	position: relative;
	cursor: pointer;
}

.wrapper .tpb-w .slide-navs span:after,
.wrapper .tpb-w .slide-navs a:after {
	position: absolute;
	content: " ";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #a68a4e;
	display: none;
}

.wrapper .tpb-w .slide-navs span.active,
.wrapper .tpb-w .slide-navs span:hover,
.wrapper .tpb-w .slide-navs a.active,
.wrapper .tpb-w .slide-navs a:hover {
	color: #a68a4e;
}

.wrapper .tpb-w .slide-navs span.active:after,
.wrapper .tpb-w .slide-navs span:hover:after,
.wrapper .tpb-w .slide-navs a.active:after,
.wrapper .tpb-w .slide-navs a:hover:after {
	display: block;
}

.wrapper .tpb-w .service-slides {
	width: 100%;
	overflow: hidden;
	padding: 140px 40px 0;
	position: relative;
}

.wrapper .tpb-w .service-slides .swiper-pagination-fraction {
	top: 50px;
	bottom: auto;
	font-size: 12px;
	color: #a3a3a3;
	font-weight: bold;
}

.wrapper .tpb-w .service-slides .swiper-pagination-fraction .swiper-pagination-current:before {
	content: "0";
}

.wrapper .tpb-w .service-slides .swiper-pagination-fraction .swiper-pagination-total:before {
	content: "0";
}

.wrapper .tpb-w .service-slides .swiper-slide {
	height: 450px;
	width: 800px;
	background-color: #fff;
	text-align: center;
	padding: 75px 20px 0;
}

.wrapper .tpb-w .service-slides .swiper-slide img {
	zoom: 0.5;
}

.wrapper .tpb-w .service-slides .swiper-slide .seq {
	font-size: 12px;
	line-height: 1;
	color: #a68a4e;
	margin-top: 40px;
}

.wrapper .tpb-w .service-slides .swiper-slide .filter {
	margin: 20px 0;
}

.wrapper .tpb-w .service-slides .swiper-slide .filter span {
	height: 2px;
}

.wrapper .tpb-w .service-slides .swiper-slide .tt {
	font-size: 21px;
	line-height: 55px;
	font-weight: bold;
}

.wrapper .tpb-w .service-slides .swiper-slide .stt {
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
}

.wrapper .tpb-w .service-slides .hint-b {
	width: 100%;
	padding: 90px 20px 60px;
	text-align: center;
}

.wrapper .tpb-w .service-slides .hint-b .htt {
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
}

.wrapper .tpb-w .service-slides .hint-b .hstt {
	font-size: 12px;
	line-height: 19px;
	color: #a3a3a3;
}

.wrapper .tpb-w .trend-w {
	width: 100%;
	padding: 50px 50px;
}

.wrapper .tpb-w .trend-w .trend-ww {
	width: 100%;
}

.wrapper .tpb-w .trend-w .trend-ww .col {
	height: 450px;
	position: relative;
	float: left;
}

.wrapper .tpb-w .trend-w .trend-ww .col.col56 {
	width: 56%;
}

.wrapper .tpb-w .trend-w .trend-ww .col.col44 {
	width: 44%;
}

.wrapper .tpb-w .trend-w .trend-ww .col .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	transition: 0.4s all;
}

.wrapper .tpb-w .trend-w .trend-ww .col .info .htt {
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}

.wrapper .tpb-w .trend-w .trend-ww .col .info .tt {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
}

.wrapper .tpb-w .trend-w .trend-ww .col .info .stt {
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
	display: none;
	margin-top: 16px;
	text-align: center;
}

.wrapper .tpb-w .trend-w .trend-ww .col .info img {
	height: 3px;
	margin-top: 16px;
}

.wrapper .tpb-w .trend-w .trend-ww .col .info:hover {
	background-color: #fff;
	color: #000;
}

.wrapper .tpb-w .trend-w .trend-ww .col .info:hover .stt {
	display: block;
}

.wrapper .faq-w {
	background-color: #fff;
}

.wrapper .faq-w .tt {
	padding-top: 70px;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
}

.wrapper .faq-w .filter {
	text-align: center;
}

.wrapper .faq-w .faqs {
	max-width: 1300px;
	padding: 0 20px 60px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.wrapper .faq-w .faqs .faq:last-child .qq {
	border-bottom: none;
}

.wrapper .faq-w .faqs .faq .qq {
	padding: 0 20px;
	font-size: 14px;
	line-height: 50px;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	color: #a3a3a3;
	position: relative;
	cursor: pointer;
}

.wrapper .faq-w .faqs .faq .qq img {
	position: absolute;
	right: 20px;
	top: 24px;
	width: 9px;
}

.wrapper .faq-w .faqs .faq .aa-w {
	padding: 12px 20px 35px;
	background-color: #F7F7F7;
	display: none;
}

.wrapper .faq-w .faqs .faq .aa-w .q {
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	position: relative;
}

.wrapper .faq-w .faqs .faq .aa-w .q .tk {
	width: 15px;
	margin-right: 13px;
	vertical-align: text-bottom;
}

.wrapper .faq-w .faqs .faq .aa-w .q .pls {
	position: absolute;
	right: 0;
	top: 24px;
	width: 9px;
}

.wrapper .faq-w .faqs .faq .aa-w .a {
	margin-top: 14px;
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
}


.wrapper .explore-w2 .pages {
	width: 100%;
}

.wrapper .explore-w2 .pages .page-w {
	max-width: 1540px;
	padding: 0 20px;
	left: 0;
	right: 0;
	margin: 50px auto;
	display: none;
}

.wrapper .explore-w2 .pages .page-w.active {
	display: block;
}

.wrapper .explore-w2 .pages .page-w .row {
	width: 100%;
	height: 450px;
	position: relative;
	margin-bottom: 18px;
}

.wrapper .explore-w2 .pages .page-w .row.row-f {
	height: auto;
}

.wrapper .explore-w2 .pages .page-w .row:last-child {
	margin-bottom: 0;
}

.wrapper .explore-w2 .pages .page-w .row .col2 {
	float: left;
	width: 50%;
	height: 450px;
	position: relative;
}

.wrapper .explore-w2 .pages .page-w .row .col4 {
	float: left;
	width: 25%;
	height: 450px;
	position: relative;
}

.wrapper .explore-w2 .pages .page-w .row .cover .tag {
	position: absolute;
	right: 0;
	top: 0;
	width: 56px;
	height: 56px;
	background-color: #a68a4e;
	color: #fff;
	font-size: 14px;
	line-height: 56px;
	text-align: center;
	font-weight: bold;
}

.wrapper .explore-w2 .pages .page-w .row .cover .tag.tag-c {
	line-height: 1;
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.wrapper .explore-w2 .pages .page-w .row .cover .tag.tag-1 {
	width: 110px;
}

.wrapper .explore-w2 .pages .page-w .row .cover .tag.tag-2 {
	width: 82px;
}

.wrapper .explore-w2 .pages .page-w .row .cover .slogan {
	position: absolute;
	left: 60px;
	bottom: 45px;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}

.wrapper .explore-w2 .pages .page-w .row .txt {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 50px 60px 50px;
	background-color: #fff;
}

.wrapper .explore-w2 .pages .page-w .row .txt .tp .tt {
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
}

.wrapper .explore-w2 .pages .page-w .row .txt .tp .tt.slim {
	font-size: 21px;
	line-height: 30px;
}

.wrapper .explore-w2 .pages .page-w .row .txt .tp .stt {
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
}

.wrapper .explore-w2 .pages .page-w .row .txt .tp .hstt {
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
}

.wrapper .explore-w2 .pages .page-w .row .txt .tp .filter {
	height: 4px;
	margin: 14px 0;
}

.wrapper .explore-w2 .pages .page-w .row .txt .tp .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .explore-w2 .pages .page-w .row .txt .tp .htt {
	font-size: 12px;
	line-height: 21px;
	margin-top: 10px;
	color: #a3a3a3;
}

.wrapper .explore-w2 .pages .page-w .row .txt .more {
	height: 3px;
}

.wrapper .explore-w2 .pages .page-w .row .txt .play {
	width: 18px;
	margin-left: 15px;
}

.wrapper .explore-w2 .pages .page-w .row .txt .bp {
	cursor: pointer;
}

.wrapper .explore-w2 .pages .page-w .row .txt .bp .hint {
	font-size: 12px;
	line-height: 21px;
	margin-top: 10px;
	font-weight: bold;
}

.wrapper .explore-w2 .pages .page-w .row .txt.lg .tp .tt {
	font-size: 40px;
	line-height: 50px;
}

.wrapper .explore-w2 .pages .page-w .row .txt.lg .tp .htt {
	font-size: 14px;
	line-height: 23px;
}

.wrapper .explore-w2 .pages .page-w .row .star .info {
	width: 100%;
	height: 100%;
	background-color: rgba(154, 131, 76, 0.9);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 50px 50px 50px;
	color: #fff;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
}

.wrapper .explore-w2 .pages .page-w .row .star .info .tp .tt {
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
}

.wrapper .explore-w2 .pages .page-w .row .star .info .tp .hstt {
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
}

.wrapper .explore-w2 .pages .page-w .row .star .info .tp .filter {
	height: 4px;
	margin: 14px 0;
}

.wrapper .explore-w2 .pages .page-w .row .star .info .tp .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #fff;
}

.wrapper .explore-w2 .pages .page-w .row .star .info .tp .htt {
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 20px;
}

.wrapper .explore-w2 .pages .page-w .row .star .info .more {
	height: 3px;
}

.wrapper .tech-w .filter {
	height: 4px;
	margin: 18px 0;
}

.wrapper .tech-w .filter span {
	display: inline-block;
	width: 15px;
	height: 4px;
	vertical-align: top;
	background-color: #a68a4e;
}

.wrapper .tech-w .tech-c {
	background-color: #f7f7f7;
}

.wrapper .tech-w .tech-c .intro {
	width: 100%;
	padding: 120px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wrapper .tech-w .tech-c .intro .tt {
	font-size: 30px;
	line-height: 44px;
	font-weight: bold;
}

.wrapper .tech-w .tech-c .intro .stt {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #a3a3a3;
	text-align: center;
}

.wrapper .tech-w .tech-c .intro .stt span {
	color: #000;
}

.wrapper .tech-w .tech-c .nf-img-w {
	width: 100%;
	padding: 0 20px;
}

.wrapper .tech-w .tech-c .nf-img-w .img-w {
	max-width: 1500px;
	height: 450px;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.wrapper .tech-w .tech-c .nf-img-w .img-w .info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wrapper .tech-w .tech-c .nf-img-w .img-w .info.wht {
	color: #fff;
}

.wrapper .tech-w .tech-c .nf-img-w .img-w .info .tt {
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
}

.wrapper .tech-w .tech-c .nf-img-w .img-w .info .stt {
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
}

.wrapper .tech-w .tech-c .f-img-w {
	width: 100%;
}

.wrapper .tech-w .tech-c .f-img-w .img-w {
	width: 100%;
	position: relative;
}

.wrapper .tech-w .tech-c .f-img-w .img-w img {
	width: 100%;
}

.wrapper .tech-w .tech-c .f-img-w .img-w .info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wrapper .tech-w .tech-c .f-img-w .img-w .info.wht {
	color: #fff;
}

.wrapper .tech-w .tech-c .f-img-w .img-w .info .tt {
	font-size: 30px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}

.wrapper .tech-w .tech-c .f-img-w .img-w .info .stt {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.wrapper .tech-w .tech-c .feature-w {
	padding: 30px 20px;
}

.wrapper .tech-w .tech-c .feature-w .ffw {
	max-width: 1500px;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}

.wrapper .tech-w .tech-c .feature-w .ffw .col {
	height: 450px;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 70px;
}

.wrapper .tech-w .tech-c .feature-w .ffw .col:nth-child(1),
.wrapper .tech-w .tech-c .feature-w .ffw .col:nth-child(2) {
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.wrapper .tech-w .tech-c .feature-w .ffw .col img {
	width: 150px;
	margin-bottom: 40px;
}

.wrapper .tech-w .tech-c .feature-w .ffw .col .tt {
	font-size: 21px;
	line-height: 1;
	font-weight: bold;
}

.wrapper .tech-w .tech-c .feature-w .ffw .col .stt {
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
	text-align: center;
}

.wrapper .tech-w .tech-c .feature-w .ffw.col-3 .col {
	width: 33.33%;
}

.wrapper .tech-w .tech-c .feature-w .ffw.col-3 .col:nth-child(1),
.wrapper .tech-w .tech-c .feature-w .ffw.col-3 .col:nth-child(2) {
	border-bottom: none;
}

.wrapper .tech-w .tech-c .faq-w {
	background-color: #fff;
}

.wrapper .tech-w .tech-c .faq-w .tt {
	padding-top: 70px;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
}

.wrapper .tech-w .tech-c .faq-w .filter {
	text-align: center;
}

.wrapper .tech-w .tech-c .faq-w .faqs {
	max-width: 1300px;
	padding: 0 20px 60px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.wrapper .tech-w .tech-c .faq-w .faqs .faq:last-child .qq {
	border-bottom: none;
}

.wrapper .tech-w .tech-c .faq-w .faqs .faq .qq {
	padding: 0 20px;
	font-size: 14px;
	line-height: 50px;
	border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	color: #a3a3a3;
	position: relative;
	cursor: pointer;
}

.wrapper .tech-w .tech-c .faq-w .faqs .faq .qq img {
	position: absolute;
	right: 20px;
	top: 24px;
	width: 9px;
}

.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w {
	padding: 12px 20px 35px;
	background-color: #F7F7F7;
	display: none;
}

.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w .q {
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w .q .tk {
	width: 15px;
	margin-right: 13px;
	vertical-align: text-bottom;
	margin-top: 13px;
}

.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w .q .pls {
	position: absolute;
	right: 0;
	top: 15px;
	width: 9px;
}

.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w .a {
	margin-top: 14px;
	font-size: 14px;
	line-height: 23px;
	color: #a3a3a3;
}

.wrapper .tech-w .tech-c .t-video-w {
	padding: 100px 0;
}

.wrapper .tech-w .tech-c .t-video-w .tt {
	font-size: 30px;
	line-height: 44px;
	font-weight: bold;
	text-align: center;
}

.wrapper .tech-w .tech-c .t-video-w .filter {
	text-align: center;
}

.wrapper .tech-w .tech-c .t-video-w .pnavs-s {
	background-color: #f7f7f7;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.wrapper .tech-w .tech-c .t-video-w .video-c {
	padding: 76px 20px 0;
}

.wrapper .tech-w .tech-c .t-video-w .video-c .vv {
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1000px;
}

.wrapper .tech-w .tech-c .t-video-w .video-c .vv video {
	width: 100%;
}

.wrapper .tech-w .tech-c .t-video-w .video-c .vv .op {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.wrapper .tech-w .tech-c .t-video-w .video-c .vv .op img {
	width: 18px;
	margin-bottom: 16px;
}

.wrapper .tech-w .tech-c .t-video-w .video-c .vv .op span {
	font-size: 11px;
	line-height: 1;
	color: #fff;
	font-weight: bold;
}

.wrapper .tech-w .tech-c .compare-w {
	padding: 100px 0;
	background-color: #fff;
}

.wrapper .tech-w .tech-c .compare-w .tt {
	font-size: 30px;
	line-height: 44px;
	font-weight: bold;
	text-align: center;
}

.wrapper .tech-w .tech-c .compare-w .filter {
	text-align: center;
}

.wrapper .tech-w .tech-c .compare-w .pnavs-s {
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.wrapper .tech-w .tech-c .compare-w .img-w {
	padding: 76px 20px 0;
}

.wrapper .tech-w .tech-c .compare-w .img-w .vv {
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1000px;
}

.wrapper .tech-w .tech-c .compare-w .img-w .vv img {
	width: 100%;
}


/*/首页第二屏,关于培蒙/*/

@media screen and (max-width: 1400px) {
	.wrapper .tpb-w .tpb .tp-w img {
		width: 100%;
	}
	.wrapper .tpb-w .tpb .tp-w .stick {
		width: 50%;
		height: auto;
	}
	.wrapper .tpb-w .tpb .tp-w.left {
		padding-left: 0;
	}
	.wrapper .tpb-w .tpb .info-w.left {
		padding-left: 40px;
	}
	.wrapper .tpb-w .tpb .tp-w.right .stick {
		margin-left: 50%;
	}
}

@media screen and (max-width: 1200px) {
	.wrapper .index-w .index-01 .df-w .col .front {
		padding: 30px;
	}
	.wrapper .index-w .index-01 .df-w .col .front .f-img {
		right: 84px;
		bottom: 60px;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info {
		padding: 28px 30px 33px;
	}
	.wrapper .index-w .index-vv {
		width: 100%;
		background-color: #fff;
	}
	.wrapper .index-w .index-vv .page-w {
		max-width: 100%;
		margin: 20px auto;
	}
	.wrapper .index-w .index-vv .page-w .row {
		width: 100%;
		height: auto;
		position: relative;
		background-color: #fff;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h {
		height: auto;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2:first-child {
		height: 350px;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 .row-2 {
		width: 100%;
		height: 350px;
		position: relative;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 .row-2 .col2 {
		width: 50%;
		height: 350px;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 .row-4 {
		height: 250px;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 .row-4 .col2 {
		width: 50%;
		height: 250px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .row-2 {
		width: 100%;
		height: 250px;
		position: relative;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .row-2 .col2 {
		width: 50%;
		height: 250px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2>.col2 {
		width: 50%;
		height: 500px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .tt {
		font-size: 12px;
		line-height: 18px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .stt {
		font-size: 9px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .filter {
		height: 3px;
		margin: 10px 0;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .htt {
		font-size: 9px;
		line-height: 16px;
		margin-top: 4px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .more {
		height: 2px;
		margin-top: 16px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info.lg .tt {
		font-size: 24px;
		line-height: 40px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info.bg-gld {
		background-color: #a68a4e;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info.bg-gld .tt {
		font-size: 16px;
		line-height: 24px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info.bg-gld .filter span {
		background-color: #fff;
	}
	.wrapper .index-w .index-bb .bbw-n .col40 .row2 .movable-b .num.ss {
		font-size: 72px;
		line-height: 32px;
	}
	.wrapper .index-w .index-bb .bbw-n .col40 .row2 .movable-b .num.s {
		font-size: 100px;
		line-height: 55px;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide {
		width: 700px;
	}
	.wrapper .stories .col-s .info-s {
		padding: 26px 20px;
	}
	.wrapper .stories .col-s .info-s .tp .tt {
		font-size: 18px;
		line-height: 24px;
	}
	.wrapper .stories .col-s .info-s .tp .filter {
		margin: 10px 0;
	}
	.wrapper .stories .stories-w .ss-ww .col .info {
		padding: 0 35px 30px;
	}
	.wrapper .videos-w .pages .page-w {
		max-width: 100%;
		margin: 20px auto;
	}
	.wrapper .videos-w .pages .page-w .row {
		width: 100%;
		height: auto;
		position: relative;
		background-color: #fff;
	}
	.wrapper .videos-w .pages .page-w .row.row-h {
		height: auto;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2:first-child {
		height: 350px;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 .row-2 {
		width: 100%;
		height: 350px;
		position: relative;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 .row-2 .col2 {
		width: 50%;
		height: 350px;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 .row-4 {
		height: 250px;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 .row-4 .col2 {
		width: 50%;
		height: 250px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .row-2 {
		width: 100%;
		height: 250px;
		position: relative;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .row-2 .col2 {
		width: 50%;
		height: 250px;
	}
	.wrapper .videos-w .pages .page-w .row .col2>.col2 {
		width: 50%;
		height: 500px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .tt {
		font-size: 12px;
		line-height: 18px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .stt {
		font-size: 9px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .filter {
		height: 3px;
		margin: 10px 0;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .htt {
		font-size: 9px;
		line-height: 16px;
		margin-top: 4px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .more {
		height: 2px;
		margin-top: 16px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info.lg .tt {
		font-size: 24px;
		line-height: 40px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info.bg-gld {
		background-color: #a68a4e;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info.bg-gld .tt {
		font-size: 16px;
		line-height: 24px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info.bg-gld .filter span {
		background-color: #fff;
	}
	
	.wrapper .tpb-w {
		width: 100%;
	}
	.wrapper .tpb-w .tpb {
		height: auto;
	}
	.wrapper .tpb-w .tpb .tpb-w {
		width: 100%;
		height: auto;
	}
	.wrapper .tpb-w .tpb .tpb-w.reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.wrapper .tpb-w .tpb .info-w {
		width: 100%;
		height: 320px;
	}
	.wrapper .tpb-w .tpb .info-w.left {
		padding-left: 40px;
	}
	.wrapper .tpb-w .tpb .info-w.right {
		padding-left: 40px;
	}
	.wrapper .tpb-w .tpb .info-w .htt {
		font-size: 10px;
	}
	.wrapper .tpb-w .tpb .info-w .tt {
		font-size: 20px;
		line-height: 28px;
	}
	.wrapper .tpb-w .tpb .info-w .stt {
		font-size: 10px;
		line-height: 18px;
		margin: 14px 0;
	}
	.wrapper .tpb-w .tpb .tp-w {
		width: 100%;
		height: 100%;
	}
	.wrapper .tpb-w .tpb .tp-w img {
		width: 100%;
	}
	.wrapper .tpb-w .tpb .tp-w .stick {
		width: 100%;
		height: auto;
		margin-top: 0;
		padding: 50px 40px;
	}
	.wrapper .tpb-w .tpb .tp-w .stick .ww {
		font-size: 16px;
		line-height: 23px;
	}
	.wrapper .tpb-w .tpb .tp-w .stick .ww.en {
		font-size: 20px;
	}
	.wrapper .tpb-w .tpb .tp-w.right .stick {
		margin-left: 0;
	}
	.wrapper .tpb-w .tpb .tp-w.left {
		padding-left: 0;
	}
	.wrapper .explore-w2 .pages .page-w {
		margin: 20px auto;
	}
	.wrapper .explore-w2 .pages .page-w .row {
		height: 350px;
	}
	.wrapper .explore-w2 .pages .page-w .row .col2 {
		height: 350px;
	}
	.wrapper .explore-w2 .pages .page-w .row .col4 {
		height: 350px;
	}
	.wrapper .explore-w2 .pages .page-w .row .cover .slogan {
		left: 20px;
		bottom: 15px;
		font-size: 24px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt {
		padding: 30px 30px 20px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .tp .tt {
		font-size: 20px;
		line-height: 28px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .tp .htt {
		height: 64px;
		overflow: hidden;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .bp {
		cursor: pointer;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .bp .hint {
		font-size: 12px;
		line-height: 21px;
		margin-top: 10px;
		font-weight: bold;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt.lg .tp .tt {
		font-size: 30px;
		line-height: 35px;
	}
	.wrapper .explore-w2 .pages .page-w .row .star .info {
		padding: 30px 25px;
	}
}

@media screen and (max-width: 960px) {
	.wrapper .index-w .index-bb .bbw-n .col60 .movable-b {
		padding-left: 60px;
	}
	.wrapper .index-w .index-bb .bbw-n .col40 .row2 .movable-b .num {
		font-size: 160px;
	}
	.wrapper .index-w .index-bb .bbw-n .col40 .row2 .movable-b .num.ss {
		font-size: 72px;
	}
	.wrapper .network-w .nt-ww .poss .poss-w .col {
		width: 50%;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .ress .col {
		width: 50%;
	}
	.wrapper .tpb-w .slide-navs {
		display: none;
		height: 56px;
	}
	.wrapper .tpb-w .slide-navs span,
	.wrapper .tpb-w .slide-navs a {
		line-height: 56px;
		font-size: 10px;
	}
	.wrapper .tpb-w .slide-navs.s-resp {
		display: flex;
	}
	.wrapper .tpb-w .slide-navs.s-resp span,
	.wrapper .tpb-w .slide-navs.s-resp a {
		width: 50%;
		display: block;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.wrapper .tpb-w .service-slides {
		display: none;
	}
	.wrapper .tpb-w .service-blocks {
		display: block;
		padding: 20px;
	}
	.wrapper .tpb-w .service-blocks .block {
		height: auto;
		width: 100%;
		margin-bottom: 20px;
		background-color: #fff;
		text-align: center;
		padding: 40px 20px;
	}
	.wrapper .tpb-w .service-blocks .block img {
		zoom: 0.4;
	}
	.wrapper .tpb-w .service-blocks .block .seq {
		font-size: 10px;
		margin-top: 30px;
	}
	.wrapper .tpb-w .service-blocks .block .filter {
		margin: 10px 0;
	}
	.wrapper .tpb-w .service-blocks .block .filter span {
		height: 1px;
	}
	.wrapper .tpb-w .service-blocks .block .tt {
		font-size: 16px;
		line-height: 36px;
	}
	.wrapper .tpb-w .service-blocks .block .stt {
		font-size: 10px;
		line-height: 18px;
		color: #a3a3a3;
	}
	.wrapper .tpb-w .service-blocks .hint-b {
		padding: 20px 0 20px;
		text-align: center;
	}
	.wrapper .tpb-w .service-blocks .hint-b .htt {
		font-size: 9px;
		line-height: 30px;
		font-weight: bold;
	}
	.wrapper .tpb-w .service-blocks .hint-b .hstt {
		font-size: 9px;
		line-height: 16px;
		color: #a3a3a3;
	}
	.wrapper .tpb-w .trend-w {
		padding: 30px 20px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col {
		height: 580px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col.col56 {
		width: 100%;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col.col44 {
		width: 100%;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col .info .htt {
		font-size: 10px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col .info .tt {
		font-size: 18px;
		line-height: 24px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col .info .stt {
		font-size: 11px;
		line-height: 12px;
		margin-top: 8px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col .info img {
		height: 2px;
	}
	.wrapper .explore-w2 .pages .page-w .row.row-f .col4 {
		width: 33.33%;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove {
		padding: 0 40px;
	}
	.wrapper .index-w .index-cover .info.txt-left {
		padding-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.display-600 {
		display: block;
	}
	.wrapper .topbar .logo-w {
		width: auto;
		height: 44px;
	}
	.wrapper .topbar .logo-w .logo-ww {
		width: 140px;
		height: 44px;
	}
	.wrapper .topbar .logo-w .logo-ww img {
		height: 40px;
	}
	.wrapper .topbar .logo-w.gld {
		background-color: #fff;
	}
	.wrapper .topbar .logo-w.gld .blk {
		display: inline;
	}
	.wrapper .topbar .logo-w.gld .wht {
		display: none;
	}
	.wrapper .topbar .navs-w {
		width: calc(44px *1);
		height: 44px;
	}
	.wrapper .topbar .navs-w .item {
		width: 44px;
		height: 44px;
	}
	.wrapper .topbar .navs-w .item img {
		width: 9px;
	}
	.wrapper .topbar .navs-w .item:first-child img {
		width: 12px;
	}
	.wrapper .topbar .link-w {
		width: calc(100% - 140px);
		right: -100%;
		height: 100%;
		overflow: hidden;
		transition: all 0.5s;
		border-left: none;
	}
	.wrapper .topbar .link-w .link-ww {
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
		padding-left: 0;
		width: 100%;
		height: 100%;
	}
	.wrapper .topbar .link-w .link-ww .links {
		border-top: 1px rgba(255, 255, 255, 0.1) solid;
		padding-top: 40px;
	}
	.wrapper .topbar .link-w .link-ww .links a {
		display: block;
		font-size: 11px;
		margin-right: 0;
		text-align: right;
		line-height: 44px;
	}
	.wrapper .topbar .link-w .link-ww .links a img {
		zoom: 0.4;
		margin-right: 20px;
	}
	.wrapper .topbar .link-w .link-ww .links a span {
		vertical-align: middle;
		display: inline-block;
		width: 80px;
		text-align: left;
	}
	.wrapper .topbar .link-w .link-ww .close-w {
		width: 44px;
		height: 44px;
		margin-left: calc(100% - 44px);
	}
	.wrapper .topbar .link-w .link-ww .close-w img {
		height: 10px;
	}
	.wrapper .topbar .link-w.active {
		display: block;
		width: calc(100% - 140px);
		right: 0;
	}
	.wrapper .topbar .sub-menu-w {
		display: none !important;
	}
	.wrapper .topbar .menu-w {
		width: calc(100% - 140px);
		right: -100%;
		height: 100%;
		overflow: hidden;
		transition: all 0.5s;
		border-left: none;
		opacity: 1;
	}
	.wrapper .topbar .menu-w .menu-ww {
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
		padding-left: 0;
		width: 100%;
		height: 100%;
	}
	.wrapper .topbar .menu-w .menu-ww .menus {
		padding-top: 32px;
		border-top: 1px rgba(0, 0, 0, 0.1) solid;
		height: calc(100% - 44px);
		overflow-y: scroll;
		background: #fff;
	}
	.wrapper .topbar .menu-w .menu-ww .menus .item {
		display: block;
		text-align: right;
		padding-right: 32px;
		line-height: 44px;
		font-size: 15px;
		letter-spacing: 3px;
		color: #333;
	}
	.wrapper .topbar .menu-w .menu-ww .menus .item.active {
		color: #a68a4e;
	}
	.wrapper .topbar .menu-w .menu-ww .menus .sub-w.active {
		display: block !important;
		background-color: #F8F8F8;
		padding: 16px 0;
	}
	.wrapper .topbar .menu-w .menu-ww .menus .sub-w.active a {
		display: block;
		text-align: right;
		line-height: 32px;
		font-size: 11px;
		color: #a3a3a3;
		width: calc(100% - 64px);
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.wrapper .topbar .menu-w .menu-ww .menus .sub-w.active a:hover {
		border-bottom: 1px #a68a4e solid;
	}
	.wrapper .topbar .menu-w .menu-ww .close-w {
		width: 44px;
		height: 44px;
		margin-left: calc(100% - 44px);
	}
	.wrapper .topbar .menu-w .menu-ww .close-w img {
		height: 30px;
	}
	.wrapper .topbar .menu-w.active {
		display: block;
		width: calc(100% - 190px);
		right: 0;
	}

	.wrapper .bb .btb {
		padding: 25px 0 8px;
	}
	.wrapper .bb .btb .btt {
		font-size: 10px;
	}
	.wrapper .bb .btb .bfilter {
		height: 3px;
		margin: 14px 0;
	}
	.wrapper .bb .btb .bfilter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .bb .btb .bstt {
		font-size: 16px;
		line-height: 20px;
	}
	.wrapper .bb .more-h {
		padding: 35px 0;
	}
	.wrapper .bb .more-h .more {
		height: 32px;
		font-size: 10px;
		line-height: 32px;
	}
	.wrapper .filter {
		height: 3px;
		margin: 16px 0;
	}
	.wrapper .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .btn-more {
		height: 32px;
		padding: 0 16px;
		font-size: 9px;
		line-height: 32px;
	}
	.wrapper .main-bg .info .htt {
		font-size: 10px;
	}
	.wrapper .main-bg .info .tt {
		font-size: 22px;
		line-height: 1.2;
	}
	.wrapper .main-bg .info .stt {
		font-size: 14px;
		line-height: 23px;
		text-align: center;
		opacity: 0.5;
		margin: 20px 0;
	}
	.wrapper .stories {
		max-width: 100%;
		padding: 0 20px;
		background-color: transparent;
	}
	.wrapper .stories .col-s {
		height: 0;
		padding-top: 60%;
	}
	.wrapper .stories .col-s .info-s {
		padding: 28px 20px 20px;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.wrapper .stories .col-s .info-s .tp .tt {
		font-size: 16px;
		line-height: 24px;
	}
	.wrapper .stories .col-s .info-s .tp .stt {
		font-size: 9px;
	}
	.wrapper .stories .col-s .info-s .tp .filter {
		height: 2px;
		margin: 12px 0;
	}
	.wrapper .stories .col-s .info-s .tp .filter span {
		width: 12px;
		height: 2px;
	}
	.wrapper .stories .col-s .info-s .tp .htt {
		font-size: 9px;
		line-height: 16px;
		margin-top: 6px;
	}
	.wrapper .stories .col-s .info-s .more img {
		height: 2px;
	}
	.wrapper .stories .stories-w {
		height: auto;
		padding-top: 0;
		background-color: #FFF;
	}
	.wrapper .stories .stories-w .ss-ww {
		height: auto;
		position: relative;
	}
	.wrapper .stories .stories-w .ss-ww .col {
		width: 100%;
		height: auto;
		position: relative;
	}
	.wrapper .stories .stories-w .ss-ww .col:first-child {
		padding-top: 60%;
		height: 0;
	}
	.wrapper .stories .stories-w .ss-ww .col .info {
		padding: 28px 20px 20px;
		justify-content: space-between;
	}
	.wrapper .stories .stories-w .ss-ww .col .info .tt {
		font-size: 22px;
		line-height: 30px;
	}
	.wrapper .stories .stories-w .ss-ww .col .info .stt {
		font-size: 9px;
	}
	.wrapper .stories .stories-w .ss-ww .col .info .filter {
		height: 2px;
		margin: 8px 0;
	}
	.wrapper .stories .stories-w .ss-ww .col .info .filter span {
		width: 12px;
		height: 2px;
	}
	.wrapper .stories .stories-w .ss-ww .col .info .htt {
		font-size: 9px;
		line-height: 16px;
		margin-top: 0;
	}
	.wrapper .stories .stories-w .ss-ww .col .info .more {
		margin-top: 0;
	}
	.wrapper .stories .stories-w .ss-ww .col .info .more img {
		height: 2px;
	}
	.wrapper .stories .row {
		width: 100%;
	}
	.wrapper .stories .row .col-s {
		width: 50%;
		padding-top: 64.28%;
		position: relative;
	}
	.wrapper .stories .row .col-s .info-s {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.wrapper .index-cover {
		position: relative;
		/*height: 700px;*/
		width: 100%;
	}
	.wrapper .index-cover video {
		width: 100%;

	}
	.wrapper .index-cover .info .htt {
		font-size: 12px;
		line-height: 1.2;
		font-weight: bold;
	}
	.wrapper .index-cover .info .tt {
		font-size: 28px;
		margin-bottom: 12px;
	}
	.wrapper .index-cover .info .sstt {
		opacity: 0.5;
		font-weight: normal;
		font-size: 14px;
		line-height: 23px;
		text-align: center;
		margin-bottom: 32px;
	}
	.wrapper .index-cover .info .op {
		font-size: 9px;
		line-height: 12px;
	}
	.wrapper .index-cover .info .op img {
		width: 15px;
	}
	.wrapper .index-cover .info .next-page {
		bottom: 15%;
	}
	.wrapper .index-cover .info .next-page img {
		height: 50px;
	}
	.wrapper .index-cover .info.left {
		width: 100%;
		left: 0;
	}
	.wrapper .index-cover .info.right {
		width: 100%;
		left: 0;
		justify-content: flex-start;
		padding-top: 100px;
	}
	.wrapper .index-cover .info.txt-left {
		padding-left: 40px;
		padding-top: 40px;
	}
	.wrapper .index-cover .info.txt-left .tt {
		font-size: 18px;
	}
	.wrapper .index-cover .info.txt-left .sstt {
		font-size: 10px;
		line-height: 18px;
	}
	.wrapper .index-w {
		width: 100%;
		height: auto;
		position: relative;
	}
	.wrapper .index-w.index-r .index-cover {
		height: auto !important;
	}
	.wrapper .index-w.index-r .index-cover img {
		width: 100%;
	}
	.wrapper .index-w.index-r .index-cover .info .htt {
		font-size: 10px;
	}
	.wrapper .index-w.index-r .index-cover .info .tt {
		font-size: 22px;
		line-height: 1.2;
	}
	.wrapper .index-w.index-r .index-cover .info .btn-more {
		display: none;
	}
	.wrapper .index-w.index-r .index-cover .info .stt {
		display: none;
	}
	.wrapper .index-w.index-r .index-bb2 {
		height: auto;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w {
		height: auto;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w.reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2.reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .row2 {
		height: 240px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove {
		position: relative;
		height: auto;
		padding: 40px 40px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .htt {
		font-size: 10px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .tt {
		font-size: 22px;
		line-height: 1.2;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .stt {
		font-size: 11px;
		line-height: 18px;
		color: #a3a3a3;
		margin: 10px 0 20px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .video-v {
		margin-top: 60px;
		max-width: 100%;
		position: relative;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .video-v .op img {
		width: 16px;
		margin-bottom: 8px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .ttmove .video-v .op p {
		font-size: 9px;
		line-height: 16px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .mkr {
		zoom: 0.5;
		z-index: 2;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .num {
		font-size: 140px;
		line-height: 80px;
		letter-spacing: -4px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .num img {
		height: 12px;
		margin-left: -20px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .num.ss {
		font-size: 135px;
		letter-spacing: 0;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .filter {
		margin: 20px 0 15px;
		height: 3px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .filter span {
		height: 3px;
		width: 18px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .num-up .htt {
		font-size: 10px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img {
		position: relative;
		height: 240px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img.sqr {
		height: 0;
		padding-top: 100%;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .s-img-num {
		position: relative;
		height: 400px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww {
		padding-left: 40px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .l1 {
		font-size: 15px;
		line-height: 22px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .l2 {
		font-size: 19px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .l3 {
		font-size: 11px;
		line-height: 22px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .l3 span {
		margin-right: 16px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abww .filter {
		margin: 10px 0;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo .htt {
		font-size: 10px;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo .tt {
		font-size: 18px;
		line-height: 1.2;
	}
	.wrapper .index-w.index-r .index-bb2 .bb2w .col2 .abinfo .stt {
		font-size: 10px;
		line-height: 18px;
		margin: 14px 0 0;
	}
	.wrapper .index-w .bb .btb {
		padding: 40px 0;
	}
	.wrapper .index-w .bb .btb .btt {
		font-size: 20px;
	}
	.wrapper .index-w .bb .btb .bfilter {
		height: 4px;
		margin: 18px 0;
	}
	.wrapper .index-w .bb .btb .bfilter span {
		display: inline-block;
		width: 15px;
		height: 4px;
		vertical-align: top;
		background-color: #a68a4e;
	}
	.wrapper .index-w .bb .btb .bstt {
		font-size: 12px;
		line-height: 21px;
		color: #a3a3a3;
	}
	.wrapper .index-w .bb .more-h {
		padding: 40px 0;
	}
	.wrapper .index-w .bb .more-h .more {
		height: 32px;
		font-size: 9px;
		line-height: 32px;
	}
	.wrapper .index-w .index-01 {
		height: auto;
	}
	.wrapper .index-w .index-01 .df-w {
		max-width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.wrapper .index-w .index-01 .df-w .col {
		width: 100%;
		height: 251px;
		border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	}
	.wrapper .index-w .index-01 .df-w .col .front {
		height: 250px;
		padding: 26px;
		border-right: none;
	}
	.wrapper .index-w .index-01 .df-w .col .front .dtt {
		font-size: 16px;
	}
	.wrapper .index-w .index-01 .df-w .col .front .filter {
		height: 3px;
		margin: 14px 0;
	}
	.wrapper .index-w .index-01 .df-w .col .front .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .index-w .index-01 .df-w .col .front .dstt {
		font-size: 10px;
		line-height: 18px;
	}
	.wrapper .index-w .index-01 .df-w .col .front .f-img {
		right: 74px;
		bottom: 68px;
		zoom: 0.4;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info {
		padding: 26px;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info .back-t .dtt {
		font-size: 20px;
		line-height: 16px;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info .back-t .filter {
		height: 3px;
		margin: 14px 0;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info .back-t .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info .back-t .dstt {
		font-size: 14px;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info .back-b .dstt {
		font-size: 10px;
		line-height: 14px;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info .back-b .filter {
		height: 2px;
		margin: 10px 0;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info .back-b .filter span {
		width: 12px;
		height: 2px;
	}
	.wrapper .index-w .index-01 .df-w .col .back .back-info .back-b .dsstt {
		font-size: 9px;
		line-height: 17px;
	}
	.wrapper .index-w .index-year .ypost-slides {
		padding: 0 20px;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide {
		position: relative;
		width: 100%;
		height: 440px;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info {
		background-color: transparent;
		opacity: 1;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .tt {
		font-size: 24px;
		line-height: 24px;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .tt span {
		font-size: 30px;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .filter {
		display: none;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .stt {
		display: none;
		font-size: 11px;
		line-height: 18px;
		margin-bottom: 24px;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info .btn-more {
		display: none;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info:hover {
		background-color: #a68a4e;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info:hover .filter {
		display: inline-block;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info:hover .stt {
		display: block;
	}
	.wrapper .index-w .index-year .ypost-slides .swiper-slide .info:hover .btn-more {
		display: inline-block;
	}
	.wrapper .index-w .index-05 .pnavs .col {
		width: 50%;
		margin: 0;
	}
	.wrapper .index-w .index-05 .pnavs .col .nav-w {
		padding: 10px 0;
		width: 100%;
	}
	.wrapper .index-w .index-05 .pnavs .col .nav-w .ntt {
		font-size: 14px;
		line-height: 22px;
	}
	.wrapper .index-w .index-05 .pnavs .col .nav-w .nstt {
		font-size: 10px;
		line-height: 18px;
	}
	.wrapper .index-w .index-05 .pages .page-w {
		max-width: 100%;
	}
	.wrapper .index-w .index-05 .pages .page-w .items .col {
		justify-content: center;
		align-items: center;
		padding-bottom: 22px;
		width: 50%;
		height: 88px;
	}
	.wrapper .index-w .index-05 .pages .page-w .items .col img {
		zoom: 0.3;
	}
	.wrapper .index-w .index-05 .pages .page-w .items .col p {
		bottom: 8px;
		font-size: 9px;
	}
	.wrapper .index-w .index-vv .page-w {
		margin: 0 auto;
		padding: 0;
	}
	.wrapper .index-w .index-vv .page-w .row {
		width: 100%;
		height: auto;
		position: relative;
		background-color: #fff;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h {
		height: auto;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2:first-child {
		height: 250px;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 .row-2 {
		width: 100%;
		height: 250px;
		position: relative;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 .row-2 .col2 {
		width: 50%;
		height: 250px;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 .row-4 {
		height: 125px;
		background-color: #f2f2f2;
	}
	.wrapper .index-w .index-vv .page-w .row.row-h .col2 .row-4 .col2 {
		width: 50%;
		height: 125px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .row-2 {
		width: 100%;
		height: 125px;
		position: relative;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .row-2 .col2 {
		width: 50%;
		height: 125px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2>.col2 {
		width: 50%;
		height: 250px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .tt {
		font-size: 12px;
		line-height: 18px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .stt {
		font-size: 9px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .filter {
		height: 3px;
		margin: 10px 0;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .htt {
		font-size: 9px;
		line-height: 16px;
		margin-top: 4px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info .more {
		height: 2px;
		margin-top: 16px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info.lg .tt {
		font-size: 24px;
		line-height: 40px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info.bg-gld {
		background-color: #a68a4e;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info.bg-gld .tt {
		font-size: 16px;
		line-height: 24px;
	}
	.wrapper .index-w .index-vv .page-w .row .col2 .info.bg-gld .filter span {
		background-color: #fff;
	}
	.wrapper .index-w .p-navs {
		height: 56px;
	}
	.wrapper .index-w .p-navs span,
	.wrapper .index-w .p-navs a {
		padding: 0;
		margin: 0;
		line-height: 56px;
		font-size: 10px;
		width: 50%;
		text-align: center;
	}
	.wrapper .index-w .service-slides {
		padding: 60px 20px 0;
	}
	.wrapper .index-w .service-slides .swiper-pagination-fraction {
		top: 20px;
		font-size: 9px;
	}
	.wrapper .index-w .service-slides .swiper-slide {
		width: 80%;
	}
	.wrapper .index-w .service-slides .swiper-slide img {
		width: 100%;
	}
	.wrapper .index-w .service-slides .hint-b {
		padding: 20px 0 20px;
		text-align: center;
	}
	.wrapper .index-w .service-slides .hint-b .htt {
		font-size: 9px;
		line-height: 30px;
		font-weight: bold;
	}
	.wrapper .index-w .service-slides .hint-b .hstt {
		font-size: 9px;
		line-height: 16px;
		color: #a3a3a3;
	}
	.wrapper .index-w .index-cover .info.txt-left {
		padding-left: 40px;
	}
	.wrapper .pnavs-s {
		padding: 0 20px;
	}
	.wrapper .pnavs-s .col {
		width: 25%;
		margin: 0;
	}
	.wrapper .pnavs-s .col .nav-w {
		padding: 24px 0;
		width: 100%;
	}
	.wrapper .pnavs-s .col .nav-w .ntt {
		font-size: 10px;
	}
	.wrapper .pnavs-s.slim {
		justify-content: flex-start;
		padding: 0 32px;
	}
	.wrapper .pnavs-s.slim .nav {
		position: absolute;
		top: 0;
		height: 60px;
		width: 32px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.wrapper .pnavs-s.slim .nav img {
		width: 8px;
	}
	.wrapper .pnavs-s.slim .nav.nav-l {
		left: 0;
	}
	.wrapper .pnavs-s.slim .nav.nav-r {
		right: 0;
	}
	.wrapper .pnavs-s.slim .pnavs-sw {
		overflow-x: scroll;
	}
	.wrapper .pnavs-s.slim .pnavs-sw::-webkit-scrollbar {
		display: none;
	}
	.wrapper .pnavs-s.slim .pnavs-sw .pnavs-w {
		width: 540px;
		justify-content: flex-start;
	}
	.wrapper .pnavs-s.slim .pnavs-sw .col {
		width: auto;
		float: left;
		margin: 0 10px;
	}
	.wrapper .pnavs-s.slim .pnavs-sw .col .nav-w {
		padding: 24px 10px;
	}
	.wrapper .pnavs-s.slim .pnavs-sw .col .nav-w .ntt {
		white-space: nowrap;
	}
	.wrapper .pnavs-s.lg .col {
		width: 150px;
	}
	.wrapper .videos-w .main-bg {
		height: auto !important;
	}
	.wrapper .videos-w .main-bg .info .btn-more {
		display: none;
	}
	.wrapper .videos-w .pages .page-w {
		max-width: 100%;
		margin: 20px auto;
	}
	.wrapper .videos-w .pages .page-w .row {
		width: 100%;
		height: auto;
		position: relative;
		background-color: #fff;
	}
	.wrapper .videos-w .pages .page-w .row.row-h {
		height: auto;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2:first-child {
		height: 250px;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 .row-2 {
		width: 100%;
		height: 250px;
		position: relative;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 .row-2 .col2 {
		width: 50%;
		height: 250px;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 .row-4 {
		height: 125px;
	}
	.wrapper .videos-w .pages .page-w .row.row-h .col2 .row-4 .col2 {
		width: 50%;
		height: 125px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .row-2 {
		width: 100%;
		height: 125px;
		position: relative;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .row-2 .col2 {
		width: 50%;
		height: 125px;
	}
	.wrapper .videos-w .pages .page-w .row .col2>.col2 {
		width: 50%;
		height: 250px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .tt {
		font-size: 12px;
		line-height: 18px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .stt {
		font-size: 9px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .filter {
		height: 3px;
		margin: 10px 0;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .htt {
		font-size: 9px;
		line-height: 16px;
		margin-top: 4px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info .more {
		height: 2px;
		margin-top: 16px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info.lg .tt {
		font-size: 24px;
		line-height: 40px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info.bg-gld {
		background-color: #a68a4e;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info.bg-gld .tt {
		font-size: 16px;
		line-height: 24px;
	}
	.wrapper .videos-w .pages .page-w .row .col2 .info.bg-gld .filter span {
		background-color: #fff;
	}
	.wrapper .video-w .vvw .tt {
		font-size: 16px;
		line-height: 20px;
	}
	.wrapper .video-w .vvw .stt {
		font-size: 10px;
		line-height: 16px;
	}
	.wrapper .video-w .vvw .filter {
		height: 3px;
	}
	.wrapper .video-w .vvw .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .video-w .vvw .more-h {
		padding: 10px 0 40px;
	}
	.wrapper .video-w .vvw .more-h .more {
		height: 32px;
		padding: 0 26px;
		font-size: 10px;
		line-height: 32px;
	}
	.wrapper .recom-w {
		padding: 30px 0;
	}
	.wrapper .recom-w .stt {
		font-size: 10px;
		line-height: 18px;
	}
	.wrapper .recom-w .filter {
		margin: 10px 0;
	}
	.wrapper .recom-w .filter span {
		width: 12px;
	}
	.wrapper .recom-w .re-w {
		max-width: 75%;
		margin: 40px auto 0;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	.wrapper .recom-w .re-w .col {
		width: 100%;
		padding: 0 20px 20px;
		margin-bottom: 20px;
		border-right: none;
		border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
	}
	.wrapper .recom-w .re-w .col:last-child {
		border-right: none;
		border-bottom: none;
	}
	.wrapper .recom-w .re-w .col .rtt {
		font-size: 12px;
		line-height: 18px;
	}
	.wrapper .recom-w .re-w .col .rstt {
		font-size: 9px;
		line-height: 16px;
		margin-top: 4px;
	}
	.wrapper .network-w .main-bg {
		height: auto !important;
	}
	.wrapper .network-w .main-bg .info .btn-more {
		display: none;
	}
	.wrapper .network-w .pnavs-s {
		width: 100%;
		padding: 0;
	}
	.wrapper .network-w .pnavs-s .col {
		width: 50%;
	}
	.wrapper .network-w .nt-ww {
		padding-top: 40px;
	}
	.wrapper .network-w .nt-ww .tt {
		font-size: 18px;
		line-height: 28px;
	}
	.wrapper .network-w .nt-ww .filter {
		height: 3px;
	}
	.wrapper .network-w .nt-ww .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .network-w .nt-ww .poss {
		padding: 20px 0 60px;
	}
	.wrapper .network-w .nt-ww .poss .poss-w .col {
		float: left;
		width: 100%;
		min-height: 0;
		padding: 0 14%;
		margin-bottom: 30px;
	}
	.wrapper .network-w .nt-ww .poss .poss-w .col .pname {
		font-size: 12px;
		line-height: 18px;
	}
	.wrapper .network-w .nt-ww .poss .poss-w .col .ll {
		margin-top: 12px;
	}
	.wrapper .network-w .nt-ww .poss .poss-w .col .ll img {
		zoom: 0.4;
		margin-right: 20px;
		margin-top: 8px;
	}
	.wrapper .network-w .nt-ww .poss .poss-w .col .ll span {
		font-size: 11px;
		line-height: 18px;
	}
	.wrapper .network-w .nt-ww .search-w .search-ww {
		padding: 0 40px;
	}
	.wrapper .network-w .nt-ww .search-w .search-ww input {
		height: 36px;
		padding: 0 20px;
		font-size: 10px;
	}
	.wrapper .network-w .nt-ww .search-w .search-ww .btn-search {
		width: 10px;
		top: 14px;
		right: 58px;
	}
	.wrapper .network-w .nt-ww .search-w .res-w {
		padding: 50px 0 60px;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .stt {
		font-size: 9px;
		line-height: 16px;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .ress {
		width: calc(100% - 40px);
		margin: 30px auto 0;
		padding: 26px 40px 0;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .ress .col {
		float: left;
		width: 100%;
		min-height: 0;
		padding: 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
		height: auto;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .ress .col:last-child {
		border-bottom: none;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .ress .col .pname {
		font-size: 12px;
		line-height: 18px;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .ress .col .ll {
		margin-top: 12px;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .ress .col .ll img {
		zoom: 0.4;
		margin-right: 20px;
		margin-top: 8px;
	}
	.wrapper .network-w .nt-ww .search-w .res-w .ress .col .ll span {
		font-size: 11px;
		line-height: 18px;
	}
	.wrapper .new-w {
		width: 100%;
		height: auto !important;
	}
	.wrapper .new-w img {
		width: 100%;
	}
	.wrapper .new-w .col-l {
		height: auto;
		width: 100%;
	}
	.wrapper .new-w .col-r {
		width: 100%;
		height: auto;
	}
	.wrapper .new-w .col-r .row2 {
		height: auto;
	}
	.wrapper .new-w .info .tt {
		font-size: 24px;
	}
	.wrapper .new-w .info .tt span {
		font-size: 30px;
	}
	.wrapper .new-w .info .hover .tt {
		font-size: 24px;
	}
	.wrapper .new-w .info .hover .tt span {
		font-size: 30px;
	}
	.wrapper .new-w .info .hover .stt {
		font-size: 11px;
		line-height: 18px;
		margin-bottom: 24px;
	}
	.wrapper .new-w .col-f .info .hover {
		width: 100%;
		height: 100%;
	}
	.wrapper .new-bar {
		height: 50px;
		line-height: 50px;
		font-size: 10px;
	}
	
	.wrapper .explore-w .row {
		height: auto;
	}
	.wrapper .explore-w .row img {
		width: 100%;
	}
	.wrapper .explore-w .row.row-h {
		height: auto;
	}
	.wrapper .explore-w .row .col2 {
		width: 100%;
		height: auto;
	}
	.wrapper .explore-w .row .col2 .row2 {
		height: auto;
	}
	.wrapper .explore-w .row .info .info-w .htt {
		font-size: 10px;
	}
	.wrapper .explore-w .row .info .info-w .tt {
		font-size: 24px;
		line-height: 32px;
	}
	.wrapper .explore-w .row .info .info-w .stt {
		font-size: 10px;
		line-height: 18px;
	}
	.wrapper .explore-w .row .info.lg .info-w {
		width: 100%;
		padding-top: 100px;
		justify-content: flex-start;
	}
	.wrapper .explore-w .row .info.lg .info-w .tt {
		font-size: 24px;
	}
	.wrapper .tpb-w {
		width: 100%;
	}
	.wrapper .tpb-w .main-bg {
		height: auto !important;
	}
	.wrapper .tpb-w .main-bg .info .btn-more {
		display: none;
	}
	.wrapper .tpb-w .tpb {
		height: auto;
	}
	.wrapper .tpb-w .tpb .tpb-w {
		width: 100%;
		height: auto;
	}
	.wrapper .tpb-w .tpb .tpb-w.reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.wrapper .tpb-w .tpb .info-w {
		width: 100%;
		height: 320px;
	}
	.wrapper .tpb-w .tpb .info-w.left {
		padding-left: 40px;
	}
	.wrapper .tpb-w .tpb .info-w.right {
		padding-left: 40px;
	}
	.wrapper .tpb-w .tpb .info-w .htt {
		font-size: 10px;
	}
	.wrapper .tpb-w .tpb .info-w .tt {
		font-size: 20px;
		line-height: 28px;
	}
	.wrapper .tpb-w .tpb .info-w .stt {
		font-size: 10px;
		line-height: 18px;
		margin: 14px 0;
	}
	.wrapper .tpb-w .tpb .tp-w {
		width: 100%;
		height: 100%;
	}
	.wrapper .tpb-w .tpb .tp-w img {
		width: 100%;
	}
	.wrapper .tpb-w .tpb .tp-w .stick {
		width: 100%;
		height: auto;
		margin-top: 0;
		padding: 50px 40px;
	}
	.wrapper .tpb-w .tpb .tp-w .stick .ww {
		font-size: 16px;
		line-height: 23px;
	}
	.wrapper .tpb-w .tpb .tp-w .stick .ww.en {
		font-size: 20px;
	}
	.wrapper .tpb-w .tpb .tp-w.right .stick {
		margin-left: 0;
	}
	.wrapper .tpb-w .tpb .tp-w.left {
		padding-left: 0;
	}
	.wrapper .tpb-w .tpb-navs {
		padding: 40px 0;
	}
	.wrapper .tpb-w .tpb-navs .navs-w {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}
	.wrapper .tpb-w .tpb-navs .navs-w .col img {
		zoom: 0.3;
	}
	.wrapper .tpb-w .tpb-navs .navs-w .col .tt {
		margin-top: 16px;
		font-size: 12px;
		line-height: 21px;
	}
	.wrapper .tpb-w .tpb-navs .navs-w .col .stt {
		font-size: 8px;
		line-height: 20px;
	}
	.wrapper .tpb-w .trend-w {
		padding: 30px 20px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col {
		height: 320px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col.col56 {
		width: 100%;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col.col44 {
		width: 100%;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col .info .htt {
		font-size: 10px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col .info .tt {
		font-size: 18px;
		line-height: 24px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col .info .stt {
		font-size: 11px;
		line-height: 12px;
		margin-top: 8px;
	}
	.wrapper .tpb-w .trend-w .trend-ww .col .info img {
		height: 2px;
	}
	.wrapper .faq-w .main-bg {
		height: auto !important;
	}
	.wrapper .faq-w .main-bg .info .btn-more {
		display: none;
	}
	.wrapper .faq-w .tt {
		padding-top: 40px;
		font-size: 20px;
	}
	.wrapper .faq-w .faqs .faq .qq {
		padding: 10px 26px 10px 10px;
		font-size: 10px;
		line-height: 18px;
	}
	.wrapper .faq-w .faqs .faq .qq img {
		right: 10px;
		top: 18px;
		width: 7px;
	}
	.wrapper .faq-w .faqs .faq .aa-w {
		padding: 12px 20px 35px;
	}
	.wrapper .faq-w .faqs .faq .aa-w .q {
		font-size: 11px;
	}
	.wrapper .faq-w .faqs .faq .aa-w .q .tk {
		width: 13px;
		margin-right: 9px;
		vertical-align: middle;
	}
	.wrapper .faq-w .faqs .faq .aa-w .q .pls {
		top: 12px;
		width: 7px;
	}
	.wrapper .faq-w .faqs .faq .aa-w .a {
		margin-top: 10px;
		font-size: 10px;
		line-height: 18px;
	}
	.wrapper .explore-w2 .main-bg {
		height: 280px;
		position: relative;
	}
	.wrapper .explore-w2 .main-bg .info .tt {
		font-size: 24px;
		line-height: 26px;
		padding-top: 20px;
	}
	.wrapper .explore-w2 .main-bg .info .filter {
		height: 3px;
		margin: 16px 0;
	}
	.wrapper .explore-w2 .main-bg .info .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .explore-w2 .main-bg .info .stt {
		font-size: 11px;
		line-height: 18px;
		margin: 0;
		color: #fff;
		opacity: 1;
	}
	.wrapper .explore-w2 .pages .page-w {
		max-width: 100%;
		margin: 20px auto;
	}
	.wrapper .explore-w2 .pages .page-w .row {
		height: auto;
		margin-bottom: 18px;
	}
	.wrapper .explore-w2 .pages .page-w .row.row-f {
		height: auto;
	}
	.wrapper .explore-w2 .pages .page-w .row.row-f .col4 {
		width: 50%;
	}
	.wrapper .explore-w2 .pages .page-w .row .col2 {
		width: 100%;
		height: 250px;
	}
	.wrapper .explore-w2 .pages .page-w .row .col4 {
		width: 50%;
		height: 250px;
	}
	.wrapper .explore-w2 .pages .page-w .row .col4.mb {
		margin-bottom: 18px;
	}
	.wrapper .explore-w2 .pages .page-w .row .cover .tag {
		width: 44px;
		height: 44px;
		font-size: 11px;
		line-height: 44px;
	}
	.wrapper .explore-w2 .pages .page-w .row .cover .tag.tag-1 {
		width: 86px;
	}
	.wrapper .explore-w2 .pages .page-w .row .cover .tag.tag-2 {
		width: 64px;
	}
	.wrapper .explore-w2 .pages .page-w .row .cover .slogan {
		font-size: 18px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt {
		padding: 20px 20px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .tp .tt {
		font-size: 16px;
		line-height: 22px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .tp .stt {
		font-size: 10px;
		line-height: 18px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .tp .hstt {
		font-size: 9px;
		line-height: 16px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .tp .filter {
		height: 3px;
		margin: 10px 0;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .tp .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .tp .htt {
		font-size: 9px;
		line-height: 16px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .more {
		height: 2px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .play {
		width: 18px;
		margin-left: 15px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .bp {
		cursor: pointer;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt .bp .hint {
		font-size: 12px;
		line-height: 21px;
		margin-top: 10px;
		font-weight: bold;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt.lg .tp .tt {
		font-size: 16px;
		line-height: 22px;
	}
	.wrapper .explore-w2 .pages .page-w .row .txt.lg .tp .htt {
		font-size: 11px;
		line-height: 18px;
		max-height: 90px;
		overflow: hidden;
	}
	.wrapper .explore-w2 .pages .page-w .row .star .info {
		padding: 20px 20px;
	}
	.wrapper .explore-w2 .pages .page-w .row .star .info .tp .tt {
		font-size: 16px;
		line-height: 24px;
	}
	.wrapper .explore-w2 .pages .page-w .row .star .info .tp .hstt {
		font-size: 9px;
		line-height: 16px;
	}
	.wrapper .explore-w2 .pages .page-w .row .star .info .tp .filter {
		height: 3px;
		margin: 10px 0;
	}
	.wrapper .explore-w2 .pages .page-w .row .star .info .tp .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .explore-w2 .pages .page-w .row .star .info .tp .htt {
		font-size: 9px;
		line-height: 16px;
		margin-top: 10px;
		height: 60px;
		overflow: hidden;
	}
	.wrapper .explore-w2 .pages .page-w .row .star .info .more {
		height: 2px;
	}
	.wrapper .tech-w .main-bg {
		height: 280px;
		position: relative;
	}
	.wrapper .tech-w .main-bg .info .tt {
		font-size: 24px;
		line-height: 26px;
		padding-top: 20px;
	}
	.wrapper .tech-w .main-bg .info .filter {
		height: 3px;
		margin: 16px 0;
	}
	.wrapper .tech-w .main-bg .info .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .tech-w .main-bg .info .stt {
		font-size: 11px;
		line-height: 18px;
		margin: 0;
		color: #fff;
		opacity: 1;
	}
	.wrapper .tech-w .filter {
		height: 3px;
		margin: 15px 0;
	}
	.wrapper .tech-w .filter span {
		width: 12px;
		height: 3px;
	}
	.wrapper .tech-w .tech-c .intro {
		padding: 40px 10px;
	}
	.wrapper .tech-w .tech-c .intro .tt {
		font-size: 20px;
		line-height: 1;
	}
	.wrapper .tech-w .tech-c .intro .stt {
		font-size: 10px;
		line-height: 19px;
	}
	.wrapper .tech-w .tech-c .nf-img-w {
		padding: 0 0;
	}
	.wrapper .tech-w .tech-c .nf-img-w .img-w {
		height: 250px;
	}
	.wrapper .tech-w .tech-c .nf-img-w .img-w .info .tt {
		font-size: 24px;
		line-height: 1;
	}
	.wrapper .tech-w .tech-c .nf-img-w .img-w .info .stt {
		font-size: 15px;
	}
	.wrapper .tech-w .tech-c .f-img-w .img-w .info .tt {
		font-size: 16px;
	}
	.wrapper .tech-w .tech-c .f-img-w .img-w .info .stt {
		font-size: 10px;
		line-height: 16px;
		font-weight: bold;
		text-align: center;
	}
	.wrapper .tech-w .tech-c .feature-w {
		padding: 30px 20px;
	}
	.wrapper .tech-w .tech-c .feature-w .ffw .col {
		height: 300px;
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-top: 32px;
	}
	.wrapper .tech-w .tech-c .feature-w .ffw .col img {
		width: 80px;
		margin-bottom: 20px;
	}
	.wrapper .tech-w .tech-c .feature-w .ffw .col .tt {
		font-size: 14px;
	}
	.wrapper .tech-w .tech-c .feature-w .ffw .col .stt {
		font-size: 9px;
		line-height: 18px;
	}
	.wrapper .tech-w .tech-c .feature-w .ffw.col-3 .col {
		width: 50%;
	}
	.wrapper .tech-w .tech-c .feature-w .ffw.col-3 .col:nth-child(1),
	.wrapper .tech-w .tech-c .feature-w .ffw.col-3 .col:nth-child(2) {
		border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	}
	.wrapper .tech-w .tech-c .t-video-w {
		padding: 40px 0;
	}
	.wrapper .tech-w .tech-c .t-video-w .tt {
		font-size: 20px;
		line-height: 1;
	}
	.wrapper .tech-w .tech-c .t-video-w .video-c {
		padding: 32px 20px;
	}
	.wrapper .tech-w .tech-c .t-video-w .video-c .vv .op img {
		width: 16px;
		margin-bottom: 12px;
	}
	.wrapper .tech-w .tech-c .t-video-w .video-c .vv .op span {
		font-size: 9px;
	}
	.wrapper .tech-w .tech-c .faq-w .tt {
		padding-top: 40px;
		font-size: 20px;
	}
	.wrapper .tech-w .tech-c .faq-w .faqs .faq .qq {
		padding: 10px 26px 10px 30px;
		font-size: 11px;
		line-height: 18px;
	}
	.wrapper .tech-w .tech-c .faq-w .faqs .faq .qq img {
		right: 10px;
		top: 18px;
		width: 7px;
	}
	.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w {
		padding: 12px 10px 20px;
	}
	.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w .q {
		font-size: 11px;
		line-height: 18px;
	}
	.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w .q .tk {
		width: 13px;
		margin-right: 9px;
		vertical-align: middle;
		margin-top: 3px;
	}
	.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w .q .pls {
		top: 5px;
		width: 7px;
	}
	.wrapper .tech-w .tech-c .faq-w .faqs .faq .aa-w .a {
		margin-top: 10px;
		font-size: 10px;
		line-height: 18px;
		padding-left: 22px;
	}
	.wrapper .tech-w .tech-c .compare-w {
		padding: 40px 0;
	}
	.wrapper .tech-w .tech-c .compare-w .tt {
		font-size: 20px;
		line-height: 1;
	}
	.wrapper .tech-w .tech-c .compare-w .img-w {
		padding: 32px 20px;
	}
}

@media screen and (max-width: 520px) {
	.wrapper .tpb-w .trend-w .trend-ww .col {
		height: 220px;
	}
}


/*# sourceMappingURL=giuseppe.css.map */