/* 	 */
/* 修复移动端 Banner 分层问题 */
@media (max-width: 767px) {
	/* 1. 修复背景图模式 */
	.swiper-slide[style*="background-image"] {
		background-size: cover !important;
		background-position: center center;
		background-repeat: no-repeat !important;
	}

	/* 2. 修复视频模式 */
	#auto-video {
		object-fit: cover !important;
		width: 100%;
		height: 100% !important;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* 3. 修复 Swiper 容器高度 */
	.swiper.mySwiper3 {
		height: 100vh !important;
		min-height: 100vh !important;
	}
	.swiper-slide {
		height: 100% !important;
	}

	/* 4. 禁止父容器溢出 */
	.content {
		overflow: hidden !important;
	}
	.swiper.mySwiper3 .swiper-wrapper {
		height: 100vh !important;
	}
}


@media (max-width: 767px) {
  .content .banner .swiper .swiper-slide[style*="background-image"] {
    background-size: contain !important;
  }
  .main_case .video-box {
      width: 100%;
      height: 30%;
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-100%);
    }
}
/* .box2:before {
	content: "";
	background: rgb(0 0 0 / 78%);
	position: absolute;
	top: 0;
	min-height: 100%;
	left: 0;
	right: 0;
    z-index: -1;
    border-radius: 10px;
} */
ul.links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
ul.links li a {
	margin: 0 15px;
	font-size: 16px;
	color: #B3B3B3;
}
.swiper-slide video,.single-content video {
	width: 100%;
}
.slide p img {
	width: 100%;
	height: auto;
}
.change img {
	width: 20px;
	height: 20px;
}
.singlecontent {
	width: 65%!important;
	margin: auto;
	margin-top: 50px;
}
.single-cat-title {
	border-bottom: 2px solid #ededed;
	padding-bottom: 10px;
	margin-bottom: 35px;
	color: #ffc107;
    font-size: 18px;
}
.thetime {
	color: #8c8c8c;
}
.single-cat-title a {
	color: #ffc107;
	font-size: 18px;
}
.single-content {
	font-size: 18px;
	line-height: 1.75;
}
.single-content p img {
	max-width: 100%;
	height: auto;
}
.single-content p {
	margin-bottom: 15px;
}
.single-content img {
	max-width: 100%;
    height: auto;
	display: block;
}
.h1title {
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0 25px 0;
}
.nextt,.prevv,.fan {
	width: 32%;
	display: inline-block;
	margin-top: 80px;
}
.nextt a,.prevv a,.fan a {
	color: #000;
}
.fan {
	text-align: center;
}
.fan a {
	padding: 10px 35px;
	background: #ffc107;
	border-radius: 5px;
}
.nextt {
	text-align: right;
}

@media (max-width: 900px) {
	.singlecontent {
		width: 100%!important;
		width: auto;
		margin-top: 0;
	}
	.single-cat-title {
		margin-bottom: 20px;
	}
	.h1title {
		font-size: 18px;
	}
	.nextt, .prevv, .fan {
		width: 49%;
	}
	.fan {
		display: none;
	}
}
.page_list a.current {
	color: #ff9800;
}
.right_icon {
	top: 55%!important;
}
.menu {
	display:none;
}
.mobile_navbar {
	display:none;
}
.wsnull {
	height:85px;
}
.fadein_box {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:9999999;
	background:rgba(0,0,0,0.6);
	display:none;
}
.fadein_box .box {
	overflow:hidden;
	width:900px;
	background:#fff;
	position:relative;
}
.fadein_box .box .close {
	cursor:pointer;
	position:absolute;
	right:15px;
	top:15px;
	z-index:999;
}
.fadein_box .box video {
	width:100%;
	display:block;
}
.maps {
	width:100%;
	overflow:hidden;
}
.maps img {
	display:block;
	width:100%;
}
.main_cares {
	overflow:hidden;
	width:100%;
	padding-bottom:80px;
	background:#000000;
}
.main_cares .m {
	overflow:hidden;
	display:flex;
	padding:0 100px;
	flex-wrap:wrap;
}
.main_cares .m li {
	overflow:hidden;
	background:#fff;
	margin-right:2.75%;
	margin-top:50px;
	width:31.5%;
}
.main_cares .m li:hover .pic img {
	transform:scale(1.03);
}
.main_cares .m li .pic {
	overflow:hidden;
	width:100%;
	position:relative;
}
.main_cares .m li .pic p {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:39px;
	font-weight:100;
	color:#fff;
	position:absolute;
	left:0;
	top:0;
}
.main_cares .m li .pic img {
	display:block;
	width:101%;
	transition:all .5s;
}
.main_cares .m li .child {
	overflow:hidden;
	width:100%;
	padding:35px 40px;
}
.main_cares .m li .child h3 {
	font-size:15px;
	font-weight:bold;
	line-height:26px;
	margin-bottom:10px;
	color:#ffb100;
}
.main_cares .m li .child p {
	padding-left:14px;
	font-size:12px;
	color:#000000;
	line-height:22px;
	margin-top:5px;
	background-image:url(../images/rright_05.jpg);
	background-repeat:no-repeat;
	background-position:left 6px;
	position:relative;
	display:block;
}
.main_cares .m li:nth-child(3n) {
	margin-right:0;
}
.main_cares .cares_banner {
	overflow:hidden;
	width:100%;
	height:804px;
	background-size:cover;
	background-position:center center;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	background-image:url(../images/cares_05.jpg);
	padding-bottom:35px;
}
.main_cares .cares_banner div {
	overflow:hidden;
}
.main_cares .cares_banner div p {
	text-align:center;
	font-size:44px;
	color:#fff;
	font-weight:100;
	margin-bottom:40px;
}
.main_cares .cares_banner div span {
	display:block;
	width:650px;
	text-align:center;
	margin:0 auto;
	font-size:19px;
	color:#fff;
	line-height:35px;
}
.main_qa {
	overflow:hidden;
	width:100%;
	padding:140px 100px;
	background:#fff;
}
.main_qa .main_box {
	overflow:hidden;
	margin-top:65px;
	display:flex;
	justify-content:space-between;
}
.main_qa .main_box .rights {
	overflow:hidden;
	width:33.6%;
}
.main_qa .main_box .rights .hot {
	overflow:hidden;
	width:100%;
	background:#F2F2F2;
	margin-top:20px;
	padding:40px 50px;
	padding:40px 55px 50px 55px;
}
.main_qa .main_box .rights .hot .title {
	display:block;
	font-size:20px;
	color:#000;
	line-height:50px;
	border-bottom:1px solid #F9CF71;
	font-weight:bold;
}
.main_qa .main_box .rights .hot ul {
	overflow:hidden;
	padding:10px 0;
}
.main_qa .main_box .rights .hot ul li {
	overflow:hidden;
}
.main_qa .main_box .rights .hot ul li a {
	padding:10px 0;
	display:block;
}
.main_qa .main_box .rights .hot ul li a p {
	font-size:16px;
	color:#333;
	margin-bottom:5px;
}
.main_qa .main_box .rights .hot ul li a span {
	display:block;
	font-size:14px;
	color:#666;
}
.main_qa .main_box .rights .form {
	overflow:hidden;
	width:100%;
	background:#F2F2F2;
	padding:40px 55px 50px 55px;
}
.main_qa .main_box .rights .form .title {
	display:block;
	font-size:20px;
	color:#000;
	line-height:30px;
	border-bottom:1px solid #F9CF71;
	font-weight:bold;
	padding-bottom:6px;
}
.main_qa .main_box .rights .form .submit {
	overflow:hidden;
	width:100%;
	background:#FFAB00;
	height:42px;
	font-size:20px;
	display:flex;
	align-items:center;
	margin-top:20px;
	color:#000;
	font-weight:bold;
	cursor:pointer;
	position:relative;
	justify-content:center;
}
.main_qa .main_box .rights .form .label {
	overflow:hidden;
	font-size:12px;
	margin-top:15px;
	background:#fff;
	height:40px;
	width:100%;
	display:flex;
	align-items:center;
	position:relative;
}
.main_qa .main_box .rights .form .label .send {
	overflow:hidden;
	height:100%;
	display:flex;
	align-items:center;
	font-size:16px;
	color:#FFB51D;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
	padding:0 25px;
}
.main_qa .main_box .rights .form .label select {
	width:50%;
	height:100%;
	padding-left:20px;
	box-sizing:border-box;
	border:none;
	outline:none;
	background:none;
	font-size:16px;
	background-image:url(../images/downss_03.png);
	background-repeat:no-repeat;
	background-position:right 25px center;
	color:#9C9C9C;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.main_qa .main_box .rights .form .label select.wss {
	width:100%;
}
.main_qa .main_box .rights .form .label input {
	width:100%;
	height:100%;
	border:none;
	outline:none;
	font-size:14px;
	color:#9C9C9C;
	background:none;
	padding-left:20px;
}
.main_qa .main_box .page_lists {
	overflow:hidden;
	margin-top:50px;
}
.main_qa .main_box .page_lists a {
	display:block;
	font-size:20px;
	line-height:40px;
	transition:all .1s;
	font-weight:bold;
	color:#000;
}
.main_qa .main_box .page_lists a:hover {
	color:#FFB100;
}
.main_qa .main_box .list {
	overflow:hidden;
	width:60%;
}
.main_qa .main_box .list ul {
	overflow:hidden;
	margin-bottom:50px;
}
.main_qa .main_box .list ul li {
	overflow:hidden;
	border-bottom:1px solid #FFB100;
}
.main_qa .main_box .list ul li .slide {
	overflow:hidden;
	padding-left:80px;
	padding-top:10px;
	padding-bottom:20px;
}
.main_qa .main_box .list ul li .slide .tit {
	display:block;
	font-size:25px;
	color:#000;
	font-weight:bold;
}
.main_qa .main_box .list ul li .slide .lab {
	overflow:hidden;
}
.main_qa .main_box .list ul li .slide .lab span {
	display:inline-flex;
	align-items:center;
	height:33px;
	padding:0 10px;
	font-size:20px;
	color:#000;
	font-weight:bold;
	background:#FFB100;
	margin-top:24px;
}
.main_qa .main_box .list ul li .slide .lab .font {
	display:block;
	font-size:18px;
	color:#333;
	margin-top:8px;
}
.main_qa .main_box .list ul li .slide .lab img {
	display:block;
	margin-top:10px;
	max-width:100%;
}
.main_qa .main_box .list ul li .top {
	overflow:hidden;
	padding:30px 0 20px 0;
}
.main_qa .main_box .list ul li .top .label {
	overflow:hidden;
	display:flex;
	margin-bottom:10px;
	align-items:flex-start;
	justify-content:space-between;
}
.main_qa .main_box .list ul li .top .label:last-child .icon {
	background:#000000;
	color:#FFB100;
}
.main_qa .main_box .list ul li .top .label .icon {
	width:57px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#000;
	font-family:'Microsoft YaHei', Arial, Helvetica, sans-serif;
	background:#FFB100;
}
.main_qa .main_box .list ul li .top .label .grow {
	overflow:hidden;
	width:calc(100% - 57px - 22px);
}
.main_qa .main_box .list ul li .top .label:first-child .grow p {
	font-size:20px;
	font-weight:bold;
	line-height:36px;
	color:#000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main_qa .main_box .list ul li .top .label .grow span {
	display:block;
	font-size:17px;
	line-height:30px;
	color:#101010;
	margin-bottom:8px;
}
.main_qa .main_box .list ul li .top .label .grow .fons {
	padding-left:14px;
	font-size:16px;
	color:#000000;
	line-height:28px;
	background-image:url(../images/rright_05.jpg);
	background-repeat:no-repeat;
	background-position:left 10px;
	position:relative;
}
.main_qa .main_box .list ul li .top .label .grow em {
	display:block;
	font-size:12px;
	color:#AFAFAF;
}
.main_qa .top_search {
	/* overflow:hidden; */
}
.main_qa .top_search .b {
	overflow:hidden;
	height:55px;
	display:flex;
	align-items:center;
}
.main_qa .top_search .b li {
	height:100%;
	position:relative;
}
.main_qa .top_search .b li a {
	height:100%;
	display:flex;
	align-items:center;
	font-size:19px;
	font-weight:bold;
	padding-right:50px;
	color:#000;
	transition:all .1s;
}
.main_qa .top_search .b li:hover a {
	color:#FFB100;
}
.main_qa .top_search .t {
	height:90px;
	display:flex;
	align-items:center;
	border-bottom:1px solid #B0B0B0;
}
.main_qa .top_search .t li {
	height:100%;
	position:relative;
}
.main_qa .top_search .t li:last-child::after {
	display:none;
}
.main_qa .top_search .t li.on a {
	color:#FFB100;
}
.main_qa .top_search .t a:hover {
	color:#FFB100;
}
.main_qa .top_search .t li:hover .children {
	display: flex;
	z-index: 2;
}
.main_qa .top_search .t .children {
	display: none;
    position: absolute;
    width: 1200px;
    height: 64px;
	top: 101%;
	background-color: #fff;
    opacity: 1;
}
.main_qa .top_search .t li a {
	display:flex;
	align-items:center;
	height:100%;
	font-size:24px;
	padding:0 36px;
	transition:all .1s;
	color:#333;
}
.main_qa .top_search .t li:first-child a {
	padding-left:0;
}
.main_qa .top_search .t li::after {
	content:'';
	width:1px;
	height:30px;
	background:#A6A6A6;
	position:absolute;
	right:0px;
	top:50%;
	transform:translateY(-50%);
}
.main_qa .slides p {
    display: block;
    font-size: 17px;
    line-height: 30px;
    color: #101010;
    margin-bottom: 8px;
    width: 100%;
    font-weight: 500;
}
.main_qa .slides p img{
    max-width: 100%;
    height: auto;
}
.contact_form {
	overflow:hidden;
	width:100%;
	height:572px;
	background-image:url(../images/contact_23.jpg);
	background-size:cover;
	display:flex;
	align-items:center;
	justify-content:center;
	padding: 0px 15%;
}
.contact_form .m {
	width:1200px;
	overflow:hidden;
}
.contact_form .m .head {
	overflow:hidden;
}
.contact_form .m .head p {
	font-size:26px;
	color:#fff;
	margin-bottom:10px;
	font-weight:bold;
}
.contact_form .m .head span {
	display:block;
	font-size:16px;
	color:#fff;
}
.contact_form .m .form {
	overflow:hidden;
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:30px;
}
.contact_form .m .form .submit {
	overflow:hidden;
	width:49%;
	background:#FFAB00;
	height:42px;
	font-size:20px;
	display:flex;
	align-items:center;
	margin-top:20px;
	color:#000;
	font-weight:bold;
	cursor:pointer;
	position:relative;
	justify-content:center;
}
.contact_form .m .form .label {
	overflow:hidden;
	width:49%;
	background:#fff;
	height:42px;
	font-size:12px;
	display:flex;
	align-items:center;
	margin-top:20px;
	position:relative;
}
.contact_form .m .form .label .send {
	overflow:hidden;
	height:100%;
	display:flex;
	align-items:center;
	font-size:16px;
	color:#FFB51D;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
	padding:0 25px;
}
.contact_form .m .form .label select {
	width:50%;
	height:100%;
	padding-left:20px;
	box-sizing:border-box;
	border:none;
	outline:none;
	background:none;
	font-size:16px;
	background-image:url(../images/downss_03.png);
	background-repeat:no-repeat;
	background-position:right 25px center;
	color:#9C9C9C;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.contact_form .m .form .label select.wss {
	width:100%;
}
.contact_form .m .form .label input {
	width:100%;
	height:100%;
	border:none;
	outline:none;
	font-size:14px;
	color:#9C9C9C;
	background:none;
	padding-left:20px;
}
.contact_icon {
	overflow:hidden;
	background:#fff;
	width:100%;
	padding:90px 250px;
}
.contact_icon .m {
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.contact_icon .m li {
	overflow:hidden;
}
.contact_icon .m li img {
	display:block;
	margin:0 auto;
	margin-bottom:38px;
}
.contact_icon .m li p {
	text-align:center;
	font-size:15px;
	color:#333;
	margin-bottom:10px;
}
.contact_icon .m li span {
	display:block;
	text-align:center;
	font-size:16px;
	color:#333;
	font-family:CAI978;
}
.mySwiper3 {
	width:100%;
	height:100vh;
}
.mySwiper3 .slidebox {
	width:100%;
	height:100vh;
	overflow:auto;
}
.mySwiper3 .slidebox::-webkit-scrollbar {
	width:2px;
	height:1px;
}
.mySwiper3 .slidebox::-webkit-scrollbar-thumb {
	background:#000;
}
.mySwiper3 .slidebox::-webkit-scrollbar-track {
	background:#000;
}
.right_icon {
	position:fixed;
	right:-100px;
	top:50%;
	z-index:999;
}
.right_icon .label {
	width:150px;
	height:45px;
	background:#1f1f1f;
	display:flex;
    transition: transform .5s ease-in-out;
	margin-bottom:1px;
	align-items:center;
	transform:translateX(0px);
	cursor:pointer;
	border-radius: 6px 0px 0px 6px;
}
.right_icon .label:hover {
	transform:translateX(-100px);
}
.right_icon .label a {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
.tops img {
	width: 45px;
	height: 45px;
	margin-left: 3px;
}
.right_icon .label img {
	display:block;
	margin-left: 3px;
	width: 45px;
	height: 45px;
}
.right_icon .label a div,.right_icon .label div {
	font-size:13px;
	margin-left:5px;
	color:#f6f6f6;
}
.desbanner {
	overflow:hidden;
	width:100%;
}
.desbanner img {
	display:block;
	width:100%;
}
.main_history {
	overflow:hidden;
	width:100%;
	display:flex;
	position:relative;
	justify-content:space-between;
}
.main_history .main_history_list {
	width:calc(100% - 190px);
	padding:0 19%;
	padding-bottom:140px !important;
}
.main_history .main_history_list ul {
	overflow:hidden;
	width:100%;
}
.main_history .main_history_list ul li {
	overflow:hidden;
	padding-top:135px;
}
.main_history .main_history_list ul li p {
	text-align:center;
	font-size:28px;
	color:#000;
	font-family:'CAI978', Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:40px;
}
.main_history .main_history_list ul li div {
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.main_history .main_history_list ul li div a {
	overflow:hidden;
	margin-right:9px;
	margin-top:10px;
	position:relative;
	display:block;
}
.main_history .main_history_list ul li div a span {
	width:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	left:0;
	bottom:0;
	padding:10px;
	font-size:12px;
	color:#fff;
	display:block;
	line-height:1.4;
	box-sizing:border-box;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}
.main_history .main_history_list ul li div a img {
	display:block;
	width: 216px;
}
.main_history .navbar {
	width:190px;
	background:#fff;
	position:relative;
}
.main_history .navbar ul {
	overflow:auto;
	width:190px;
	height:calc(100vh - 90px - 85px);
	position:relative;
	left:0;
	height:100vh;
	z-index:999;
	padding-top:50px;
}
.main_history .navbar ul::-webkit-scrollbar {
	width:2px;
	height:1px;
}
.main_history .navbar ul::-webkit-scrollbar-thumb {
	background:#FFB104;
}
.main_history .navbar ul::-webkit-scrollbar-track {
	background:#EDEDED;
}
.main_history .navbar ul.on {
	position:fixed;
	left:0;
	top:90px;
	background: #fff;
}
.main_history .navbar ul li {
	overflow:hidden;
	width:100%;
	height:35px;
}
.main_history .navbar ul li.on a div {
	background-image:url(../images/des_page_07.jpg);
}
.main_history .navbar ul li.on a p {
	color:#FFB104;
}
.main_history .navbar ul li:hover a div {
	background-image:url(../images/des_page_07.jpg);
}
.main_history .navbar ul li:hover a p {
	color:#FFB104;
}
.main_history .navbar ul li a {
	display:flex;
	align-items:center;
	height:100%;
	justify-content:center;
	width:100%;
}
.main_history .navbar ul li a div {
	width:4px;
	height:6px;
	background-size:100% 100%;
	margin-right:14px;
	background-image:url(../images/des_page_10.jpg);
}
.main_history .navbar ul li a p {
	font-size:14px;
	color:#B9B9B9;
}
.content.on {
	height:auto;
}
.content .header {
	width:100%;
	height:90px;
	position:fixed;
	transition:all .3s;
	left:0;
	top:0;
	z-index:9999;
}
.content .header.on {
	background:#fff;
}
.content .header.on .m .right ul li a {
	color:#333;
}
.content .header .m {
	width:1500px;
	height:100%;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.content .header .m .logo {
	width:121px;
	height:33px;
	background-size:100% 100%;
}
.content .header .m .right {
	height:100%;
	display:flex;
	align-items:center;
}
.content .header .m .right .search {
	width:22px;
	height:22px;
	background-image:url(../images/search.png);
	cursor:pointer;
	background-size:100% 100%;
}
.content .header.on .m .right .search {
	width:22px;
	height:22px;
	background-image:url(../images/header.png);
	cursor:pointer;
	background-size:100% 100%;
}
.content .header .m .right ul {
	height:auto;
	display:flex;
	align-items:center;
	margin-right:4vw;
}
.content .header .m .right ul li {
	height:100%;
	display:flex;
	align-items:center;
	/* margin-right:50px; */
	padding: 0px 25px;
}
.content .header .m .right ul li ul.sub-menu li {
	overflow: hidden;
	width: 29%;
	position: relative;
	display: inline-block;
	text-align: center;
	margin-bottom:30px;
}
.content .header .m .right ul li > ul.sub-menu li a{
	width:320px;
	height:110px;
	box-sizing:border-box;
}
.content .header .m .right ul li ul.sub-menu li .three {
	width:320px;
	box-sizing:border-box;
	margin:0 auto;
	padding-bottom:20px;
} 
.content .header .m .right ul li ul.sub-menu li .three a{
	display:block;
	font-size:19px;
	line-height:45px;
	color:#333;
	padding:0;
	height:30px;
	text-align:left;
	padding-left:108px;
	font-family:sans-serif,Source-R
}
.content .header .m .right ul li ul.sub-menu li .three a:hover{
	color:#fff;
}
.content .header .m .right ul li ul.sub-menu li:hover .three {
	background:#F5B81C;
	color:#fff;
}
.content .header .m .right ul li ul.sub-menu li{
	vertical-align:top;
}
.content .header .m .right ul li ul.sub-menu li::after {
	content: '';
	width: 1px;
	height: 76px;
	background: #615A57;
	position: absolute;
	right: 2px;
	top: 20px;

}

.content .header .m .right ul li ul.sub-menu li:nth-child(3n)::after,
.content .header .m .right ul li ul.sub-menu li:last-child::after{
	display:none;
}
.content .header .m .right ul li:hover .sub-menu {
	opacity:1;
	top:99%;
	visibility:initial;
}
.content .header .m .right ul li .sub-menu {
	width:100%;
	background:rgba(255,255,255,0.9);
	position:absolute;
	left:0;
	visibility:hidden;
	opacity:0;
	top:120%;
	transition:all .3s;
	display: inline-block;
	/* padding: 30px 50px; */
	padding: 30px 0px 30px 100px;
}
.content .header .m .right ul li .sub-menu .mm {
	width:1500px;
	margin:0 auto;
	overflow:hidden;
	display:flex;
	align-items:center;
	padding:30px 0;
	flex-wrap:wrap;
}
.content .header .m .right ul li .sub-menu .mm .lab {
	overflow:hidden;
	width:33.33%;
	padding:0 5%;
	position:relative;
}
.content .header .m .right ul li .sub-menu .mm .lab::after {
	content:'';
	width:1px;
	height:76px;
	background:#615A57;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.content .header .m .right ul li .sub-menu .mm .lab:nth-child(3n)::after {
	display:none;
}
.content .header .m .right ul li .sub-menu .mm .lab a {
	display:flex;
	align-items:center;
	box-sizing:border-box;
	justify-content:center;
	padding:25px 30px;
}
.content .header .m .right ul li .sub-menu .mm .lab a:hover {
	background:#FFBE00;
}
.content .header .m .right ul li .sub-menu .mm .lab a img {
	display:block;
}
.content .header .m .right ul li .sub-menu .mm .lab a div {
	overflow:hidden;
	margin-left:24px;
}
.content .header .m .right ul li .sub-menu .mm .lab a div p {
	font-size:33px;
	color:#000;
	font-weight:bold;
	line-height:1;
	margin-bottom:10px;
}
.content .header .m .right ul li .sub-menu .mm .lab a div span {
	font-size:26px;
	color:#000;
	font-weight:bold;
	display:block;
}
.content .header .m .right ul li.on > a {
	background:#F5B81C;
	color:#fff;
}
.content .header .m .right ul li:hover > a {
	background:#F5B81C;
	color:#fff;
}
.content .header .m .right ul li > a {
	display:inline-flex;
	align-items:center;
	height:35px;
	font-weight:bold;
	padding:0 24px;
	font-size:16px;
	color:#fff;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	justify-content:flex-start;
}
.content .header .m .right ul li > ul.sub-menu li a {
	padding: 0px 25px;
	color: #000;
	font-size: 24px;
	text-align: left;
}
.content .header .m .right ul li > ul.sub-menu li a span{
	display:block;
	text-align:left;
}
.content .header .m .right ul li > ul.sub-menu li a span:nth-of-type(1){
	font-size:33px;
	font-family: GothamBlack;
}
.content .header .m .right ul li > ul.sub-menu li a span:nth-of-type(2){
	font-size:24px;
	font-family: sans-serif,Source-N;
}
.content .header .m .right>ul>li:nth-of-type(2) .sub-menu>li>a{
	justify-content:flex-start;
}
.content .header .m .right ul li > ul.sub-menu li a img {
	margin-right:10px;
	width:70px;
}
.content .header .m .right>ul>li:nth-of-type(3) .sub-menu,
.content .header .m .right>ul>li:nth-of-type(5) .sub-menu{
	text-align:center;
}
.foo-xf {
	overflow:hidden;
	width:100%;
	background:#fff;
	display:flex;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
	/* 	box-shadow:0 0 10px rgba(0,0,0,0.1); */
	align-items:center;
	justify-content:center;
	padding:25px 0;
}
.foo-xf div {
	overflow:hidden;
	display:flex;
	align-items:center;
}
.foo-xf div a {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 100px;
}
.foo-xf div span {
	font-size:18px;
	color:#333;
	font-weight:bold;
	margin-left:15px;
}
.foo-xf div img {
	display:block;
}
.content .footer {
	overflow:hidden;
	width:100%;
	background:#010101;
	padding:40px 0;
}
.content .footer .m {
	width:1500px;
	overflow:hidden;
	margin:0 auto;
}
.content .footer .m .title {
	display:block;
	font-size:17px;
	font-weight:bold;
	color:#fff;
}
.content .footer .m .box {
	overflow:hidden;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
.content .footer .m .box .fr {
	display:flex;
	align-items:center;
	width:40%;
	flex-wrap:wrap;
}
.content .footer .m .box .fr li {
	position:relative;
	margin-left:45px;
	margin-top:18px;
}
.content .footer .m .box .fr li a {
	display:flex;
	align-items:center;
}
.content .footer .m .box .fr li a img {
	display:block;
}
.content .footer .m .box .fr li a span {
	font-size:17px;
	color:#B3B3B3;
	margin-left:10px;
}
.content .footer .m .box .fl {
	overflow:hidden;
}
.content .footer .m .box .fl ul {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.content .footer .m .box .fl ul li {
	font-size:17px;
	color:#837B75;
	margin-top:27px;
	margin-right:30px;
}
.content .footer .m .box .fl ul li a {
	color:#B3B3B3;
}
.content .footer .m .box .fl div {
	display:flex;
	align-items:center;
}
.content .footer .m .box .fl div span {
	display:block;
	font-size:17px;
	color:#B3B3B3;
	margin-right:30px;
	margin-top:30px;
}
.content .main_news {
	width:100%;
	padding-top:13.8888888889vh;
}
.content .main_news .head {
	overflow:hidden;
	text-align:center;
}
.content .main_news .head p {
	text-align:center;
	font-size:60px;
	color:#000;
	font-weight:bold;
	line-height:1;
	margin-bottom:15px;
	font-family:Gothammedium;
}
.content .main_news .head span {
	/*         display:block;
	*/
	text-align:center;
	font-size:30px;
	color:#000;
}
.content .main_news .box {
	width:100%;
	position:relative;
	margin-top:65px;
}
.content .main_news .box .more {
	position:absolute;
	right:80px;
	bottom:315px;
	z-index:99;
	overflow:hidden;
}
.content .main_news .box .more a {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#F5B81C;
	width:122px;
	height:46px;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	color:#000;
}
.content .main_news .box .btns {
	cursor:pointer;
	position:absolute;
	width:40px;
	background:rgba(0,0,0,0.5);
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	top:0%;
	z-index:99;
	opacity:0.8;
	transition:all .1s;
}
.content .main_news .box .btns:hover {
	opacity:1;
}
.content .main_news .box .btns.prev {
	left:0;
}
.content .main_news .box .btns.next {
	right:0;
}
.content .main_news .box .swiper {
	width:100%;
	overflow:hidden;
}
.content .main_news .box .swiper .swiper-slide {
	width:25%;
	position:relative;
	padding-bottom:50px;
}
.content .main_news .box .swiper .swiper-slide .item {
	width:100%;
	position:relative;
	transition:all .3s;
	transform-origin:bottom center;
}
.content .main_news .box .swiper .swiper-slide .item:hover {
	transform:scale(1.03);
	z-index:99;
}
.content .main_news .box .swiper .swiper-slide .item:hover .pic p {
	background:none;
	opacity:1;
	/* padding-bottom:26px; */
}
.content .main_news .box .swiper .swiper-slide .item:hover .pic div {
	/* background:none; */
	height: 30%;
}
.content .main_news .box .swiper .swiper-slide .item:hover .btn {
	visibility:initial;
	opacity:1;
	bottom:-40px;
}
.content .main_news .box .swiper .swiper-slide .item .btn {
	width:100%;
	display:flex;
	align-items: center;
    justify-content: center;
	height:40px;
	font-size:20px;
	color:#000;
	background:#F5B81C;
	position:absolute;
	letter-spacing:1px;
	left:0;
	bottom:0px;
	opacity:0;
	visibility:hidden;
	transition:all .3s;
}
.content .main_news .box .swiper .swiper-slide .item .pic {
	width:100%;
	position:relative;
}
.content .main_news .box .swiper .swiper-slide .item .pic img {
	width:100%;
	display:block;
}
.content .main_news .box .swiper .swiper-slide .item .pic div {
	height:100%;
	box-sizing:border-box;
	background:rgba(0,0,0,0.5);
	text-align:center;
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
	transition:all .3s;
	display:flex;
	align-items:center;
	justify-content:center;
}
.content .main_news .box .swiper .swiper-slide .item .pic div p {
	font-size:20px;
	font-weight:bold;
	transition:all .3s;
	color:#fff;
	opacity:0;
}
.content .main_case {
	overflow:hidden;
	width:100%;
	position:relative;
	height:calc(100vh - 85px);
}
.content .main_case .btn {
	cursor:pointer;
	position:absolute;
	top:50%;
	z-index:9999;
	opacity:0.8;
	transition:all .1s;
	transform:translate(0,-50%);
}
.content .main_case .btn:hover {
	opacity:1;
}
.content .main_case .btn.prev {
	left:66px;
}
.content .main_case .btn.next {
	right:66px;
}
.content .main_case .head {
	overflow:hidden;
	position:absolute;
	left:50%;
	z-index:2;
	top:23%;
	transform: translate(-50%,-50%);
}
.content .main_case .head p {
	text-align:center;
	font-size:60px;
	color:#000;
    font-family:Gothammedium;
	font-weight:bold;
	line-height:1;
	margin-bottom:15px;
  
}
.content .main_case .head span {
	/*         display:block;
	*/
	text-align:center;
	font-size:40px;
	color:#000;
	
}
.content .main_case .swiper {
	width:100%;
	height:100%;
}
.content .main_case .swiper .swiper-slide {
	width:100%;
	height:100%;
	position:relative;
}
.content .main_case .swiper .swiper-slide video {
	object-fit:cover;
	width:100%;
	display:block;
	height:100%;
}
.content .main_case .swiper .swiper-slide .font {
	width:100%;
	height:180px;
	background:rgba(0,0,0,0.6);
	position:absolute;
	left:0;
	bottom:0;
	padding:0 80px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.content .main_case .swiper .swiper-slide .font .fl {
	overflow:hidden;
}
.content .main_case .swiper .swiper-slide .font .fl p {
	font-size:25px;
	color:#fff;
	margin-bottom:15px;
}
.content .main_case .swiper .swiper-slide .font .fl div {
	display:flex;
	align-items:center;
}
.content .main_case .swiper .swiper-slide .font .fl div a {
	display:flex;
	align-items:center;
	font-size:20px;
	color:#F5B81C;
}
.content .main_case .swiper .swiper-slide .font .fl div img {
	display:block;
	margin-left:10px;
}
.content .main_case .swiper .swiper-slide .font .more {
	overflow:hidden;
}
.content .main_case .swiper .swiper-slide .font .more a {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#F5B81C;
	width:122px;
	height:46px;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	color:#000;
}
.content .main_product {
	overflow:hidden;
	padding:160px 0 0 0;
	height:100vh;
	width:100%;
	background-color:#010101;
}
.content .main_product.on {
	padding-top:90px;
	padding-bottom:85px;
}
.content .main_product.on ul {
	height:100%;
	display:flex;
	align-items:center;
}
.content .main_product.on ul li {
	margin:0;
}
.content .main_product .head {
	overflow:hidden;
	text-align:center;
	width:100%;
}
.content .main_product .head p {
	text-align:center;
	font-size:60px;
	color:#fff;
	line-height:1;
	font-weight:bold;
	font-family:Gothammedium;
	margin-bottom:15px;
}
.content .main_product .head span {
	/*         display:block;
	*/
	font-size:40px;
	color:#fff;
	text-align:center;
}
.content .main_product ul {
	overflow:hidden;
}
.content .main_product ul li {
	width:100%;
	margin-top:20px;
	display:flex;
	align-items:center;
	padding-right:14.375vw;
	justify-content:space-between;
}
.content .main_product ul li.on {
	margin:0;
}
.content .main_product ul li.even {
	flex-direction:row-reverse;
	padding-right:0;
	padding-left:14.375vw;
}
.content .main_product ul li.even .grow::after {
	content:'';
	width:30vw;
	height:1px;
	background-image:url(../images/line_03.png);
	position:absolute;
	top:95px;
	left:55%;
}
.content .main_product ul li .pic {
	display:block;
	max-width:60%;
	position:relative;
}
.content .main_product ul li .pic img {
	display:block;
	max-width:100%;
}
.content .main_product ul li .grow {
	position:relative;
	width:336px;
}
.content .main_product ul li .grow::after {
	content:'';
	width:25vw;
	height:1px;
	background-image:url(../images/line_03.png);
	position:absolute;
	right:110%;
	top:35%;
}
.content .main_product ul li .grow .des_logo {
	display:block;
	margin-bottom:18px;
}
.content .main_product ul li .grow p {
	font-size:23px;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:16px;
	color:#fff;
}
.content .main_product ul li .grow span {
	display:block;
	font-size:14px;

	color:#fff;
	line-height:23px;
}
.content .main_product ul li .grow .more {
	overflow:hidden;
	margin-top:20px;
}
.content .main_product ul li .grow .more a {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#F5B81C;
	width:195px;
	height:30px;
	font-size:15px;
	color:#000;
}
.content .des_banner {
	width:100%;
	overflow:hidden;
	height:calc(100vh - 85px);
	display:flex;
	align-items:center;
	justify-content:center;
	background-size:cover;
	background-position:center center;
	background-image:url(../images/icon_06.jpg);
}
.content .des_banner .m {
	width:1500px;
	overflow:hidden;
	margin:0 auto;
}
.content .des_banner .m .box {
	overflow:hidden;
	width:100%;
	margin-top:75px;
	border-left:1px solid #F5B81C;
	display: flex;
    flex-direction: column;
}
.content .des_banner .m .box ul {
	overflow:hidden;
}
.content .des_banner .m .box ul li {
	font-size:20px;
	color:#fff;
	margin-top:20px;
	padding-left:38px;
}
.content .des_banner .m .box ul li a {
	color:#fff;
}
.content .des_banner .m .box .title {
	overflow:hidden;
	background:#F5B81C;
	padding:20px 35px 20px 35px;
	display:inline-block;
	width:70%;
}
.content .des_banner .m .box .title:not(:first-child) {
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    padding: 20px 35px 0px 35px;
    display: inline-block;
    width: 70%;
}
.content .des_banner .m .box .title:not(:first-child) .advantage-title {
    color: #fff;
}
.content .des_banner .m .box .title:not(:first-child) .advantage-content {
    display: none;
}
.content .des_banner .m .box .title p {
	font-size:20px;
	color:#000;
	margin-bottom:10px;
}
.content .des_banner .m .box .title div {
	display:flex;
	align-items:flex-end;
}
.content .des_banner .m .box .title div span {
	font-size:27px;
	color:#000;
	line-height:1;
	margin-right:65px;
	position:relative;
}
.content .des_banner .m .box .title div span::after {
	content:'';
	width:2px;
	height:25px;
	background:#000;
	position:absolute;
	right:-32px;
	top:50%;
	transform:translateY(-50%);
}
.content .des_banner .m .box .title div em {
	font-size:18px;
	color:#000;
	line-height:1;
}
.content .des_banner .m .head {
	overflow:hidden;
	padding-left:26px;
}
.content .des_banner .m .head p {
	font-size:80px;
	color:#fff;
	font-family:Gothammedium;
	font-weight:bold;
}
.content .des_banner .m .head span {
	display:block;
	font-size:38px;
	opacity:0.95;
	color:#fff;
}
.content .des_banner .m .head em {
	display:block;
	font-size:23px;
	margin-top:10px;
	opacity:0.85;
	color:#fff;
}
.content .banner {
	width:100%;
	height:calc(100vh - 85px);
	overflow:hidden;
	position:relative;
}
.content .banner .swiper {
	width:100%;
	overflow:hidden;
	height:100%;
}
.content .banner .swiper .swiper-slide {
	width:100%;
	position:relative;
	height:100%;
	background-size:cover;
	background-position:center center;
	
}
.content .banner .swiper .swiper-slide .pic {
	width:100%;
	display:block;
}
.content .banner .label {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
}
.content .banner .label .m {
	width:1500px;
	margin:0 auto;
	overflow:hidden;
	padding-top:12.7083333333vw;
}
.content .banner .label .m p {
	font-size:66px;
	color:#fff;
	letter-spacing:1px;
	font-weight:bold;
	margin-bottom:50px;
}
.content .banner .label .m span {
	display:block;
	font-size:22px;
	color:#fff;
	line-height:35px;
}
.content .banner .label .m img {
	display:block;
	margin-top:10px;
}
.content .main_news .head p {
	color:#fff;
}
.content .main_news .head span {
	color:#fff;
}
.content .v1-text {
    width: 100%;
    overflow: hidden;
    padding: 12vw 3vw 0vw 3vw;
    position: absolute;
    top: 0px;
    left: 0px;
}
.content .v1-text p {
    font-size: 46px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 50px;
}
.content .v1-text span {
    display: block;
    font-size: 15px;
    color: #fff;
    line-height: 35px;
}
.content .v1-text img {
    display: block;
    margin-top: 10px;
}
@media (max-width:900px) {
	.content .v1-text {
		padding-top: 3rem;
	}
	.content .v1-text p {
		font-size: .4rem;
		margin-bottom: 0.2rem;
		text-align: center;
	}
	.content .v1-text span {
		font-size: .26rem;
		text-align: center;
	}
	.content .v1-text img {
		margin: 0 auto;
		margin-top: 0.3rem;
	}
}
.page_list {
	display:flex;
	align-items:center;
	justify-content:center;
}
.page_list a {
	font-size:22px;
	transition:all .1s;
	padding:0 11px;
	color:#000;
}
.page_list a:hover {
	color:#FFC316;
}
.page_list span {
    color: #ff9800;
    font-size: 22px;
    transition: all .1s;
    padding: 0 11px;
}
.page_list span:hover {
	color:#FFC316;
}
.main_warranty_center {
	overflow:hidden;
	width:100%;
	padding:140px 0 80px 0;
}
.main_warranty_center .m {
	width:89.21875%;
	margin:0 auto;
}
.main_warranty_center .m .box {
	overflow:hidden;
	width:100%;
}
.main_warranty_center .m .box .item {
	overflow:hidden;
	padding:40px 0;
	border-bottom:1px solid #ffb100;
}
.main_warranty_center .m .box .item h3 {
	font-size:23px;
	font-weight:bold;
	color:#ffb100;
}
.main_warranty_center .m .box .item div {
	overflow:hidden;
	margin-top:30px;
}
.main_warranty_center .m .box .item div,
.main_warranty_center .m .box .item p
{
	display:block;
	font-size:19px;
	color:#000000;
	/* font-weight:bold; */
	line-height:38px;
}
.main_warranty_center .m .box .item div em {
	display:block;
	font-size:19px;
	color:#000000;
	line-height:38px;
}
.main_warranty_center .m .tabbar {
	overflow:hidden;
	border-bottom:1px solid #B1B1B1;
}
.main_warranty_center .m .tabbar ul {
	display:flex;
	align-items:center;
}
.main_warranty_center .m .tabbar ul li {
	position:relative;
	display:flex;
	align-items:center;
	height:90px;
	font-size:24px;
	color:#000000;
}
.main_warranty_center .m .tabbar ul li:first-child a {
	padding-left:0;
}
.main_warranty_center .m .tabbar ul li.on a {
	color:#ffb100;
}
.main_warranty_center .m .tabbar ul li:hover a {
	color:#ffb100;
}
.main_warranty_center .m .tabbar ul li::after {
	content:'';
	width:1px;
	height:30px;
	background:#999;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.main_warranty_center .m .tabbar ul li:last-child::after {
	display:none;
}
.main_warranty_center .m .tabbar ul li a {
	color:#000000;
	padding:0 30px;
	height:100%;
	transition:all .1s;
	display:flex;
	align-items:center;
}
.common_content {
	overflow:hidden;
	width:100%;
	padding:140px 0 80px 0;
}
.common_content .content{
    color: #262626;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    justify-content: center;
    width: 100%;
}
.common_content .content .box{
    display: flex;
    flex-direction: column;
    width: 1200px;
}
.common_content .content .box div{
    font-family: 'Source-N';
    font-size: 15px;
}
.common_content .content .box em {
    font-style: italic !important;
}
@media (max-width:900px) {
	.common_content {
		padding: 40px 20px;
	}
}
.main_warranty {
	overflow:hidden;
	width:100%;
	padding:100px 0 80px 0;
}
.main_warranty .m {
	width:89.21875%;
	margin:0 auto;
}
.main_warranty .m h2 {
	text-align:center;
	font-size:42px;
	color:#333;
	margin-bottom:38px;
}
.main_warranty .m .list {
	overflow:hidden;
	width:100%;
	background:#000000;
	margin-top:35px;
}
.main_warranty .m .list ul {
	overflow:hidden;
}
.main_warranty .m .list ul li {
	overflow:hidden;
	display:flex;
	justify-content:space-between;
	padding:60px 13% 60px 3%;
}
.main_warranty .m .list ul li .title {
	font-size:36px;
	font-weight:bold;
	font-family:'Microsoft YaHei', Arial, Helvetica, sans-serif;
	color:#FFBD00;
}
.main_warranty .m .list ul li .grow {
	overflow:hidden;
	width:calc(100% - 190px);
}
.main_warranty .m .list ul li .grow p {
	font-size:24px;
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom:24px;
}
.main_warranty .m .list ul li .grow span {
	display:block;
	font-size:25px;
	color:#fff;
	margin-top:20px;
}
.main_warranty .m .list ul li .grow .pic {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}
.main_warranty .m .list ul li .grow .pic div {
	overflow:hidden;
	margin-right:12px;
	margin-top:50px;
	max-width:100%;
}
.main_warranty .m .list ul li .grow .pic div img {
	display:block;
	margin:0 auto;
	max-width:100%;
	margin-bottom:22px;
}
.main_warranty .m .list ul li .grow .pic div em {
	display:block;
	text-align:center;
	font-size:18px;
	color:#FFBD00;
	font-weight:bold;
}
.main_warranty .m .change {
	overflow:hidden;
	width:100%;
	height:60px;
	background:#E6E6E6;
	font-size:12px;
	position:relative;
}
.main_warranty .m .change input {
	width:100%;
	height:100%;
	border:none;
	outline:none;
	font-size:18px;
	color:#333;
	padding-left:20px;
	background:none;
}
.main_warranty .m .change img {
	cursor:pointer;
	position:absolute;
	right:25px;
	top:50%;
	transform:translateY(-50%);
}
.main_warranty .m .tabbar {
	width:100%;
	overflow:hidden;
	display:flex;
	align-items:center;
	background:#FFE9AB;
	height:40px;
}
.main_warranty .m .tabbar div {
	overflow:hidden;
	width:50%;
	height:100%;
	font-size:18px;
	color:#333;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	cursor:pointer;
}
.main_warranty .m .tabbar div.on {
	background:#FFBD00;
}
.main_case_box {
	width:100%;
	overflow:hidden;
	padding:130px 0;
}
.main_case_box .m {
	width:89.21875%;
	margin:0 auto;
}
.main_case_box .m .case_list {
	overflow:hidden;
	width:100%;
}
.main_case_box .m .case_list.news ul li a .info img {
	width:13px;
}
.main_case_box .m .case_list ul {
	display:flex;
	margin-top:30px;
	flex-wrap:wrap;
}
.main_case_box .m .case_list ul li {
	overflow:hidden;
	width:32.59345794392523%;
	margin-right:1.10981308411215%;
	margin-bottom:20px;
	position:relative;
}
.main_case_box .m .case_list ul li:nth-child(3n) {
	margin-right:0;
}
.main_case_box .m .case_list ul li:hover a > img {
	transform:scale(1.03);
}
.main_case_box .m .case_list ul li a {
	display:block;
	width:100%;
}
.main_case_box .m .case_list ul li a > img {
	display:block;
	width:100%;
	transition:all .6s;
}
.main_case_box .m .case_list ul li a .info {
	overflow:hidden;
	width:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	left:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:16px 30px 16px 26px;
}
.main_case_box .m .case_list ul li a .info div {
	overflow:hidden;
	width:90%;
}
.main_case_box .m .case_list ul li a .info div p {
	font-size:16px;
	font-weight:bold;
	margin-bottom:6px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	color:#fff;
}
.main_case_box .m .case_list ul li a .info div span {
	display:block;
	font-size:12px;
	color:#fff;
}
.main_case_box .m .case_list ul li a .info img {
	display:block;
}
.main_case_box .m .main_searh_box {
	overflow:hidden;
	width:100%;
}
.main_case_box .m .main_searh_box .label {
	display:flex;
	align-items:center;
	padding-bottom:37px;
	border-bottom:1px solid #808080;
	margin-bottom:33px;
	justify-content:space-between;
}
.main_case_box .m .main_searh_box .label ul {
	padding-bottom:0;
}
.main_case_box .m .main_searh_box .change {
	overflow:hidden;
	width:326px;
	height:40px;
	background:#E6E6E6;
	font-size:12px;
	position:relative;
}
.main_case_box .m .main_searh_box .change input ,.main_case_box .m .main_searh_box .change form {
	width:100%;
	height:100%;
	border:none;
	outline:none;
	font-size:18px;
	color:#333;
	padding-left:10px;
	background:none;
}
.main_case_box .m .main_searh_box .change img {
	cursor:pointer;
	position:absolute;
	right:15px;
	top:50%;
	width: 22px;
	height: 22px;
	transform:translateY(-50%);
}
.main_case_box .m .main_searh_box ul {
	overflow:hidden;
	display:flex;
	align-items:flex-start;
	padding-bottom:37px;
	/* flex-wrap:wrap; */
}
.main_case_box .m .main_searh_box ul .slither {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
}
.slither::-webkit-scrollbar {
  height: 10px;
}
.slither::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}
.slither::-webkit-scrollbar-thumb {
  background-color: #8888887a;
  border-radius: 10px;
  border: 1px solid #f2f2f2;
}
.slither::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.main_searh_box ul li a.current,.main_searh_box ul li.current-cat a,.top_search ul li.current-cat > a {
	color: #ffc107!important;
}
.main_case_box .m .main_searh_box ul li {
	font-size:24px;
	color:#000;
	margin-top:10px;
	position:relative;
}

.main_case_box .m .main_searh_box ul li.all a:first-child {
	color:#ffcc39;
	padding-right:35px;
}
.main_case_box .m .main_searh_box ul li::after {
	content:'';
	width:1px;
	height:32px;
	background:#b8b8b8;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.main_case_box .m .main_searh_box ul li:last-child::after {
	display:none;
}
.main_case_box .m .main_searh_box ul li.all a {
	width:120px;
	text-align:center;
	display:flex;
	transition:all .1s;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
}
@media (max-width:900px) {
	.main_case_box .m .main_searh_box ul li.all a {
		width:auto;
	}
	.main_case_box .m .main_searh_box ul li.all a:first-child {
		padding-right: 0.25rem;
	}
}
.main_case_box .m .main_searh_box ul li a {
	color:#000;
	width:185px;
	text-align:center;
	display:flex;
	transition:all .1s;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
}
.main_case_box .m .main_searh_box ul li a:hover {
	color:#ffcc39;
}
@media (max-width:1800px) {
	.main_warranty .m,.main_case_box .m {
		width:95% !important;
	}
}@media (max-width:1600px) {
	.m,.content .header .m .right ul li .sub-menu {
		width:95% !important;
	}
	.content .header .m .right ul li .sub-menu {
		width:100% !important;
	}
	.content .header .m .right ul li .sub-menu li a p {
		font-size:30px;
	}
	.content .header .m .right ul li .sub-menu li a span {
		font-size:24px;
	}
	.main_history .main_history_list {
		padding:0 10%;
	}
	.main_qa .main_box .rights .form {
		padding:30px;
	}
	.main_qa .main_box .rights .hot {
		padding:30px;
	}
}@media (max-width:1200px) {
	.m {
		width:95% !important;
	}
	.content .header .m .right ul li {
		margin-right:30px;
		padding:0px;
	}
	.content .banner .label .m p,.content .main_news .head p,.content .main_case .head p,.content .des_banner .m .head p,.content .main_product .m .head p {
		font-size:50px;
	}
	.content .main_product .head span,.content .main_news .head span,.content .main_case .head span {
		font-size:30px;
	}
	.content .main_news .box .swiper .swiper-slide .item .pic div p {
		font-size:15px;
		padding:0 10px;
	}
	.content .main_news .box .swiper .swiper-slide .item .btn {
		font-size:17px;
	}
	.content .footer .m .box .fr li {
		margin-left:30px;
	}
	.foo-xf div a {
		padding:0 50px;
	}
	.content .main_case .head {
		top:5vh;
	}
	.content .des_banner .m .head span {
		font-size:30px;
	}
	.content .des_banner .m .head em {
		font-size:22px;
	}
	.content .des_banner .m .box .title div span {
		font-size:20px;
	}
	.content .des_banner .m .box .title div em {
		font-size:15px;
	}
	.content .banner .label .m span {
		font-size:20px;
	}
}@media (max-width:900px) {
	.m {
		width:100% !important;
		padding:0 .3rem;
	}
	.main_qa {
		padding:.3rem;
	}
	.main_qa .top_search .t {
		/* flex-wrap:wrap; */
		padding:.3rem 0;
		height:auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	.main_qa .top_search .t li a {
		font-size:.26rem;
		padding:.1rem .2rem;
	}
	.main_qa .top_search .t li:first-child a {
		padding:.1rem .2rem;
	}
	.main_qa .top_search .t li::after {
		height:.3rem;
	}
	.main_qa .top_search .b {
		height:auto;
		padding:.2rem 0;
		/* flex-wrap:wrap; */
		overflow-x: auto;
		white-space: nowrap;
	}
	ul::-webkit-scrollbar{
		width: 0px;
		height: 0px;
	}
	.main_qa .top_search .b li {
		margin: 0 0.21333rem 0 0;
		background: #f5f5f5;
		border-radius: 0.10667rem;
	}
	.main_qa .top_search .b li a {
		font-size:.26rem;
		padding:.1rem .2rem;
	}
	.main_qa .main_box {
		margin-top:.3rem;
		display:block;
		width:100%;
	}
	.main_qa .main_box .list {
		width:100%;
	}
	.main_qa .main_box .list ul li .top {
		padding-top:.3rem;
	}
	.main_qa .main_box .list ul li .top .label .icon {
		width:.7rem;
		height:.4rem;
		font-size:.3rem;
	}
	.main_qa .main_box .list ul li .top .label .grow {
		width:calc(100% - 1rem);
	}
	.main_qa .main_box .list ul li .top .label .grow p {
		font-size:.26rem;
		line-height:.4rem;
	}
  .main_qa .slides p img{ 
    max-width:100%;
    height:auto;
  }
	.main_qa .main_box .list ul li .top .label:first-child .grow p {
		line-height:.4rem;
	}
	.main_qa .main_box .list ul li .top .label .grow span {
		font-size:.26rem;
		line-height:.4rem;
	}
	.main_qa .main_box .list ul li .top .label .grow em {
		font-size:.22rem;
	}
	.main_qa .main_box .rights {
		width:100%;
		margin-top:.3rem;
	}
	.main_qa .main_box .rights .form {
		padding:.3rem;
	}
	.main_qa .main_box .rights .form .title {
		font-size:.3rem;
		line-height:1.7;
	}
	.main_qa .main_box .rights .hot .title {
		font-size:.3rem;
		line-height:.66rem;
	}
	.main_qa .main_box .rights .form .submit {
		font-size:.3rem;
	}
	.main_qa .main_box .rights .hot {
		padding:.3rem;
	}
	.main_qa .main_box .rights .hot ul li a p {
		font-size:.28rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.main_qa .main_box .rights .hot ul li a span {
		font-size:.24rem;
	}
	.main_qa .main_box .list ul li .slide {
		padding-left:0rem;
	}
	.main_qa .main_box .list ul li .slide .tit {
		font-size:.3rem;
	}
	.main_qa .main_box .list ul li .slide .lab .font {
		font-size:.26rem;
		line-height:1.7;
	}
	.main_qa .main_box .list ul li .slide .lab span {
		font-size:.28rem;
	}
	.main_qa .main_box .page_lists a {
		font-size:.3rem;
		line-height:.6rem;
	}
	.main_qa .main_box .page_lists {
		margin-top:.5rem;
	}
	.main_qa .main_box .list ul {
		margin-bottom:.3rem;
	}
	.content .header .m .right {
		display:none;
	}
	.content .header {
		height:1rem;
		background:#fff;
	}
	.content .header .m .logo {
		background-image:url(../images/header1.png);
	}
	.content .header .m .right .search {
		background-image:url(../images/header.png);
	}
	.content .header .m .right ul li a {
		color:#333;
	}
	.content .header .m .logo {
		width:1.8rem;
		height:0.5rem;
	}
	.content .banner .label .m p {
		font-size:.34rem;
		margin-bottom:.2rem;
	}
	.content .banner .label .m span {
		font-size:.22rem;
		line-height:1.6;
	}
	.content .banner .label .m img {
		width:1rem;
		margin-top:0;
	}
	.swiper-pagination {
		font-size:12px;
		bottom:.66rem !important;
	}
	.null {
		height:1rem;
	}
	.content .des_banner {
		height:calc(100vh - 1.2rem);
	}
	.content .main_product ul li.even {
		padding:1rem .5rem;
	}
	.content .main_product {
		padding:1rem 0;
	}
	.content .main_product .head span {
		font-size:.26rem;
	}
	.content .main_product .head p {
		margin-bottom:.2rem;
	}
	.content .main_product ul li {
		display:block;
		width:100%;
		margin-top:1.5rem;
	}
	.content .main_case .swiper .swiper-slide .font {
		padding:.12rem .3rem;
		height:auto;
	}
	.content .main_case .head {
		display:none;
	}
	.content .main_case .btn.prev {
		left:.3rem;
	}
	.content .main_case .btn.next {
		right:.3rem;
	}
	.content .main_case .btn {
		width:.3rem;
		top:40%;
	}
	.content .main_news {
		padding:.6rem 0;
		padding-bottom:.7rem;
		padding-top: calc(100vh - 80vh - 1.2rem);
	}
	.content .main_news .box {
		margin-top:.6rem;
	}
	.content .footer {
		padding:.6rem 0;
	}
	.content .footer .m {
		display:block;
	}
	.content .footer .m .title {
		font-size:.28rem;
	}
	.content .footer .m .box {
		display:block;
		width:100%;
	}
	.content .footer .m .box .fl {
		width:100%;
		float:none;
	}
	.content .footer .m .box .fl ul li {
		font-size:.22rem;
		margin-top:.2rem;
		margin-right:.2rem;
	}
	.content .footer .m .box .fl div span {
		font-size:.22rem;
		margin-top:.2rem;
		margin-right:.2rem;
	}
	.content .footer .m .box .fr {
		width:100%;
		float:none;
		justify-content:center;
		margin-top:.33rem;
	}
	.foo-xf {
		padding:.3rem;
	}
	.foo-xf div {
		width:33.33%;
	}
	.foo-xf div a {
		width:100%;
		padding:0;
		display:block;
	}
	.foo-xf div span {
		font-size:.22rem;
		text-align:center;
		display:block;
		width:100%;
		padding:0;
		margin:0;
	}
	.foo-xf div a img {
		width:.45rem;
		margin:0 auto;
		margin-bottom:.2rem;
	}
	.content .footer .m .box .fr li {
		margin-right:.3rem;
		margin-left:0;
		margin-top:.2rem;
	}
	.content .footer .m .box .fr li a img {
		width:.45rem;
	}
	.content .footer .m .box .fr li a span {
		font-size:.22rem;
	}
	.content .main_news .head span {
		font-size:.26rem;
	}
	.content .main_news .box .swiper .swiper-slide .item .btn {
		height:.5rem;
		bottom:-.5rem;
		opacity:1;
		visibility:initial;
		font-size:.24rem;
	}
	.content .main_news .head p {
		margin-bottom:.16rem;
	}
	.content .main_news .box .swiper .swiper-slide {
		width:50%;
	}
	.content .main_news .box .more {
		left:0;
		bottom:-.6rem;
		right:0;
		width:100%;
	}
	.content .main_news .box .more a {
		width:2rem;
		height:.66rem;
		font-size:.26rem;
		margin:0 auto;
	}
	.content .main_news .box .btns img {
		width:.3rem;
	}
	.content .main_news .box .swiper .swiper-slide .item .pic div p {
		opacity:1;
		font-size:.22rem;
		padding:.2rem;
	}
	.content .footer .m .box .fr {
		/* display:none; */
	}
	.content .footer {
		padding-top:.8rem;
	}
	.content .main_case .swiper .swiper-slide .font .more a {
		width:1.6rem;
		height:.66rem;
		font-size:.26rem;
	}
	.content .main_case .swiper .swiper-slide .font .fl p {
		font-size:.26rem;
		margin-bottom:.06rem;
	}
	.content .main_case .swiper .swiper-slide .font .fl div a {
		font-size:.24rem;
	}
	.content .main_case .swiper .swiper-slide .font .fl div a img {
		width:.12rem;
	}
	.content .main_product ul li > img {
		width:80%;
		margin:0 auto;
		max-width:80%;
		margin-bottom:.3rem;
	}
	.content .main_product ul li .grow {
		width:100%;
	}
	.content .main_product ul li .grow .des_logo {
		width:1.5rem;
		margin:0 auto;
		margin-bottom:.2rem;
	}
	.content .main_product ul li .grow p {
		font-size:.3rem;
		text-align:center;
		margin-bottom:.2rem;
	}
	.content .main_product ul li .grow span {
		font-size:.24rem;
		text-align:center;
		line-height:1.6;
	}
	.content .main_product ul li .grow .more a {
		width:4rem;
		height:.6rem;
		font-size:.26rem;
		margin:0 auto;
	}
	.content .banner .label .m p,.content .main_news .head p,.content .main_case .head p,.content .des_banner .m .head p,.content .main_product .head p {
		font-size:.36rem;
	}
	.content .des_banner .m .head p {
		text-align:center;
		margin-bottom:.15rem;
	}
	.content .des_banner .m .box {
		margin-top:1.5rem;
	}
	.content .des_banner .m .box .title {
		padding:.3rem;
		width:100%;
	}
	.content .des_banner .m .box .title p {
		font-size:.26rem;
		font-weight:bold;
	}
	.content .des_banner .m .box ul li {
		font-size:.26rem;
		padding-left:.3rem;
		margin-top:.2rem;
	}
	.content .des_banner .m .box .title div {
		display:block;
	}
	.content .des_banner .m .box .title div span {
		font-size:.24rem;
		margin-right:0;
		display:block;
	}
	.content .des_banner .m .box .title div em {
		display:block;
		margin-top:.1rem;
		font-size:.2rem;
	}
	.content .des_banner .m .head span {
		font-size:.26rem;
		text-align:center;
	}
	.content .des_banner .m .head em {
		font-size:.22rem;
		margin-top:.06rem;
		text-align:center;
	}
	.content .des_banner .m .box .title:not(:first-child) {
		width: 100%;
	}
	.menu {
		width:.5rem;
		position:absolute;
		right:.3rem;
		top:.3rem;
		z-index:999;
		display:block;
	}
	.mobile_navbar {
		display:block;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.6);
		position:fixed;
		z-index:999999;
		left:0;
		top:0;
		display:none;
	}
	.mobile_navbar .box {
		width:70%;
		position:absolute;
		right:-70%;
		top:0;
		overflow:auto;
		height:100%;
		background:#fff;
		box-shadow:0 0 20px rgba(0,0,0,0.1);
	}
	ul.sub-menu li a img {
		display: none!important;
	}
	ul.navbar-nav li a img {
		display: none;
	}
	ul.navbar-nav li.menu-item-has-children a img {
		display: block;
	}
	.mobile_navbar .box ul {
		overflow:hidden;
	}
	.mobile_navbar .box ul li {
		overflow:hidden;
		width:100%;
		border-bottom:1px solid #ECECEC;
	}
	.mobile_navbar .box ul li > a {
		display:flex;
		align-items:center;
		height:100%;
		height:.9rem;
		padding-right:.2rem;
		padding-left:.3rem;
		font-size:.28rem;
		color:#333;
		justify-content:space-between;
	}
	.content .main_product ul li .pic {
		width:100%;
		max-width:100%;
		margin-bottom:.5rem;
	}
	.content .main_product ul li:nth-child(even) {
		padding:0 .5rem;
	}
	.content .main_product ul li {
		padding:0 .5rem;
	}
	.mobile_navbar .box ul li > a.on img {
		transform:rotate(90deg);
	}
	.mobile_navbar .box ul li > a img {
		transition:all .2s;
	}
	.childer {
		overflow:hidden;
		padding-left:.3rem;
		display:none;
	}
	.childer a {
		display:flex;
		align-items:center;
		border-bottom:1px solid #ECECEC;
		height:100%;
		height:.9rem;
		padding-left:.5rem;
		font-size:.26rem;
		color:#333;
	}
	.mobile_navbar .box ul li .sub-menu {
		display:none;
		padding-bottom:.3rem;
	}
	.mobile_navbar .box ul .sub-menu li > a {
		display:flex;
		align-items:center;
		height:.6rem;
		padding-left:.6rem;
		color:#9D9EA5;
		font-size:.28rem;
	}
	.mobile_navbar .box ul .sub-menu li {
		border-bottom:0px solid #ECECEC;
	}
	.mobile_navbar .box > img {
		width:.4rem;
		margin:.3rem;
		float:right;
	}
	.childer a:last-child {
		border:none;
	}
	.menu {
		position:absolute;
	}
	.content .banner {
		height:calc(100vh - 1rem - 1.2rem);
	}
	.swiper-pagination {
		bottom:.1rem !important;
	}
	.content .banner .label .m p {
		font-size:.4rem;
	}
	.content .banner .label .m span {
		font-size:.26rem;
	}
	.content .banner .label {
		display:flex;
		align-items:center;
		justify-content:center;
		padding-bottom:3rem;
	}
	.content .banner .label .m img {
		margin:0 auto;
		width:1.6rem;
		margin-top:.3rem;
	}
	.content .banner .label .m {
		padding-top:2rem;
	}
	.content .banner .label .m p {
		text-align:center;
	}
	.content .banner .label .m span {
		text-align:center;
	}
	.foo-xf {
		padding:0;
		height:1.2rem;
	}
	.wsnull {
		height:1.2rem;
	}
	.main_history .navbar {
		width:1.6rem;
	}
	.main_history .navbar ul {
		width:1.6rem;
	}
	.main_history .navbar ul.on {
		top:1rem;
		padding-top:.5rem;
	}
	.main_history .navbar ul li a p {
		font-size:.24rem;
	}
	.main_history .navbar ul li a div {
		margin-right:.1rem;
	}
	.main_history .main_history_list {
		width:calc(100% - 1.6rem);
		padding:0 5%;
	}
	.main_history .main_history_list ul li {
		padding-top:1rem;
	}
	.main_history .main_history_list ul li p {
		font-size:.3rem;
		margin-bottom:.3rem;
	}
	.main_history .main_history_list ul li div {
		justify-content:space-between;
	}
	.main_history .main_history_list ul li div a {
		width:48%;
		margin:0;
		margin-bottom:.2rem;
	}
	.main_history .main_history_list ul li div a img {
		width:100%;
	}
	/*.right_icon {*/
	/*	display:none;*/
	/*}*/
	.content .main_product.on {
		padding:0;
	}
	.content .main_product.on ul {
		height:calc(100% - 1.2rem);
	}
	.content .main_case {
		height:calc(100vh - 1rem - 1.2rem);
	}
	.content .main_news .head p {
		color:#fff;
	}
	.content .main_news .head span {
		color:#fff;
	}
	.content .main_product.on {
		height:calc(100vh - 1.2rem);
	}
	.main_history .main_history_list ul li div a span {
		font-size:.2rem;
		padding:.1rem;
	}
	.main_case_box {
		padding:.6rem 0;
	}
	.main_warranty .m,.main_case_box .m {
		width:100% !important;
	}
	.main_case_box .m .main_searh_box .label {
		display:block;
		padding-bottom:.3rem;
		margin-bottom:.3rem;
	}
	.main_case_box .m .main_searh_box ul li:first-child {
		display:block;
		padding:0;
		font-weight:bold;
		font-size:.3rem;
	}
	.main_case_box .m .main_searh_box ul li:first-child::after {
		display:none;
	}
	.main_case_box .m .case_list ul {
		margin-top:.3rem;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.main_case_box .m .case_list ul li {
		margin:0;
		width:49%;
		margin-bottom:.2rem;
	}
	.main_case_box .m .case_list ul li a .info {
		padding:.2rem;
	}
	.main_case_box .m .case_list ul li a .info img {
		width:.25rem;
	}
	.main_case_box .m .case_list ul li a .info div {
		width:77%;
	}
	.main_case_box .m .case_list ul li a .info div p {
		font-size:.26rem;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin-bottom:.04rem;
	}
	.main_case_box .m .case_list ul li a .info div span {
		font-size:.22rem;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.page_list a {
		font-size:.26rem;
		padding:0 .15rem;
	}
	.main_case_box .m .case_list {
		margin-bottom:.4rem;
	}
	.main_case_box .m .main_searh_box ul li {
		margin-top:.2rem;
	}
	.main_case_box .m .main_searh_box ul li::after {
		height:.2rem;
	}
	.main_case_box .m .main_searh_box ul li a {
		width:auto;
		font-size:.24rem;
		padding:0 .25rem;
	}
	.main_case_box .m .main_searh_box ul {
		padding-bottom:.3rem;
		overflow-x: auto;
		white-space: nowrap;
	}
	.main_case_box .m .main_searh_box .change {
		width:100%;
		margin-top:.3rem;
		height:.7rem;
	}
	.main_case_box .m .main_searh_box .change input {
		font-size:.26rem;
		padding-left:.2rem;
	}
	.main_case_box .m .main_searh_box .change img {
		width:0.35rem;
		height: 0.35rem;
	}
	.main_warranty {
		padding:.6rem 0;
	}
	.main_warranty .m h2 {
		font-size:.35rem;
		font-weight:bold;
		margin-bottom:.4rem;
	}
	.main_warranty .m .tabbar {
		height:.6rem;
	}
	.main_warranty .m .tabbar div {
		font-size:.26rem;
	}
	.main_warranty .m .change {
		height:.66rem;
	}
	.main_warranty .m .change input {
		font-size:.26rem;
	}
	.main_warranty .m .change img {
		width:.35rem;
	}
	.main_warranty .m .list {
		margin-top:.4rem;
	}
	.main_warranty .m .list ul li {
		padding:.3rem;
		display:block;
	}
	.main_warranty .m .list ul li .title {
		text-align:center;
		font-size:.33rem;
		margin-bottom:.4rem;
	}
	.main_warranty .m .list ul li .grow {
		width:100%;
	}
	.main_warranty .m .list ul li .grow p {
		font-size:.28rem;
		padding-bottom:.2rem;
	}
	.main_warranty .m .list ul li .grow span {
		font-size:.26rem;
		margin-top:.2rem;
	}
	.main_warranty .m .list ul li .grow .pic div {
		margin:0;
		margin-top:.3rem;
		width:100%;
		margin-bottom:.2rem;
	}
	.main_warranty .m .list ul li .grow .pic div em {
		font-size:.28rem;
	}
	.contact_icon {
		padding:.6rem 0;
	}
	.contact_icon .m li {
		width:50%;
		padding:.3rem 0;
	}
	.contact_icon .m li img {
		width:1.4rem;
		margin-bottom:.3rem;
	}
	.contact_form {
		height:auto;
		padding:.5rem 0;
	}
	.contact_form .m .head p {
		font-size:.3rem;
	}
	.contact_form .m .head span {
		font-size:.26rem;
		line-height:1.6;
	}
	.contact_form .m .form {
		margin-top:.3rem;
	}
	.contact_form .m .form .label {
		margin-top:.2rem;
		width:100%;
	}
	.contact_form .m .form .submit {
		margin-top:.2rem;
		width:100%;
		font-size:.3rem;
	}
	.contact_icon .m li p {
		font-size:.28rem;
	}
	.contact_icon .m li span {
		font-size:.3rem;
	}
	.contact_icon .m {
		flex-wrap:wrap;
	}
	.main_warranty_center {
		padding:.3rem 0;
	}
	.main_warranty_center .m .tabbar ul {
		flex-flow:wrap;
		padding:.3rem 0;
	}
	.main_warranty_center .m .tabbar ul li::after {
		height:0.3rem;
	}
	.main_warranty_center .m .tabbar ul li {
		height:auto;
	}
	.main_warranty_center .m .tabbar ul li a {
		padding:0.1rem 0.2rem;
		font-size:.26rem;
	}
	.main_warranty_center .m .box .item {
		padding:.3rem 0;
	}
	.main_warranty_center .m .box .item p {
		font-size:.3rem;
	}
	.main_warranty_center .m .box .item div {
		margin-top:.2rem;
	}
	.main_warranty_center .m .box .item div span {
		font-size:.26rem;
		line-height:1.7;
	}
	.main_warranty_center .m .box .item div em {
		font-size:.26rem;
		line-height:1.7;
	}
	.main_case_box .m .case_list.news ul li a .info img {
		width:.15rem;
	}
	.main_case_box .m .case_list ul li a .info div p {
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		width:100%;
		-webkit-line-clamp:1;
	}
	.main_cares .cares_banner {
		height:7rem;
		padding-bottom:.3rem;
		display:flex;
		align-items:center;
	}
	.main_cares .cares_banner div {
		overflow:hidden;
	}
	.main_cares .cares_banner div p {
		font-size:.3rem;
		margin-bottom:.3rem;
	}
	.main_cares .cares_banner div span {
		font-size:.26rem;
		line-height:1.7;
		width:80%;
		margin:0 auto;
	}
	.main_cares .m {
		padding:0 .3rem;
	}
	.main_cares .m li {
		margin:0;
		width:100%;
		margin-top:0;
		margin-bottom:.3rem;
	}
	.main_cares .m li .pic p {
		font-size:.33rem;
	}
	.main_cares .m li .child {
		padding:.3rem;
	}
	.main_cares .m li .child p {
		font-size:.28rem;
	}
	.main_cares {
		padding-bottom:.3rem;
	}
}
/*# sourceMappingURL=css.css.map */



.shopbox1 .right{
	width: 45%;
	height: 100%;
	padding-left: 100px;
	padding-right: 78px;
	display: flex;
	flex-direction: column;
}
.shopbox1 .right .font img{
	margin-bottom: 74px;
	width: 75%;
	display: block;

}
.shopbox1{
	align-items: flex-start;
}
.shopbox1_list_desc{
	height: 42px;
	width: 100%;
	background-color: rgb(255,189,0);
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 8px;
	line-height: 42px;
	text-align: center;
}
.shopbox1_list ul{
	display: flex;
	align-items: center;
}
.shopbox1_list ul li{
	width: 33.3%;
	height: 150px;
	transform-origin: center;
	transition: .2s;
	transition-property:transform;
}
.shopbox1_list ul li:hover{
	border: 10px solid rgb(255,189,0);
	transform: scale(1.2);
	box-shadow: 0px 0px 10px #000000;
}
.shopbox1_list ul li:hover img{
	/* transform: scale(1.2); */
}
.shopbox1_list ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* transform-origin: center; */
	/* /* transition: .2s; */ */
}
.shopbox2 .swiper-button-prev{
	background-image: url(../images/prev.png);
	left: 0.3rem;
}
.shopbox2 .swiper-button-next{
	background-image: url(../images/next.png);
	right: 0.3rem;
}
.shopbox2 .swiper-slide .shopbox-title {
    overflow: hidden;
    background: rgb(255 189 0);
    position: absolute;
    left: 50%;
    bottom: 10%;
    padding: 12px 20px;
    transform: translate3d(-50%, -50%, 0px);
}
.shopbox2 .swiper-slide .shopbox-title span{
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
	color: #000;
	letter-spacing: 0.1em;
}
@media (max-width: 900px){
	.shopbox2 .swiper-slide .shopbox-title {
		padding: 5px 10px;
		bottom: 0%;
	}
	.shopbox2 .swiper-slide .shopbox-title span{
		font-size: 12px;
	}
}
.banners{
	margin-top:90px;
}
.banners img,.shopbox2 .swiper-slide img{
	width:100%;
	display:block;
}

.shopbox1{
	padding:100px 50px;
	background:#000;
	display:flex;
	align-items:flex-end;
}
.shopbox1>img{
	width:55%;
}

.aboutbox0{
	background:url(../images/bg2.png) no-repeat top center/cover;
	height:3.5rem;
	position:relative;
}

.aboutbox0 .content{
	position:absolute;
	top:20%;
	left:0;
	width:100%;
	text-align:center;
}
.aboutbox0 .content h2{
	color:#000;
	font-size:25px;
	margin-bottom:10px;
	font-weight: bold;
}
.aboutbox0 .content p{
	font-size: 12px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	max-width:600px;
	color: #000000;
	margin:0 auto;
	line-height:22px;
	font-weight: bold;
}
.aboutbox0 .content .txt{
	margin-bottom:60px;
}

.aboutbox1{
	background:url(../images/bg3.png) no-repeat top center/cover;
	padding:1rem 10%;
}
.aboutbox1 li{
	width:45%;
	margin:0 10% 40px 0;
	float:left;
	font-size: 12px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 25px;
}
.aboutbox1 li:nth-of-type(2n){
	margin-right:0;
}
.aboutbox1 span.ch,
.aboutbox2 span.ch{
	font-size: 41px;
	display:block;
	color: #FFFFFF;
}
.aboutbox1 span.en,
.aboutbox2 span.en{
	font-size: 70px;
	display:block;
	color: #FFFFFF;
	font-family: PingFang SC;
}

.aboutbox2{
	padding:1rem 10% .5rem;
	background:#000;
}
.aboutbox2 .fl{
	float:inherit;
	width:45%;
	display: inline-block;
}

.aboutbox2 .fl img{
	max-width:100%;
	margin:20px 0;
}
.aboutbox2 .fl h3,
.aboutbox2 .fr span{
	font-size: 18px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	display:block;
	margin-bottom:20px;
}
.aboutbox2 .fr li{
	margin-bottom:.5rem;
}
.aboutbox2 .fl p,
.aboutbox2 .fr p{
	font-size: 12px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 25px;
}
.aboutbox2 .fr{
	float:inherit;
	width:45%;
	display: inline-block;
}
.aboutbox3{
	padding:.4rem 0;
	background:#f0f2f5;
}
.aboutbox4{
	padding:.4rem 5%;
	background:#dedfe1;
}
.aboutbox4  ul{
	margin-top:50px;
}
.aboutbox4 li{
	width:22%;
	margin:0 2% 30px 0;
	padding:20px 20px 40px;
	float:left;
	background:#fff;
	box-sizing:border-box;
}
.aboutbox4 li img{
	width:100%;
	height:1.24rem;
}
.aboutbox4 li p{
	font-size: 14px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	margin-top:40px;
	line-height:20px;
	height:20px;
	overflow:hidden;
}
.aboutbox4 li:nth-of-type(4n){
	margin-right:0;
}
.aboutbox3 span.en,
.aboutbox4 span.en{
	font-size: 70px;
	display: block;
	color: #000000;
	text-align:center;
	font-family: PingFang SC;
}
.aboutbox3 span.ch,
.aboutbox4 span.ch{
	font-size: 41px;
	display: block;
	color: #000000;
	text-align:center;
}
.aboutbox3{
	position:relative;
}
.aboutbox3 .swiper-container{
	padding:100px 0;
	margin-top:50px;
}
.aboutbox3 .swiper-slide img{
	width:100%;
	height:1.3rem;
	display:block;
}
.aboutbox3 .swiper-slide-active img{
	height:1.1rem;
}
.aboutbox3 .swiper-slide .layers{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7)

}
.aboutbox3 .swiper-slide-active{
	transform:scale(1.4);
	z-index:99999;
}
.aboutbox3 .swiper-slide-active .layers{
	display:none;
}
.aboutbox3 .swiper-slide .txt{
	background:rgba(244,190,45,0.8);
	padding:20px 20px 10px;
	transform:scale(1);
	display:none;
}
.aboutbox3 .swiper-slide-active .txt{
	display:block;
}
.aboutbox3 .swiper-slide .txt p{
	transform:scale(1);
	font-size: 8px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	margin-bottom:10px;

}
.aboutbox3 .swiper-slide .txt span{
	font-size: 10px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	transform:scale(1);
}
.aboutbox3 .swiper-button-prev{
	width: 38px;
	height:1.3rem;
	position:absolute;
	top:100px;
	left:0;
	margin:0;
	background:url(../images/prev1.png) no-repeat center center;
	background-color:rgba(0,0,0,0.6)
}
.aboutbox3 .swiper-button-next{
	transform:rotate(180deg);
	position:absolute;
	width: 38px;
	height:1.3rem;
	top:100px;
	right:0;
	margin:0;
	background:url(../images/prev1.png) no-repeat center center;
	background-color:rgba(0,0,0,0.6)
}
@media (max-width: 900px){
	.shopbox2 .swiper-button-next, .swiper-button-prev{
		width: 24px;
		height: 24px;
		background-size: cover;
	}
	.shopbox1{
		flex-direction: column;
		padding: 50px 20px;
	}
	.shopbox1>img{
		width:95%;
	}
	.shopbox1 .right{
		padding-left: 0;
		width: 100%;
		padding-right:0;
	}
	.shopbox1 .right .font img{
		margin: 0 auto;

		margin-bottom: 30px;
	}
	.shopbox1_list_desc{
		white-space: nowrap;
		letter-spacing: 5px;
	}
	.banners{
		margin:0;
	}
	.aboutbox0 .content h2{
		font-size:.26rem;
	}
	.aboutbox0 .content p{
		font-size:.12rem;
		max-width:80%;
	}
	.aboutbox0{
		height:8rem;
	}
	.aboutbox0 .content .txt{
		margin-bottom:.4rem;
	}
	.aboutbox1,
	.aboutbox2,.aboutbox3{
		padding:.5rem 5%;
	}
	.fn-clear {
		flex-direction: column!important;
	}
	.aboutbox1 li{
		width:100%;
		font-size:.24rem;
		line-height:.4rem;
		margin:0 0 .3rem 0;
	}
	.aboutbox0 .content{
		top:6%;
	}
	.aboutbox1 span.ch, .aboutbox2 span.ch,
	.aboutbox3 span.ch, .aboutbox4 span.ch{
		font-size:.4rem;
	}
	.aboutbox1 span.en, .aboutbox2 span.en,
	.aboutbox3 span.en, .aboutbox4 span.en{
		font-size:.6rem;

	}
	.aboutbox2 .fl,.aboutbox2 .fr{
		width:100%
	}
	.aboutbox2 .fl h3, .aboutbox2 .fr span{
		font-size:.28rem;
	}
	.aboutbox2 .fl p, .aboutbox2 .fr p{
		font-size:.24rem;
		line-height:.4rem;
	}
	.aboutbox3 .swiper-container{
		padding:0;
		width:75%;
	}
	.aboutbox3 .swiper-slide-active{
		transform:scale(1)
	}
	.aboutbox3 .swiper-slide-active img{
		height:4rem;
	}
	.aboutbox3 .swiper-button-prev,.aboutbox3 .swiper-button-next{
		top:45%;
	}
	.aboutbox4 ul,.aboutbox3 .swiper-container{
		margin-top:.6rem;
	}

	.aboutbox4 li{
		width:48%;
		margin:0 4% .2rem 0;
		padding:.2rem;
	}
	.aboutbox4 li:nth-of-type(2n){
		margin-right:0;
	}
	.aboutbox4 li img{
		height:2.6rem;
	}
	.aboutbox4 li p{
		font-size:.24rem;
		line-height:.3rem;
		height:.6rem;
		margin-top:.2rem;
	}
}
/* 20230105 */
.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fn-clear {
	zoom: 1;
	/* for IE6 IE7 */
}
.shopbox1 .right {
	width: 45%;
	height: 100%;
	padding-left: 100px;
	padding-right: 78px;
	display: flex;
	flex-direction: column;
}
.content .header .m .right{
	/* 	position:relative; */
}
.header .searchbox {
	position: absolute;
	width: 55%;
	left: auto;
	right: 0.6rem;
	height: 50px;
	border-radius: 0.15rem;
	border: 1px solid #eeeeee;
	outline: none;
	transform-origin: right center;
	transition: .3s;
	display: none;
	background:#fff;
}
.dealerbox4 .content #distpicker2 select{
	padding:0;
}
.content .footer .m .box .fr li{
	position:relative;
}
.content .footer .m .box .fr li .triggle{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	margin:0 auto;

}
.content .footer .m .box .fr li .codepop{
	position: absolute;
	/* right: 0; */
	top: 10px;
	z-index: 9999;
	width: 150px;

	display: none;
	left: 50%;
	transform: translate(-70px, -170px);
	left: 50%;
}  

.content .footer .m .box .fr li .codes img{
	width:100%;
}
.content .footer .m .box .fr li:hover .codepop{
	display:block;
}
.content .footer .m,
.content .footer,
.content .footer .m .box{
	overflow: initial;
}

.header .searchbox form{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height: 50px;
}
.header .searchbox button{
	background:url(../images/header.png) no-repeat center center/20px;
	height: 50px;
	width:50px;
	border:none;
}

.header .searchbox input{
	border:none;
	width:88%;
	background:none;
	height: 50px;
	color:#fff;
	font-size:16px;
}
.header.on .searchbox input{
	color: #413D3C;
}





.header .searchbox  img{
	width:25px;
	padding-right:20px;cursor: pointer;
}


.shopbox1 .right .font img {
	margin-bottom: 74px;
	width: 75%;
	display: block;

}

.shopbox1 {
	align-items: flex-start;
}

.shopbox1_list_desc {
	height: 42px;
	width: 100%;
	background-color: rgb(255, 189, 0);
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 8px;
	line-height: 42px;
	text-align: center;
}

.shopbox1_list ul {
	display: flex;
	align-items: center;
}

.shopbox1_list ul li {
	width: 33.3%;
	height: 150px;
	transform-origin: center;
	transition: .2s;
	transition-property: transform;
}

.shopbox1_list ul li:hover {
	border: 10px solid rgb(255, 189, 0);
	transform: scale(1.2);
	box-shadow: 0px 0px 10px #000000;
}

.shopbox1_list ul li:hover img {
	/* transform: scale(1.2); */
}

.shopbox1_list ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* transform-origin: center; */
	/* /* transition: .2s; */
	*/
}

.shopbox2 .swiper-button-prev {
	background-image: url(../images/prev.png);
	left: 0.3rem;
}

.shopbox2 .swiper-button-next {
	background-image: url(../images/next.png);
	right: 0.3rem;
}


.banners {
	margin-top: 90px;
	position: relative;
}
.banners span.ch {
	position: absolute;
	top: 30%;
	left: 0%;
	display: block;
	width: 100%;
	text-align: center;
	font-size: .5rem;
	color: #fff;
	font-family:Gothammedium;
}
.banners span.en {
	position: absolute;
	top: 62%;
	left: 0%;
	display: block;
	width: 100%;
	text-align: center;
	font-size: .18rem;
	color: #fff;
	font-family: PingFang SC;
}
.banners img,
.shopbox2 .swiper-slide img {
	width: 100%;
	display: block;
}

.shopbox1 {
	padding: 100px 50px;
	background: #000;
	display: flex;
	align-items: flex-end;
}

.shopbox1>img {
	width: 55%;
}

.aboutbox0 {
	background: url(../images/bg2.png) no-repeat top center/cover;
	height: 3.5rem;
	position: relative;
}

.aboutbox0 .content {
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	text-align: center;
}

.aboutbox0 .content h2 {
	color: #000;
	font-size: 25px;
	margin-bottom: 10px;
	font-weight: bold;
}

.aboutbox0 .content p {
	font-size: 12px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	max-width: 600px;
	color: #000000;
	margin: 0 auto;
	line-height: 22px;
	font-weight: bold;
}

.aboutbox0 .content .txt {
	margin-bottom: 60px;
}

.aboutbox1 {
	background: url(../images/bg3.png) no-repeat top center/cover;
	padding: 1rem 10%;
}

.aboutbox1 li {
	width: 45%;
	margin: 0 10% 40px 0;
	float: left;
	font-size: 12px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 25px;
}

.aboutbox1 li:nth-of-type(2n) {
	margin-right: 0;
}

.aboutbox1 span.ch,
.aboutbox2 span.ch {
	font-size: 41px;
	display: block;
	color: #FFFFFF;
}

.aboutbox1 span.en,
.aboutbox2 span.en {
	font-size: 70px;
	display: block;
	color: #FFFFFF;
	font-family:Gothammedium;
}

.aboutbox2 {
	padding: 1rem 10% .5rem;
	background: #000;
}

.aboutbox2 .fl {
	float: left;
	width: 45%
}

.aboutbox2 .fl img {
	max-width: 100%;
	margin: 20px 0;
}

.aboutbox2 .fl h3,
.aboutbox2 .fr span {
	font-size: 18px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	margin-bottom: 20px;
}

.aboutbox2 .fr li {
	margin-bottom: .5rem;
}

.aboutbox2 .fl p,
.aboutbox2 .fr p {
	font-size: 12px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 25px;
}

.aboutbox2 .fr {
	float: right;
	width: 45%
}

.aboutbox3 {
	padding: .4rem 0;
	background: #f0f2f5;
}

.aboutbox4 {
	padding: .4rem 5%;
	background: #dedfe1;
}

.aboutbox4 ul {
	margin-top: 50px;
}

.aboutbox4 li {
	width: 22%;
	margin: 0 2% 30px 0;
	padding: 20px 20px 40px;
	float: left;
	background: #fff;
	box-sizing: border-box;
}

.aboutbox4 li img {
	width: 100%;
	height: 1.24rem;
}

.aboutbox4 li p {
	font-size: 14px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	margin-top: 40px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.aboutbox4 li:nth-of-type(4n) {
	margin-right: 0;
}

.aboutbox3 span.en,
.aboutbox4 span.en {
	font-size: 70px;
	display: block;
	color: #000000;
	text-align: center;
	font-family:Gothammedium;
}

.aboutbox3 span.ch,
.aboutbox4 span.ch {
	font-size: 41px;
	display: block;
	color: #000000;
	text-align: center;
}

.aboutbox3 {
	position: relative;
}

.aboutbox3 .swiper-container {
	padding: 100px 0;
	margin-top: 50px;
}

.aboutbox3 .swiper-slide img {
	width: 100%;
	height: 1.3rem;
	display: block;
}

.aboutbox3 .swiper-slide-active img {
	/*height: 1.1rem;*/
	height: 100%;
}

.aboutbox3 .swiper-slide .layers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7)
}

.aboutbox3 .swiper-slide-active {
	transform: scale(1.4);
	z-index: 99999;
	transition: all .5s;
}

.aboutbox3 .swiper-slide-active .layers {
	display: none;
}

.aboutbox3 .swiper-slide .txt {
	background: rgba(244, 190, 45, 0.8);
	padding: 20px 20px 10px;
	transform: scale(1);
	display: none;
}

.aboutbox3 .swiper-slide-active .txt {
	display: block;
}

.aboutbox3 .swiper-slide .txt p {
	transform: scale(1);
	font-size: 8px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	margin-bottom: 10px;

}

.aboutbox3 .swiper-slide .txt span {
	font-size: 10px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	transform: scale(1);
}

.aboutbox3 .swiper-button-prev {
	width: 38px;
	height: 1.3rem;
	position: absolute;
	top: 100px;
	left: 0;
	margin: 0;
	background: url(../images/prev1.svg) no-repeat center center;
	background-color: rgba(0, 0, 0, 0.6)
}

.aboutbox3 .swiper-button-next {
	transform: rotate(180deg);
	position: absolute;
	width: 38px;
	height: 1.3rem;
	top: 100px;
	right: 0;
	margin: 0;
	background: url(../fonts/prev1.svg) no-repeat center center;
	background-color: rgba(0, 0, 0, 0.6)
}

.dealerbox1 {
	background: url(../images/bg4.png) no-repeat top center/cover;
	padding: 1.2rem 0;
	text-align: center;
}

.dealerbox1.bg {
	background: url(../images/bg7.png) no-repeat top center/cover;
}

.dealerbox1 h2 {
	font-size: .2rem;
	font-family: PingFang SC;
	font-weight: 100;
	color: #FFFFFF;
	margin-bottom: .1rem;
}

.dealerbox1 h2 span {
	font-size: .17rem;
}

.dealerbox1 h3 {
	font-size: .12rem;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

.dealerbox1 p {
	font-size: 17px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	margin: .4rem auto;
	max-width: 70%;
}

.dealerbox1 .btn a {
	width: 296px;
	height: 63px;
	font-size: 25px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	line-height: 63px;
	margin: 0 40px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background: #ffac00;
}

.dealerbox2 {
	background: #f2f2f2;
	padding: .5rem 0 0 0;
}

.dealerbox2 h2,
.dealerbox3 h2 {
	font-size: 38px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	text-align: center;
	margin-bottom: 30px;
}

.dealerbox2 h3,
.dealerbox2 .content>p,
.dealerbox3 h3,
.dealerbox3 .content>p {
	font-size: 18px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-align: center;
	line-height: 30px;
}

.dealerbox2 .content>p,
.dealerbox3 .content>p {
	font-weight: normal;
}

.dealerbox2 ul {
	width: 94%;
	margin: 40px auto 0;
}

.dealerbox3 ul {
	width: 100%;
	margin: 40px auto 0;
}

.dealerbox2 li {
	float: left;
	width: 24%;
	margin: 0 1.3% 15px 0;
}

.dealerbox2 li:nth-of-type(4n) {
	margin-right: 0;
}

.dealerbox3 li {
	float: left;
	width: 19%;
	margin: 0 1.2% 15px 0;
}

.dealerbox3 li:nth-of-type(5n) {
	margin-right: 0;
}

.dealerbox3 li img {
	width: 100%;
	height: 1rem;
}

.dealerbox3 li .text {
	background: #fff;
	padding: 30px 30px 70px;
}

.dealerbox3 li .text span {
	font-size: 21px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFAC00;
	display: block;
	margin-bottom: 20px;
}

.dealerbox3 li .text p {
	font-size: 13px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	line-height: 22px;
	height: 70px;
	overflow: hidden;
}

.dealerbox2 li .img {
	position: relative;
}

.dealerbox2 li .layers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: rgba(242, 182, 56, 0.75)
}

.dealerbox2 li img {
	width: 100%;
	height: 1.4rem;
	display: block;
}

.dealerbox2 li .layers span {
	font-size: 39px;
	font-family: PingFang SC;
	font-weight: 300;
	color: #FFFFFF;
}

.dealerbox2 li .txt {
	background: #fff;
	padding: 40px 30px;
}

.dealerbox2 li .txt p {
	font-size: 13px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	line-height: 26px;
	height: 160px;
	overflow: hidden;
}

.dealerbox3 {
	background: #f2f2f2;
	padding: 0.5rem 0.4rem;
}

.dealerbox4 {
	background: url(../images/bg5.png) no-repeat top center/cover;
	padding: 0rem;
}

.dealerbox4 .content {
	width: 1000px;
	margin: 0 auto;
	max-width: 94%;
}

.dealerbox4 .content h2 {
	font-size: 17px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom:10px;
}

.dealerbox4 .content h3 {
	font-size: 26px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 60px;
}

.dealerbox4 .content form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dealerbox4 .content .tel {
	display: flex;

	justify-content: space-between;
}

.dealerbox4 .content .tel input {
	border: none;
	font-size: 18px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
}

.dealerbox4 .content .tel input[type="button"] {
	font-size: 18px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFA900 !important;
	background: none;
	border: none;
}

.dealerbox4 .content form>input,
.dealerbox4 .content #distpicker2,
.dealerbox4 .content select,
.dealerbox4 .content .tel {
	height: 42px;
	font-size: 18px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	background: #fff;
	padding-left: 20px;
	line-height: 42px;
	width: 48%;
	margin-bottom: 20px;
	border: none;
}

.dealerbox4 .content form>button {
	height: 42px;
	font-size: 21px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background: #ffa900;
	text-align: center;
	line-height: 42px;
	width: 48%;
	border: none;
}

.dealerbox4 .content select {
	outline: none;
	background: url(../images/xl.png) no-repeat right 10px center;
	background-color: #fff;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.carbox1 {
	padding: .3rem 0;
}

.carbox1 .content {
	width: 1000px;
	margin: 0 auto;
	max-width: 94%;
}

.carbox1 .content .carbox1-left {
	width: 55%;
	float: left;
}

.carbox1 .content .right {
	width: 40%;
	float: right;
	border-left: 1px solid #000;
	padding: 10px 0 40px 70px;
}

.carbox1 .content .right h2 {
	font-size: 18px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin-bottom: 30px;
}

.carbox1 .content .right h2 img {
	margin-right: 5px;
}

.carbox1 .content .right p {
	font-size: 13px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
}

.carbox1 .content .right p:last-of-type {
	margin-top: 30px;
	font-weight: bold;
}

.carbox2 li {
	background: #000;
}

.carbox2 li .img {
	width: 50%;
	float: right;
}

.carbox2 li .text {
	float: left;
	width: 50%;
	padding: .8rem;
	background: url(../images/bg6.png) no-repeat center center/cover;
}

.carbox2 li:nth-of-type(2n) .img {
	float: left;
}

.carbox2 li:nth-of-type(2n) .text {
	float: right;
}

.carbox2 li .text span {
	display: block;
	font-size: 17px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 40px;

}

.carbox2 li .text p {
	font-size: 13px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 25px;
}

.carbox2 li .img img {
	width: 100%
}
@media (max-width: 900px){
 .carbox1 .content .carbox1-left {
  width: 100%;
 }
}

.trainbox1 {
	padding: 0 60px 0.4rem 60px;
}

.trainbox1 table {
	width: 100%;
	padding: 0.5rem 0 0 0;
}

.trainbox1 table td {
	line-height: 60px;
	font-size: 27px;
	font-family: PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	background: #000000;
}

.trainbox1 table th {
	background: #e9e9e9;
	font-size: 21px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	line-height: 44px;
	width: 25%
}

.trainbox1 table .color1 th {
	background: #000000;
	line-height: 44px;
	font-size: 21px;
	font-family: PingFang SC;
	font-weight: 300;
	color: #fff;
}

.trainbox1 table .color2 th {
	background: #ffac00;
	line-height: 44px;
	font-size: 21px;
	font-family: PingFang SC;
	font-weight: 300;
	color: #000000;
}

.trainbox1 table .color2 .bold {
	font-size: 17px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

.trainbox2 {
	padding-bottom: .4rem;
}

.trainbox2 .text {
	width: 70%;
	margin: 0 auto 60px;
	text-align: center;
}

.trainbox2 .text h2 {
	font-size: 38px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	margin-bottom: 30px;
}

.trainbox2 .text p {
	font-size: 17px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	line-height: 27px;
	margin-bottom: 10px;
}

.trainbox2 .swiper-container {
	padding: .4rem 0;
}

.trainbox2 .swiper-slide img {
	width: 100%;
	height: 1.4rem;
}

.trainbox2 .swiper-slide .layers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}

.trainbox2 .swiper-button-prev {
	width: 38px;
	height: 1.4rem;
	position: absolute;
	top: .4rem;
	left: 0;
	margin: 0;
	background: url(../images/prev1.png) no-repeat center center;
	background-color: rgba(0, 0, 0, 0.6);
}

.trainbox2 .swiper-button-next {
	transform: rotate(180deg);
	position: absolute;
	width: 38px;
	height: 1.4rem;
	top: .4rem;
	right: 0;
	margin: 0;
	background: url(../images/prev1.png) no-repeat center center;
	background-color: rgba(0, 0, 0, 0.6);
}

.trainbox2 .swiper-slide-active {
	transform: scale(1.3);
	z-index: 99999;
}

.trainbox2 .swiper-slide-active .layers {
	display: none;
}

.photolist img {
	display: block;
}

.luxbox1 {
	padding: .8rem;
	background: #000;
}

.luxbox1 ul {
	display: flex;
	justify-content: space-between;
}

.luxbox1 li .circle {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #171717;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
}

.luxbox1 li .circle img {
	max-width: 80%;
	max-height: 80%;
}

.luxbox1 li span {
	font-size: 14px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.luxbox2 {
	background: url(../images/bg8.png) no-repeat top center/cover;
	height: 4.5rem;
}

.luxbox2 .text {
	padding: 100px 0 0 100px;
	width: 680px;
}

.luxbox2 .text span {
	font-size: 40px;
	color: #fff;
	font-family: PingFang SC;
}

.luxbox2 .text h3 {
	font-size: 40px;
	color: #fff;
	font-family: PingFang SC;
}


.luxbox2 .text p {
	font-size: 17px;
	line-height: 30px;
	margin-top: 20px;
	color: #fff;
}

.luxbox3 {
	padding: 90px 3% 0px 3%;
}
.luxbox3 .mg{
	margin-top:45px;
}
.luxbox3 li {
	width: 31%;
	display: inline-block;
	vertical-align: top;
	margin: 0 2% 45px 0;
}
.luxbox3.aspbox2 li p{
	color:#fff;
}
.luxbox3 li img {
	width: 100%
}

.luxbox3 li:nth-of-type(3n) {
	margin-right: 0;
}

.luxbox3 li span {
	font-size: 16px;
	color: #ffa300;
	display: block;
	margin-top: 30px;
	font-weight: bold;
	font-family: PingFang SC;
}

.luxbox3 li p {
	font-size: 14px;
	color: #333;
	margin-top: 15px;
	/* font-weight: bold; */
	font-family: PingFang SC;
}

.luxbox4 {
	padding: 80px 11%;
}

.luxbox4 ul {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.luxbox5 ul {
	margin-top: 40px;
}

.luxbox5 li {
	width: 31%;
	float: left;
	margin: 0 3.5% 20px 0;
}

.luxbox5 li:nth-of-type(3n) {
	margin-right: 0;
}

.luxbox5 li video {
	width: 100%;
	height: 1.2rem;
	object-fit: cover;
}

.luxbox5 li p {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #ffa300;
	display: block;
	font-weight: bold;
}

.luxbox4 h2,
.luxbox5 h2,
.luxbox3 h2{
	font-size: 50px;
	display: block;
	text-align: center;
	font-family: Gothammedium;
	margin-bottom: 10px;
}

.pracor h2,
.luxbox5 h2,
.luxbox3 h2{
	color: #fff;
}

.luxbox4 h3,
.luxbox5 h3,
.luxbox3 h3{
	font-size: 31px;
	display: block;
	text-align: center;

}

.pracor p,
.pracor h3,
.luxbox5 h3,
.luxbox3 h3{
	color: #fff;
}

.luxbox5 li p span,
.luxbox3 h2,
.luxbox3 h3{
	color: #333;
}

.luxbox3.aspbox2 h2,
.luxbox3.aspbox2 h3{
	color: #fff;
}
.luxbox4 li img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.luxbox4 li span {
	font-size: 16px;
	color: #ffa300;
	display: block;
	margin: 20px auto 10px;
	font-weight: bold;
	text-align: center;
}

.luxbox4 li p {
	font-size: 14px;
	max-width: 1.4rem;
	display: block;
	margin: 0 auto;
	text-align: left;
	line-height: 25px;
}

.luxbox5 {
	padding: 60px 3%;
}

.luxbox5 h2,
.luxbox5 h3 {
	color: #333;
}

.aspbox1{
	background:#000;
	padding:.5rem 8% .3rem;
}
.aspbox1 .content{
	overflow: hidden;
    width: 100%;
    position: relative;
}
.aspbox1 .fl{
	width:51%
}
.aspbox1 .fl h2{
	font-size: 53px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
}
.aspbox1 .fl h3{
	font-size: 40px;
	font-family: PingFang SC;
	font-weight: 200;
	color: #FFFFFF;
	margin:20px 0 40px;
}
.aspbox1 .fl p{
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 30px;
}
.aspbox1 .fl img{
	max-width:100%
}
.aspbox1  .fr{
	width:32%;
}

.installer{
	padding:100px;
}
.installer .content>h2{
	font-size: 50px;
	display: block;
	color: #333;
	text-align: center;
	font-family: PingFang-M;
	margin-bottom: 40px;
}
.installer .search{
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
.installer .search #distpicker2{
	width:66%;
	display:flex;
	justify-content:space-between;
}
.installer .search #distpicker2 select{
	height:40px;
	line-height:40px;

	width:49%;
	border:none;
	padding:0 20px;
	outline:none;
	-webkit-appearance:none;
	background: url(../images/xl2.png) no-repeat right 20px center/20px;
	background-color:#e6e6e6;
}
.installer .search .list{
	width:33%;
	height:40px;
	line-height:40px;
	display:flex;
	justify-content:space-between;
	background:#e6e6e6;
	padding:0 20px;
}
.installer .search .list input{
	background:none;
	border:none;
	width:80%;
}
.installer .search .list button{
	height:40px;
	width:40px;
	background: url(../images/header.png) no-repeat center center/20px;
	border:none;
}
.installer .content>ul>li>.lists{
	line-height:40px;
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #d8d8d8;
	padding:0 60px 0 30px;
	cursor:pointer;
	background:url(../images/xl2.png) no-repeat right 30px center/20px;
}
.installer .content>ul>li>.lists.active{
	background:url(../images/xl3.png) no-repeat right 30px center/20px;
	background-color:#ffbd00;
}
.installer .content>ul>li>.lists span{

	font-size:14px;
	font-family: PingFang-B;
}
.installer .content>ul>li>.service_lists{
	line-height:40px;
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #d8d8d8;
	padding:0 60px 0 30px;
	font-size:14px;
	font-family: PingFang-B;
}
.installer .content>ul>li .box1{
	display:flex;
	justify-content:space-between;
	margin:5px 0;
}
.installer .content>ul>li .box1 li{
	width:33%;

}
.installer .content>ul>li .box1 li:nth-of-type(2),
.installer .content>ul>li .box1 li:nth-of-type(3){
	background:#000;
	padding:20px 0 10px;
}
.installer li video{
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:9999999;
	width:1200px;
	max-width:90%;
	display:none;
	max-height:90vh;
}
.installer .region {
    margin: 20px 0;
}
.installer .region a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    width: 29%;
}
.installer .region a:nth-of-type(4n) {
    text-align: right;
    width: 11%;
}
/* 门店旗舰店开始 */
.installer .content>ul>li>.lists.active .qjd-logo-text {
	color: #000000;
}
.installer .content>ul>li>.lists .lists-left {
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
}
.installer .content>ul>li>.lists .lists-right {
	display: flex;
	color: #ffbd00;
}
.installer .content>ul>li>.lists .qjd-logo-logo {
	height: 40px;
}
.installer .content>ul>li>.lists .qjd-logo-logo img{
	max-height: 100%;
}
.installer .content>ul>li .box-qjd{
    margin: 5px 0;
	background-color: #000000;
    display: flex;
    flex-direction: row;
    padding: 60px 30px 50px 90px;
	background: #000000 url('../images/qjd-bg.png') 150px 0/38% no-repeat;
	font-family: sans-serif,Source-N;
}
.box-qjd .qjd-left {
    width: 50%;
}
.box-qjd .qjd-right {
    width: 50%;
}
.box-qjd .qjd-left .qjd-info-mdtype {
	color: #ffffff;
    font-size: 50px;
	font-family: sans-serif,Source-N;
}
.box-qjd .qjd-left .qjd-info-store_code {
    color: #b2b2b2;
    font-size: 22px;
	font-family: sans-serif,Source-N;
}
.box-qjd .qjd-left .qjd-info-address {
    color: #959595;
    font-size: 22px;
    margin-top: 25px;
	font-family: sans-serif,Source-N;
}
.box-qjd .qjd-left .qjd-info-web {
    color: #5b5b5b;
    font-size: 22px;
	font-family: sans-serif,Source-N;
}
.box-qjd .qjd-left {
    display: flex;
    flex-direction: row;
}
.box-qjd .qjd-left .qjd-store {
	margin-top: 35px;
	height: 50px;
}
.box-qjd .qjd-left .qjd-store img {
	max-height: 100%;
}
.box-qjd .qjd-left .qjd-left-1 {
	width: 50%;
}
.box-qjd .qjd-left .qjd-left-2 {
	width: 30%;
}
.box-qjd .qjd-left-2-wap {
	display: none;
	max-width: 100%;
	margin-top: 25px;
}
.box-qjd .qjd-left-2-pc {
    display: block;
	max-width: 100%;
    margin-left: 15px;
}
.box-qjd .qjd-right .qjd-right-paint {
    display: flex;
	align-items: center;
}
.box-qjd .qjd-right .qjd-right-paint .qjd-paint-bg{
    width: 50%;
}
.box-qjd .qjd-right .qjd-right-paint .qjd-paint-bg img{
   max-width: 80%;
}
.box-qjd .qjd-right .qjd-right-automotive {
    display: flex;
	align-items: center;
	margin-top: 25px;
}
.box-qjd .qjd-right .qjd-right-automotive .qjd-paint-bg{
    width: 50%;
}
.box-qjd .qjd-right .qjd-right-automotive .qjd-paint-bg img{
    max-width: 80%;
}
.box-qjd .qjd-prize {
    display: flex;
    flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.box-qjd .qjd-prize img{
    max-width: 80%;
}
.box-qjd .qjd-prize-title {
    color: #ffbd00;
    font-size: 22px;
	font-family: sans-serif,Source-N;
	font-weight: 600;
}
.box-qjd .qjd-prize-des {
    color: #767676;
    font-size: 16px;
	font-family: sans-serif,Source-N;
}
@media (max-width: 900px) {
	.installer .content>ul>li .box-qjd {
		padding: 20px;
		background: #000000 url(../images/qjd-bg.png) 35px 0/70% no-repeat;
	}
    .box-qjd .qjd-left {
		flex-direction: column;
	}
	.box-qjd .qjd-left .qjd-left-1 {
		width: 100%;
	}
	.box-qjd .qjd-left .qjd-left-2 {
		width: 100%;
	}
    .box-qjd .qjd-left-2-wap {
        display: block;
    	margin-top: 15px;
    }
    .box-qjd .qjd-left-2-pc {
        display: none;
    }
    .box-qjd .qjd-left .qjd-info-mdtype {
        font-size: 32px;
    }
    .box-qjd .qjd-left .qjd-info-store_code {
        font-size: 13px;
    }
    .box-qjd .qjd-left .qjd-info-address {
        font-size: 13px;
        margin-top: 10px;
    }
    .box-qjd .qjd-left .qjd-info-web {
        font-size: 13px;
    }
    .box-qjd .qjd-left .qjd-store {
        margin-top: 15px;
        height: 30px;
    }
    .box-qjd .qjd-right .qjd-right-paint {
        display: flex;
        flex-direction: column;
        margin-top: -15px;
    }
    .box-qjd .qjd-right .qjd-right-automotive {
      display: flex;
      flex-direction: column;
      margin-top: 0px;
    }
    .box-qjd .qjd-right .qjd-right-paint .qjd-paint-bg {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .box-qjd .qjd-right .qjd-right-automotive .qjd-paint-bg {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .box-qjd .qjd-prize-title {
        font-size: 12px;
    }
    .box-qjd .qjd-prize-des {
        font-size: 9px;
    }
    .box-qjd .qjd-right .qjd-right-paint .qjd-paint-bg img {
        transform: scaleX(-1);
    }
    .box-qjd .qjd-right .qjd-right-automotive .qjd-paint-bg img {
        transform: scaleX(-1);
    }
    .box-qjd .qjd-prize .qjd-prize-img {
        width: 30%;
    }
    .box-qjd .qjd-prize .qjd-prize-text {
        height: 55px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
/* 门店旗舰店结束 */
@media (max-width: 900px) {
	.installer .content .region a {
		width: 50%;
	}
	.installer .region a:nth-of-type(4n) {
		text-align: inherit;
	}
}
.photolb{
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:9999999;
	width:1200px;
	max-width:90%;
	display:none;
}
.photolb .swiper-slide{
	height:auto !important;
}
.certificate{
    opacity: 1;
    transform: translate3d(-50%, -50%, 0px);
    width: 96%;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    position: fixed;
    max-width: 840px;
	display: none;
}
.certificate img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.certificate .certificate-name{
    font-size: 0.15rem;
    color: #f8bc2c;
    position: absolute;
	top: 52%;
	left: 8%;
	width: 90%;
}
.certificate .certificate-desc{
    font-size: 0.08rem;
    position: absolute;
	top: 61%;
	left: 8%;
	width: 50%;
}
.certificate .certificate-numb{
    font-size: 0.08rem;
    position: absolute;
	top: 74%;
	left: 18%;
	width: 50%;
}
.certificate .certificate-date{
    font-size: 0.08rem;
    position: absolute;
	top: 88%;
	left: 8%;
	width: 50%;
}
@media (max-width: 900px) {
	.certificate .certificate-desc{
		top: 60%;
		width: 86%;
	}
	.certificate .certificate-numb{
		top: 72%;
	}
	.certificate .certificate-date{
		top: 85%;
	}
}
.layerss{
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:99999;
}
.layerss img{
	position:fixed;
	right:20px;
	top:20px;
	width:30px;
	z-index:999;
	cursor: pointer;
}
.installer .content>ul>li .box1 li span{
	font-size:18px;
	color:#fff;
	display:block;
	text-align:center;
}
.installer .content>ul>li .box1 li:nth-of-type(2) img,
.installer .content>ul>li .box1 li:nth-of-type(3) img{
	width:auto;
	display:block;
	margin:0 auto 10px;
	background:#000
}
.installer .content>ul>li .box1 li img{
	width:100%
}
.installer .content>ul>li .swiper-father{
	background:#000;
	height:135px;
	position:relative;
}
.installer .content>ul>li .swiper-button-prev{
	background:url(../images/prev1.png) no-repeat center center;
}
.installer .content>ul>li .swiper-button-next{
	transform:rotate(180deg);
	background:url(../images/prev1.png) no-repeat center center;
}
.installer .content>ul>li  .swiper-container{
	width:94%;
	margin:0 auto;
}
.installer .content>ul>li .swiper-slide{
	height:135px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.installer .swiper-slide img{
	max-width:80%;
	display:block;
	margin:0 auto;
}
.installer .box2{
	height:3.5rem;
	box-sizing:border-box;
	text-align:center;
	background:url(../images/bg9.png) no-repeat top center/cover;
}
.installer .box2 .box2-mask{
    width: 100%;
    height: 100%;
    padding-top: 1rem;
	background: rgba(0,0,0,.75);
}
.installer .box2 h2{
	font-size:50px;
	color:#fff;
	margin-bottom:15px;
	letter-spacing: 0.1em;
}
.installer .box2 .btn{
	margin-top:70px;
}
.installer .box2 .btn a{
	width:120px;
	height:120px;
	background:#ffbd00;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:0 30px;
}
.installer .box2 .btn a img{
	max-width:80%;
	max-height:70%
}
.installer .box3{
	display:flex;
	justify-content:space-between;
	margin: 5px 0px;
}
.installer .box3 .tab{
	height:220px;
	width:24.8%;
	background:#e6e6e6;
	padding:20px;
	box-sizing:border-box;
	overflow: hidden;
}
.installer .box3 .tab h2{
	font-size:28px;
	color:#333;
	margin-bottom:10px;
}
.installer .box3 .tab h2 span{
	color: #ffbd00;
	font-size:14px;
	margin-left:10px;
}
.installer .box3 .tab img{
	max-width:100%;
	display: block;
	margin: 0 auto;
}
.installer .box3 .tab .text{
	margin-top:30px;
}
.installer .box3 .tab .text p{
	font-size:14px;
	line-height:30px;
}
.installer .box4{
	padding:.5rem .3rem;
	background:url(../images/bg10.png) no-repeat top center/cover;
}
.installer .box4 h2{
	font-size: 28px;
	color: #fff;
	margin-bottom: 20px;

}
.installer .box4 h2 span{
	color: #ffbd00;
	font-size:14px;
	margin-left:10px;
}
.installer .box4 p{
	font-size:20px;
	color:#fff;
	line-height:35px;
}

.installer li .xl{
	display:none;
}
@media (max-width: 900px) {

	.luxbox1,
	.luxbox3,
	.luxbox4,
	.luxbox5,
	.dealerbox1,
	.dealerbox2,
	.dealerbox3,
	.dealerbox4,
	.trainbox1,
	.carbox1 ,.aspbox1,.installer{
		padding: .6rem 4%;
		;
	}
	.installer .content>h2,
	.installer .box2 h2{
		font-size:.4rem;
		margin-bottom:.2rem;
	}
	.installer .box2 .btn a{
		width:1.2rem;
		height:1.2rem;
		margin:0 .2rem;
	}
	.installer .search #distpicker2 select{
		padding:0 .2rem;
		background: url(../images/xl2.png) no-repeat right .1rem center/.2rem;
		background-color: #e6e6e6;
	}
	.installer .search .list{
		padding:0 .2rem;
	}

	.carbox1 .content {
		max-width: 100%
	}

	.carbox1 .content video,
	.carbox2 li .img,
	.carbox2 li .text,
	.aspbox1 .fl,
	.installer .search #distpicker2,
	.installer .search .list{
		width: 100%
	}
	.installer .box2 .star img{
		width:.8rem;
	}
	.installer .box3 .tab{
		width:100%;
		padding:.3rem;
		margin:0 0 .2rem 0;
		height:auto;
	}
	.installer .search .list,
	.installer .box2 .btn{
		margin-top:.2rem;
	}
	.installer .box3 .tab h2,
	.installer .box4 h2{
		font-size:.3rem;
	}
	.installer .content>ul>li .box1{
		display:block;
	}
	.installer .content>ul>li .box1 li{
		width:100%
	}
	.installer .content>ul>li>.lists{
		padding:0 .4rem 0 .2rem;
		background: url(../images/xl2.png) no-repeat right .2rem center/.2rem;
	}
	.installer .content>ul>li>.lists.active {
		background: url(../images/xl3.png) no-repeat right .2rem center/.2rem;
		background-color: #ffbd00;
	}
	.installer .box2{
		height:5rem;
	}
	.installer .search,
	.installer .box3{
		flex-wrap:wrap;
	}

	.carbox2 li {
		padding-bottom: .3rem;
	}

	.carbox2 li .text {
		padding: .4rem;
	}

	.carbox2 li .text img {
		max-width: 100%
	}

	.carbox1 .content .right {
		width: 100%;
		border: none;
		padding: .2rem 0;
	}

	.trainbox1 table td {
		line-height: .6rem;
		font-size: .27rem;
	}

	.trainbox1 table .color2 th,
	.trainbox1 table .color1 th,
	.trainbox1 table th {
		font-size: .24rem;
		line-height: .4rem;
	}

	.trainbox2 .text {
		width: 94%;
		margin: 0 auto .4rem;
	}

	.luxbox4 ul,
	.dealerbox4 .content form {
		display: block;
	}

	.dealerbox4 .content form>input,
	.dealerbox4 .content #distpicker2,
	.dealerbox4 .content form>select,
	.dealerbox4 .content .tel,
	.dealerbox4 .content form>button {
		width: 100%;
		font-size: .24rem;
		paddign-left: .2rem;
	}


	.dealerbox4 .content select,
	.dealerbox4 .content .tel input,
	.dealerbox4 .content .tel button {
		font-size: .24rem;

	}

	.dealerbox4 .content #distpicker2 select {
		padding: 0;
	}

	.luxbox4 li,
	.luxbox5 li {
		margin: 0 auto .3rem;
		width: 100%;
	}

	.luxbox5 li p {
		margin-top: .1rem;
	}

	.luxbox5 li video {
		height: 3rem;
	}

	.luxbox4 li img {
		width: 3rem;
	}

	.luxbox4 li p {
		max-width: 90%
	}

	.luxbox1 ul {
		flex-wrap: wrap;
	}

	.luxbox1 li {
		width: 25%;
		margin-bottom: .3rem;
	}

	.luxbox1 li .circle {
		width: 1.2rem;
		height: 1.2rem;
	}

	.luxbox2 .text {
		padding: .5rem 5% 0;
		width: 90%;
	}

	.dealerbox1 p {
		max-width: 100%;
		margin: .2rem auto;
	}

	.dealerbox1 .btn a {
		font-size: .24rem;
		width: 2.5rem;
		height: .6rem;
		line-height: .6rem;
		margin: 0 .2rem;
	}

	.luxbox2 .text span,
	.luxbox2 .text h3,
	.luxbox4 h2,
	.luxbox5 h2,
	.dealerbox1 h2,
	.dealerbox2 h2,
	.dealerbox3 h2,
	.dealerbox4 .content h3,
	.trainbox2 .text h2,
	.luxbox4 h2, .luxbox5 h2, .luxbox3 h2,
	.aspbox1 .fl h2{
		font-size: .4rem;
		margin-bottom: .1rem;
		font-family: PingFang-M;
	}


	.luxbox4 h3,
	.luxbox5 h3,
	.dealerbox1 h3,
	.dealerbox2 h3,
	.dealerbox3 h3,
	.dealerbox2 li .layers span,
	.dealerbox4 .content h2,
	.luxbox4 h3, .luxbox5 h3, .luxbox3 h3,
	.aspbox1 .fl h3{
		font-size: .3rem;
		margin-bottom: .1rem;
	}

	.dealerbox4 .form ,
	.luxbox3 .mg{
		margin-top: .4rem;
	}

	.dealerbox2 li .txt,
	.dealerbox3 li .text {
		padding: .2rem;
	}

	.dealerbox3 li .text span {
		font-size: .28rem;
		line-height: .35rem;
		height: .35rem;
		overflow: hidden;
		margin-bottom: .1rem;
	}

	.dealerbox3 li .text p {
		font-size: .24rem;
		line-height: .4rem;
		height: 1.6rem;
	}

	.luxbox2 .text p,
	.dealerbox1 p,
	.dealerbox2 .content>p,
	.dealerbox3 .content>p,
	.trainbox2 .text p,.aspbox1 .fl p,
	.installer .box4 p{
		font-size: .24rem;
		line-height: .4rem;
	}
	.aspbox1 .fr{
		max-width:90%;
		display:block;
		margin:0.2rem 5%;
		width:auto;
	}

	.trainbox2 .swiper-slide-active {
		transform: scale(1)
	}

	.trainbox2 .swiper-slide img {
		height: 6rem;
	}

	.trainbox2 .swiper-button-prev,
	.trainbox2 .swiper-button-next {
		height: 6rem;
		width: .4rem;
		background-size: 80%;
	}

	.dealerbox2 li .txt p {
		font-size: .24rem;
		line-height: .4rem;
		height: 2.8rem;
	}

	.dealerbox2 ul {
		width: 100%;
		margin: .3rem auto;
	}

	.luxbox3 li {
		width: 47%;
		margin: 0 4% .4rem 0;
	}

	.dealerbox2 li,
	.dealerbox3 li {
		width: 48%;
		margin: 0 4% .4rem 0;
	}

	.luxbox3 li:nth-of-type(2n),
	.dealerbox2 li:nth-of-type(2n),
	.dealerbox3 li:nth-of-type(2n) {
		margin-right: 0;
	}

	.dealerbox3 li img {
		height: 1.6rem;
	}

	.dealerbox2 li img {
		height: 3rem;
	}

	.luxbox3 li:nth-of-type(3n) {
		margin-right: 4%
	}

	.luxbox3 li:nth-of-type(6n) {
		margin-right: 0%
	}

	.luxbox3 li span {
		font-size: .26rem;
		font-family: PingFang SC;
		margin-top: .2rem;
	}

	.luxbox3 li p {
		font-size: .24rem;
		margin-top: .1rem;
		font-family: PingFang-M;
	}

	.shopbox2 .swiper-button-next,
	.swiper-button-prev {
		width: 24px;
		height: 24px;
		background-size: cover;
	}

	.shopbox1 {
		flex-direction: column;
		padding: 50px 20px;
	}

	.shopbox1>img {
		width: 95%;
	}

	.shopbox1 .right {
		padding-left: 0;
		width: 100%;
		padding-right: 0;
	}

	.shopbox1 .right .font img {
		margin: 0 auto;

		margin-bottom: 30px;
	}

	.shopbox1_list_desc {
		white-space: nowrap;
		letter-spacing: 5px;
	}

	.banners {
		margin: 0;
	}

	.aboutbox0 .content h2 {
		font-size: .26rem;
	}

	.aboutbox0 .content p {
		font-size: .12rem;
		max-width: 80%;
	}

	.aboutbox0 {
		height: 8rem;
	}

	.aboutbox0 .content .txt {
		margin-bottom: .4rem;
	}

	.aboutbox1,
	.aboutbox2,
	.aboutbox3 {
		padding: .5rem 5%;
	}

	.aboutbox1 li {
		width: 100%;
		font-size: .24rem;
		line-height: .4rem;
		margin: 0 0 .3rem 0;
	}

	.aboutbox0 .content {
		top: 6%;
	}

	.aboutbox1 span.ch,
	.aboutbox2 span.ch,
	.aboutbox3 span.ch,
	.aboutbox4 span.ch {
		font-size: .4rem;
	}

	.aboutbox1 span.en,
	.aboutbox2 span.en,
	.aboutbox3 span.en,
	.aboutbox4 span.en {
		font-size: .6rem;

	}

	.aboutbox2 .fl,
	.aboutbox2 .fr {
		width: 100%
	}

	.aboutbox2 .fl h3,
	.aboutbox2 .fr span {
		font-size: .28rem;
	}

	.aboutbox2 .fl p,
	.aboutbox2 .fr p {
		font-size: .24rem;
		line-height: .4rem;
	}

	.aboutbox3 .swiper-container {
		padding: 0;
		width: 75%;
	}

	.aboutbox3 .swiper-slide-active {
		transform: scale(1)
	}

	.aboutbox3 .swiper-slide-active img {
		height: 6rem;
	}

	.aboutbox3 .swiper-button-prev,
	.aboutbox3 .swiper-button-next {
		top: 45%;
	}

	.aboutbox4 ul,
	.aboutbox3 .swiper-container {
		margin-top: .6rem;
	}

	.aboutbox4 li {
		width: 48%;
		margin: 0 4% .2rem 0;
		padding: .2rem;
	}

	.aboutbox4 li:nth-of-type(2n) {
		margin-right: 0;
	}

	.aboutbox4 li img {
		height: 2.6rem;
	}

	.aboutbox4 li p {
		font-size: .24rem;
		line-height: .3rem;
		height: .6rem;
		margin-top: .2rem;
	}
}
/* PPF */
.ppf li .text {
    float: left;
    width: 35%;
    padding: 70px;
}
.ppf li .img {
    width: 65%;
    float: right;
	background: url(../images/c25.png) no-repeat center center/cover;
}
.ppf li .text img {
    width: 100%;
}
.ppf li {
    background: #000;
}
.ppf li .text span {
    display: block;
    font-size: 17px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
	margin-top: 20px;
    margin-bottom: 40px;
}
.ppf li .text p {
    font-size: 13px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}
@media (max-width: 900px) {
	.ppf li .img,
	.ppf li img,
	.ppf li .text {
		width: 100%;
	}
	.ppf li .text {
		padding: 0.4rem;
	}
}
/* vision */
.vision1 li .text {
    float: left;
    width: 35%;
    padding: 0.4rem;
	margin-bottom: 1.5rem;
}
.vision1 li .text span {
    display: block;
    font-size: 22px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 10px;
}
.vision1 li .text p {
    font-size: 13px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}
.vision1 li .text img {
    width: 100%;
}
.vision2 li .text {
    float: right;
    width: 35%;
    padding: 0.4rem;
	margin-top: 1rem;
	margin-bottom: 0.4rem;
}
.vision2 li .text span {
    display: block;
    font-size: 22px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 10px;
}
.vision2 li .text p {
    font-size: 13px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}
.vision2 li .text img {
    width: 150%;
	float: right;
}
.vision3 li .text {
    float: left;
    width: 35%;
    padding: 0.4rem;
	margin-bottom: 1.5rem;
}
.vision3 li .text span {
    display: block;
    font-size: 22px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 10px;
}
.vision3 li .text p {
    font-size: 13px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}
.vision3 li .text img {
    width: 150%;
}
.vision4 li .text {
    float: right;
    width: 35%;
    padding: 0.4rem;
	margin-top: 1rem;
}
.vision4 li .text span {
    display: block;
    font-size: 22px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 10px;
}
.vision4 li .text p {
    font-size: 13px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
	margin: 20px 0px;
}
.vision4 li .text img {
    width: 150%;
	float: right;
}
.vision5 li .text {
    float: right;
    width: 35%;
    padding: 0.4rem;
	margin-top: 1.2rem;
	margin-right: 2rem;
}
.vision5 li .text span {
    display: block;
    font-size: 22px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 10px;
}
.vision5 li .text p {
    font-size: 13px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
	margin: 20px 0px;
}
.vision5 li .text img {
    width: 150%;
}
.vision6 li .text {
    float: right;
    width: 35%;
    padding: 0.4rem;
	margin-top: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
}
.vision6 li .text span {
    display: block;
    font-size: 22px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 10px;
}
.vision6 li .text p {
    font-size: 13px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
	margin: 20px 0px;
}
.vision6 li .text img {
    width: 100%;
}
.vision7 li .text {
    float: right;
    width: 35%;
    padding: 0.4rem;
	margin-top: 1rem;
    margin-right: 2.5rem;
    margin-bottom: 1rem;
}
.vision7 li .text span {
    display: block;
    font-size: 22px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 10px;
}
.vision7 li .text p {
    font-size: 13px;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
	margin: 20px 0px;
}
.vision7 li .text img {
    width: 100%;
}
@media (max-width: 900px) {
	.vision1 li .text {
		width: 100%;
	}
	.vision2 li .text {
		width: 100%;
	}
	.vision2 li .text img {
		width: 100%;
	}
	.vision3 li .text {
		width: 100%;
	}
	.vision3 li .text img {
		width: 100%;
	}
	.vision4 li .text {
		width: 100%;
	}
	.vision4 li .text img {
		width: 100%;
	}
	.vision5 li .text {
		width: 100%;
		margin-right: 0rem;
	}
	.vision5 li .text img {
		width: 100%;
	}
	.vision6 li .text {
		width: 100%;
		margin-right: 0rem;
	}
	.vision7 li .text {
		width: 100%;
		margin-right: 0rem;
	}
}
/* headlight */
.headlight {
    padding: 90px 13%;
	position: relative;
}
.headlight .button-next{
    cursor: pointer;
    position: absolute;
    top: 56%;
	right: 66px;
    z-index: 9999;
    opacity: 0.8;
    transition: all .1s;
    transform: translateY(-50%);
}
.headlight .button-prev{
    cursor: pointer;
    position: absolute;
    top: 56%;
	left: 66px;
    z-index: 9999;
    opacity: 0.8;
    transition: all .1s;
    transform: translateY(-50%);
}
.headlight h2  {
    font-size: 50px;
    display: block;
    color: #fff;
    text-align: center;
    font-family:Gothammedium;
    margin-bottom: 10px;
}
.headlight h3 {
    font-size: 31px;
    display: block;
    color: #fff;
    text-align: center;
    font-family: PingFang-M;
    margin-bottom: 10px;
}
.headlight .swiper {
	overflow:hidden;
}
.headlight .mg {
    margin-top: 45px;
}
.headlight .hitem{
	width: 31%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 45px 0;
}
.headlight .hitem img{
	width: 100%;
	display: block;
}
.headlight .hitem span {
    font-size: 16px;
    color: #ffa300;
    display: block;
    margin-top: 30px;
    font-weight: bold;
    font-family: PingFang SC;
	text-align: center;
}
@media (max-width: 900px) {
	.headlight {
		padding: 0.6rem 4%;
	}
	.headlight h2 {
		font-size: .4rem;
		margin-bottom: 0.1rem;
	}
	.headlight h3 {
		font-size: .3rem;
		margin-bottom: 0.1rem;
	}
	.headlight .button-next {
		width: 0.5rem;
		top: 58%;
		right: 10px;
	}
	.headlight .button-prev {
		width: 0.5rem;
		top: 58%;
		left: 10px;
	}
}
/* KIT */
.kit {
    padding: 90px 3% 0px 3%;
}
.kit ul {
    padding: 0px 100px;
}
.kit li {
    width: 100%;
    /* display: inline-block; */
    display: flex;
	align-items: center;
    vertical-align: top;
	border-bottom: 1px solid #FFB100;
}
.kit .kit-img {
    width: 30%;
    float: left;
	padding: 20px;
}
.kit .kit-img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.kit .kit-text {
    width: 70%;
    float: left;
	padding: 20px;
}
.kit .kit-text .kit-title {
    font-size: 24px;
    color: #ffa300;
    display: block;
    font-weight: bold;
	padding-top: 40px;
}
.kit .kit-text span {
    font-size: 18px;
    color: #ffa300;
    display: block;
    font-weight: bold;
	padding-top: 20px;
}
.kit .kit-text p {
    font-size: 14px;
    color: #000;
    font-family: PingFang-M;
	padding-top: 20px;
}
@media (max-width: 900px) {
	.kit {
		padding: 0.6rem 4%;
	}
	.kit ul {
		padding: 0px;
	}
	.kit li {
		display: inline-block;
	}
	.kit .kit-img {
		width: 100%;
	}
	.kit .kit-text {
		width: 100%;
	}
}
/* luxm */
.luxm {
    padding: 90px 3% 0px 3%;
}
.luxm h2 {
    font-size: 50px;
    display: block;
    color: #333;
    text-align: center;
    font-family:Gothammedium;
    margin-bottom: 10px;
}
.luxm h3 {
    font-size: 31px;
    display: block;
    color: #333;
    text-align: center;
}
.luxm ul {
	margin-top: 45px;
    padding: 0px 150px;
}
.luxm ul li{
    width: 49%;
	display: inline-block;
    vertical-align: top;
	padding: 0px 20px;
	margin-bottom: 40px;
}
.luxm .luxm-img {
    width: 100%;
}
.luxm .luxm-img img {
    width: 100%;
	display: block;
}
.luxm .luxm-text {
    width: 100%;
    float: left;
}
.luxm li span {
    font-size: 16px;
    color: #ffa300;
    display: block;
    margin-top: 20px;
    font-weight: bold;
}
.luxm li p {
    font-size: 14px;
    color: #000;
    margin-top: 15px;
}
@media (max-width: 900px) {
	.luxm {
		padding: 0.6rem 4%;
	}
	.luxm h2 {
		font-size: .4rem;
		margin-bottom: 0.1rem;
	}
	.luxm h3 {
		font-size: .3rem;
		margin-bottom: 0.1rem;
	}
	.luxm ul {
		margin-top: 0.4rem;
		padding: 0px;
	}
	.luxm ul li {
		width: 100%;
	}
}
/* praise */
.praise {
    padding: 90px 3% 0px 3%;
}
.praise h2 {
    font-size: 50px;
    display: block;
    color: #333;
    text-align: center;
    font-family: Gothammedium;
    margin-bottom: 10px;
}
.praise h3 {
    font-size: 31px;
    display: block;
    color: #333;
    text-align: center;
}
.praise .praise-content {
    margin-top: 45px;
	margin-bottom: 45px;
	padding: 0px 150px;
}
.praise .praise-img img {
    width: 100%;
    display: block;
}
.praise .praise-text span {
    font-size: 16px;
    color: #ffa300;
    display: block;
    margin-top: 20px;
    font-weight: bold;
}
.praise .praise-text p {
    font-size: 14px;
    color: #000;
    margin-top: 15px;
}
@media (max-width: 900px) {
	.praise {
		padding: 0.6rem 4%;
	}
	.praise h2 {
		font-size: .4rem;
		margin-bottom: 0.1rem;
	}
	.praise h3 {
		font-size: .3rem;
		margin-bottom: 0.1rem;
	}
	.praise .praise-content {
		margin-top: 0.4rem;
		padding: 0px;
	}
}
/* parameter */
.parameter {
   padding: 90px 3% 0px 3%;
}
.parcor h2, .parcor h3{
   color: #fff;
}
.parameter h2 {
    font-size: 50px;
    display: block;
    text-align: center;
    font-family: Gothammedium;
    margin-bottom: 10px;
}
.parameter h3 {
    font-size: 31px;
    display: block;
    text-align: center;
}
.parameter .parameter-img {
    margin-top: 45px;
	padding-bottom: 45px;
}
.parameter .parameter-img img {
    width: 100%;
	display: block;
}
@media (max-width: 900px) {
	.parameter {
		padding: 0.6rem 4%;
	}
	.parameter h2 {
		font-size: .4rem;
		margin-bottom: 0.1rem;
	}
	.parameter h3 {
		font-size: .3rem;
		margin-bottom: 0.1rem;
	}
	.parameter .parameter-content {
		margin-top: 0.4rem;
		padding: 0px;
	}
}
/* video-single */
.video-single {
    padding: 90px 3% 0px 3%;
}
.video-single h2 {
    font-size: 50px;
    display: block;
    color: #fff;
    text-align: center;
    font-family:Gothammedium;
    margin-bottom: 10px;
}
.video-single h3 {
    font-size: 31px;
    display: block;
    color: #fff;
    text-align: center;
}
.video-single .video-single-content {
	margin-top: 45px;
    padding: 0px 150px 20px 150px;
}
.video-single .video-single-content video {
	width: 100%
}
@media (max-width: 900px) {
	.video-single {
		padding: 0.6rem 4%;
	}
	.video-single h2 {
		font-size: .4rem;
		margin-bottom: 0.1rem;
	}
	.video-single h3 {
		font-size: .3rem;
		margin-bottom: 0.1rem;
	}
	.video-single .video-single-content {
		margin-top: 0.4rem;
		padding: 0px;
	}
}
/* periphery */
.periphery {
    padding: 90px 3% 0px 3%;
}
.periphery h2 {
    font-size: 50px;
    display: block;
    color: #333;
    text-align: center;
    font-family: PingFang-M;
    margin-bottom: 10px;
}
.periphery h3 {
    font-size: 31px;
    display: block;
    color: #333;
    text-align: center;
}
.periphery .periphery-content {
    padding: 15px;
	background: #00000017;
}
.periphery ul {
    margin-top: 45px;
}
.periphery ul li {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 20px 20px 20px;
    margin-bottom: 20px;
}
.periphery .periphery-img img {
    width: 100%;
}
.periphery .periphery-text span {
    font-size: 16px;
	text-align: center;
    display: block;
    margin: 20px 0px 5px 0px;
}
@media (max-width: 900px) {
	.periphery {
		padding: 0.6rem 4%;
	}
	.periphery h2 {
		font-size: .4rem;
		margin-bottom: 0.1rem;
	}
	.periphery h3 {
		font-size: .3rem;
		margin-bottom: 0.1rem;
	}
	.periphery ul {
		margin-top: 0.4rem;
	}
	.periphery ul li {
		width: 100%;
		padding: 0px;
	}
}
/* contact-us */
.contact-us-bg {
	opacity: 1;
	background: rgba(0,0,0,.75);
	width: 100vw;
	height: 100vh;
	z-index: 10001;
	left: 0;
	top: 0;
	position: fixed;
}
.contact-us {
	opacity: 1;
    transform: translate3d(-50%, -50%, 0px);
    width: 100%;
    z-index: 10001;
    top: 50%;
    left: 50%;
    position: fixed;
	max-width: 960px;
}
.contact-us .content {
    height: 100%;
    justify-content: center;
	display: flex;
    flex-direction: column;
}
.contact-us .content .content_form{
	overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    padding: 50px 50px;
	border-radius: 12px;
	color: #3a3a3a;
	font-family:Gothammedium；
}
.contact-us .head p {
    font-size: 26px;
    margin-bottom: 10px;
    font-weight: bold;
}
.contact-us .head span {
    display: block;
    font-size: 26px;
}
.contact-us .form {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}
.contact-us .form .label {
    overflow: hidden;
    width: 49%;
    background: #fff;
    height: 42px;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    position: relative;
	border-radius: 2px;
	color: #00000024;  
}
.contact-us .form .label .send {
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #FFB51D;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 25px;
}
.contact-us .form .label input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    color: #9C9C9C;
    background: none;
    padding-left: 20px;
}
.contact-us .form .label select {
    width: 50%;
    height: 100%;
    padding-left: 20px;
    box-sizing: border-box;
    border: none;
    outline: none;
    background: none;
    font-size: 16px;
    background-image: url(../images/downss_03.png);
    background-repeat: no-repeat;
    background-position: right 25px center;
    color: #9C9C9C;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.contact-us .form .label select.wss {
    width: 100%;
}
.contact-us .form .submit {
    overflow: hidden;
    width: 49%;
    background: #FFAB00;
    height: 42px;
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #000;
    justify-content: center;
    border: 0px;
	border-radius: 2px;
}
.contact-us .content .content_img{
	overflow: hidden;
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 2px;
}
.contact-us .content .content_img img{
	display: block;
	width: 100%;
}
.contact-us .content_form .items{
	flex-direction: row;
    margin-top: 28px;
	display: flex;
}
.contact-us .content_form .items .item{
    align-items: center;
    border-right: 1px solid #c3c3c3;
    display: flex;
    flex: 1;
    flex-direction: column;
}
.contact-us .content_form .items .item:last-child{
    border: none;
}
.contact-us .content_form .items .icon{
    margin-bottom: 10px;
    width: 74px;
}
.contact-us .content_form .items img{
    display: block;
    width: 100%;
}
.contact-us .content_form .items .ftext{
    font-size: 15px;
    line-height: 15px;
}
.contact-us .content_form .copy{
	font-size: 15px;
    line-height: 24px;
    margin-top: 30px;
}
@media (max-width: 900px){
	.contact-us .content .content_form {
		padding: 15px 15px;
		border-radius: 5px;
	}
	.contact-us .form .label {
		width: 100%;
		height: 42px;
		font-size: 12px;
		margin-top: 20px;
	}
}
/* luxbox6 */
.luxbox6 {
    padding: 90px 3%;
}
.luxbox6 h2 {
    font-size: 50px;
    display: block;
    text-align: center;
    font-family: Gothammedium;
    margin-bottom: 10px;
	letter-spacing: -0.02em;
}
.luxbox6 h3 {
    font-size: 31px;
    display: block;
    text-align: center;
}
.luxbox6 ul {
    margin-top: 45px;
}
.luxbox6 ul li {
    width: 24.5%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 5px 20px 5px;
}
.luxbox6 li img {
    width: 100%;
	display: block;
}
.luxbox6 li span {
    font-size: 16px;
    color: #ffa300;
    display: block;
    margin-top: 20px;
    font-weight: bold;
    font-family: PingFang SC;
}
.luxbox6 li p {
    font-size: 14px;
    color: #000;
    margin-top: 10px;
    font-family: PingFang SC;
}
@media (max-width: 900px) {
	.luxbox6 {
		padding: 0.6rem 4%;
	}
	.luxbox6 h2 {
		font-size: .4rem;
		margin-bottom: 0.1rem;
		font-family: PingFang-M;
	}
	.luxbox6 h3 {
		font-size: .3rem;
		margin-bottom: 0.1rem;
	}
	.luxbox6 ul {
		margin-top: 0.4rem;
	}
	.luxbox6 ul li {
		width: 49%;
	}
	.luxbox6 li span {
		font-size: .26rem;
		margin-top: 0.2rem;
	}
	.luxbox6 li p {
		font-size: .24rem;
		margin-top: 0.1rem;
	}
}
/* video-box */
.video-box{
	width:100%;
	height:100%;
	display: block;
	position: relative;
}
.video-box video{
	width:100%;	
	height: auto;
	display: block;
}
.video-box .poster-box {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    /* z-index: 1; */
}
.video-box .poster-box .poster {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
	display: block;
}
.video-box .poster-box .icon-play {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(40deg,#09addb 30%,#0fbda9);
    cursor: pointer;
    font-size: 130px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.video-box .poster-box .icon-play img{
    display: block;
	width: 90px;
}
/* Safari-video */
video::-webkit-media-controls-start-playback-button {
  display: none;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.tel_icon {
	position: fixed;
	right: -100px;
	top: 55%;
	z-index: 999;
}
.tel_icon .label {
	width: 150px;
	height: 45px;
	background: #1f1f1f;
	display: flex;
	transition: transform .5s ease-in-out;
	margin-bottom: 1px;
	align-items: center;
	transform: translateX(0px);
	cursor: pointer;
	border-radius: 6px 0px 0px 6px;
}
.tel_icon .label img {
	display: block;
	margin-left: 3px;
	width: 45px;
	height: 45px;
}
@media (min-width: 767px) {
	.tel_icon {
		display: none;
	}
}



/* 针对 SweetAlert2 的全局容器 */
.swal2-container {
	/* 重置 font-size 为一个标准值 (如 16px 或 100%) */
	font-size: 16px !important;
	/* 或者使用 vw/vh 保证在各种设备上的大小统一 */
	/* font-size: 1.5vw; */
}

/* 确保内部元素也使用 px 或标准 em 值，而不是继承巨大的 html 字号 */
.swal2-popup,
.swal2-title,
.swal2-content,
.swal2-html-container,
.swal2-styled {
	/* 确保继承的字体大小是基于 16px 的 */
	font-size: 1em !important;
	line-height: 1.5 !important;
}

/* 如果仍然有问题，检查按钮的样式 */
.swal2-actions {
	/* 如果按钮被放大了，也需要重置 */
	font-size: 16px !important;
}
div:where(.swal2-container){z-index: 999999 !important;}



.kit .kit-text h3 {
	font-size: 18px;
	color: #ffa300;
	display: block;
	font-weight: bold;
	padding-top: 20px;
}




.main_history .navbar ul.on:hover {
	width: 250px;
	transition: all .5s;
	z-index:9999999;
}
.main_history .navbar ul.on {
	transition: all .5s;
	top:0;
	padding-top: 150px;
}
.main_history:hover>b {
	width:100vh;
	height: 100vh;
	background: linear-gradient(to right, rgba(238, 237, 237, 0.8) 10%, rgba(238, 237, 237, 0) 50%);
	position: fixed;
	left: 250px;
	top: 0;
	z-index:99999999;
}
.sbsb {
	display: none;
	width:100vh;
	height: 100vh;
	background: linear-gradient(to right, rgba(238, 237, 237, 0.8) 10%, rgba(238, 237, 237, 0) 50%);
	position: fixed;
	left: 250px;
	top: 0;
	z-index:99999999;
}


body.home_body{background: #010101;}


.diy_shop_1{padding: 30px 0}
.baidu_map{width: 100%;border: none;height: 600px;}