@charset "utf-8";

.header-1 {
	background: #f1f1f1;
	font-size: 12px;
	text-align: right;
	padding: 4px 0;
}

.header-1 a {
	margin-left: 6px;
	padding: 2px 20px;
	display: block;
	display: inline-block;
	color: #999;
	border-radius: 10px;
	transition: 0.5s;
}

.header-1 .header-dq {
	background: #ddd;
}

.header-1 a:hover {
	background: #999;
	color: #fff;
}

.header {
	position: absolute;
	left: 0;
	z-index: 1001;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #f4f4f4;
}

.header .contain {
	padding: 10px 0;
	position: relative;
}

.header .contain .icon-guanbi {
	display: none;
}

.header .contain .active .icon-guanbi {
	display: block;
	color: #d20000;
}

.header .contain .active .icon-fangdajing {
	display: none;
}

.header .logo {
	display: block;
	width: 170px;
	float: left;
	position: relative;
	z-index: 40;
}

.nav {
	right: 0;
	position: absolute;
	top: 40px;
	width: 100%;
}

.navMenu {
	float: right;
	margin-right: 11%;
}

.navMenu .navItem {
	float: left;
	cursor: pointer
}

.navMenu .navItem.term_of_use {
	display: none
}

.navMenu .navItem .link {
	display: block;
	font-size: 16px;
	color: #333;
	position: relative;
	overflow: hidden;
	padding: 0 20px 26px;
}

.navMenu .navItem .link:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: -100%;
	width: 100%;
	height: 3px;
	background-color: #d20000;
}

.navMenu .navItem:last-child {
	margin-right: 0
}

.navMenu .navItem.active .link:after,
.navMenu .navItem.current .link:after,
.navMenu .navItem:hover .link:after {
	left: 0
}

.cdbj {
	padding: 0 8%;
}

.btnSearch {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 34px;
	right: 0px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQxQzU4QkU2QzUxMTFFODk4RTlFMjJGNENEQjBGOUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQxQzU4QkY2QzUxMTFFODk4RTlFMjJGNENEQjBGOUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDFDNThCQzZDNTExMUU4OThFOUUyMkY0Q0RCMEY5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDFDNThCRDZDNTExMUU4OThFOUUyMkY0Q0RCMEY5RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj10/qgAAAJQSURBVHjavJfPSxVRFMfv00qF/JmCItLrgWguEoNAEVEirV0Q4c60iHLRwr/AjYtWJYJtijYJCq5q4UIEQQhBKdSwoCB6iiA9NaksI9Tn98T3wWF4M97xzXTgw9z5dT4z991375lIMpk0llEALoGzIAr2QBysgjmwa/yEiI/gMngO1pPuEQdPQJNFvn94nTwPXqWRbIAl8A5spTk/BiqOK77nSDYN7oB6kK2uOwUugl4wp67/BW76FferBKug07b7QA/YVPfftRXfVjdNglwf0hRn+FOkouUocZWja02GLDLXLijwEs+owWMCoJC/tcQLN3Gzetv2gMRCt8pblU48ypOzAUpTrDH3Y308C3NIPrjK+WTYBB8j3LbqgyJuBCXcfxuC+CW3DaBMi2Nsr4OPIYjj3EZArRannmLNhBNfQYLtIi3eYTvbhBcHToeIN9iOcj/oKAXlbP/Q4hW2ZYDVhSCOqfayFs9zMTcc4UFHp/rHJLT4L5jgfl8I4m5up9JVIHVqarsR4Kx1X+Utd1skxnnBNsgPQFrJlUli0Gt1KlRPt5Sh9CTrMIkPNoXANSWXBaPkGFJZhT6pPK22pc8tddMmqxJb6QPw21GvvQcx22LvCthRN0t3PWQZIxVkFjjBt2sDQ6prJb6ALvCN+z9BtW15K6PwmUsdnXApbSUegRzmqAF/ePw7OGcj1vW1jMp5j4L+NRhwVhnkgup+edioHI/4+IQxnHOrQTHYB9vgM1cgr6gBb8BpztcdfsWZhMgXQB54+j/Fhh9916UcOhRgAMJnsCe1caE5AAAAAElFTkSuQmCC);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	z-index: 50;
	transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-ms-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: all 0.36s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.logox {
	display: none;
	height: 74x;
}

.btnSearch i {
	font-size: 20px;
	color: #666;
}

.searchBoxForm {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 28px;
	background-color: rgba(240, 240, 240, .9);
	backdrop-filter: blur(10px);
}

.searchBoxForm .searchText {
	float: left;
	font-size: 18px;
	color: #666;
	width: calc(100% - 60px);
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background: #fff;
	border-radius: 15px 0 0 15px;
	font-size: 14px;
}

.searchBoxForm .btnsear {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 0 15px 15px 0;
	background-color: #d20000;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQxQzU4QkU2QzUxMTFFODk4RTlFMjJGNENEQjBGOUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQxQzU4QkY2QzUxMTFFODk4RTlFMjJGNENEQjBGOUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDFDNThCQzZDNTExMUU4OThFOUUyMkY0Q0RCMEY5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDFDNThCRDZDNTExMUU4OThFOUUyMkY0Q0RCMEY5RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj10/qgAAAJQSURBVHjavJfPSxVRFMfv00qF/JmCItLrgWguEoNAEVEirV0Q4c60iHLRwr/AjYtWJYJtijYJCq5q4UIEQQhBKdSwoCB6iiA9NaksI9Tn98T3wWF4M97xzXTgw9z5dT4z991375lIMpk0llEALoGzIAr2QBysgjmwa/yEiI/gMngO1pPuEQdPQJNFvn94nTwPXqWRbIAl8A5spTk/BiqOK77nSDYN7oB6kK2uOwUugl4wp67/BW76FferBKug07b7QA/YVPfftRXfVjdNglwf0hRn+FOkouUocZWja02GLDLXLijwEs+owWMCoJC/tcQLN3Gzetv2gMRCt8pblU48ypOzAUpTrDH3Y308C3NIPrjK+WTYBB8j3LbqgyJuBCXcfxuC+CW3DaBMi2Nsr4OPIYjj3EZArRannmLNhBNfQYLtIi3eYTvbhBcHToeIN9iOcj/oKAXlbP/Q4hW2ZYDVhSCOqfayFs9zMTcc4UFHp/rHJLT4L5jgfl8I4m5up9JVIHVqarsR4Kx1X+Utd1skxnnBNsgPQFrJlUli0Gt1KlRPt5Sh9CTrMIkPNoXANSWXBaPkGFJZhT6pPK22pc8tddMmqxJb6QPw21GvvQcx22LvCthRN0t3PWQZIxVkFjjBt2sDQ6prJb6ALvCN+z9BtW15K6PwmUsdnXApbSUegRzmqAF/ePw7OGcj1vW1jMp5j4L+NRhwVhnkgup+edioHI/4+IQxnHOrQTHYB9vgM1cgr6gBb8BpztcdfsWZhMgXQB54+j/Fhh9916UcOhRgAMJnsCe1caE5AAAAAElFTkSuQmCC);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}

.subMenu {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%
}

.subMenu .subNav {
	display: -webkit-flex;
	display: flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 30px;
	padding-bottom: 34px;
	background-color: rgba(255, 255, 255, .85)
}

.subMenu_alone .subNav {
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center
}

.subMenu_alone .mouseItem {
	margin: 0 30px
}

.subMenu .box {
	display: block;
	width: 36px;
	height: 36px;
	margin: auto;
	text-align: center
}

.subMenu .mouseItem p {
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	text-align: center;
}

.subMenu .mouseItem:hover p {
	color: #d20000
}

.topid {
	position: fixed;
	top: 0;
	border-bottom: 1px solid #f4f4f4;
}

.nav-box-drop-down {
	width: 100%;
	border-top: 1px solid #f1f1f1;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0 0 25px 0;
	padding: 0;
	background: rgba(255, 255, 255, 0.9);
	display: block;
	z-index: 999999;
	backdrop-filter: blur(10px);
}

.nav-box-drop-down .nav-box {
	max-width: 830px;
	margin: auto 8% auto auto;
	position: relative;
	padding-top: 5px;
	padding-bottom: 35px;
	position: relative
}

.nav-box-drop-down .nav-box:before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 120px
}

.nav-tab {
	float: left;
	width: 120px;
	display: none;
}

.nav-tab-list {
	width: 666px;
	float: right;
	padding: 0
}

.nav-tab span {
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	transition: all .3s;
	position: relative;
	cursor: pointer;
	display: block;
	color: #333;
}

.nav-tab span+span {
	border-top: 1px solid #fff;
	border-top: none
}

.nav-tab span.on a,
.nav-tab span:hover a {
	color: #d20000
}

.nav-tab-list .list {}

.nav-tab-list .list span {
	display: block;
	float: left;
	width: 280px;
	padding-top: 30px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	padding-bottom: 5px;
}

.nav-tab-list .list span:nth-of-type(1) {
	position: absolute;
	left: 0;
	width: 100px;
}

.nav-tab-list .list ul {
	display: inline-block;
	float: left;
	padding-top: 15px;
	width: 280px;
}

.nav-tab-list .list div.pic_box {
	width: 298px;
	float: right;
	display: inline-block;
	margin-top: -30px;
}

.nav-tab-list .list .pic_box a {
	color: #666
}

.nav-tab-list .list div.pic_box img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	background: Rgba(255, 255, 255, 0.5);
}

.nav-tab-list .list div.pic_box .desc h3 img {
	max-width: 100%;
	width: 87px;
	background: none;
}

.nav-tab-list .list div.pic_box .desc h3 {
	font-size: 24px;
	color: #333;
	margin-top: 12px;
	text-transform: uppercase;
	float: left;
}

.nav-tab-list .list div.pic_box .desc p {
	font-size: 12px;
	color: #666;
	line-height: 18px;
	float: right;
	width: calc(100% - 100px);
	margin-top: 10px;
}

.nav-tab-list .list a {
	color: #333;
	line-height: 26px;
	height: 26px
}

.nav-tab span:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 10px solid #d23244;
	border-bottom: 8px solid transparent;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .3s;
	display: none
}

.nav-tab span.on,
.nav-tab span:hover {
	color: #d20000
}

.nav-tab span.on:before,
.nav-tab span:hover:before {
	right: -10px;
	opacity: 1
}

.nav-tab-list .list div.pic_box .imgs {
	display: none
}

.nav-tab-list .list ul li {
	color: #333;
	font-size: 14px;
	cursor: pointer;
	transition: all .5s;
	list-style: none;
	width: 50%;
	float: left;
	margin: 6px 0;
}

.nav-tab-list .list ul li .box {
	display: block;
	width: 80px;
	height: 40px;
	margin-left: auto;
	margin-right: auto
}

.nav-tab-list .list ul li a {
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
}

.nav-tab-list .list ul li .box img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.nav-tab-list .list ul li.on a,
.nav-tab-list .list ul li:hover a {
	color: #e8374b
}

.nav-tab-list .list ul li:nth-of-type(1) {
	position: absolute;
	left: 0;
	width: 100px;
}

.nav-tab-list .list ul li:nth-of-type(2) {
	position: absolute;
	left: 0;
	top: 120px;
	width: 100px;
}

.nav-tab-list .list ul li:nth-of-type(3) {
	position: absolute;
	left: 0;
	top: 160px;
	width: 100px;
}

.navbar-nav .list .on a {
	color: red !important
}

.nav-tab span a {
	color: #333;
	text-decoration: none;
	font-size: 16px
}

.banner {
	position: relative;
}

.index_banner .swiper-pagination-bullet,
.index_bannersj .swiper-pagination-bullet {
	background: #fff;
}

.index_banner .swiper-pagination-bullet-active,
.index_bannersj .swiper-pagination-bullet-active {
	background: #fff;
}

.index_bannersj .swiper-slide img {
	width: 100%;
}

.sbanner-t {
	position: absolute;
	bottom: 4%;
	left: 8%;
	z-index: 100;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(10px);
	border-radius: 15px;
	overflow: hidden;
	width: 23.65%;
}

.sbanner-t img {
	width: 100%;
}

.Scroll-tip {
	position: absolute;
	z-index: 5;
	cursor: pointer;
	bottom: 20px !important;
	right: 0;
	left: 0;
	margin: auto;
	max-width: 40px !important;
	color: #333;
	text-align: center;
	transform: rotate(0) !important;
	-ms-transform: rotate(0) !important;
	-moz-transform: rotate(0) !important;
	-webkit-transform: rotate(0) !important;
	-o-transform: rotate(0) !important
}

.tip_anim {
	animation: fadeInUp 2s .2s ease both;
	animation: 2s linear 0s normal none infinite rotatetwo;
}

.tip_anim i {
	font-size: 24px;
	color: Rgba(0, 0, 0, 0.5);
}

@keyframes rotatetwo {
	0% {
		transform: translateY(-10px);
	}

	50% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(-10px);
	}
}

.s-sjs {
	padding: 10vh 0;
	background: #f4f4f4;
}

.s-sjs .swiper-slide {
	border-radius: 20px;
	cursor: pointer;
}

.s-sjs .swiper-slide .s_sjs_nr {
	background: #fff;
	padding: 30px 20px;
	line-height: 16px;
	font-size: 12px;
	color: #999;
}

.s-sjs .swiper-slide .s_sjs_nr h3 {
	font-size: calc(16px + 0.5vw);
	font-weight: 500;
	padding-bottom: 10px;
	line-height: 33px;
	color: #333;
	text-transform: uppercase;
}

.s_sjs {
	padding: 30px 0;
}

.s_sjs .swiper-scrollbar-drag {
	background: #d20000;
}

.s_sjs .swiper-scrollbar {
	left: 0;
	width: 100%;
	height: 2px;
}

.s_sjs .swiper-scrollbar {
	visibility: hidden;
}

.s_sjs:hover .swiper-scrollbar {
	visibility: visible;
}

.s_sjs_tp,
.s_sjs_cp {
	position: relative;
	overflow: hidden;
}

.s-sjs .swiper-slide img {
	width: 100%;
}

.s_sjs_cp:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0);
	z-index: 10;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	pointer-events: none;
}

.s-sjs .swiper-slide:hover .s_sjs_cp:before {
	background: rgba(255, 255, 255, 1);
}

.s-sjs .swiper-slide:hover .s_sjs_cp {
	border-bottom: 1px solid #f1f1f1;
}

.s_sjs_jz {
	position: absolute;
	z-index: 10;
	top: 10px;
	transform: translateY(150px);
	transition: all 0.6s ease;
	opacity: 0;
	filter: alpha(opacity=0);
}

.s_sjs_jz p {
	text-align: center;
	padding-top: 15px;
}

.s-sjs .swiper-slide:hover .s_sjs_jz {
	display: block;
	transform: translateY(0);
	transition: all 0.6s ease;
	opacity: 1;
	filter: alpha(opacity=100);
}

.s-xx {
	background: url("../images/abbg.jpg") center no-repeat fixed;
	background-size: cover;
	padding: 28vh 0;
}

.s-xx-z h1 {
	font-size: calc(20px + 2vw);
	font-weight: normal;
	color: #333;
}

.s-xx-z p {
	font-size: calc(18px + 0.5vw);
	color: #999;
	padding-bottom: 10vh;
}

.s-xx-z {
	width: 40vw;
	float: right;
}

.s-xx-z img {
	max-width: 100%;
}

.s-cpkn {
	padding: 10vh 0 6vh;
	background: #f4f4f4;
}

.s-cpkn-o,
.s-cpkn-o-r-2 {
	display: flex;
	justify-content: space-between;
}

.s-cpkn-o-l {
	width: 49.4%;
	position: relative;
	overflow: hidden;
}

.cpkn_text {
	position: absolute;
	display: flex;
	justify-content: space-between;
	bottom: 0;
	background: Rgba(250, 250, 250, 0.9);
	width: 100%;
	padding: 20px 8%;
	transform: translateY(100px);
	transition: 0.6s;
	opacity: 0;
	filter: alpha(opacity=0);
}

.s-cpkn-o-l:hover .cpkn_text,
.s-cpkn-o-r-1:hover .cpkn_text,
.cpkn-o-r-2-l:hover .cpkn_text,
.cpkn-o-r-2-r:hover .cpkn_text {
	transform: translateY(0);
	transition: 0.6s;
	opacity: 1;
	filter: alpha(opacity=100);
}

.cpkn_text .cpkn_text_1 {
	float: left;
}

.cpkn_text .cpkn_text_1 img {
	width: 100%;
}

.cpkn_text dl {
	float: right;
	width: calc(100% - 120px);
}

.cpkn_text dl dt {
	float: left;
	width: calc(100% - 150px);
}

.cpkn_text dl dd {
	float: right;
}

.cpkn_text dl dd {
	border: 1px solid #ccc;
	padding: 5px 15px;
	display: block;
	border-radius: 5px;
	width: 110px;
	text-align: center;
}

.s-cpkn-o-l:hover .cpkn_text dl dd,
.s-cpkn-o-r-1:hover .cpkn_text dl dd,
.s-cpkn-o-r-2:hover .cpkn_text dl dd {
	background: #fff;
	border: 1px solid #fff;
	color: #333;
}

.s-cpkn-o-r-2 .cpkn_text_1 {
	display: none;
}

.s-cpkn-o-r-2 .cpkn_text dl {
	width: 100%;
}

.s-cpkn-o-r-2 .cpkn_text dl dt {
	width: calc(100% - 120px);
}

.s-cpkn-o-r-1 {
	position: relative;
	overflow: hidden;
}

.s-cpkn-o-r {
	width: 49.15%;
}

.cpkn-o-r-2-l,
.cpkn-o-r-2-r {
	width: 49%;
	position: relative;
	overflow: hidden;
}

.s-cpkn-o img {
	width: 100%;
}

.s-cpkn-o-r-2 {
	margin-top: 2%;
}

.s-bt {
	width: 100%;
	padding-bottom: 25px;
	position: relative;
}

.s-bt p {
	font-size: 33px;
	text-align: center;
}

.s-bt a {
	position: absolute;
	right: 0;
	top: 12px;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 4px 20px;
	display: block;
	transition: 0.6s;
	color: #666;
}

.s-bt a:hover {
	background: #fff;
	border: 1px solid #fff;
}

.s_cptj {
	padding: 45px 0 25px;
}

.s_cptj .swiper-slide {
	background: #fff;
	text-align: center;
	transition: 0.6s;
}

.s_cptj .swiper-slide p {
	padding: 0 10px 20px;
	text-transform: uppercase;
}

.s_cptj .swiper-slide a {
	color: #666;
}

.s_cptj .swiper-slide img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	z-index: 10;
	transition: 0.6s;
}

.s_cptj .swiper-slide:hover img:nth-child(2) {
	display: block;
	transition: 0.6s;
}

.s_cptj .swiper-slide:hover {
	box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);
	transform: translateY(-6px);
}

.s_cptj .swiper-scrollbar-drag {
	background: #d20000;
}

.s_cptj .swiper-slide img {
	width: 100%;
}

.s_cptj .swiper-scrollbar {
	left: 0;
	width: 100%;
	height: 2px;
}


.s-xw {
	padding: 10vh 0 7vh;
}

.s_xw {
	padding-bottom: 50px;
}

.s_xw .swiper-pagination-bullet-active {
	background: #666;
}

.s_xw h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	height: 55px;
}

.s_xw p {
	font-size: 12px;
	color: #666;
}

.s_xw .swiper-slide {
	border-radius: 6px;
	border: 1px solid #f4f4f4;
	overflow: hidden;
}

.s_xw .swiper-slide:hover img {
	transform: scale(1.03);
	transition: 0.6s;
}

.s_xw .swiper-slide img {
	transition: 0.6s;
}

.s_xw .swiper-slide .sxw_wz {
	padding: 20px;
}

footer {
	border-top: 1px solid #f1f1f1;
}

.foooter-1 {
	padding: 30px 0;
}

.footer-logo {
	width: 120px;
	float: left;
}

.footer-r {
	float: right;
	width: calc(100% - 180px);
	display: flex;
	justify-content: space-between;
}

.footer-2 {
	background: #f1f1f1;
	padding: 3vh 0;
}

.fxw a {
	float: left;
	margin-right: 15px;
	font-size: 12px;
	display: block;
	color: #666;
	position: relative;
}

.fxw a:nth-child(1) i {
	font-size: 20px;
}

.fxw a:nth-child(2) i {
	font-size: 20px;
}

.footer-2 ul {
	max-width: 50%;
	margin-left: 25%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.footer-2 ul a {
	padding: 0 20px;
	flex-basis: 25%;
}

.footer-2 ul a img {
	width: 100%;
}

.footer-2 p {
	text-align: center;
	font-size: 12px;
	color: #666;
	padding-top: 20px;
}

.footer-2 p a {
	color: #666;
}

.footer-2 p a:hover {
	color: #333;
}

.lx {
	font-size: 12px;
}

.lx h2 {
	font-size: 12px;
	font-weight: 500;
}

.footer-r-l a {
	width: calc(100%/3);
	float: left;
	display: block;
	color: #666;
	font-size: 12px;
	line-height: 22px;
}

.gzh {
	position: absolute;
	top: 0;
	z-index: 10;
	display: none;
	width: 110px;
	top: -115px;
	left: -53px;
	border: 1px solid #eee
}

.gzh img {
	width: 100%;
}

.fxw a:nth-child(1):hover .gzh {
	display: block;
}

.bannerny {
	margin-top: 70px;
	position: relative;
}

.index_banner video {
	height: calc(100vh - 30px);
	object-fit: cover;
	width: 100%;
}

.index_banner .swiper-slide img {
	height: calc(100vh - 30px);
	object-fit: cover;
	width: 100%;
}

.index_banner .swiper-pagination {
	bottom: 25px;
}

.bannerny_z {
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
	transform: translateY(-10%);
	color: #fff;
	z-index: 20;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.6s;
}

.bannerny_z i {
	display: block;
	padding-top: 20px;
	font-size: 24px;
}

.bannerny_z p {
	font-size: calc(20px + 1vw);
	text-transform: uppercase;
}

.bannerny:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0);
	z-index: 10;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	pointer-events: none;
}

.bannerny:hover:before {
	background: rgba(0, 0, 0, 0.8);
}

.bannerny:hover .bannerny_z {
	transform: translateY(-45%);
	opacity: 1;
	filter: alpha(opacity=100);
}

.bannerny img {
	width: 100%;
}

.info-1-logo {
	width: 250px;
	float: left;
}

.info-1-logo img {
	width: 100px;
	float: left;
}

.info-1-logo p {
	float: right;
	font-size: 21px;
	text-transform: uppercase;
	line-height: 23px;
}

.info-1-jj {
	float: right;
	width: calc(100% - 380px);
	line-height: 30px;
	font-size: 16px;
}

.infojj {
	padding: 10vh 0 6vh;
	background: #f4f4f4;
}

.info-2 {
	padding-top: 6vh;
}

.info-2 a {
	float: left;
	width: calc(100%/2 - 15px);
	margin-right: 30px;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 30px;
	transition: 0.6s;
}

.info-2 a:hover {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	transform: translateY(-10px);
}

.info-2 a:hover img {
	transform: scale(1.02);
}

.info-2 a:nth-child(2n) {
	margin-right: 0;
}

.info-2 a img {
	width: 100%;
	transition: 0.6s;
}

.info-2 a p {
	font-size: 24px;
	padding: 20px;
}

.info-2 a span {
	font-size: 12px;
	color: #999;
	display: block;
}

.info-3 {
	padding: 8vh 0;
}

.info-3-t {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.info-3-bt {
	text-align: center;
	width: 100%;
	font-size: calc(20px + 1vw);
	color: #333;
	padding-bottom: 40px;
}

.info-3-t a {
	padding: 0 10px;
	display: block;
	width: 25%;
}

.info-3-t a img {
	width: 100%;
}

.xwlb {
	padding: 8vh 0 12vh;
	background: #fff;
}

.wrapper {
	position: relative;
}

.sortable__nav {
	display: flex;
	line-height: 30px;
	padding-bottom: 30px;
}

.sortable__nav li {
	padding: 4px 10px 0;
	font-size: 16px;
}

.sortable__nav li a {
	color: #666;
	cursor: pointer;
}

.sjs-default {
	position: relative;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}


[data-sjsel] {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.sortable__nav li:nth-child(1) {
	font-size: 24px;
	padding-right: 30px;
	padding-left: 0;
	color: #333;
	padding-top: 0;
}

.sortable__nav li:nth-child(1) span {
	color: #999;
}

.card-infos {
	padding: 20px;
}

.card__title {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	padding-bottom: 20px;
}

.card__text {
	font-size: 12px;
	color: #666;
}

.card {
	width: 31%;
	margin-right: 2%;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #f4f4f4;
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s ease-in-out;
	overflow: hidden;
	transition: all .3s;
}

.card a img {
	width: 100%;
	transition: all .6s;
}

.card:hover {
	transform: translateY(-10px);
	box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);
}

.card:hover a img {
	transform: scale(1.04);
}

.xzindex {
	padding: 10vh 0 8vh;
}

.xzindex a {
	float: left;
	width: calc(100%/3 - 20px);
	margin-right: 30px;
	transition: all .5s;
}

.xzindex a:nth-child(3) {
	margin-right: 0;
}

.xzindex a img {
	width: 100%;
}

.xzindex a p {
	text-align: center;
	font-size: 24px;
	color: #666;
	padding: 25px 0;
	font-weight: 500;
}

.xzindex a:hover {
	transform: translateY(-10px);
	box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);
}

.xzny {
	padding: 8vh 0;
}

.xzny-lb ul li {
	float: left;
	width: calc(100%/4 - 15px);
	margin-right: 20px;
	border: 1px solid #f4f4f4;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
	transition: all .5s;
}

.xzny-lb ul li:nth-child(4n) {
	margin-right: 0;
}

.xzny-lb ul li img {
	width: 100%;
}

.xzny-lb-bt {
	display: flex;
	justify-content: space-between;
	padding: 15px 35px;
	background: #fff;
	border-top: 1px solid #f4f4f4;
}

.xzny-lb-bt i {
	font-size: calc(16px + 0.2vw);
	margin-top: -9px;
	display: block;
	transition: all .3s;
	color: #666;
}

.xzny-lb-bt p a {
	float: left;
}

.xzny-lb-bt p a:nth-child(1) {
	margin-right: 15px;
	transform: translateY(2px);
}

.xzny-bt {
	font-size: 20px;
	color: #999;
	padding-bottom: 25px;
}

.xzny-bt span {
	color: #333;
}

.xzny-bt a {
	color: #999;
}

.xzny-bt a:hover {
	color: #333;
}

.xzny-nav {
	padding-bottom: 45px;
}

.xzny-nav a {
	float: left;
	padding: 4px 15px;
	border: 1px solid #eee;
	margin-right: 8px;
	margin-bottom: 10px;
	border-radius: 5px;
	transition: all .5s;
}

.xzny-nav a:hover {
	background: #999;
	border: 1px solid #999;
	color: #fff;
}

.xzny-dqcd {
	background: #999;
	border: 1px solid #999;
	color: #fff;
}

.xzny-lb ul li:hover {
	transform: translateY(-10px);
	box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);
}

.xzny-lb ul li .xzny-lb-bt a:hover i {
	color: #d20000;
	transform: translateY(-3px);
}


.xzny-lb {
	position: relative;
}

.xny-lb-3d {
	position: absolute;
	bottom: 24%;
	right: -4%;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	opacity: 0;
	width: 200px;
	transition: all 0.5s;
}

.xny-lb-3d a {
	display: block;
	border-bottom: 1px solid #f4f4f4;
	padding: 4px 20px;
	font-size: 12px;
	color: #666;
}

.xny-lb-3d a:hover {
	color: #d20000;
	right: 4%;
}

.sdxzlb ul li {
	position: relative;
}

.sdxzlb ul li::before {
	position: absolute;
	content: '';
	background: Rgba(0, 0, 0, 0.6);
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .5s;
}

.sdxzlb ul li:hover .xny-lb-3d {
	opacity: 1;
	right: 4%;
	transition: all .8s;
}

.sdxzlb ul li:hover::before {
	opacity: 1;
}

.sdxzlb ul li .xny-lb-3d i {
	padding-right: 8px;
	color: #999;
}

.lxwm li span {
	background: #ddd;
	font-size: 30px;
	text-align: center;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	color: #fff;
	display: block;
	margin: 0 auto 15px;
}

.lxwm li {
	width: calc(100%/4 - 2px);
	border-right: 1px solid #ddd;
	float: left;
	text-align: center;
}

.lxwm li:nth-child(4) {
	border-right: 0;
}

.lxwm li:nth-child(4) span {
	font-size: 42px;
}

.lxwm li h2 {
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 20px;
	display: block;
}

.lxwm {
	background: #f4f4f4;
	padding: 10vh 0 8vh;
}

.lxwm h1 {
	font-size: 20px;
	padding-bottom: 8px;
}

.lysm {
	padding-top: 50px;
	font-size: 12px;
	color: #666;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#GBookAdd {
	position: relative;
}

#GBookAdd .wenben {
	width: 32%;
	float: left;
	margin-right: 1.9%;
	color: #000;
	margin-bottom: 22px;
}

#GBookAdd .wenben .titles_p {
	font-size: 14px;
	margin-bottom: 10px;
}

#GBookAdd .wenben .text {
	width: calc(100% - 20px);
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
	border-bottom: 1px solid #f4f4f4;
	background: inherit;
	color: #000;
}

#GBookAdd .wenben:nth-of-type(3) {
	margin-right: 0;
}

#GBookAdd .neirong {
	margin-top: 30px;
	margin-bottom: 20px;
}

#GBookAdd .neirong .cmessage {
	width: calc(100% - 22px);
	padding: 10px;
	min-height: 150px;
	border-bottom: 1px solid #f4f4f4;
	background: inherit;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

#GBookAdd .neirong .titles_p {
	font-size: 14px;
	margin-bottom: 10px;
}

#GBookAdd .submit {
	width: 200px;
	height: 42px;
	display: block;
	background: #ccc;
	color: #fff;
	margin: 0 auto;
	font-size: 14px;
	border-radius: 5px;
}

#GBookAdd .submit:hover {
	background: #d20000;
	cursor: pointer;
}

.zxly {
	padding-bottom: 10vh;
}

.swi_designers_box {
	position: relative;
}

.swi_designers_box .designers_name .swiper-wrapper {
	height: 280px !important;
}

.swi_designers_box .designers_name {
	position: fixed;
	width: 200px;
	height: 280px;
	left: 0;
	top: 55%;
	transform: translateY(-50%);
	z-index: 5;
}

.swi_designers_box .designers_name ul li {
	color: #fff;
	margin: 0;
	padding-left: calc(1rem + 4vw);
	display: block;
	position: relative;
	cursor: pointer;
}

.swi_designers_box .designers_name ul li p {
	display: block;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.swi_designers_box .designers_name ul li:before {
	content: '';
	width: 10px;
	height: 1px;
	display: block;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	right: calc(200px - 1rem - 4vw + 10px);
	top: 50%;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.swi_designers_box .designers_name ul li.swiper-slide-thumb-active:before {
	width: calc(1rem + 4vw);
}

.swi_designers {
	overflow: hidden;
	background: #000;
	position: relative;
}

.swi_designers .swiper-slide {
	position: relative;
}

.swi_designers .swiper-slide img {
	object-fit: cover;
	width: 100%;
	height: auto;
	min-height: 100%;
	transition: 1s linear 2s;
	transform: scale(1.1, 1.1);
}

.swi_designers .swiper-slide-active img,
.swi_designers .swiper-slide .swiper-slide-duplicate-active img {
	transition: 6s linear;
	transform: scale(1, 1);
}

.swi_designers .swiper-slide .text {
	position: absolute;
	top: 38%;
	right: 10%;
	width: 25%;
	max-width: 800px;
	color: #fff;
	text-align: right;
}

.swi_designers .swiper-slide .text span {
	display: block;
}

.swi_designers .swiper-slide .text span.name {
	font-size: calc(1rem + 1.4vw);
	text-transform: uppercase;
}

.swi_designers .swiper-slide .text span.info {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.7;
}

.swi_designers .swiper-slide .text .more {
	color: rgba(255, 255, 255, 0.8);
	float: right;
	margin-top: calc(1rem + 1vw);
	width: 191px;
	padding: calc(0.5rem + 0.3vw) calc(1rem + 0.5vw);
	border: 1px solid rgba(255, 255, 255, 0.2);
	display: inline-block;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.swi_designers .swiper-slide .text .more i {
	font-style: normal;
	text-transform: uppercase;
	display: inline-block;
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.swi_designers .swiper-slide .text .more i.kk {}

.swi_designers .swiper-slide .text .more em {
	overflow: hidden;
}

.swi_designers .swiper-slide .text .more em:nth-of-type(2) {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(-0%, -50%);
	text-align: center;
	left: 0%;
	display: block;
}

.swi_designers .swiper-slide .text .more:before {
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	display: block;
	position: absolute;
	top: 0;
	;
	left: 0;
	transform: translateY(100%);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.swi_designers .swiper-slide .text .more:hover:before {
	transform: translateY(0%);
}

.swi_designers .swiper-slide .text .more em:nth-of-type(2) i {
	color: #222;
	transform: translateY(20px);
}

.swi_designers .swiper-slide .text .more:hover em:nth-of-type(1) i {
	transform: translateY(-20px);
}

.swi_designers .swiper-slide .text .more:hover em:nth-of-type(2) i {
	transform: translateY(0px);
}

.cplb {
	background: #fff;
	position: relative;
	z-index: 999;
}

.product_box {
	padding: 8vh 0;
}

.product_box .left ul li {
	float: left;
	width: calc(100%/4 - 23px);
	background: #fff;
	margin-bottom: 30px;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #f1f1f1;
	transition: all 0.5s;
}

.product_box .left ul li:nth-child(4n) {
	margin-right: 0;
}

.product_box .left ul li a {
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	display: block;
	position: relative;
}

.product_box .left ul li a img {
	margin: 0 auto;
	display: block;
}

.product_box .left ul li p {
	color: #333;
	font-size: 17px;
	transition: all 0.5s;
	line-height: 17px;
	background: Rgba(240, 240, 240, 0.2) url("../images/cplbd.png") 90% center no-repeat;
	border-top: 1px solid #f1f1f1;
	padding: 20px 0;
	text-align: center;
}

.product_box .left ul li a p span {
	display: block;
	font-size: 14px;
	color: #fff;
	padding-top: 2px;
}

.cplbbt {
	font-size: 24px;
	padding-bottom: 30px;
}

.cplbbt span {
	padding-right: 30px;
	color: #999;
}

.cplbbt i {
	font-style: normal;
	font-size: 16px;
	text-transform: uppercase;
}

.product_box .left ul li a img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	z-index: 10;
}

.product_box .left ul li:hover a img:nth-child(2) {
	display: block;
}

.product_box .left ul li:hover {
	transform: translateY(-6px);
	box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);
}

.product_box .left ul li:hover a p {
	background: #666 url("../images/cplbd2.png") 90% center no-repeat;
	color: #fff;
}

.product_list_box {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10002;
}

.product_back.active {
	background: rgba(0, 0, 0, 0.7);
	visibility: visible;
	pointer-events: inherit;
}

.product_list_box .product_list_open {
	display: none;
}

.product_list_box .product_list_open.active {
	display: inherit;
}

.product_back {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.0);
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	-webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	z-index: 10001;
	visibility: hidden;
	pointer-events: none;
}

.product_list_box .product_list_open .left {
	width: 50%;
	max-width: 660px;
	height: 100vh;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 150;
	padding: calc(1rem + 1vw);
	transform: translateX(100%);
}

.product_list_box .product_list_open.active .left {
	padding-right: calc(2.2rem + 6.1vw);
}

.product_list_box .product_list_open .left .title {
	margin-bottom: 0.1vw;
}

.product_list_box .product_list_open .left .title h3 {
	font-size: calc(1.1rem + 1vw);
	text-transform: uppercase;
	font-weight: 100;
	color: #000;
	display: block;
	padding-left: 3vw;
}

.product_list_box .product_list_open .left .title h3 span {
	font-size: 14px;
	padding-left: calc(0.5rem + 0.5vw);
}

.product_list_box .product_list_open .left ul {
	height: calc(85vh);
	overflow-y: scroll;
}

.product_list_box .product_list_open .left ul::-webkit-scrollbar {
	display: none;
}

.product_list_box .product_list_open .left ul li {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.product_list_box .product_list_open .left ul li:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100);
}

.product_list_box .product_list_open .left ul li {
	width: 50%;
	padding: 0 5%;
	float: left;
}

.product_list_box .product_list_open .left ul li .img img {
	width: 100%;
}

.product_list_box .product_list_open .left ul li span {
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.product_list_box .product_list_open .right {
	width: calc(1.2rem + 3.1vw);
	height: 101vh;
	background: #1a191e;
	position: fixed;
	top: 0;
	right: 0;
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 180;
}

.product_list_box .product_list_open .right:before {
	content: '';
	width: 100%;
	height: 100vh;
	position: relative;
	display: block;
}

.product_list_box .product_list_open .right .mouse {
	width: calc(0.6rem + 0.6vw);
	height: calc(1rem + 1vw);
	border: calc(0.06rem + 0.08vw) solid #fff;
	border-radius: calc(0.3rem + 0.3vw);
	position: absolute;
	bottom: calc(1rem + 1vw);
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 10;
}

.product_list_box .product_list_open .right .mouse:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.product_list_box .product_list_open .right .mouse:after {
	content: '';
	width: 10%;
	height: 30%;
	background: #fff;
	position: absolute;
	top: 10%;
	left: 50%;
	display: block;
	border-radius: 50%;
	transform: translateX(-50%);
	animation: mouse 1s 0.2s linear infinite alternate;
}

@keyframes mouse {
	from {
		top: 10%;
	}

	to {
		top: 60%;
	}
}

.product_list_box .product_list_open .right .close {
	width: calc(1rem + 1vw);
	height: calc(1rem + 1vw);
	border: calc(0.06rem + 0.08vw) solid #fff;
	position: absolute;
	top: calc(1rem + 1vw);
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	opacity: 0.7;
	filter: alpha(opacity=70);
	overflow: hidden;
	cursor: pointer;
	z-index: 15;
}

.product_list_box .product_list_open .right .close:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.product_list_box .product_list_open .right .close i {
	width: 50%;
	height: calc(0.06rem + 0.08vw);
	display: block;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center;
}

.product_list_box .product_list_open .right .close i:nth-of-type(1) {
	transform: translate(-50%, -50%) rotate(45deg);
}

.product_list_box .product_list_open .right .close i:nth-of-type(2) {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.progress {
	background-color: #363539;
	top: 0;
	right: 0;
	position: absolute;
	width: 100%;
	height: 0%;
	z-index: 1;
}

#wrapper {
	position: relative;
	width: 200px;
	height: 100px;
	border: 1px solid darkgray;
}

#progressbar {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -90px;
	margin-top: -10px;
	width: 180px;
	height: 20px;
	border: 1px solid darkgray;
}

.product_list_box.designers_product_list .product_list_open .left .title {
	margin-bottom: calc(0.2rem + 0.2vw);
}

.product_list_box.designers_product_list .product_list_open .left .title h3 span {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.product_list_box.designers_product_list .product_list_open .left ul {
	padding-top: calc(0.2rem + 0.2vw);
}

.product_list_box.designers_product_list .product_list_open .left ul p {
	margin-bottom: calc(0.5rem + 1vw);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: calc(0.5rem + 0.5vw);
	line-height: 1.8;
}

.product_list_box.designers_product_list .product_list_open .left ul em {
	margin-bottom: calc(0.1rem + 0.1vw);
	display: block;
	font-style: normal;
}

.product_topbox {
	background: #fff;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #f4f4f4;
}

.cpxxjs-nav {
	background: #f4f4f4;
}

.tab-block .tab-buttons {
	width: 100%;
	height: 70px;
}

.tab-block .tab-buttons .tab-button {
	width: calc(100%/4 - 1.5px);
	font-size: 14px;
	margin-right: 2px;
	float: left;
	height: 70px;
	text-align: center;
	color: #666;
	line-height: 70px;
	position: relative;
	cursor: pointer;
}

.tab-block .tab-buttons .tab-button:nth-child(4) {
	margin-right: 0;
}

.tab-block .tab-buttons .tab-button.cur {
	color: #333;
}

.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #d20000
}

.tab-block .tabs {
	width: 100%;
}

.tab-block .tabs .tab-item {
	width: 100%;
	height: 100%;
	padding: 5vh 0;
	display: none
}

.tab-block .tabs .tab-item:nth-child(1) {
	padding: 5vh 0;
}

.tab-block .tabs .tab-item.active {
	display: block
}

.tab-block .tabs #tab-one {
	background: #fff;
}

.cpxqxzbt {
	font-size: 24px;
	padding-bottom: 15px;
}

.cpxqxzbt2 {
	font-size: 24px;
	padding-bottom: 15px;
	padding-top: 20px;
	border-top: 1px solid #eee;
	margin-top: 30px;
}

.cpjsxt .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.cpjsxt .swiper-slide-thumb-active {
	opacity: 1;
}

.cpxxjs-xq-1 dl dt {
	float: left;
	width: 50%;
}

.cpxxjs-xq-1 dl dd {
	float: right;
	width: 45%;
}

.cpjsxt {
	padding-top: 15px;
}

.cpjsxt .swiper-slide {
	cursor: pointer;
}

.cpxxjs-xq-1 dl dd h1 {
	font-weight: 500;
	font-size: 30px;
	padding-top: 3vh;
}

.cpxqcpms {
	font-size: 18px;
	color: #666;
	padding-bottom: 20px;
}

.cpxqcpjs {
	line-height: 24px;
}

.cpxxjs-xq-1 {
	border-top: 1px solid #f1f1f1;
	padding-top: 30px;
	margin-top: 3vh;
}

.spotlight {
	position: relative;
	cursor: pointer;
}

.spotlight:nth-child(4n) {
	margin-right: 0;
}

.spotlight img {
	width: 100%;
}

.cpxxjs-tpxz {
	column-count: 4;
	break-inside: avoid;
}

.cpxxjs-tpxz-w:hover {
	transform: translateY(-10px);
	box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);
}

.cpxxjs-tpxz-w {
	position: relative;
	float: left;
	break-inside: avoid;
	margin: 7.5px 20px 7.5px 0;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.5s;
	border: 1px solid #f4f4f4;
}

.cpxxjs-tpxz-o {
	background: rgba(255, 255, 255, .7);
	position: absolute;
	bottom: -65px;
	width: 100%;
	padding: 10px 30px;
	backdrop-filter: blur(10px);
	text-align: right;
	transition: all 0.5s;
}

.cpxxjs-tpxz-o a {
	cursor: pointer;
	margin-left: 10px;
}

.cpxxjs-tpxz-o a i {
	padding-left: 10px;
	font-size: calc(16px + 0.2vw);
	color: #666;
	transition: all .5s;
}

.cpxxjs-tpxz-w:hover .cpxxjs-tpxz-o {
	bottom: 0;
}

.cpxxjs-tpxz-w .cpxxjs-tpxz-o a:hover i {
	color: #d20000;
	transform: translateY(-3px);
}


#spotlight .footer {
	width: 100%;
}

.cp3dxxxjs {
	padding-top: 15px;
}

.cp3dxxxjs img {
	max-width: 100%;
	margin: 0 auto;
}

.bannerxwt {
	background: url("../images/xwxqt.jpg") center no-repeat;
	background-size: cover;
	padding: 10vh 0;
	margin-top: 70px;
}

.bannerny_zxw {
	width: 100%;
	text-align: center;
	color: #fff;
}

.xwxq {
	padding: 5vh 0;
}

.xwxq img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.BEnAI {
	z-index: 10 !important;
	box-shadow: none !important;
	border-left: 6px solid #f4f4f4;
}

.jIfccS {
	overflow: hidden !important;
	max-height: initial !important;
}

.cFSLxQ {
	padding: 0 !important;
}

.OJJCp {
	margin-left: 30px !important;
}

.fqhzi {
	width: 45% !important;
}

.dvHFX {
	width: 45% !important;
	left: 10px;
}

.iMznQF {
	margin-bottom: 78px !important;
	border: none !important;
	margin-top: 0 !important;
}

.iMznQF::-webkit-scrollbar {
	width: 4px;
	height: 1px;
}

.iMznQF::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #333;
}

.iMznQF::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #fff;
}

.gfuSqG {
	left: auto !important;
	bottom: 20px !important;
}

.avticle_list ul li:hover a p:before {
	width: 100%;
}

.avticle_list ul li:hover .img:before {
	background: rgba(0, 0, 0, 0.5);
}

.avticle_list ul li:hover .img img {
	transform: scale(1);
}

.avticle_list ul li .img {
	margin-bottom: calc(0.5rem + 0.5vw);
	position: relative;
	overflow: hidden;
}

.avticle_list ul li .img img {
	transform: scale(1.1);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.avticle_list ul li .img:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	pointer-events: none;
}

.avticle_list ul li img {
	width: 100%;
}

.avticle_list ul li a p {
	position: relative;
	display: inline-block;
	padding-bottom: 5px;
}

.avticle_list ul li a p:before {
	content: '';
	width: 0;
	height: 1px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #888;
	-webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	transition: all .4s cubic-bezier(0.7, .45, .45, 1);
	pointer-events: none;
}

.avticle_list ul li:hover a p:before {
	width: 100%;
}

.avticle_list ul li:hover .img:before {
	background: rgba(0, 0, 0, 0.5);
}

.avticle_list ul li:hover .img img {
	transform: scale(1);
}

.sd_list ul li {
	width: 100%;
	margin: 0 0 0%;
}

.sd_list ul li a {
	width: 100%;
	display: block;
}

.sd_list ul li .img {
	width: 54%;
	float: left;
}

.sd_list ul li .text {
	width: 46%;
	float: right;
	padding-top: calc(1rem + 3vw);
	padding-left: calc(1rem + 3vw);
}

.sd_list ul li .text p {
	margin-bottom: calc(0.5rem + 0.5vw);
	font-size: 16px;
}

.sd_list ul li .text span {
	display: block;
	/*font-family:butler;*/
	color: #999;
}

.sd_list ul li:nth-of-type(2n) .img {
	float: right;
}

.sd_list ul li:nth-of-type(2n) .text {
	float: left;
}

.bannercpxq {
	height: calc(100vh - 30px);
}

.bannercpxq img {
	width: 100%;
	object-fit: cover;
	height: calc(100vh - 30px);
}

#demo-app {
	height: 85vh;
}

#tab-two img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.bannercpxqk {
	height: calc(100vh - 77.36px);
	display: none;
}

#spotlight .header {
	border: none !important;
}

.sxx-sjt {
	display: none;
}

.sjbdbdh {
	display: none;
}


@media (max-width: 1024px) {
	#top {
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
		width: 100%;
		padding: 20px 6% 15px;
		display: flex;
		justify-content: space-between;
		transition: 0.6s;
		background: #fff;
		box-shadow: 0px 0px 75px 0px rgba(0, 0, 0, 0.1);
	}

	#top .logo {
		margin-right: 2rem;
		float: left;
	}

	#top .logo a {
		display: block;
		float: left;
	}

	#top .logo a h1 {
		font-size: 1.3rem;
	}

	#top .logo img {
		height: 35px;
	}

	#top .menu {
		float: right;
		color: #666;
		padding-top: 4px;
	}

	#top .menu em {
		font-style: normal;
		padding-right: 13px;
		padding-top: 5px;
	}

	#top .menu span {
		width: 2rem;
		float: right;
		cursor: pointer;
		margin-top: -4px;
	}

	#top .menu span i {
		width: 100%;
		height: 2px;
		display: block;
		background: #333;
		margin: 6px 0;
	}

	#top .menu .menu2 i:nth-of-type(1) {
		transform: rotate(-45deg) translateY(10px);
	}

	#top .menu .menu2 i:nth-of-type(3) {
		transform: rotate(45deg) translateY(-12px);
	}

	#top .menu .menu2 i:nth-of-type(2) {
		transform: translateX(-40px);
		opacity: 0;
		filter: alpha(opacity=0);
		width: 0;
	}

	.top_oppen .menu,
	.top_oppen .menu u,
	.top_oppen .menu em {
		color: #333;
	}

	.top_oppen .menu u i {
		color: #fff;
	}

	.top_oppen .menu span i {
		background: #666 !important;
	}

	.top_hidden {
		transform: translateY(-100%);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.hback {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		visibility: hidden;
	}

	.caidan {
		width: 40%;
		max-width: 400px;
		height: 100%;
		background: #f6f6f6;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 101;
		transform: translateX(100%);
		visibility: hidden;
	}

	.caidan .caidan_nav {
		padding: 65px 0% 0;
		height: 100%;
		overflow-y: scroll;
	}

	.caidan .caidan_nav ul>.menu_list_box_item {
		border-bottom: 1px solid #ddd;
	}

	.caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 {
		color: #d20000;
	}

	.caidan .caidan_nav ul>.menu_list_box_item:hover .sjcd1 {
		color: #d20000;
	}

	.caidan .caidan_nav ul>.menu_list_box_item:nth-child(1) {
		padding-top: 20px;
	}

	.caidan .caidan_nav ul>.menu_list_box_item .caidan_1 {
		padding: 0 10%;
		display: block;
		font-size: 1rem;
		height: 2.2rem;
		line-height: 2.2rem;
	}

	.caidan .caidan_nav ul>.menu_list_box_item .sjcd1 {
		padding: 0 10%;
		display: block;
		font-size: 1rem;
		height: 2.2rem;
		line-height: 2.2rem;
		width: 60%;
		float: left;
	}

	.caidan .caidan_nav ul>.menu_list_box_item .sjcd2 {
		width: 40%;
		float: right;
	}

	.caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i {
		float: right;
		font-size: 20px;
		pointer-events: none
	}

	.caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i {
		transform: rotate(90deg);
	}

	.caidan .caidan_nav ul>.open .caidan_1 i {
		transform: rotate(90deg) !important;
	}

	.caidan.caidan_oppen {
		transform: translateX(0%);
		z-index: 999;
		visibility: visible;
	}

	.caidan_hidden {
		transform: translateX(100%);
	}

	.caidan .caidan_nav ul .caidan_2box {
		width: 100%;
		padding: 0 0 5% 10%;
		display: none;
		background: #f6f6f6;
	}

	.caidan .caidan_nav ul .caidan_2box li {
		height: 30px;
		line-height: 30px;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}

	.caidan .caidan_nav ul .caidan_2box li:nth-of-type(1) {
		border-top: 0;
	}

	.caidan .caidan_nav ul .caidan_2box li:hover a {
		transform: translateX(10px);
		color: #000;
	}

	.caidan .caidan_nav ul .caidan_2box li a {
		font-size: 12px;
		display: block;
		color: #666;
	}

	#top.hide-page-header {
		opacity: 0;
		filter: alpha(opacity=0);
		visibility: hidden;
		transition: opacity 700ms linear, visibility 700ms step-end;
	}

	.s_xw h1 {}
}




@media (max-width: 769px) {
	.caidan {
		width: 50%;
	}

	.s-sjs {
		padding: 60px 0 15px;
	}

	.s_sjs,
	.s_xw,
	.s-cpkn {
		padding: 0;
		padding-bottom: 45px;
	}

	.s-xw {
		padding: 60px 0 30px;
	}

	.s-cpkn,
	.s-xx,
	.info-3,
	.xzny {
		padding: 60px 0;
	}

	.infojj {
		padding: 60px 0 40px;
	}

	.s_sjs:hover .swiper-scrollbar {
		visibility: hidden;
	}

	.footer-2 ul {
		display: none;
	}

	.footer-2 p {
		padding-top: 0;
	}

	.s_cptj {
		padding: 30px 0 20px;
	}

	.cpkn_text dl dt {
		display: none;
	}

	.s-cpkn-o-r-2 .cpkn_text {
		display: none;
	}

	.s-xx-z {
		width: 90%;
		text-align: center;
		float: none;
		margin: 0 auto;
	}

	.s-xx {
		background: none;
	}

	.sxx-sjt {
		display: block;
		padding-top: 30px;
	}

	.sxx-sjt {
		width: 100%;
	}

	.s-xx-z p {
		padding-bottom: 30px;
	}

	.info-1-jj {
		width: 100%;
		padding-top: 25px;
		line-height: 24px;
	}

	.bannerny {
		margin-top: 65px;
	}

	.zxly {
		padding-bottom: 60px;
	}

	.xzny-lb ul li {
		width: calc(100%/2 - 10px);
		margin-right: 20px;
	}

	.xzny-lb ul li:nth-child(2n) {
		margin-right: 0;
	}

	.bannercpxq img {
		height: auto;
	}

	.bannercpxq {
		padding-top: 64px;
		height: auto;
	}

	.Scroll-tip {
		display: none;
		visibility: hidden;
	}

	.product_box .left ul li a img {
		height: 140px;
	}
}


@media (max-width: 640px) {
	.caidan {
		width: 70%;
	}
	.card {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}

	.s_sjs {
		padding: 0;
		padding-bottom: 20px;
	}

	.s_xw {
		padding: 0;
		padding-bottom: 40px;
	}

	.s-sjs {
		padding: 40px 0;
	}

	.s-xw {
		padding: 40px 0 30px;
	}

	.s-cpkn,
	.s-xx,
	.info-3 {
		padding: 40px 0;
	}

	.s-sjs .swiper-slide .s_sjs_nr h3 {
		font-size: 22px;
		padding-bottom: 3px;
	}

	.s-sjs .swiper-slide .s_sjs_nr {
		padding: 20px;
	}

	.s-cpkn-o,
	.s-cpkn-o-r-2 {
		flex-wrap: wrap;
	}

	.s-cpkn-o-l,
	.s-cpkn-o-r {
		width: 100%;
	}

	.s-cpkn-o-l {
		margin-bottom: 2%;
	}

	.foooter-1 {
		display: none;
	}

	footer {
		padding-bottom: 50px;
		background: #f1f1f1;
	}

	.s-bt a {
		width: 50%;
		text-align: center;
		margin: 0 auto;
		position: relative;
		top: 2px;
		font-size: 12px;
	}

	.s-xx-z p {
		font-size: 16px;
	}

	.sjbdbdh {
		display: none;
		position: fixed;
		bottom: 0;
		background: rgba(9, 9, 9, 0.3);
		padding: 10px 6%;
		width: 100%;
		border-top: 1px solid Rgba(255, 255, 255, 0.2);
		z-index: 10;
		transition: 0.5s;
	}

	.sjbdbdh a {
		width: calc(100%/2 - 5px);
		margin-right: 10px;
		background: #fff;
		display: block;
		float: left;
		font-size: 12px;
		text-align: center;
		padding: 8px 0;
	}

	.sjbdbdh a:nth-child(2) {
		margin: 0;
	}

	.info-2 a {
		width: 100%;
		margin-right: 0;
	}

	.infojj {
		padding: 40px 0 25px;
	}

	.info-2 a p {
		font-size: 20px;
	}

	.info-3-t {
		flex-wrap: wrap;
	}

	.info-3-t img {
		width: calc(100%/3);
		margin-top: 10px;
	}

	.info-3-bt {
		padding-bottom: 20px;
	}

	.product_box {
		padding: 40px 0 20px;
	}

	.product_box .left ul li {
		width: calc(100%/2 - 5px);
		margin-bottom: 10px;
	}

	.product_box .left ul li:nth-child(2n) {
		margin-right: 0;
	}

	.product_list_box .product_list_open .left {
		width: 80%;
		max-width: 100%;
	}

	.sd_list ul li .img {
		width: 100%;
	}

	.sd_list ul li .text {
		width: 100%;
		padding: 0;
	}

	.sd_list ul li .text p {
		margin-bottom: 0;
	}

	.sd_list ul li .text span {
		text-transform: uppercase;
		font-size: 12px;
		float: right;
	}

	.sd_list ul li {
		margin-bottom: 25px;
	}

	.xzny,
	.xzindex {
		padding: 40px 0 20px;
	}

	.zxly {
		padding-bottom: 40px;
	}

	.xzindex a {
		width: 100%;
		margin-bottom: 25px;
	}

	.xzindex a p {
		padding: 10px 0;
		font-size: 20px;
	}

	.xzny-nav a {
		padding: 4px 10px;
	}

	.xzny-lb-bt {
		padding: 13px 10px;
		font-size: 12px;
	}

	.xzny-nav {
		padding-bottom: 25px;
	}

	.xzny-lb ul li {
		width: 100%;
		margin-right: 0;
	}

	.cpxxjs-nav .w15204 {
		width: 90% !important;
	}

	.tab-block .tab-buttons .tab-button {
		width: calc(100%/4);
		margin-right: 0;
		font-size: 12px;
	}

	.cpxxjs-tpxz {
		column-count: 2;
	}

	.cpxxjs-tpxz-w {
		margin-right: 0;
	}

	.product_box .left ul li a p {
		padding: 15px 10px;
		font-size: 14px;
		background-size: 3%;
	}

	.product_box .left ul li:hover a p {
		background-size: 3%;
	}

	.swi_designers_box .designers_name {
		top: inherit;
		position: absolute;
		bottom: 8%;
		transform: translateY(0);
	}

	.swi_designers .swiper-slide .text {
		width: 50%;
	}

	.swi_designers .swiper-slide .text .more {}

	.swi_designers .swiper-slide .text {
		top: inherit;
		bottom: 35.5%;
	}

	.swi_designers .swiper-slide .text span.info {
		font-size: 12px;
		line-height: 14px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.swi_designers_box .designers_name {
		height: 150px;
	}

	.swi_designers_box .designers_name ul li p {
		color: rgba(255, 255, 255, 0.5);
		font-size: 12px;
	}

	.swi_designers_box .designers_name ul li.swiper-slide-thumb-active p {
		color: rgba(255, 255, 255, 1);
	}

	.swi_designers_box .designers_name .swiper-wrapper {
		height: 150px;
	}

	.swi_designers_box .designers_name ul li:before {
		width: 0px;
	}

	.swi_designers .swiper-slide .text span.name {
		font-size: 18px;
	}

	.s_sjs .swiper-scrollbar {
		visibility: visible;
	}

	.s_sjs:hover .swiper-scrollbar {
		visibility: visible;
	}

	.lxwm {
		padding: 40px 0;
		line-height: 16px;
	}

	.lxwm h1 {
		line-height: 24px;
	}

}

@media (max-width: 320px) {
	.s-xx-z h1 {
		font-size: 20px;
	}


}

.proinfo {
	text-align: center;
	margin-top: 130px;
}

.proinfo h1 {
	line-height: 50px;
}

.proinfo img {
	max-width: 100%;
}

.product_box .left ul {
	display: flex;
	flex-wrap: wrap;

}
.product_box .left ul li {
	height: 420px;
	width: 23.5%;
	margin-right:1.5%;
}
.product_box .left ul li a{
	height: 360px;
	display:flex;
	align-items: center;
	justify-content: center;
}

.product_box .left ul li a img {
	width: 100%;
	height: auto;
	object-fit：cover;
}

@media (max-width: 769px) {
	.product_box .left ul li {
		height: 380px;
		width: 100%;
	}
	.product_box .left ul li a{
		height: 320px;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.product_box .left ul li a img {

	}
}