/* CSS Document */


.head {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	padding: 0px 3%;
	background: rgba(255, 255, 255, 1);
	transition: 0.3s;
	
	
	
}

.head.on {
	background: rgba(255, 255, 255, 1);
}

.headFlex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.m_head,
.m_nav {
	display: none;
}

.headFlex .logo {
	display: block;
	position: relative;
	z-index: 1;
}

.headFlex .logo img {
	width: 70px;
}

.headFlex .nav {
	display: flex;
	align-items: center;
}

.headFlex .nav li {
	padding: 25px 8px;
}

.headFlex .nav li a {
	display: block;
	overflow: hidden;
	height: 40px;
	display: block;
	position: relative;
	z-index: 1;
}

.headFlex .nav li a .btn-text {
	padding: 0px 21px;
	height: 40px;
	font-weight: 500;
	font-size: 18px;
	color: #333;
	transform: translateY(0px);
	transition: 0.3s;
}

.headFlex .nav li a .btn-text-show {
	padding: 0px 21px;
	height: 40px;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	background: #333;
	border-radius: 20px;
	transform: translateY(30px);
	transition: 0.3s;
}

.headFlex .nav li:hover a .btn-text {
	transform: translateY(-30px);
}

.headFlex .nav li:hover a .btn-text-show {
	transform: translateY(-40px);
}

.headFlex .nav li .subnav {
	background: #fff;
	padding: 114px 3% 24px 3%;
	border-radius: 0px 0px 24px 24px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: 0.3s;
	transform: translateY(-100%);
}

.headFlex .nav li:hover .subnav {
	transform: translateY(0%);
}

.headFlex .nav li .subnav .subnavFlex {
	display: flex;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut {
	width: 18%;
	margin-right: 4%;
	align-content: space-between;
	display: flex;
	flex-wrap: wrap;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut h4,
.headFlex .nav li .subnav .subnavFlex .subnavPage h4 {
	font-size: 18px;
	line-height: 40px;
	color: rgb(23, 23, 23);
}

.headFlex .nav li .subnav .subnavFlex .subnavCut .ul {
	padding-top: 12px;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut .ul li {
	display: flex;
	align-items: center;
	padding: 0px;
	height: 40px;
	/*! margin-top:6px; */
	cursor: pointer;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut .ul li img {
	width: 36px;
	margin-right: 8px;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut .ul li span {
	font-size: 16px;
	line-height: 40px;
	color: #868686;
	font-weight: bold;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut .ul li.active span,
.headFlex .nav li .subnav .subnavFlex .subnavCut .ul li:hover span {
	color: #171717;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut .open {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #171717;
	width: 100%;
}

.headFlex .nav li .subnav .subnavFlex .subnavPage .more {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #171717;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut .open span,
.headFlex .nav li .subnav .subnavFlex .subnavPage .more span {
	font-size: 18px;
	line-height: 40px;
	color: #171717;
	font-weight: bold;
	margin-right: 24px;
}

.headFlex .nav li .subnav .subnavFlex .subnavCut .open img,
.headFlex .nav li .subnav .subnavFlex .subnavPage .more img {
	height: 20px;
}

.headFlex .nav li .subnav .subnavFlex .subnavPage {
	flex: 1;
	width: 100%;
}

.headFlex .nav li .subnav .subnavFlex .subnavPage .more {
	border-top: 0px;
	font-size: 20px;
}

.headFlex .nav li .subnav .subnavFlex .subnavPage h4 {
	color: #7c7c7c;
}

.subnavPageList {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px;
}

.subnavPageList li {
	width: 25%;
	padding: 0px 15px;
	margin-top: 20px;
}


.subnavPageList li .item {
	background: #fafafa;
	border-radius: 16px;
	overflow: hidden;
	height: auto !important;
	display: block;
	border: 1px solid #fafafa;
}

.subnavPageList li .item .flickity-slider,
.subnavPageList li .item .flickity-slider img {
	width: 100%;
	overflow: hidden;
}

.subnavPageList li .item .slider {
	display: flex;
	width: 100%;
	transition: transform 0.6s ease;
	/* 添加过渡动画 */
}

.index_list .subnavPageList li .item { height: 100% !important;}

.subnavPageList li .item .slider .media {
	width: 100%;
	transform: translateX(0%);
	display: none;
	transition: transform 0.3s ease;
}

.subnavPageList li .item .slider .media.active {
	display: block;
}

.subnavPageList li .item .slider .media img {
	width: 100%;
}

.subnavPageList li .item .text {
	padding: 18px;
}

.subnavPageList li .item .text h6 {
	color: rgba(26, 25, 25, 0.6);
	font-size: 16px;
	line-height: 1.6;
}

.subnavPageList li .item .text h2 {
	color: rgba(26, 25, 25, 1);
	font-size: 22px;
	line-height: 1.6;
	font-weight: bold;
}

.subnavPageList li .item .xiaotuslider {
	display: none;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.subnavPageList li .item .xiaotuslider .zs_media {
	border: 1px solid #7c7c7c;
	border-radius: 8px;
	overflow: hidden;
	width: 36px;
	margin-left: 12px;
}

.subnavPageList li .item .xiaotuslider .zs_media img {
	width: 100%;
}

.banner img {
	width: 100%;
	display: block;
	border-radius: 24px;
}

.banner,
.page_banner {
	margin-top: 90px
}

.fanye {
	display: flex;
	margin-top: 40px;
	justify-content: center;
}

.fanyeBox {
	display: flex;
	align-items: center;
}

.fanyeBox a,
.fanyeBox span {
	color: #BCBBBB;
	font-size: 18px;
	border-radius: 2px;
	background: #ffffff;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.fanyeBox a.active {
	background: #171717;
	color: #ffffff;
}

.fanyeBox .pagination {
	display: flex;
}

.fanyeBox .pagination li.active span {
	background: #171717;
	color: #ffffff;
}



.index_list {
	padding: 40px 3%;
}

.index_list li {
	margin: 15px 0px;
}

.slider-foot {

	padding: 12px;
	background: #ffffff;
	overflow-y: hidden;
	overflow-x: hidden;
	/* 隐藏默认滚动条 */
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: 100%;
	height: 64px;
	position: relative;
	/* 添加相对定位 */

}

.slider-foot-list {
	position: absolute;
	left: 0;
	transition: transform 0.5s ease;
	display: flex;
	transform: translateX(0px);
}

.subnavPageList li .item:hover .slider-foot-list {
	transform: translateX(-70%);
}

.slider-foot .item-foot {
	display: flex;
	align-items: center;
	min-width: 40%;
	border-left: 1px solid rgba(19, 19, 19, .15);
	padding: 0px 18px;
}

.slider-foot .item-foot:first-child {
	border: none;
}

.slider-foot .icon {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
}

.slider-foot .icon img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.slider-foot .text-1 {
	flex: 1;
	width: 100%;
}

.slider-foot .text-1 h4 {
	color: rgba(19, 19, 19, 1);
	font-size: 14px;
	line-height: 20px;
}

.slider-foot .text-1 span {
	color: rgba(19, 19, 19, .65);
	font-size: 14px;
	line-height: 20px;
}

.foot-list {
	padding: 50px 3%;
	background: #ffffff;
	border-radius: 0px 0px 24px 24px;
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}

.foot-list .column {
	width: 25%;
	border-right: 1px solid rgba(21, 21, 21, 0.1);
	padding: 0px 33px;
	display: flex;
}

.foot-list .column:last-child {
	padding-right: 0px;
	border-right: none;
}

.foot-list .column:first-of-type {
	padding-left: 0px;
}

.foot-list .column .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 18px;
}

.foot-list .column .icon .icon_svg,
.foot-list .column .icon img {
	width: 100%;
	height: 100%;
	display: block;
}

.foot-list .column .text {
	flex: 1;
	width: 100%;
}

.foot-list .column .text h4 {
	font-size: 18px;
	line-height: 24px;
	color: #000000;
}

.foot-list .column .text p {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.footer {
	background: #171717;
	padding-top: 50px;
	margin-top: -50px;
	border-radius: 24px;
}

.footer_box {
	background: rgb(30, 30, 30);
	padding: 50px 3%;
	display: flex;
}

.footer_box_left {
	flex: 1;
	width: 50%;
	display: flex;
	justify-content: space-between;
}

.footer_box_left .logo {
	display: block;
}

.footer_box_left .logo img {
	width: 70px;
}

.footer_box_left .txtbox {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
}

.footer_box_left .txtbox .item {
	width: 50%;
	padding-right: 20px;
}

.footer_box_left .txtbox .item-top {
	margin-top: 45px;
	width: 100%;
}

.footer_box_left .txtbox .item h4 {
	font-size: 20px;
	font-weight: 700;
	color: rgb(255, 255, 255);
	line-height: 28px;
	margin-bottom: 12px;
}

.footer_box_left .txtbox .item a {
	font-size: 16px;
	color: rgb(255, 255, 255, .6);
	line-height: 28px;
	display: block;
	margin-top: 4px;
}

.footer_box_left .txtbox .item .item-a {
	color: rgb(255, 255, 255);
	font-size: 24px;
	line-height: 33px;
	margin-top: 8px;
}

.footer_box_right {
	flex: 1;
	width: 50%;
	border-left: 1px solid rgba(255, 253, 253, 0.11);
	padding-left: 5%;
	padding-right: 15%;
	align-content: space-between;
	display: flex;
	flex-wrap: wrap;
}

.footer_box_right h2 {
	font-size: 42px;
	font-weight: 700;
	color: rgb(255, 255, 255);
	line-height: 1.4;
	margin-bottom: 12px;
}

.footer_box_right .form {
	position: relative;
	width: 80%;
}

.footer_box_right .form .text {
	border: none;
	background: rgba(255, 250, 250, 0.04);
	height: 62px;
	line-height: 62px;
	padding-left: 20px;
	padding-right: 75px;
	border-radius: 12px;
	color: #ffffff;
	font-size: 18px;
	width: 100%;
}

.footer_box_right .form .but {
	width: 40px;
	height: 40px;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 11px;
	cursor: pointer;
}

.footer_box_right .form .but svg {
	width: 22px;
	height: 22px;
	display: block;
}

.footer_box_right .ul,
.payment-icons {
	display: flex;
}

.footer_box_right .ul li,
.payment-icons li {
	margin-right: 24px;
}

.footer_box_right .ul li a,
.payment-icons li a {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer_box_right .ul li a svg,
.footer_box_right .ul li a img,
.payment-icons li a svg,
.payment-icons li a img {
	max-width: 100%;
	max-height: 100%;
	color: #ffffff;
}

.footer-copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 35px 3%;
}

.footer-copyright .Concept,
.footer-copyright .Concept a {
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
}

.footer-copyright .Concept a {
	text-decoration: underline;
}

.payment-icons li {
	margin-left: 24px;
	margin-right: 0px;
}

.payment-icons li a {
	width: 34px;
	height: 34px;
}

.about-wrap {
	padding-top: 150px;
	padding-left: 3%;
	padding-right: 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.about-wrap .left,
.about-wrap .right {
	width: 48%;
}

.about-wrap .left .t1 {
	font-size: 118px;
	color: #171717;
	line-height: 1.5;
	font-weight: bold;
}

.about-wrap .left .t2 {
	font-size: 22px;
	color: #171717;
	line-height: 1.5;
	margin-top: 12px;
}

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

.about-wrap .left .form .item,
.tanchu_help .form .item {
	margin-top: 30px;
}

.about-wrap .left .form .item.w48 {
	width: 48%;
}

.about-wrap .left .form .item.w100,
.tanchu_help .form .item {
	width: 100%;
}

.about-wrap .left .form .item .text,
.tanchu_help .form .item .text {
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0px 20px;
	color: rgb(21, 21, 21);
	background: rgba(23, 23, 23, 0.02);
	font-size: 18px;
	border: none;
	border-radius: 12px;
}

.about-wrap .left .form .item .textarea,
.tanchu_help .form .item .textarea {
	width: 100%;
	height: 180px;
	line-height: 60px;
	padding: 0px 20px;
	color: rgb(21, 21, 21);
	background: rgba(23, 23, 23, 0.02);
	font-size: 18px;
	border: none;
	border-radius: 12px;
}

.about-wrap .left .sub,
.tanchu_help .sub {
	width: 192px;
	height: 60px;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #171717;
	color: #ffffff;
	font-size: 18px;
	border-radius: 30px;
	border: none;
}

.t3-text {
	margin-top: 30px;
	color: #171717;
	line-height: 1.6;
	font-size: 16px;
}

.t3-text a {
	color: #171717;
	text-decoration: underline;
}

.about-wrap .right img {
	width: 100%;
}

.about-link {
	padding: 70px 3%;
	border-bottom: 1px solid rgba(19, 19, 19, .15);
}

.about-link ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px;
}

.about-link ul li {
	width: 25%;
	padding: 0px 15px;
}

.about-link ul li .item {
	border: 1px solid rgba(19, 19, 19, .15);
	padding: 40px;
	border-radius: 8px;
	height: 100%;
}

.about-link ul li .item h4 {
	color: rgba(21, 21, 21, 0.5);
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 6px;
}

.about-link ul li .item a {
	text-decoration: underline;
	color: #171717;
	font-size: 16px;
	line-height: 24px;
	display: block;
}

.about-link ul li .item p {
	color: #171717;
	font-size: 16px;
	line-height: 24px;
}

.about-link ul li .ul li {
	margin-right: 24px;
	width: auto;
	margin-right: 0px;
}

.about-link ul li .ul li a,
.payment-icons li a {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-link ul li .ul li a svg,
.about-link ul li .ul li a img {
	max-width: 100%;
	max-height: 100%;
	color: #171717;
}

.page_banner img {
	width: 100%;
}

.our_stort {
	padding: 25px 4%;
}

.our_stort .list li {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fafafa;
}

.our_stort .list li:nth-of-type(even) {
	flex-direction: row-reverse;
}

.our_stort .list li .imgbox {
	width: 55%;
}

.our_stort .list li .imgbox img {
	width: 100%;
}

.our_stort .list li .txtbox {
	width: 45%;
	background: #fafafa;
	padding: 0px 5%;
}

.our_stort .list li .txtbox .t1 {
	position: relative;
	display: flex;
}

.our_stort .list li .txtbox .t1 h2 {
	font-size: 32px;
	color: #171717;
	line-height: 1.5;
	font-weight: bold;
	position: relative;
}

.our_stort .list li .txtbox .t1 svg {
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 240px;
	height: 19px;
	color: rgb(255, 218, 186);
	z-index: -1;
}

.our_stort .list li .txtbox p {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 18px;
	color: #171717;
}

.details-wrap {}

.details-wrap .video {
	margin-top: 80px;
}

.details-wrap .video,
.details-wrap .video video {
	width: 100%;
}

.details_Specs {
	margin-top: 50px;
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 0px 3%;
}

.details_Specs .left {
	width: 70%;
	padding: 0px 5%;
}

.details_Specs .left h2,
.details_faq .left .t1 h2 {
	color: #171717;
	font-weight: bold;
	font-size: 42px;
	line-height: 1.8;
}

.details_Specs_cat li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.details_Specs_cat li .link {
	padding: 30px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.details_Specs_cat li .link span {
	line-height: 1;
	font-size: 20px;
	color: #171717;
}

.details_Specs_cat li .link .icon {
	position: absolute;
	right: 0;
	top: 50%;
	width: 22px;
	margin-top: -12px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.details_Specs_cat li.open .link .icon {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.details_Specs_cat li .submenu {
	display: none;
	margin-bottom: 30px;
}

.details_Specs_cat li .submenu .list {
	display: flex;
	flex-wrap: wrap;
}

.details_Specs_cat li .submenu .list .item {
	padding: 15px 0px;
	width: 50%;
}

.details_Specs_cat li .submenu .list .item h4 {
	font-size: 18px;
	line-height: 24px;
	color: #171717;
	margin-bottom: 6px;
}

.details_Specs_cat li .submenu .list .item p {
	color: rgba(4, 4, 4, 0.6);
	font-size: 16px;
	line-height: 28px;
}

.details_Specs .right {
	width: 28%;
	text-align: center;
	position: sticky;
	left: 0;
	top: 0;
}

.details_Specs .right .top {
	width: 224px;
	height: 70px;
	display: block;
	margin: 0 auto;
}

.details_Specs .right .top svg,
.details_Specs .right .top img {
	width: 100%;
	height: 70px;
}

.details_Specs .right .top svg .fill {
	fill: #fff;
}

.details_Specs .right .text {
	background: rgba(0, 0, 0, 0.02);
	padding: 30px;
	border-radius: 12px;
}

.details_Specs .right .text h3 {
	text-align: center;
	color: #171717;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.8;
}

.details_Specs .right .text ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.details_Specs .right .text ul li {
	margin-top: 30px;
	width: 50%;
	text-align: center;
}

.details_Specs .right .text ul li img {
	background: #ffffff;
	padding: 12px;
	width: 80px;
	border-radius: 50%;
	margin: 0 auto;
}

.details_Specs .right .text ul li p {
	color: #171717;
	font-size: 18px;
	line-height: 1.8;
	margin-top: 4px;
}

.details_faq {
	background: rgb(26, 26, 26);
	display: flex;
	border-radius: 24px;
}

.details_faq .left {
	width: 65%;
	padding: 50px 5%;
}

.details_faq .left .t1 h2 {
	color: #ffffff;
}

.details_faq .left .t1 p {
	background: rgba(255, 255, 255, 0.04);
	padding: 18px 24px;
	border-radius: 3px;
	color: rgba(251, 251, 251, 0.6);
	font-size: 16px;
	line-height: 1.5;
}

.details_faq .left .t1 p a {
	color: #ffffff;
}

.details_faq_pl {
	padding: 0px 3%;
	margin-top: 80px;
}


.details_Specs_faq li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.details_Specs_faq li .link {
	padding: 30px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.details_Specs_faq li .link span {
	line-height: 1;
	font-size: 20px;
	color: #ffffff;
}

.details_Specs_faq li .link .icon {
	position: absolute;
	right: 0;
	top: 50%;
	width: 22px;
	margin-top: -12px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.details_Specs_faq li.open .link .icon {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.details_Specs_faq li .submenu {
	display: none;
	margin-bottom: 30px;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.5;
}

.details_faq .right {
	width: 35%;
	padding: 50px 5%;
	background: rgba(253, 251, 251, 0.04);
	position: sticky;
	left: 0;
	top: 0;
}

.details_faq .right .item {
	margin-top: 30px;
}

.details_faq .right .item .text {
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0px 20px;
	color: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.04);
	font-size: 18px;
	border: none;
	border-radius: 12px;
}

.details_faq .right .item .textarea {
	width: 100%;
	height: 180px;
	line-height: 60px;
	padding: 0px 20px;
	color: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.05);
	font-size: 18px;
	border: none;
	border-radius: 12px;
}

.details_faq .right .sub {
	width: 192px;
	height: 60px;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #171717;
	font-size: 18px;
	border-radius: 30px;
	border: none;
}

.details_chanpin {
	display: flex;
	align-items: flex-start;
	padding: 0px 3%;
	margin-top: 130px;
}

.details_chanpin_img {
	flex: 1;
	width: 100%;
}

.details_chanpin_img_flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.details_chanpin_img .datu {
	width: 65%;
	position: sticky;
	left: 0;
	top: 0;
}

.details_chanpin_img .datu img,
.details_chanpin_img .xiaotu img {
	width: 100%;
}

.details_chanpin_img .xiaotu {
	width: 33%;
}

.details_chanpin_img .xiaotu img {
	margin-bottom: 20px;
}

.details_chanpin_txt {
	width: 35%;
	margin-left: 80px;
	position: sticky;
	left: 0;
	top: 0;
	margin-bottom: 30px;
}

.details_chanpin_txt h4 {
	font-size: 18px;
	line-height: 1.6;
	color: #171717;
}

.details_chanpin_txt h2 {
	font-size: 28px;
	line-height: 1.6;
	color: #171717;
	font-weight: bold;
}

.details_chanpin_txt p {
	font-size: 18px;
	line-height: 1.8;
	color: #242424;
	margin-top: 12px;
}

.details_chanpin_txt .tit {
	margin-top: 24px;
}

.details_chanpin_txt .tit .t1 {
	font-size: 18px;
	line-height: 1.6;
	color: #171717;
}

.details_chanpin_txt .tit .t2 {
	font-size: 18px;
	line-height: 1.6;
	color: #171717;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.details_chanpin_txt .tit .t2 img {
	width: 20px;
	margin-right: 8px;
}

.details_chanpin_txt .tit .t2 span {
	text-decoration: underline;
}

.details_chanpin_txt .tagUl {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 30px;
}

.details_chanpin_txt .tagUl li {
	margin-right: 12px;
	border-radius: 6px;
	border: 2px solid #e9e9e9;
	width: 60px;
	overflow: hidden;
	cursor: pointer;
}

.details_chanpin_txt .tagUl li.active {
	border: 2px solid #171717;
}

.details_chanpin_txt .tagUl li img {
	width: 100%;
}

.details_chanpin_img .datu .slider-foot {
	border: 2px solid #e9e9e9;
	padding: 24px;
	margin-top: 30px;
	border-radius: 12px;
	overflow: auto;
	height: auto;
}

.details_chanpin_img .datu .slider-foot-list {
	position: relative;
	flex-wrap: wrap;
}

.details_chanpin_img .datu .slider-foot .item-foot {
	background: #fafafa;
	padding: 12px 24px;
	min-width: auto;
	border: none;
	margin-right: 18px;
	margin-top: 18px;
}

.details_chanpin_img .datu:hover img,
.details_chanpin_img .xiaotu:hover img {
	cursor: zoom-in;
}

.mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(21, 21, 21, 0.5);
	display: none;
	z-index: 9991;
}

.tanchu_help {
	position: fixed;
	right: -200%;
	top: 0px;
	height: 100vh;
	padding: 50px;
	background: #ffffff;
	border-radius: 24px 0px 0px 24px;
	z-index: 9992;
	width: 30%;
	transition: 0.6s;
}

.tanchu_help .guanbi {
	position: absolute;
	left: 40px;
	top: 40px;
	width: 24px;
	cursor: pointer;
}

.tanchu_help .form {
	margin-top: 90px;
}

.tanchu_help.open {
	right: 0;
}

.weap-top {
	padding-top: 90px;
}

.m_nav,
#navToggle {
	display: none;
}


.details_chanpin_list{border: 2px solid #e9e9e9;
  padding: 24px;
  margin-top: 30px;
  border-radius: 12px;}
.details_chanpin_list ul{ margin: 0px -10px; display:flex; flex-wrap: wrap;}
.details_chanpin_list ul li{ width: 50%; padding: 10px;}
.details_chanpin_list ul li .item-foot{background: #fafafa;padding: 12px 24px; display: flex; align-items: center;} 
.details_chanpin_list ul li .item-foot .icon{ width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;}
  
.details_chanpin_list ul li .item-foot .icon{ width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-right: 8px;}
.details_chanpin_list ul li .item-foot .icon img{ display: block; max-width: 100%; max-height: 100%;}
.details_chanpin_list ul li .item-foot .text-1{ flex: 1; width: 100%;}
.details_chanpin_list ul li .item-foot .text-1 h4{ color: rgba(19, 19, 19, 1); font-size: 14px; line-height: 20px;}
.details_chanpin_list ul li .item-foot .text-1 span{ color: rgba(19, 19, 19, .65); font-size: 14px; line-height: 20px;}
.details_chanpin_swiper{ position:relative; overflow: hidden; flex: 1; width: 100%;}
.details_chanpin_swiper .mySwiper2 { width: 64%; margin: 0 auto; overflow: hidden;}
.details_chanpin_swiper .mySwiper2 img{ max-width: 100%; max-height: 100%;}
.details_chanpin_swiper .mySwiper2 .swiper-slide{ height: 480px; background: #fafafa;  display: flex; align-items: center; justify-content: center; } 
.details_chanpin_swiper .mySwiper { width: 64%; margin: 0 auto; overflow: hidden;}
.details_chanpin_swiper .mySwiper img{ max-width: 100%; max-height: 100%;}
.details_chanpin_swiper .mySwiper .swiper-slide{ height: 200px; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden;}





@media screen and (max-width:1600px) {
	.about-wrap .left .t1 {
		font-size: 68px;
	}

	.headFlex .nav li .subnav .subnavFlex .subnavCut h4,
	.headFlex .nav li .subnav .subnavFlex .subnavPage h4 {
		font-size: 16px;
	}

	.headFlex .nav li .subnav .subnavFlex .subnavCut .ul li img {
		width: 24px;
	}

	.subnavPageList li .item .text h2,
	.headFlex .nav li .subnav .subnavFlex .subnavCut .open span,
	.headFlex .nav li .subnav .subnavFlex .subnavPage .more span,
	.headFlex .nav li .subnav .subnavFlex .subnavCut .ul li span,
	.about-wrap .left .t2 {
		font-size: 20px;
	}

	.subnavPageList li {
		margin-top: 10px;
	}

	.footer_box_right h2 {
		font-size: 38px;
	}

	.footer_box_right {
		padding-right: 5%;
	}

	.footer_box_left .txtbox .item .item-a,
	.details_Specs .right .text h3 {
		font-size: 20px;
	}

	.details_chanpin_txt h2 {
		font-size: 24px;
	}

	.details_chanpin_txt p {
		font-size: 16px;
	}

	.our_stort .list li .txtbox {
		padding: 0px 30px;
	}

	.our_stort .list li .txtbox .t1 h2,
	.details_Specs .left h2,
	.details_faq .left .t1 h2 {
		font-size: 28px;
	}

	.our_stort .list li .txtbox p {
		font-size: 16px;
	}

	.details_Specs .right .text ul li img {
		width: 60px;
	}

	.details_Specs .right .text ul li p {
		font-size: 14px;
	}

	.details_faq .right {
		padding: 30px;
	}

	.about-link ul li .item {
		padding: 18px;
	}

	.foot-list .column .text h4 {
		font-size: 16px;
	}

	.foot-list .column .text p {
		font-size: 13px;
	}

}

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

	.banner,
	.page_banner {
		margin-top: 55px
	}

	.m_nav,
	#navToggle {
		display: block;
	}

	.headFlex .nav {
		display: none;
	}

	.head {
		padding: 15px;
	}

	.head .logo img {
		width: 50px;
	}

	.head #navToggle {
		height: 25px;
		width: 25px;
		display: block;
	}

	.head #navToggle span {
		position: relative;
		width: 25px;
		height: 2px;
		margin-top: 12px;
	}

	.head #navToggle span:before,
	.head #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		left: 0;
	}

	.head #navToggle span,
	.head #navToggle span:before,
	.head #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #333;
	}

	.head #navToggle span:before {
		top: 8px;
	}

	.head #navToggle span:after {
		bottom: 10px;
	}

	.head #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}

	.head #navToggle.open span:after {
		bottom: 13px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}

	.head #navToggle.open span {
		background: none;
	}

	.head #navToggle.open span:before,
	.head #navToggle.open span:after {
		background: #4593FF;
	}

	.head .nav {
		display: none;
	}

	.m_nav {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #fff;
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		opacity: 1;
		visibility: visible;
		overflow-y: auto;
		transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
		left: 0px;
		top: -200%;
		z-index: 98;
		display: block;
		padding: 70px 15px 15px 15px;
	}

	.m_nav.open {
		top: 0;
	}

	.m_nav .ul li {
		margin-top: 15px;
	}

	.m_nav .ul li a {
		font-size: 18px;
		font-weight: bold;
		line-height: 40px;
		color: #333;
		position: relative;
		box-sizing: border-box;
		display: block;
	}

	.m_nav .ul li a img.go {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 24px;
	}

	.m_nav .ul li a.more {
		background: #171717;
		padding: 0px 15px;
		height: 40px;
		font-size: 16px;
		font-weight: bold;
		color: #ffffff;
		border-radius: 20px;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px 0px;
	}

	.m_nav .ul li a.more img {
		width: 18px;
	}

	.dropdown_menu {
		display: none;
	}

	.subnavPageList li {
		width: 50%;
	}


	.index_list {
		padding: 20px 15px;
	}

	.fanye {
		margin-top: 20px;
	}

	.fanyeBox a,
	.fanyeBox span {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.foot-list .column {
		width: 50%;
		margin-top: 12px;
	}

	.foot-list {
		flex-wrap: wrap;
	}

	.foot-list .column:nth-of-type(3) {
		padding-left: 0px;
	}

	.foot-list .column:nth-of-type(4) {
		padding-right: 0px;
		border-right: none;
	}

	.footer_box {
		padding: 20px 15px;
		display: block;
	}

	.footer_box_left {
		width: 100%;
	}

	.footer_box_right {
		width: 100%;
		border-top: 1px solid rgba(255, 253, 253, 0.11);
		border-left: 0px;
		padding: 25px 0px;
		margin-top: 25px;
	}

	.footer_box_right .ul {
		margin-top: 20px;
	}

	.footer-copyright {
		padding: 15px;
	}

	.our_stort {
		padding: 1px 15px 15px 15px;
	}

	.our_stort .list li {
		margin-top: 15px;
		display: block;
	}

	.our_stort .list li .imgbox {
		width: 100%;
	}

	.our_stort .list li .txtbox {
		padding: 15px;
		width: 100%;
	}

	.about-wrap {
		padding-top: 70px;
		display: block;
	}

	.about-wrap .left,
	.about-wrap .right {
		width: 100%;
	}

	.about-link ul li {
		width: 50%;
		margin-top: 15px;
	}

	.about-link {
		padding: 15px;
	}

	.foot-list {
		padding: 15px;
	}

	.footer_box_right h2 {
		font-size: 24px;
	}

	.footer_box_right {
		display: block;
	}

	.footer_box_right .form {
		width: 100%;
	}

	.footer_box_right .form .text {
		height: 50px;
		padding-left: 15px;
		font-size: 16px;
	}

	.footer_box_right .form .but {
		width: 35px;
		height: 35px;
		top: 7px;
		right: 15px;
	}

	.details_chanpin {
		padding: 0px 15px;
		margin-top: 70px;
	}

	.details_chanpin_txt {
		margin-left: 30px;
	}

	.details_chanpin_img .datu .slider-foot {
		padding: 12px;
	}

	.details_chanpin_img .datu .slider-foot .item-foot {
		min-width: 100%;
	}

	.details_Specs {
		padding: 15px;
		margin: 0px;
		display: block;
	}

	.details_Specs .left,
	.details_faq .left {
		width: 100%;
		padding: 0px;
	}

	.details_Specs .right,
	.details_faq .right {
		width: 100%;
		margin-top: 30px;
	}

	.details_faq_pl {
		margin-top: 30px;
		padding: 0px 15px;
	}

	.details_faq {
		display: block;
		padding: 15px;
	}

	.weap-top {
		padding-top: 70px;
	}
	
	.details_chanpin_swiper .mySwiper2,.details_chanpin_swiper .mySwiper{ width: 100%;}
	.details_chanpin_swiper .mySwiper2 .swiper-slide{ height: 320px;}
	.details_chanpin_swiper .mySwiper .swiper-slide{ height: 80px;}
	.details_chanpin_list{ padding: 3px;}
	.details_chanpin_list ul{  margin: 0px;}
	.details_chanpin_list ul li{ width: 100%; padding: 5px 0px;}

}

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

	.banner img {
		border-radius: 0px;
	}

	.subnavPageList li {
		width: 100%;
	}

	.foot-list .column {
		width: 100%;
		padding: 15px 0px !important;
		border-top: 1px solid rgba(21, 21, 21, 0.1);
		margin-top: 0px;
	}

	.footer_box_left {
		display: block;
	}

	.footer_box_left .txtbox {
		width: 100%;
		margin-top: 12px;
	}

	.footer_box_left .txtbox .item h4 {
		font-size: 16px;
	}

	.footer_box_left .txtbox .item a {
		font-size: 14px;
		line-height: 24px;
	}

	.footer_box_left .txtbox .item-top {
		width: 100%;
		margin-top: 24px;
	}

	.footer_box_left .txtbox .item .item-a,
	.details_Specs .right .text h3 {
		font-size: 16px;
	}

	.footer_box_right h2 {
		font-size: 20px;
	}

	.footer-copyright {
		display: block;
	}

	.footer-copyright .Concept,
	.footer-copyright .Concept a {
		font-size: 13px;
		text-align: center;
	}

	.payment-icons {
		justify-content: center;
	}

	.payment-icons li {
		margin: 0px 5px;
	}

	.our_stort .list li .txtbox .t1 h2,
	.details_Specs .left h2,
	.details_faq .left .t1 h2 {
		font-size: 22px;
	}

	.our_stort .list li .txtbox p {
		font-size: 14px;
	}

	.about-wrap .left .t1 {
		font-size: 28px;
	}

	.subnavPageList li .item .text h2,
	.headFlex .nav li .subnav .subnavFlex .subnavCut .open span,
	.headFlex .nav li .subnav .subnavFlex .subnavPage .more span,
	.headFlex .nav li .subnav .subnavFlex .subnavCut .ul li span,
	.about-wrap .left .t2 {
		font-size: 16px;
	}

	.about-wrap .left .form .item.w48 {
		width: 100%;
	}

	.about-wrap .left .form .item .text,
	.tanchu_help .form .item .text,
	.details_faq .right .item .text {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		padding: 0px 12px;
	}

	.about-wrap .left .form .item {
		margin-top: 15px;
	}

	.about-wrap .left .sub,
	.tanchu_help .sub,
	.details_faq .right .sub {
		margin: 0 auto;
		width: 160px;
		height: 50px;
	}

	.about-wrap .right {
		margin-top: 15px;
	}

	.about-link ul li {
		width: 100%;
	}

	.details_chanpin {
		display: block;
	}

	.details_chanpin_img .datu .slider-foot {
		margin-top: 15px;
	}

	.details_chanpin_img .datu .slider-foot .item-foot {
		padding: 12px;
		margin: 0px;
	}

	.details_chanpin_txt {
		margin: 0px;
		margin-top: 15px;
		width: 100%;
	}

	.tanchu_help {
		width: 90%;
		padding: 25px;
	}

	.about-wrap .left .form .item,
	.tanchu_help .form .item {
		margin-top: 15px;
	}

	.details-wrap .video {
		margin-top: 20px;
	}

	.details_Specs_cat li .link,
	.details_Specs_faq li .link {
		padding: 15px 0px;
	}

	.details_Specs_cat li .link span,
	.details_Specs_faq li .link span {
		font-size: 16px;
	}

	.details_Specs_cat li .link .icon,
	.details_Specs_faq li .link .icon {
		width: 16px;
		margin-top: -8px;
	}

	.details_Specs_cat li .submenu .list .item {
		width: 100%;
	}

	.details_Specs .right .top {
		width: 190px;
		height: 50px;
	}

	.details_Specs .right .text {
		padding: 16px;
	}

	.details_Specs .right .text ul li {
		width: 50%;
	}

	.details_faq .left .t1 p {
		padding: 12px;
		font-size: 12px;
	}

	.details_faq .right {
		padding: 12px;
	}

	.details_faq .right .item {
		margin: 0px;
		margin-bottom: 12px;
	}

	.details_faq .right .sub {}
}