@font-face
{

	font-family:Source-N;
	src: url('../font/SourceHanSansSC-Normal.otf');

}
@font-face
{

	font-family:Source-R;
	src: url('../font/SOURCEHANSANSSC-REGULAR.OTF');

}

@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 p {
	font-size:15px;
	font-weight:bold;
	line-height:26px;
	margin-bottom:10px;
	color:#ffb100;
}
.main_cares .m li .child span {
	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: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: 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 p {
	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 span {
	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(../images/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 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('/wp-content/themes/Xpel/images/mendian/qjd-bg.png') 150px 0/38% no-repeat;
	font-family: 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: Source-N;
}
.box-qjd .qjd-left .qjd-info-store_code {
    color: #b2b2b2;
    font-size: 22px;
	font-family: Source-N;
}
.box-qjd .qjd-left .qjd-info-address {
    color: #959595;
    font-size: 22px;
    margin-top: 25px;
	font-family: Source-N;
}
.box-qjd .qjd-left .qjd-info-web {
    color: #5b5b5b;
    font-size: 22px;
	font-family: 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: Source-N;
	font-weight: 600;
}
.box-qjd .qjd-prize-des {
    color: #767676;
    font-size: 16px;
	font-family: Source-N;
}
@media (max-width: 900px) {
	.installer .content>ul>li .box-qjd {
		padding: 20px;
		background: #000000 url(/wp-content/themes/Xpel/images/mendian/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,
	.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(http://xpel.dengwho.com/wp-content/themes/Xpel/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;
}