@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "PingFang Sc Medium";
    src: url('../font/pingfangscmedium.ttf');
}
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"PingFang Sc Medium","Montserrat","微软雅黑", Arial;
	font-size:14px;
	line-height:1.5;
	color:#000;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
	max-width: 2660px;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	width: 92%;
	max-width:2660px;
	margin:0px auto;
	height:auto;

}
.container1 {
	width: 90%;
	max-width:2660px;
	margin:0px auto;
	height:auto;
}
.container2 {
	width: 92%;
	max-width:910px;
	margin:0px auto;
	height:auto;
}
.container3 {
	width: 92%;
	max-width:1120px;
	margin:0px auto;
	height:auto;
}

* {
	box-sizing: border-box;
}
.tpleft{ float:left;}
.tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
:root{
 --linkColor:#91784d;
}
.swiper-button-disabled{ opacity: .3; pointer-events: none;}
.swiper-pagination-lock{display: none;}
/* 首页 */
.part_1{ background-color: #000; width: 100%; height: 100vh; position: relative;}
.part_1 .banner{ width: 100%; height: 100vh; position: relative; color: #fff;}
.part_1 .banner ul li{ position: relative; height: 100%;}
.part_1 .banner ul{ height: 100%;}
.part_1 .banner .content{ bottom: 10%; left: 50%; position: absolute;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index: 10; text-align: center; font-size: 30px; line-height: 1; text-align: center; width: 100%; max-width: 90%;}
.part_1 .banner ul li img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
.part_1 .banner .content .eng{ font-size: 22px; margin: 38rem 0px;}
.more{ font-size: 14px;}
.more a{ display: inline-block; position: relative; color: #fff; line-height: 1.2;}
.more a:after{
	content: ""; position: absolute; left: 0px; width: 100%; bottom:-4px; background-color: #fff;height: 1px; opacity: .3;
}
.more a:before{ content: ""; position: absolute; left: 0px; width: 0px; bottom: -4px; background-color: #fff;height: 1px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.more a:hover:before{ width: 100%;}
.part_1 .video1 video{ width: 100%; height: 100%;    object-fit: cover;}
.header{ position: fixed; width: 100%; left: 0px; top: 0px; z-index: 100000; transition: all .3s;}
.header .container{height: 100px;width: 100%; padding: 0px 3%; position: relative;}
.header.hover,
.header.play{ background-color:#fff;}
.header.hover .menu ul li .title,
.header.play .menu ul li .title{ color:var(--linkColor);}
.header .logo{ position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);}
.header .logo img{ width:auto; height:55px;}
.header .logo .img2{ display:none;}
.header.hover .logo .img1,
.header.play .logo .img1{ display:none;}
.header.hover .logo .img2,
.header.play .logo .img2{ display: block;}
.header .menu ul li:nth-child(2) .list dd:nth-child(4){ display: none;}
.header .menu ul li .title{ font-size:14px; padding: 0px 22rem; line-height: 2.4; display: block;color: #fff; height: 100px; display: flex; align-items: center; justify-content: center;}
.header .menu ul li.active a,.header .menu ul li a:hover{text-decoration: underline;}
.part_1 .banner:before{ content: ""; width: 100%; position: absolute; left: 0px; top: 0px; height: 120px;background-image: linear-gradient( 180deg ,rgba(0,0,0,.9),transparent); z-index: 10;}
.header .icon-sousuo{ margin-left:19rem; font-size: 24px;cursor: pointer; color: #fff;}
.header.hover:before,
.header.play:before{ display:none;}
.header.hover .icon-sousuo,
.header.play .icon-sousuo{ color: var(--linkColor);}
.index_bt{ font-size: 33px;text-align: center; letter-spacing: 1px; line-height: 1; margin-bottom: 69rem;}
.index_bt.no1{ margin-bottom: 158rem;}
.part_2{ padding-top: 112px; padding-bottom: 37px;}
.index_product{--swiper-pagination-color:#333;}
.index_product .list ul li{ float: left; width: 23.9%; margin-right: 1.46%; text-align: center;}
.index_product .list ul li:last-child{ margin-right: 0%;}
.index_product .list{ position: relative;}
.index_product .list ul li .photo{position:relative; display:block; padding-top:121.5%; width:100%; overflow:hidden; margin-bottom: 15px;}
.index_product .list ul li  .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_product .list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_product .list ul li a{ font-size: 19px;}
.index_product .list:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.index_product .list .btn{ top: 46%; position: absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%); width: 31px; height: 31px; background-color: #000; color: #fff; z-index: 10;font-size:18px; cursor: pointer;}
.index_product .list .prev{ left: -16px;}
.index_product .list .next{ right: -16px;}
.index_product .list .next:before{transform: rotate(180deg); display: block;}
.index_product .sbtn_1{ width: 680rem; position: relative; margin: 0px auto; height: 1px; background-color: #b4b1b0; margin-top: 38px;}

.header.flow{ position: sticky;}
.menu_box{ position: absolute; left: 0px;width: 100%; top: 0px; padding-top: 110px; padding-bottom: 50px; background-color: #fff; z-index: -1;transform-origin: 50% 0;
	transform: scaleY(0) translateZ(0);
	opacity: 0; pointer-events: none;
	transition: transform 0.3s, opacity 0.3s;}
.menu_box .box2{    max-width: 100%;
    width: 100%;
    padding: 0px 3%;
    position: relative;}
	.menu_box .box2 .list dd{ padding: 10px 0px;}
	.menu_box .box2 .list{ margin-left: 22rem;}
.menu_box .box2 .list a{ font-size: 18px; color: var(--linkColor);}
.menu_box .box2 .list dd a:hover{ color: #412c17;}
.header .menu ul li:hover .menu_box {
	pointer-events: visible;
	transform: scaleY(1) translateZ(0);
	opacity: 1;
}

/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 40px;
	right: 0px;
	z-index: 100;
	display: none;
	position: relative;
	margin-left: 15px;

}

.menubtn .name {
	font-size: 16px;
	left: -60px;
	font-weight: 500;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: absolute;
	font-weight: 600;
}

.menubtn .navbar-icons {
	height: 20px;
	width: 100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #fff;
	position: relative;
	border-radius: 5px;
}

.header.hover .menubtn .navbar-icons span,
.header.play .menubtn .navbar-icons span{ background-color:var(--linkColor);}
.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(2) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	width: 70%;
}

.menubtn .navbar-icons span:nth-child(3) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}

.menubtn.open .navbar-icons span:nth-child(2) {
	opacity: 0;
}

.menubtn.open .navbar-icons span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 1px;
}

.menu-mc {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 500;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	padding-top: 85px;
	display: flex;
	flex-direction: column;
	display: none;

}

.menu-mc.active {
	transform: translateX(0);
	-webkit-transform: translateX(0);
}

.menu-mc .list {
	flex: 1;
	overflow: auto;
}

.menu-mc .list ul {
	padding: 0 24px;
}

.menu-mc .list ul li {
	line-height: 50px;
}

.menu-mc .list ul li .submenu {
	display: none;
}

.menu-mc .list ul li .title {
	border-bottom: 1px solid rgba(255, 255, 255, .19);
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #8b7c6d;
}

.menu-mc .list ul li .title .iconfont {
	font-size: 18px;
}

.menu-mc .list ul li {
	display: block;
	font-size: 15px;
	
}

.menu-mc .list ul li .submenu a {
	padding-left: 20px;
	line-height: 45px;
	color: #412c17;
	font-size: 16px;
}

.menu-mc .list ul li .submenu a:hover {

	font-weight: 600;
}
.menu-mc .contact_2{ gap: 35px; padding-bottom: 20px; padding-top: 20px;}
.menu-mc .contact_2 a{ width: 30%; display: flex; align-items: center; justify-content: space-between; color: #8b7c6d; }
.menu-mc .contact_2 a .icon-down:before{ display: block;transform: rotate(-90deg); font-size: 14px;}

.part_3{ text-align: center; position: relative; margin-bottom: 61px;}
.part_3 img{ width: 100%; height: auto; min-height: 200px;object-fit: cover;
 object-position: center center;}
.part_3 .box{ position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 10%; color: #fff; text-align: left; letter-spacing: 1px;}
.part_3 .box .desc{ font-size: 19px; margin-bottom: 25px;}
.part_4{ background-color: #f1eee9;margin-bottom: 61px;}
.part_4 .photo{ width: 59.2%;}
.part_4 .photo img{width: 100%;}
.part_4 .box{ flex:1; overflow: hidden; padding: 30px 10% 30px 0px; letter-spacing: 1px;}
.part_4 .box .title{ font-size: 22px;}
.part_4 .box .desc{ font-size: 16px; margin-top: 5px; margin-bottom: 15px;}
.part_4 .box .more a{ color: #000;}
.part_4 .box .more a:before{background-color: #000;}
.part_4 .box .more a:after{ background-color: #000;}
.product_1{ position: relative;}
.product_1 ul li{ position: relative;}
.product_1 ul li img{ width: 100%; height: auto; min-height: 260px;object-fit: cover;
 object-position: center center;}
.product_1 .box{ position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 10%; color: #fff; text-align: left; letter-spacing: 1px;}
.product_1 .box .desc{ font-size: 19px; margin-bottom: 20px;}

.product_1 .btn{ top: 50%; position: absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%); width: 31px; height: 31px; background-color: #000; color: #fff; z-index: 10;font-size:18px; cursor: pointer;}
.product_1 .prev{ left: 0px;}
.product_1 .next{ right: 0px;}
.product_1 .next:before{transform: rotate(180deg); display: block;}

.part_5{ margin-bottom: 66px;--swiper-pagination-color:#333;}
.part_5 .sbtn_1{ width: 680rem; margin: 0px auto; height: 1px; background-color: #b4b1b0; margin-top: 38px; position: relative;}

.part_6{ background-color: #f1eee9;}
.part_6 .photo{ width: 48.1%;}
.part_6 .photo img{width: 100%;}
.part_6 .box{ flex:1; padding: 30px 38px; letter-spacing: 1px;}

.part_6 .box .title{ font-size: 22px;}
.part_6 .box .desc{  margin-top: 5px; margin-bottom: 13px;}
.part_6 .box .more{ margin-top: 8px;}
.part_6 .box .more a{ color: #000;}
.part_6 .box .more a:before{background-color: #000;}
.part_6 .box .more a:after{ background-color: #000;}
footer{ padding-top: 108px; padding-bottom: 55px;}
footer .dblogo img{ height: 44px; width: auto;}
footer .dblogo { margin-bottom: 68px;}
footer .foot_1{ margin-bottom: 100rem;}
footer .foot_1 ul{ align-items: stretch;}
footer .foot_1 ul li{ flex:1;}
footer .foot_1 ul li .tit{ font-size: 12px; color: var(--linkColor); margin-bottom: 10px;}
footer .foot_1 ul li .sumenu a{ line-height: 2.5; display: block;}
footer .foot_1 ul li .sumenu a:hover{text-decoration: underline;}
footer .foot_2 .online{gap: 20px;}
footer .foot_2 .online a{ color: #000; font-size: 20px;}
footer .foot_2 .online .icon-weixingongzhonghao{ font-size: 18px;}
footer .foot_2 .online a:hover{ opacity: .8;}
footer .foot_2 .online .icon-douyin{ font-size: 16px;}
footer .foot_2 .f_ques{gap: 23px; font-size: 12px;}
footer .foot_2 .f_ques a:hover{text-decoration: underline;}
footer .foot_3{ font-size: 12px;  margin-top: 24px;}
footer .foot_3 img{ width: 65px; height: auto; margin-right: 14px;}
.product_1 {align-items: flex-start; margin-bottom: 64px;}
.product_1 .photo{ width: 39.7%; text-align: center;}
.product_1 .content{width: 46.3%; padding: 30px 0px;}
.product_1 .content .title{ font-size: 33px; margin-bottom: 27px; line-height: 1;}
.product_1 .content .desc{ font-size: 16px;}
.product_2{ margin-bottom: 44px;}
.product_2 .filter{ width: 158px; height: 46px; padding: 0px 15px; background-color: #000;  color: #fff; font-size: 12px;}
.product_2 .filter .icon-jiahao1{ font-size: 12px;}
.product_3 { margin-bottom: 220rem;}
.product_3 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 72px 31px;
align-items: stretch;}
.product_3 ul li{ font-size: 12px; overflow: hidden;}
.product_3 ul li .photo { margin-bottom: 15px;}
.product_3 ul li .photo a{position:relative; display:block; padding-top:139%; width:100%; overflow:hidden;}
.product_3 ul li .photo a img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.product_3 ul li .photo a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.product_3 ul li .title { margin-bottom: 20px;flex-wrap: wrap; align-items: flex-start;}
.product_3 ul li .title a{ font-size: 15px;}
.product_3 ul li .title .brown{ color: var(--linkColor);}
.product_3 ul li .title .tpleft{ font-size: 15px;}
.product_3 ul li .title .tpleft .sml{ font-size: 13px;}
.product_3 ul li .infor .price{ font-size: 14px;}
.product_3 ul li .title a:hover{ text-decoration: underline;}
.search_1{ padding: 183rem 0px 150rem;}
.search_1 .box{ max-width: 603px; margin: 0px auto; border-bottom: 1px var(--linkColor) solid; width: 100%; height: 48px;}
.search_1 .box .formbit{ flex:1; overflow: hidden; width: 100%; height: 40px; line-height: normal; font-size: 16px; border: 0px; outline: none;}
.search_1 .box .sumbit{ background: none; border: 0px;cursor: pointer; outline: none; font-size: 20px;color: var(--linkColor);}
.main_bt{ text-align: center; color: #696767; line-height: 1.1; margin-bottom: 85rem;}
.main_bt .title{ font-size: 29px;}
.main_bt .desc{ font-size: 15px; margin-top: 27px;}
.search_2 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 54px;
align-items: stretch;}
.search_2{ margin-bottom: 20px;}
.search_2 ul li a{color: #696767; text-align: center;}
.search_2 ul li .photo { margin-bottom: 15px;position:relative; display:block; padding-top:65.3%; width:100%; overflow:hidden;}
.search_2 ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.search_2 ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.nybanner{ text-align: center; position: relative; height: 100vh;}
.nybanner .img1{ width: 100%; height: 100%; object-fit: cover;
 object-position: center center;}
.nybanner:before{ content: ""; width: 100%; position: absolute; left: 0px; top: 0px; height: 120px;background-image: linear-gradient( 180deg ,rgba(0,0,0,.9),transparent); z-index: 10;}
.nybanner .container{ position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); text-align: left;} 
.nybanner .content{ color: #fff; padding-left: 22rem;}
.nybanner .content .lab{ font-size: 25px;}
.nybanner .content .title{ font-size: 43px; margin-bottom: 30rem;}
.nybanner .content .txt{font-weight: 600; margin-bottom: 35rem;}
.nybanner .content .tit{ font-size: 25px; margin-bottom: 53rem;}
.nybanner .content .list{ width: 235px; display: flex; flex-direction: column; gap: 13px;}
.nybanner .content .list a{ display: flex; justify-content: space-between; padding: 0px 20px; align-items: center; border: 1px #fff solid; height: 52rem; color: #fff; position: relative; font-size: 13px;}
.nybanner .content .list a .iconfont{ font-size: 20px;}
.nybanner .content .list a .iconfont:before{ display: block;transform: rotate(180deg);}
.nybanner .content .list a:before{ content: ""; position: absolute; left: 0px;width: 0px; height: 100%;transition: all .3s ease;-webkit-transition: all .3s ease; z-index: -1; top: 0px; background-color: #fff;}
.nybanner .content .list a:hover:before{ width: 100%;}
.nybanner .content .list a:hover{ color: #000;}
.pro_one{ padding-top: 130px; margin-bottom: 89px;}
.pr_zs:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.pr_zs{ position: relative;}
.pr_zs ul li{ width: 28%; float: left;}
.pr_zs ul li img{ width: 100%; height: auto; }

.pr_zs .btn{ top: 50%; position: absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%); width: 31px; height: 31px; background-color: #000; color: #fff; z-index: 10;font-size:18px; cursor: pointer;}
.pr_zs .prev{ left: 0px;}
.pr_zs .next{ right:0px;}
.pr_zs .next:before{transform: rotate(180deg); display: block;}
.ser_btn{ position: relative; max-width: 910px; margin: 0px auto; width: 95%;margin-top: 38px;}
.ser_btn .sbtn_1{ width: 680rem; margin: 0px auto; height: 1px; background-color: #b4b1b0; position: relative; --swiper-pagination-color:#333 }

.ser_btn .num{ position: absolute;  right: 0px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); font-size: 13px;}

.pro_two{ font-size: 22px; margin-bottom: 115px;  letter-spacing: 1px;}
.work_bt{ text-align: center; line-height: 1;}
.work_bt .title{ font-size: 37px; margin-bottom: 24px; letter-spacing: 1px;}
.work_bt .lab{ font-size: 27px; margin-bottom: 56px; display: none;}
.Spe_list{ margin-bottom: 150px;}
.Spe_list ul li{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #bababa solid; padding: 10px 0px;}
.Spe_list ul li .tpleft{ font-size: 16px; font-weight: 600;}
.class_part .work_bt .title{ margin-bottom: 37px;}
.class_adv{ text-align: center; margin: 108px 0px;}
.insight_1{ max-width: 1180px; margin: 0px auto 90px; width: 92%;}
.insight_1 .title{ font-size: 22px; text-align: center; margin-bottom: 115px;}
.insight_1 .box .photo{ width: 47.9%;}
.insight_1 .box .desc{ width: 44.6%; font-size: 27px;}

.series_banner{ position: relative; text-align: center;}
.series_banner img{ min-height: 240px;object-fit: cover; width: 100%;
 object-position: center center;}
.series_banner .container3{ left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 10%; position: absolute;}
.series_banner .title{ color: #fff;  font-size: 50px; text-align: left; line-height: 1.1;}
.series_banner:before{content: "";
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 120px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .9), transparent);
    z-index: 1;}
.series_1{ align-items: flex-start; flex-wrap: wrap; padding-top: 30px; padding-bottom: 50px;}
.series_1 .tpleft{ font-size: 32px;}
.series_1 .desc{ max-width: 520px; letter-spacing: 1px;}

.ser_list ul li .photo{overflow:hidden;}
.ser_list ul li .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.ser_list ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.ser_list ul li{ display: flex; align-items: center; margin-bottom: 35px;}
.ser_list ul li .photo{ width: 48.4%;}
.ser_list ul li .box{ flex:1; overflow: hidden; padding-left: 11%; padding-right:5%;}
.ser_list ul li .box .content .tit{ font-size: 30px; margin-bottom: 7px;}
.ser_list ul li .box .content .desc{ margin-bottom: 40px;}
.ser_list ul li .box .content .detail_1{ width: 159px; height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0px 16px; color: #fff; font-size: 12px; background-color: #000; color: #fff;}
.ser_list ul li .box .content .detail_1 .iconfont:before{transform: rotate(180deg);
    display: block;}
.ser_list ul li .box .content .detail_1:hover{ opacity: .8;}
.ser_list ul li:nth-child(2n){flex-direction: row-reverse; }
.ser_list ul li:nth-child(2n) .box{ padding-left: 0px; padding-right: 12%;}
.series_box{ position: relative; padding-top: 147px;}
.series_box:before{    content: "";
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 120px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .9), transparent);
    z-index: 1;}
.series_box:after{    content: "";
    width: 100%; height: 678rem; background-color: #f1eee9;
    position: absolute;
    left: 0px;
    top: 0px;
}
.se_tit{ margin-bottom: 40px;}
.se_tit .lab{font-size: 22px;}
.se_tit .title{font-size: 50px; font-weight: 600; line-height: 1.1; margin-top: 5px;}
.series_box .container3{position: relative;z-index: 10;}
.show_1{ margin-bottom: 40px;}
.series_box .series_1 { margin-bottom: 20px;}
.series_box .series_1 .desc{ font-size: 20px;}

.vitality_one:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.vitality_one{ position: relative;}
.vitality_one ul li{ width: 100%; background-color: #f1eee9;}
.vitality_one ul li .photo{ width: 48%;}
.vitality_one ul li img{ width: 100%; height: auto; }

.vitality_one .btn{ top: 50%; position: absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%); width: 31px; height: 31px; background-color: #000; color: #fff; z-index: 10;font-size:18px; cursor: pointer;}
.vitality_one .prev{ left: 0px;}
.vitality_one .next{ right:0px;}
.vitality_one .next:before{transform: rotate(180deg); display: block;}
.vitality_one ul li .box{ display: flex; align-items: flex-start;}
.vitality_one ul li .content{ flex:1; overflow: hidden; padding: 113px 0px 20px 8%; text-align: left;}
.vitality_one ul li .content .tit{ font-size: 30px;}
.class_part.no1{ margin-bottom: 125px;}
.pro_one.no2{ padding-top: 20px;}
.product_3.no4 ul li{grid-column: 1 / span 2; }
.series_1.no2 .desc{}
.series_1.no2 .tpleft{  line-height: 1.8;}
.Recommend { padding-top: 50px;  margin-bottom: 160px;}
.Recommend .r_tit{ font-size: 32px;line-height: 1; margin-bottom: 35px;}
.Recommend ul { gap: 68px; flex-wrap: wrap;}
.Recommend ul li{ width: 364px; overflow: hidden;}
.Recommend ul li .photo{ margin-bottom: 10px; overflow: hidden;}
.Recommend ul li .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.Recommend ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.brand_two{  margin-top: 54px; margin-bottom: 72px;}
.brand_three ul li{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 99px;}
.brand_three ul li .photo{ width: 48.3%;}
.brand_three ul li .photo img{ width: 100%; height: auto;}
.brand_three ul li .box{ flex:1; overflow: hidden; padding-right: 13%;}
.brand_three ul li .box .title{ font-size: 28px; margin-bottom: 15px;}
.brand_three ul li .box .desc{}
.brand_three ul li:nth-child(2n){flex-direction: row-reverse;}
.brand_three ul li:nth-child(2n) .box{ padding-left: 13%; padding-right: 0px;}
.brand_three ul li:nth-child(2n) .box .title{ text-align: right;}
.brand_three.no3 ul li { margin-bottom: 40px;}
.brand_three.no3 ul li .box{ padding-left: 10%; padding-right: 0px;}

.brand_three ul li .detail_1{ min-width: 159px; height: 42px; display: inline-flex; align-items: center; justify-content: space-between; padding: 0px 16px; color: #fff; font-size: 12px; border: 1px #000 solid; margin-top: 25px;transition: all .3s ease;-webkit-transition: all .3s ease;white-space:nowrap; background-color: #000;}
.brand_three ul li .detail_1 .iconfont:before{transform: rotate(180deg);
    display: block;}
.brand_three ul li .detail_1:hover{background-color: #000; color: #fff;}
.brand_three.no3 ul li:nth-child(2n) .box{ padding-left: 0px; padding-right: 10%;}
.brand_three ul li:nth-child(2n) .box .title{ text-align: left;}
.product_1.no2{ margin-bottom: 0px;}

.product_1.explore ul li .box .desc{ color: #000; margin-bottom: 0px;}
.product_1.explore ul li .detail_1{ width: 159px; height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0px 16px; color: #fff; font-size: 12px; border: 1px #000 solid; color: #000; margin-top: 15px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.product_1.explore ul li .detail_1 .iconfont:before{transform: rotate(180deg);
    display: block;}
.product_1.explore ul li .detail_1:hover{background-color: #000; color: #fff;}
.thing_m{background-image: url(../images/things_05.jpg); background-repeat: no-repeat;   background-position: center bottom; padding-bottom: 40px;}
.thing_m .brand_three.no3 ul li:last-child{ margin-bottom: 0px;}
.brand_three.flower ul li{ position: relative;}
.brand_three.flower ul li:nth-child(odd):before{
content: "";background-image: url(../images/flower_03.png); background-repeat: no-repeat;   background-position: center; background-size: cover; width: 64px; height: 64px;  position: absolute;right: 0px; bottom:0px;
}
.brand_three.flower ul li:nth-child(even):before{
content: "";background-image: url(../images/flower_03.png); background-repeat: no-repeat;   background-position: center; background-size: cover; width: 64px; height: 64px;  position: absolute;left: 0px; bottom:0px;
}

.brand_three.no4 ul li .box{ padding-right: 3%;}
.brand_three.no4 ul li .box .desc{ margin-right: 15%;}
.brand_three.no4 ul li .box .title{ letter-spacing: 2px;}
.brand_three.no4 ul li:nth-child(2n) .box{padding-right:0%; padding-left: 3%;}
.brand_three.no4 ul li:nth-child(2n) .box .desc{margin-right: 0%;margin-left: 15%;}
.brand_three.no4 ul li:nth-child(2n) .box .title{text-align: right;}

.Mem_one ul li .photo{overflow:hidden;}
.Mem_one ul li .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.Mem_one ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.Mem_one ul li .infor{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.Mem_one ul li{ display: flex; align-items: center; margin-bottom: 35px;}
.Mem_one ul li .photo{ width: 48.4%;}
.Mem_one ul li .box{ flex:1; overflow: hidden; padding-left: 11%; padding-right:5%;}
.Mem_one ul li .box .content .tit{ font-size: 28px; margin-bottom: 7px;}
.Mem_one ul li .box .content .desc{  margin-bottom: 40px;}
.Mem_one ul li .box .content .detail_1{ width: 159px; height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0px 16px; color: #fff; font-size: 12px; background-color: #000; color: #fff;}
.Mem_one ul li .box .content .detail_1 .iconfont:before{transform: rotate(180deg);
    display: block;}
.Mem_one ul li .box .content .detail_1:hover{ opacity: .8;}
.Mem_one ul li:nth-child(2n) .infor{flex-direction: row-reverse; }
.Mem_one ul li:nth-child(2n) .infor .box{ padding-left: 0px; padding-right: 12%;}
.Mem_one ul li:nth-child(2n) { background-color: #f1eee9;}
.mem_two{  text-align: center; padding: 58px 0px 98px;}
.mem_two .title{ font-size: 32px; line-height: 1; margin-bottom: 45px;}

.mem_two .detail_1{ width: 159px; height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0px 16px 0px 20px; color: #fff; font-size: 12px; background-color: #000; color: #fff; margin: 0px auto;}
.mem_two .detail_1 .iconfont:before{transform: rotate(180deg);
    display: block;}
.mem_two .detail_1:hover{ opacity: .8;}
.mem_two .more1{ text-align: center;}
.Recommend.no2 .r_tit{ text-align: center;}
.Recommend.no2 ul li{ width: 447px;}
.Recommend.no2{ margin-bottom: 100px;}
.Recommend.no2 .r_tit{ margin-bottom: 40px;}
.men_three{ text-align: center;}
.men_three img{ width: 100%; height: auto;}


.brand_three1{ max-width: 728px; margin: 0px auto; padding: 145px 0px; font-size: 30px; line-height: 1.7}
.brand_three1 .tit{ text-align: center;}
.job_list{ margin-bottom: 50px;}
.job_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:114rem 38px;
align-items: stretch;}
.job_list ul li{ display: flex; flex-direction: column; justify-content: space-between;}
.job_list ul li .title{ font-size: 32px; margin-bottom: 40rem; text-align: center;}
.job_list ul li .desc{ flex:1; margin-bottom: 83rem;line-height: 1.85; font-size: 16px; }
.mem_two .desc{ font-size: 18px;}
.job_list ul li .photo{ text-align: center;}
.contact_m{ gap: 30px; max-width: 795px; padding-top: 36px;  margin-bottom: 110px; display: flex; align-items: flex-start; margin: 0px auto; width: 90%;}
.contact_m .book{ width: 360px;}
.contact_m .box{flex:1;}
.contact_m .title{ font-size: 23px; line-height: 1; margin-bottom: 55px;}
.contact_m .box .desc{ line-height: 2;}
.contact_m .book ul li{ margin-bottom: 20px;}
.contact_m .book ul li.no1{background-color: #e8e8e8; padding: 7px 6px; }
.contact_m .book ul li .tit{ font-size: 12px; padding: 0px 5px;}
.contact_m .book ul li select{ border: 0px; font-size: 12px; background: none; outline:none; width: 100%; height: 30px; line-height: normal}
.contact_m .book ul li .formbit{ height: 30px; line-height: normal; border: 0px; width: 100%; background: none; outline: none; padding: 0px 5px;}
.contact_m .book ul li .chico[type='checkbox']{ width:20px; height:20px; border:1px #000 solid; border-radius:2px;-webkit-appearance: none;outline: none; margin-right:11px;
    cursor: pointer;}
.contact_m .book ul li .chico[type=checkbox]:checked {
    background: url(../images/icon.png) no-repeat center;
	background-size:cover;
    border: 0px solid #535353;
}
.contact_m .book ul li .detail_1{width:122px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 16px;
    color: #fff;
    font-size: 12px;
    background-color: #000;
    color: #fff; border: 0px;cursor: pointer;}
.contact_m .book ul li .detail_1 .iconfont:before{    transform: rotate(180deg);
    display: block;}
.contact_m .book ul li.no2{ margin-bottom: 50px;}
.contact_m .book ul li .detail_1:hover{ opacity: .8;}
.banner .swiper-pagination-bullet-active{ background-color: var(--linkColor);}

@media screen and (max-width: 1450px) {
	.nybanner .content .list a{ height: 40px;}
}
@media screen and (max-width: 1200px) {
	.product_1 .content .title{ font-size: 28px;}
	.product_1 .content .desc{font-size: 18px;}
	.insight_1 .box .desc{ font-size: 17px;}
	.series_banner .title{ font-size: 45px;}
	.series_1{ gap: 10px;}
	.series_1 .tpleft{ font-size: 28px;}
	.series_1 .desc{ }
	.ser_list ul li .box .content .tit{ font-size: 25px;}
	.ser_list ul li .box .content .desc{ }
	.series_box:after{ height: 400px;}
	.brand_three ul li .box .title{ font-size: 25px;}
	.brand_three ul li .box .desc{}
	.Recommend .r_tit{ font-size: 28px;}
	}
@media screen and (max-width: 767px) {
	.menubtn,
	.menu-mc {
		display: flex;
	}
	.header .menu ul{ display: none;}
	.header .container{ height: 60px;}
	.header .logo img{ height: 35px;}
	.header .icon-sousuo{ margin-right: 8px;}
	.part_1 .banner .content{ font-size: 25px;}
	.part_1 .banner .content .eng{ font-size: 18px; margin: 20px 0px;}
	.part_2{ padding-top: 70px;}
	.index_bt{ font-size: 22px; margin-bottom: 20px;}
	.index_product .list ul li a{ font-size: 15px;}
	.index_product .sbtn_1{ margin-top: 24px;}
	.part_3{ margin-bottom: 40px;}
	.part_4{ margin-bottom: 40px; padding-bottom: 30px;}
	.part_4 .container1{ flex-direction: column;}
	.part_4 .photo{ width: 100%; text-align: center;}
	.part_4 .box .desc{ font-size: 14px;}
	.part_4 .box .title{ font-size: 20px;}
	.product_1 .box .desc{ font-size: 17px;}
	.part_3 .box .desc{ font-size: 17px;}
	.part_5 .sbtn_1{ margin-top: 24px;}
	.part_5{ margin-bottom: 40px;}
	.part_6 .container1{ flex-direction: column; padding-top: 35px;}
	.part_6 .photo{ width: 100%; text-align: center;}
	.part_6 .box{ padding: 30px 0px;}
	.part_6 .box .title{ font-size: 20px;}
	footer .foot_1{ display: none;}
	footer .foot_2{ gap: 10px; flex-wrap: wrap; justify-content: center;}
	footer .dblogo{ text-align: center; margin-bottom: 30px;}
	footer{padding-top: 40px;
    padding-bottom: 40px;}
	footer .foot_3{ justify-content: center;}
	.product_1 .content .title{ font-size: 32px; margin-bottom: 20px;}
	.product_1 .content .desc{}
	.product_3 ul{    grid-template-columns: repeat(2, 1fr);}
	.nybanner .content .title{ font-size: 30px; line-height: 1.1; margin-bottom: 20px; margin-top: 5px;}
	.nybanner .content .lab{ font-size: 18px;}
	.nybanner .content .tit{ font-size: 18px; margin-bottom: 35px;}
	.nybanner .content .txt{ margin-bottom: 20px;}
	.pro_one{ padding-top: 70px; margin-bottom: 40px;}
	.pro_two{ font-size: 16px; margin-bottom: 50px;}
	.work_bt .title{ font-size: 27px;}
	.work_bt .lab{ font-size: 18px; margin-bottom: 30px;}
	.work_bt .title{ margin-bottom: 18px;}
	.Spe_list{ margin-bottom: 70px;}
	.class_adv{ margin: 50px 0px;}
	.class_adv img{ min-height: 200px;object-fit: cover;
 object-position: center center;}
 .ser_btn{ margin-top: 28px;}
 .insight_1 .title{ font-size: 18px; margin-bottom: 40px;}
 .insight_1 .box{ flex-direction: column; gap: 25px;}
 .insight_1 .box .photo{ width: 100%; text-align: center;}
 .insight_1 .box .desc{ width: 100%;}
 .insight_1{ margin-bottom: 60px;}
 .series_1 .desc{ max-width: 100%;}
 .series_banner .title{ font-size: 30px;}
 .series_1 .tpleft{ font-size: 20px;}
 .series_1 .desc{ }
 .se_tit .title{ font-size: 35px;}
 .se_tit .lab{ font-size: 18px;}
 .series_box .series_1 .desc{ }
 .show_1{ margin-bottom: 20px;}
 .series_box .series_1{ margin-bottom: 0px;}
 .class_part.no1{ margin-bottom: 40px;}
  .vitality_one ul li .content{ padding-top: 10%;}
 .vitality_one ul li .content .tit{ font-size: 20px;}
 .series_1.no2 .desc{ }
 .Recommend .r_tit{ font-size: 23px; margin-bottom: 25px;}
 .Recommend{ padding-top: 20px; margin-bottom: 60px;}
 .Recommend ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
align-items: stretch;}
.Recommend ul li,.Recommend.no2 ul li{ width: 100%;}
.brand_two{ margin-top: 34px; margin-bottom: 40px;}
.brand_three ul li{ flex-direction: column;gap: 20px; margin-bottom: 50px;}
.brand_three ul li .box{ padding-right: 0px; flex:none; width: 100%;}
.brand_three ul li:nth-child(2n) .box{ padding-left: 0px;}
.brand_three ul li:nth-child(2n){  flex-direction:row; flex-direction: column;}
.brand_three ul li:nth-child(2n) .box .title{ text-align: left;}
.brand_three ul li .box .title{ font-size: 20px;}
.brand_three ul li .box .desc{ }
.brand_three.no3 ul li .box{ padding-left: 0px;}
.brand_three.no3 ul li:nth-child(2n) .box{ padding-right: 0%;}
.brand_three ul li .box .title{ margin-bottom: 10px;}
.brand_three ul li .detail_1{ width: 140px;}
.product_1.explore ul li .detail_1{ width: 140px;}
.brand_three.flower ul li:nth-child(odd):before{ display: none;}
.brand_three.flower ul li:nth-child(even):before{ display: none;}
.brand_three.no4 ul li .box .desc{ margin-right: 0px;}
.brand_three.no4 ul li .box { padding-right: 0px;}
.brand_three.no4 ul li:nth-child(2n) .box{ padding-left: 0px;}
.brand_three.no4 ul li:nth-child(2n) .box .title{ text-align: left;}
.brand_three.no4 ul li:nth-child(2n) .box .desc{ margin-left: 0px;}
.Mem_one ul li .box .content .tit{font-size: 20px; margin-bottom: 10px;}
.Mem_one ul li .box .content .desc{}
.Mem_one ul li .infor{ flex-direction: column;gap: 20px;}
.Mem_one ul li .photo{ width: 100%;text-align: center;}
.Mem_one ul li .box{ flex:none; width: 100%; padding-left: 0px; padding-right: 0px;}
.Mem_one ul li:nth-child(2n) .infor .box{ padding-right: 0px;}
.Mem_one ul li:last-child{ margin-bottom: 0px;}
.mem_two .title{ font-size: 27px; margin-bottom: 20px;}
.mem_two .detail_1{ width: 139px;}
.mem_two{ padding-top: 28px; padding-bottom: 58px;}
.brand_three{  padding: 50px 0px;}
.job_list ul{    grid-template-columns: repeat(1, 1fr);  gap: 35px 0px;}
.job_list ul li .title{ font-size: 20px;}
.job_list ul li .desc{ font-size: 14px; margin-bottom: 25px;}
.mem_two .desc{ font-size: 16px;}
.contact_m{ flex-direction: column;}
.contact_m .title{ margin-bottom: 25px; font-size: 20px;}
.brand_three1{ font-size: 20px;}
.brand_three1{ padding: 50px 0px;}
		}
@media screen and (max-width: 540px) {
.product_1{ flex-direction: column;}
.product_1 .content{ width: 100%;}
.product_1 .photo{  width: 100%;}

		}
		@media screen and (max-width:450px) {
         .product_3 ul{    grid-template-columns: repeat(1, 1fr); gap: 31px 31px;}
		 .product_3{ margin-bottom: 40px;}
		 .ser_list ul li{ flex-direction: column;}
		 .ser_list ul li .photo{ text-align: center; width: 100%;}
		 .ser_list ul li .box{ flex:none; width: 100%; padding: 20px 0px 0px;}
		 .ser_list ul li:nth-child(2n){ flex-direction:column;}
		 .ser_list ul li:nth-child(2n) .box{padding: 20px 0px 0px;}
		 .ser_list ul li .box .content .detail_1{ width: 139px;}
		 .vitality_one ul li .content .tit{ font-size: 16px;}
		 .se_tit .title{ font-size: 30px;}
		 .se_tit{ margin-bottom: 20px;}
		 .series_box:after{ height: 320px;}
		 .product_3 ul li .title{  margin-bottom: 15px;}
		 .Recommend ul li{ width: 100%;}
		 .Recommend ul{ gap: 25px;}
		 .Recommend ul{display: grid;
	grid-template-columns: repeat(1, 1fr);}
	.brand_three ul li .photo{ width: 100%;}
	.contact_m .book{ width: 100%;}
		}

@media (min-width:2500px){
	.header .menu ul li .title{
		font-size: 20px;
	}
}