/*
Theme Name: znatural Theme
Theme URI:  https://eastdigi.com/
Author: the East Digi Marketing team
Author URI:  https://eastdigi.com/
Version: 1.0
*/
body{
    overflow-x: hidden;
    position: relative;
	background-color: #f8f8f8;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
a:active,a:link,a:focus,a:visited{
    text-decoration: none;
}
input,
textarea,
select,
button {
	border: 0;
	outline: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: none;
}

.row {
    margin-right: 0;
    margin-left: 0;
}
.containers{
	width: 1347px;margin: 0 auto;
}
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.wrapper {
    width: auto !important;
	  margin: 0 auto;
}
@media ( min-width : 1920px) {
	.wrapper {
    width: 1520px;
	}
}

@media ( min-width : 768px) {
	.col-sm-5th {
		width: 20%;
		float: left;
	}
}

@media ( min-width : 992px) {
	.col-md-5th {
		width: 20%;
		float: left;
	}
}

@media ( max-width : 1024px) {
	.xinwen{
		display:flex;
		flex-wrap: wrap;
		padding:0px 20px;
	}
	.xinlist{
		padding: 30px 20px;
	}
	.containers{
		width:100%
	}
}
@media ( min-width : 1200px) {
	.col-lg-5th{
		width: 20%;
		float: left;
	}
}

h1{
	font-size: 34px;
}

.btn{
	color: #FFFFFF;
		font-size: 16px;
		background-color: var(--mColor1);
		display: inline-block;
		text-decoration: none;
		position: relative;
		z-index: 1;
		overflow: hidden; 
		transition: all .3s;
		border-radius: 50px;
}
.btn:hover{
	outline: 0;
	color: var(--mColor1) !important;
	/* border: 2px; */
	background-color: #f5f5f5 !important;
}
.btn:hover::after{
	background: #F5F5F5;
		color: #0F62AC;
		opacity: 1;
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg);
		-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
		transition-timing-function: cubic-bezier(.2,1,.3,1);
}
.btn::after{
	content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: -1;
		-webkit-transform: rotate3d(0,0,1,0deg) translate3d(0,-4em,0);
		transform: rotate3d(0,0,1,0deg) translate3d(0,-4em,0);
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transition: -webkit-transform .6s,opacity .6s,background-color .6s;
		transition: transform .6s,opacity .6s,background-color .6s;
}
/* header */
.header-right .btn{
	width: 187px;
	height: 48px;
	padding: 0px;
	line-height: 48px;
	font-family: "HarmonyOS_Sans_SC";
	font-size: 14px;
}
.header{
	height: 86px;background-color: #fff;position: fixed;
	left: 0;
	right: 0;
	top:0;
	z-index: 555;
	box-shadow: 0 16px 24px rgb(14 13 18 / 7%);
}
.header-content{
	display: flex;height: 86px;
}
.header .navbar .navlist{
	display: block;text-align: left;
}
.header .navbar .navlist > li{
	display: inline-block;
}
.header .navbar .navlist > li > .sub-menu > li{
	text-align: left;
}
.header-logo{
	width: 18%;
}
.header .navbar{
	width: 65%;
}
.header-right{
	width: 17%;display: flex;display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .navlist > li > a{
	line-height: 86px;
		font-family:"HarmonyOS_Sans_SC";
		font-size: 14px;
		color: #333333;
		padding: 0px 20px;
}
.header .navlist > li > a{
	border-right: 1px solid #151515;
}
.header .navlist > li:last-child > a{
	border-right: none;
}
.searchs i{
	font-size: 20px;line-height: 86px;cursor: pointer;
}
.header .navlist .sub-menu li a{
	font-family:"HarmonyOS_Sans_SC";
	font-size: 14px;
	color: #333333;
	padding: 0px 20px;
	line-height: 40px;
	text-transform: capitalize;
}
.header .navlist li a:hover {
    color: var(--mColor1);
}
/* banner */
.banner{
	position: relative;overflow:hidden;margin-top: 86px;
}
.banner li{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 14%;
	padding-left: 44%;
	min-height: 665px;
}
.banner .big-titles{
	width: max-content;
	padding: 20px 0px 20px 0px;
	transform: rotate(-1.5deg);
	-ms-transform: rotate(-1.5deg);
	-moz-transform: rotate(-1.5deg);
	-webkit-transform: rotate(-1.5deg);
	-o-transform: rotate(-1.5deg);
}
.banner-button a{
	margin-top: 35px;
	background: transparent;
	border: 1px solid var(--mColor1);
	color: var(--mColor1);
	padding: 0;
	width: 150px;
	height: 52px;
	line-height: 52px;
	font-size: 18px;
}
.banner-button a:hover{
	background: var(--mColor1) !important;
	color: #fff;
}
.banner-button a:hover::after{
	background: var(--mColor1);
	color: #fff;
}
.banner .swiper-pagination-bullet{
	width: 52px !important;
	height: 2px !important;
	border-radius: 0 !important;
	background-color: #d2d2d2 !important;
	opacity: 1 !important;
}
.banner .big-titles h3{
		font-size: 55px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 60px;
		letter-spacing: 0px;
		color: var(--mColor1);
		margin-top: 0;
}
.banner .big-titles h2{
		font-size: 48px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 60px;
		letter-spacing: 0px;
		color: var(--mColor1);
		margin-top: 0;
}
.banner .big-titles p{
	font-size: 24px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 18px;
		letter-spacing: 0px;
		color: var(--mColor1);
}
.swiper1{
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 25px;/* 设置按钮大小 */
  }
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{
	width: 66px;height: 66px;background-color:rgba(28,6,17,0.25);
	border-radius: 50%;
}
.swiper1 .swiper-pagination-bullet{
	width: 12px;height: 12px;
}
.swiper1 .swiper-pagination-bullet-active{
	background:#f4f9ff;
	opacity: 1 !important;
}
.swiper1 .swiper-pagination-bullet{
	background-color: #f4f9ff;
	opacity: 0.46;
}
/* What can we help you with? */
.what{
	margin-top: 84px;margin-bottom: 104px;
}
.title{
	font-size: 48px;
	text-align: center;
	margin-bottom: 30px;
}
.what h2{
	font-size: 48px;
		line-height: 24px;
		color: var(--mColor1);
}
.what p{
	font-size: 26px;
	line-height: 36px;
	color: #333333;
	width: 85%;
	margin: 0 auto;
	text-align: center;
}
.what .gallery-thumbs .swiper-slide{
	width: 31% !important;margin-right: 0 !important;
}
.what-content{
	margin-top: 30px;
	background: linear-gradient( to top,#fff 0%,#fff 79%,#f8f8f8 0%,#f8f8f8 21%);
}
.what-content .group{
	min-height: 451px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 40%;
}
.what-content .group a{
	text-align: center;
}
.what-content .group:first-child span{
	width: max-content;
}
.what-content .group p{
	font-family:"HarmonyOS_Sans_SC_Bold";
	color: #ffffff;
	width: 326px;
	height: 326px;
	/* border: solid 1px #ffffff;
	border-radius: 50%; */
	text-align: center;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.what-content .gallery-thumbs .swiper-wrapper{
	align-items: center;justify-content:center;cursor: pointer;
}
.what-content .group p button{
	width: 140px;margin-top: 15px;opacity: 0;transition: all .6s;transform: translateY(20px);color: var(--mColor1);
    background: #f5f5f5;
}
.what .gallery-thumbs .swiper-slide a:hover button{
	opacity: 1;transition: all .6s;transform: translateY(0px);
}
.what-content .group p span{
	transform: translateY(20px);transition: all .6s;
}
.what .gallery-thumbs .swiper-slide a:hover span{
	transition: all .6s;transform: translateY(0px);
}
.what-content .gallery-top .swiper-slide{
	min-height: 554px;
}
.what-content .gallery-top p{
	font-family:"HarmonyOS_Sans_SC_Bold";
		font-size: 26px;
		line-height: 30px;
		color: #ffffff;
		background-color: var(--mColor1);
		opacity: 0.9;
		width: fit-content;
		padding: 55px 64px;
		position: absolute;
		top: 30%;
		text-align: left;
}
.what-content .gallery-top{
	cursor: pointer;
}
.what-content .swiper-container-horizontal>.swiper-pagination-bullets,.what-content .swiper-pagination-custom,.what-content .swiper-pagination-fraction{
	bottom: 25px !important;
}
 /* We’re professional enough */
.profess{
	max-height: 737px;background-attachment: fixed !important;
}
.profess h2{
		font-size: 48px;
		line-height: 30px;
		color: #ffffff;
}
.profess p{
	font-size: 24px;
		line-height: 36px;
		color: #333333;
	padding-bottom: 10px;
}
.profess .btn{
	height: 40px;
	width: 180px;
	background-color: var(--mColor1);
	border-radius: 20px;
	padding: 0;
	line-height: 40px;
	font-family:"HarmonyOS_Sans_SC_Light";
}
.profess-content{
	text-align: center;
	padding-top: 108px;
}
.base{
	background-color: #ffffff;text-align: center;margin-top: 15%;
}
.base h2{
	font-size: 48px;
		line-height: 30px;
		color: var(--mColor1);
		padding-top: 63px;
}
.base p{
	font-size: 24px;
		line-height: 36px;
		color: #333333;
}
.base-list li a{
	font-family:"HarmonyOS_Sans_SC_Bold";
		font-size: 20px;
		line-height: 36px;
}
.base-list li a:hover{
	color: var(--mColor1) !important;
}
.base-list li a:hover{
	text-decoration: underline;
}
.base-list li:first-child a{
	color: var(--mColor1);padding-left: 50px;padding-right: 50px;
}
.base-list li:nth-child(2) a{
	color: #d51165;padding-right:50px;padding-left: 50px;
}
.base-list li:last-child a{
	color: #d51135;
}
.base-list{
	display: flex;align-items: center;flex-wrap: nowrap;justify-content: center;padding-bottom: 37px;
}
/* video */
.video{
	margin-top: 235px;background: linear-gradient( to right,#fff 0%,#fff 66%,#f8f8f8 0%,#f8f8f8 34%);
	margin-bottom: 129px;
}
.video .row::before{
	background: linear-gradient( to right,#fff 0%,#fff 66%,#f8f8f8 0%,#f8f8f8 34%);
	height: 117px;
	width: 100%;
}
.iconplay{
	width: 77px;
	height: 77px;
	display: inline-block;
	vertical-align: middle;
	background: url(assets/images/play.png) no-repeat;
}
.bofang{
	position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -21px;
	    margin-top: -21px;
}
.video-right{
	position: relative;padding-right: 0;overflow: hidden;
}
.video-right img{
	transition:all .6s;
}
.video-right a:hover img{
	transform: scale(1.1);transition: all .6s;
}
.video-left{
	position: relative;left: 12.5% !important;
}
.video-left p{
	font-family:"HarmonyOS_Sans_SC";
		font-size: 24px;
		line-height: 36px;
		letter-spacing: 0px;
		color: #333333;
		padding-top: 55px;
}
.video-left p::before{
	position: absolute;
	    content: "\f10d";
	    font-size: 53px !important;
	    color: var(--mColor1);
	    opacity: 0.2;
	    left: -40px;
		top: 10px;
	    line-height: 1;
	    font-weight: lighter;
	    font: normal normal normal 14px/1 FontAwesome;
}
.video-left::after{
	position: absolute;
	    content: "\f10e";
	    font-size: 53px !important;
	   color: var(--mColor1);
	   opacity: 0.2;
	    right: 0px;
	    line-height: 1;
	    font: normal normal normal 14px/1 FontAwesome;
}
/* News & Media */
.news-left{
	background-color: #fff;width: 31.6%;
}
.news-left h2{
	font-size: 48px;
		line-height: 24px;
		color: var(--mColor1);
		text-align: left;
}
.news-left p{
	font-size: 36px;
		line-height: 36px;
		color: var(--mColor1);
	margin-bottom: 27px;
	font-family: "HarmonyOS_Sans_SC";
}
.news-left .btn{
	width: 181px;
		height: 40px;
		background-color: var(--mColor1);
		border-radius: 20px;
		padding: 0;
		line-height: 40px;
		font-family:"HarmonyOS_Sans_SC_Light";
}
.news-right a:first-child .news-list{
	padding-left: 70px;
	    padding-right: 20px;
}
.news-right a:last-child .news-list{
	padding-right: 70px;
	    padding-left: 20px;
}
.news-right a{
	width: 50%;
}
.news-right a:hover .news-list .h3{
	color: var(--mColor1) !important;
}
.news-right a:hover .news-list{
	transform: translateX(-15px);transition: all .6s;
}
.news-list{
	padding-top: 50px;padding-bottom: 50px;min-height: 342px;transition: all .6s;
}
.news-right{
	display: flex;
	align-items: center;
	justify-content:space-evenly;
	background-color: #fff;
	width: 66%;
}
.news-list .hmedium{
		font-size: 14px;
		line-height: 24px;
		color: #ffffff;
	width: 98px;
		height: 24px;
		background-color: var(--mColor1);
		border-radius: 11px;
		text-align: center;
}
.news-list h3{
	font-size: 20px;
		line-height: 28px;
		color: #111111;
}
.news-list .cont p{
		font-size: 16px;
		color: #444444;
		line-height: 28px;
		font-family:"HarmonyOS_Sans_SC";
}
.news-list .news-time{
		font-size: 16px;
		line-height: 28px;
		color: #888888;
		font-family:"HarmonyOS_Sans_SC_Light";
}
.news-text{
	padding: 65px 0px 65px 59px;
}
.news-content{
	display: flex;
	    flex-wrap: nowrap;
	    align-items: center;
	    justify-content: space-between;
}
.news-content .news-list:hover h3{
	color: var(--mColor1);
}
/* message */
.message{
	margin-top: 100px;margin-bottom: 100px;
}
.mess-right{
	background-color: #fff;
	padding: 74px 0px 74px 70px;
	
}
.mess-right h2{
	font-size: 48px;
		line-height: 24px;
		color: var(--mColor1);
		text-align: left;
}
.mess-right p{
	font-size: 36px;
		line-height: 36px;
		color: var(--mColor1);
}
/* The most assured natural plant extracts */
.plant{
	background-image: url(assets/images/assured-natural.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.plant-content{
	padding-top: 63px;
	padding-bottom: 62px;
}
.plant-content h2{
	font-size: 48px;
		line-height: 24px;
		color: #ffffff;
		padding-bottom: 15px;
}
.plant-list{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-evenly;
}
.plant-list i{
	padding-right: 10px;
}
.plant-list li{
	font-family:"HarmonyOS_Sans_SC_Medium";
		font-size: 24px;
		line-height: 36px;
		color: #ffffff;
}
/* footer */
.footer{
	background-color: #27091c;
}
.footer .list{
	display:grid;align-items: center;justify-content: center;text-align: center;padding-top: 57px;
	overflow: hidden;
}
.footer .list p{
	font-family:"HarmonyOS_Sans_SC_Light";
		font-size: 24px;
		line-height: 24px;
		color: #ffffff;
}
.footer .list-img{
	display: flex;align-items: center;justify-content: center;padding-bottom: 25px;
}
.footer-list{
	display: flex;
	align-items: center;
	justify-content: center;
	border-top:1px solid rgba(255,255,255,0.23);
	border-bottom:1px solid rgba(255,255,255,0.23);
	padding-top: 20px;padding-bottom: 20px;
	margin-top: 46px;
}
.footer-list li a{
	font-family:"HarmonyOS_Sans_SC_Medium";
		font-size: 14px;
		line-height: 24px;
		color: #ffffff;
		padding-right: 60px;
}
.footer-list li:last-child{
	padding-right: 0;
}
.cont-list{
	display: flex;align-items: center;justify-content: center;margin-top: 40px;padding-bottom: 25px;
}
.cont-list li{
	transition: all ease .8s;
	width: 29px;
	height: 29px;
	background-color:rgba(255,255,255,0.75);
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}
.cont-list li a i{
	color: #000000;font-size: 16px;
}
.footer .copyright{
	font-family:"HarmonyOS_Sans_SC_Light";
		font-size: 14px;
		line-height: 24px;
		color: #ffffff;
		opacity: 0.49;
		text-align: center;
		/* padding-bottom:63px; */
		padding-bottom: 30px;
		margin-bottom: 0px;
}
.what-content .swiper-pagination-bullet{
	width: 52px !important;
	height: 2px !important;
	border-radius: 0 !important;
	background-color: #d2d2d2 !important;
	opacity: 1 !important;
}
.what-content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0px !important;
}
.what-content .swiper-pagination-bullet-active,.banner .swiper-pagination-bullet-active{
	background-color: var(--mColor1) !important;
}
#menu {
    display: none;
}
#menu.mm-opened {
    display: block;
}
.return-top {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #fff;
	border-radius: 50%;
	bottom: 37%;
	color: #27091c;
	display: block;
	font-size: 33px;
	height: 45px;
	line-height: 41px;
	overflow: hidden;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 45px;
	cursor: pointer;
	transition: all .3s ease 0s;
	margin-bottom: 50px;
	z-index: 99;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.return-top:hover{
	background: #D51165 none repeat scroll 0 0;
	color: #fff;
	border: 1px solid #fff !important;
}
.search-box{
	display: none;position: relative;
}
.search-box form{
	position: absolute;right: 60px;
}
.search-box form label{
	display: none;
}
.search-box form .search-field{
	border: 1px solid #ccc;padding: 7px;
}
.search-box form .search-submit{
	background: var(--mColor1);
	    color: #fff;
	    position: absolute;
	    border: 0;
	    padding: 8px;
}
.cont-list li{
	list-style: none;
	    display: inline-block;
	    transition: all ease .8s;
}
.cont-list li:hover {
    transform: rotateY(360deg);
}
.footer .list-img img{
	transition: all .6s;
}
.footer .list a:hover .list-img img{
	transform: scale(1.1);
	transition: all .6s;
}
.sousuo{
	display: none;
}
.header .navlist .menu-item-home{
	display: none;
}
.help-list h3{
	font-size: 24px;
	line-height: 34px;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Bold";
}
.help-list p{
	font-family: "HarmonyOS_Sans_SC";
	font-size: 18px;
		line-height: 30px;
		color: #666666;
}
.help-list p a{
	color: var(--mColor1);
}
.help-list p a:hover{
	color: #666;
}
.help-list .cont-list{
	justify-content: left;
}
.help-list .cont-list li{
	box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 13%);
}
.help-list .cont-list{
	margin-top: 20px;padding-bottom: inherit;
}
#contact-right{
	padding-left: 0px;
}
.contacts{
	background-color: #fff;padding-top:30px;padding-bottom:40px;margin-bottom: 80px;
}
/* 404PAGE */
#primary {
	margin-top: 200px;
}
.page-404 .error-message h1{
	font-size: 200px;
	text-align: center;
	font-family: "HarmonyOS_Sans_SC_Black";
}
.page-404 .error-message{
	border-bottom: 1px solid #ccc;margin-bottom: 40px;
}
.page-404 h3{
	font-size: 28px;text-align: center;font-family: "HarmonyOS_Sans_SC";
}
.content-404 form label{
	display: none;
}
.content-404{
	text-align: center;margin-top: 45px;margin-bottom: 120px;
}
.content-404 #search-form-2 {
	    background:transparent;
	    border-radius: 0;
	    border-style: solid;
	    border-width: 0.1rem;
	    box-shadow: none;
	    font-size: 1.6rem;
	    margin: 0;
	    max-width: 100%;
	    padding: 1.5rem 1.8rem;
	    width: 500px;
	    height: 51px;
}
.content-404 .search-submit{
	background: var(--mColor1);
	    border: none;
	    border-radius: 0;
	    color: #fff;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 1.5rem;
	    font-weight: 600;
	    line-height: 1.25;
	    margin: 0;
	    opacity: 1;
	    padding: 1.1em 1.44em;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    transition: opacity .15s linear;
	    margin-top: 7px;
}
.con-now{
	margin-bottom: 70px;
}
.nban{
	position: relative;margin-top: 86px;height: 420px;
}
.about-item{
	display: flex;margin-bottom: 70px;background: #fff;margin-top: 60px;
}
.about-item li{
	width: 33.333333%;text-align: center;padding-top: 15px;padding-bottom: 15px;
}
.about-item li a{
	font-size: 26px;color: #333;text-transform: capitalize;
	font-family: "HarmonyOS_Sans_SC_Bold";
}
.about-item li:hover a{
	border-bottom: 2px solid var(--mColor1);padding-bottom: 18px;
}
/* .page-id-18 .about-item li:first-child,
.page-id-127 .about-item li:last-child,
.page-id-145 .about-item li:nth-child(2){
	background-color: var(--mColor1);
} */
.page-id-18 .about-item li:first-child a,
.page-id-127 .about-item li:last-child a,
.page-id-145 .about-item li:nth-child(2) a{
	border-bottom: 2px solid var(--mColor1);padding-bottom: 18px;
}
#advantage h2,.advantage-right h2,.cooperation h2,.page-template-page-about .about h2{
	font-family: "HarmonyOS_Sans_SC_Black" !important;font-size: 32px;color: var(--mColor1);
	padding-bottom: 20px;border-bottom: 1px solid #eee;
}
.about-text p{
	font-family: "HarmonyOS_Sans_SC";
	    font-size: 18px;
	    line-height: 30px;
	    letter-spacing: 0px;
	    color: #333333;
		padding-bottom: 8px;
}
.about-text .vc_col-sm-6:first-child{
	padding-right: 30px;
}
.cooperation{
	margin-bottom: 40px;margin-top: 30px;
}
#advantage p{
	font-family: "HarmonyOS_Sans_SC";
	    font-size: 22px;
	    line-height: 36px;
	    letter-spacing: 0px;
	    color: #666666;
}
#advantage .wpb_text_column{
	margin-bottom: 20px !important;
}
.adv-item{
	font-family: "HarmonyOS_Sans_SC";
	    font-size: 16px;
	    letter-spacing: 0px;
	    color: #666666;
	list-style: disc;
	padding-left: 20px;
	line-height: 30px;
	padding-top: 10px;
}
.news-text1 h2{
	font-size: 20px;
	line-height: 28px;
	color: #111111;
	font-family: "HarmonyOS_Sans_SC_Bold";
}
.news-text1 .news-content p{
	font-size: 16px;
	color: #444444;
	line-height: 28px;
	font-family: "HarmonyOS_Sans_SC";
	text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  line-clamp: 3;
	  -webkit-box-orient: vertical;
}
.news-text1 .news-date{
	font-size: 16px;
	line-height: 28px;
	color: #888888;
	font-family: "HarmonyOS_Sans_SC_Light";
}
.xinwen h2{
	font-family: "HarmonyOS_Sans_SC_Black";
	font-size: 32px;
	color: var(--mColor1);
	padding-bottom: 20px;
	text-align: left;
	border-bottom: 1px solid #eee;
}
.cooperation h2{
	border-bottom: 1px solid #eee;margin-bottom: 35px;
}
.xinwen .news-title{
	font-size: 20px;
	line-height: 28px;
	color: #111111;
	font-family: "HarmonyOS_Sans_SC_Bold";
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.xinwen .news-content{
	font-size: 16px;
	    color: #444444;
	    line-height: 28px;
	    font-family: "HarmonyOS_Sans_SC";
}
.xinlist {
	background: #fff;
	box-shadow: 0 0 8px 0 #c1c1c1;
	padding: 50px 40px;
	margin-left: 15px;margin-right: 15px;
}
.xinlist{
	margin-left: 0px;
}
.xinlist:last-child,.blog_part_two .xinlist:nth-child(4),.blog_part_two .xinlist:nth-child(8){
	margin-right: 0px ;
}
@media (min-width: 768px){
.xinlist {
    width: 23% !important;
}	
}
@media (max-width: 768px){
	.containers{
		width: 100% !important;
	}
	.wrapper{
		width: 100% !important;
	}
	.xinlist{
		margin: 10px 0px !important;
	}
}
@media (min-width: 992px){
.xinlist {
    width: 23.3% !important;
}	
}

.xinwen .row{
	margin-top: 40px;/* margin-bottom: 50px; */
}
.xinlist{
	margin-bottom: 50px;
}
.view-more{
	text-align: center;margin-bottom: 80px;
}
.view-more .btn{
	width: 181px;
	height: 40px;
	padding: 0;
	line-height: 40px;
}
/* our honor */
.honor-list{
	display: flex;align-items: baseline;justify-content: center;
}
.honor .btn3,.news .btn3,.mile .btn3{
	width: 300px;
	    padding: 0;
	    height: 46px;
	    line-height: 46px;
}
.honor{
	background-color: #f6f5f7;
	padding-top: 89px;padding-bottom: 74px;
}
.honor-list{
	width:100%;
		background-color: #ffffff;
		box-shadow: 0px 0px 43px 0px 
			rgba(0, 0, 0, 0.06);
}
.honor-left{
	display: inline;
}
.honor-list .vc_col-sm-4{
	margin-left: 45px;
	    padding-top: 44px;
	    padding-bottom: 44px
}
.honor-right .mingcheng{
		font-size: 26px;
		line-height: 34px;
		color: #333333;
		font-family: "HarmonyOS_Sans_SC_Bold"
}
.honor-right .honor-date{
		width: 150px;
		height: 30px;
		background-color: #f6f5f7;
		border-radius: 15px;
		font-size: 14px;
		line-height: 30px;
		color: #666666;
		text-align: center;
		font-family: "HarmonyOS_Sans_SC_Light";
		font-weight: 600;
}
.honor-right .rz-center{
		font-size: 20px;
		line-height: 24px;
		color: #666666;
		font-family: "HarmonyOS_Sans_SC";
}
.honor-right .teh{
		font-size: 16px;
		line-height: 24px;
		color: #666666;
}
.honor-right{
	width: 79%;margin-left: 50px;
}
.honor-content{
	margin-bottom: 60px;
}
.certificate{
	padding-bottom: 50px;
}
#few-word{
	font-family: "HarmonyOS_Sans_SC_Black" !important;
	font-size: 32px;
	color: var(--mColor1);
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-top: 0px;
	margin-bottom: 20px;
}
.xinlist a:hover .news-image1 img{
	transform: scale(1.1);transition: all .6s;
}
.news-image1 img{
	transition: all .6s;
}
.news-image1{
	overflow: hidden;
}
.xinlist a:hover .news-title{
	color: var(--mColor1);
}
/* factory */
.fac-before,.fac-hover{
	margin-bottom: 0px !important;
}
.fac-hover{
	bottom: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	transform: translateY(101%);
	transition: all 350ms ease-out;
	z-index: 15;
	display: grid;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.2);
}
.factory-list{
	position: relative;overflow: hidden;cursor: pointer;
}
.factory-list > .vc_column-inner > .wpb_wrapper{
	position: relative;
}
.factory-list:hover .fac-hover{
	transform: translateY(0);transition: all 350ms ease-out;
}
.factory-box{
	margin-bottom: 50px;
}
.factory-item{
	margin-bottom: 100px;
}
.fac-hover p{
	font-family:"HarmonyOS_Sans_SC_Bold";
		font-size: 26px;
		line-height: 30px;
		color: #ffffff;
}
.nban .big-titles h1{
		font-size: 48px;
		line-height: 60px;
		letter-spacing: 0px;
		color: #ffffff;
		padding: 30px 40px 25px 38px;
}
.nban .big-titles{
	background-color: var(--mColor1);
	opacity: 0.9;
	width: fit-content;
}
.nban .comt{
	padding-top: 140px;
	    padding-left: 200px;
}
.product h2{
	font-size: 60px;
	line-height: 24px;
	color: var(--mColor1);
	text-align: center;
	padding-top: 60px;
}
.product .hlight{
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 60px;
	width: 80%;
	margin: 0 auto;
}
.pro-top .topsidelist{
	display: flex;align-items: center;text-align: center;justify-content: center;background: #fff;
}
.pro-top .topsidelist > li{
	width: 33.333%;text-align: center;padding:10px 0px;
}
.pro-top .topsidelist > li > a{
	font-family:"HarmonyOS_Sans_SC_Medium";
		font-size: 30px;
		line-height: 55px;
		letter-spacing: 0px;
		color: #333333;
}
.page-id-11 .topsidelist .menu-item-206 > a{
	border-bottom: 2px solid var(--mColor1);
	padding-bottom: 16px;
}
.product_box .pro-tu{
	border-bottom: 1px solid #dddddd;background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro-tu{
	border-bottom: 1px solid #dddddd;background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro-zi h5{
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 0;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.pro-zi{
	background: #fff;
}
.pro-zi p{
	font-family:"HarmonyOS_Sans_SC";
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0px;
		color: #666666;
	text-align: left;
	padding-top: 0;padding-bottom: 0;
}
.pro-tu img{
	background: #fff;
}
.product_box a:hover .pro-tu img{
	background-image: url(/wp-content/uploads/2022/02/hover-tu.jpg);
	transition: all .6s;
}
.product_box{
	margin-bottom: 50px;padding-left: 10px;
	}
.pro-zi{
	padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 15px;
    padding-right: 25px;
}
.pro-bottom{
	margin-top: 70px;margin-bottom: 60px;
}
.page-nav{
	text-align: center;
}
.page-nav .wp-pagenavi .pages{
	display: none;
}
.wp-pagenavi a, .wp-pagenavi span{
	padding: 12px 10px !important;
	border: none !important;
	background:url(/wp-content/uploads/2022/02/water1.png);
	/* box-shadow: 0px 0px 9px 1px 
			rgba(0, 0, 0, 0.08); */
	opacity: 0.8;
	border-radius: 51% 49% 51% 49% / 67% 66% 34% 33% ;
	font-family:"HarmonyOS_Sans_SC";
		font-size: 20px;
		line-height: 34px;
		letter-spacing: 0px;
		color: #bcbcbc;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 5px !important;
}
.wp-pagenavi span.current{
	background-image:url(/wp-content/uploads/2022/02/water.png) !important;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff !important;
}
.topsidelist .sub-menu-toggle{
	display: none;
}
.topsidelist > li > .sub-menu{
	display: none;
}
.topsidelist > li {
    position: relative;
}
.topsidelist li:hover .sub-menu {
    display: block;
}
.topsidelist .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0px 0px 70px 0px rgb(0 0 0 / 6%);
    margin-top: 10px;
    z-index: 222;
    text-align: left;
    padding-left: 8%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.topsidelist .sub-menu li {
    position: relative;
}
.topsidelist .sub-menu li::after {
    content: ">";
    position: absolute;
    right: 50px;
    color: #666;
	line-height: 32px;
}
.topsidelist .sub-menu li a{
	font-family: "HarmonyOS_Sans_SC";
	    font-size: 18px;
	    line-height: 32px;
	    letter-spacing: 0px;
	    color: #666666 !important;
		text-transform: capitalize;
}
.topsidelist .sub-menu li:hover a {
    color: var(--mColor1)!important;
}
.topsidelist .sub-menu li:hover::after {
    color: var(--mColor1) !important;
}
.topsidelist > li:hover > a{
	border-bottom: 2px solid var(--mColor1);
	padding-bottom: 16px;
}
.product_box a:hover .pro-zi h5{
	color: var(--mColor1) !important;
}
.category .topsidelist .sub-menu .current-menu-item a{
	color:var(--mColor1) !important;
}
.category .topsidelist > .current-category-ancestor > a{
	border-bottom: 2px solid var(--mColor1);
	    padding-bottom: 16px;
}
.category .pro-top {
    margin-top: 80px;
}
.cooperation a:hover .vc_single_image-img {
	border: 2px solid var(--mColor1);
}
.page-id-127 #honor-content1 .honor-list{
	min-height: 364px;
}
/* blog */
.blog_tab{
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.blog_tab img{
    width: 100%;transition: all .6s;
}
.tab_cover{
    position: absolute;
    display: inline-block;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    padding: 25px 50px;
}
.tab_cover h3 {
    margin: 0 0 15px 0;
    text-transform: capitalize;
    transition: all 0.3s;
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    display: inline-block;
	font-family: "HarmonyOS_Sans_SC_Bold";
}
.tab_cover p {
    color: #ffffff;
    line-height: initial;
	font-family: "HarmonyOS_Sans_SC";
}
.swiper-blog .swiper-pagination-bullet-active {
    background: var(--mColor1);
}
.swiper-blog .swiper-pagination-bullet {
    background: #ffffff;
}
.blog_tab:hover h3{
    color:var(--mColor1);
}
.blog_tab:hover img{
   transform: scale(1.1);transition: all .6s;
}
.blog_part_one {
    background-color: #fff;
    margin-top: 70px;
    margin-bottom: 50px;
}
.blog_part_one .col-lg-6{
    padding: 0;
}
.swiper-blog .swiper-wrapper{
    line-height: 0;
}
.blog_list {
    padding: 15px;
}
.blog_item a{
    font-family:'HarmonyOS_Sans_SC_Bold';
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    display: block;
    margin-bottom: 5px;
    transition: all 0.3s;
}
.blog_item:hover a{
    color: var(--mColor1);
}
.blog_item p{
    margin-bottom: 5px;
	font-family: "HarmonyOS_Sans_SC";
	color: #555;
}
.blog_item .time {
    font-size: 14px;
    line-height: 20px;
	font-family: "HarmonyOS_Sans_SC_Light";
	color: #999;
}
.blog_item {
    border-bottom: 1px dashed #999;
    padding: 10px;
}
.blogpage .blog_box{
    margin-bottom: 50px;
}
.blog-category-content{
	margin-top: 70px;margin-bottom: 80px;
}
.blog-category-content .xinlist{
	margin-bottom: 50px;
}
/* blog-single */
.single_page_blog{
	margin-top: 80px;margin-bottom: 80px;
}
.single_page_blog .time a{
	color: var(--mColor1);
}
.single_page_blog .time{
	font-family:"HarmonyOS_Sans_SC";
	font-size: 16px;
}
.single_page_blog .prev_text a,
.single_page_blog .next_text a{
	color: var(--mColor1);
}
.single_page_blog .single_text .end,.prev_next p{
	font-family: "HarmonyOS_Sans_SC";
	font-size: 16px;
}
.single_page_blog .single_text .end{
	margin-top: 30px;
}
.single_page_blog .single_text p{
	font-family: "HarmonyOS_Sans_SC";
	font-size: 20px;
}
.single_page_blog .single_text img{
	margin-bottom: 20px;
}
.single_page_blog .single_text{
	margin-top: 30px;
}
.single_page_blog .prev_text{
	font-family:"HarmonyOS_Sans_SC_Light";
}
.single_page_blog .single_content img{
	display:inline-block;
	    max-width: 100%;
	    height: auto;
}
.latest-news h4{
	font-size: 22px;
	    border-bottom: 1px solid #333;
	    padding-bottom: 20px;
	    margin-bottom: 20px;
}
.news-list1 h2{
	font-size: 20px;
}
.latest-news{
	padding-left:60px;
}
.news-image1{
	overflow: hidden;
}
.news-image1 img{
	transition: all .6s;
}
.news-list1 a:hover .news-image1 img{
	transform: scale(1.1);transition: all .6s;
}
.news-list1 a:hover .news-text1 h2{
	color: var(--mColor1);
}
.mm-opened .nban{
	margin-top: 50px;
}
.page-id-277 .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a{
	color: var(--mColor1);
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{
	font-family: "HarmonyOS_Sans_SC_Medium";font-size: 16px;
}
.pro-detail{
	margin-top: 160px;margin-bottom: 50px;
}
@media (min-width: 992px) {
	.shop-left{
		width: 46%;
	}
	.shop-right{
		width: 54%;
	}
}
.shop-right {
    padding-left:4%;
}
.shop-right h1 {
    font-size: 50px;
    font-family:"HarmonyOS_Sans_SC_Bold";
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}
.detail-content .gallery-top .swiper-slide{
	background-size: contain;background-repeat: no-repeat;cursor: pointer;
}
.shop-right .pro-excerpt {
    font-size: 20px;
    line-height: 32px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.enquiry{
	margin-top: 40px;
}
.product-detail-buttom table{
	border: 1px solid #ccc;
	font-family: "HarmonyOS_Sans_SC_Medium";
	font-size: 16px;
	text-transform:capitalize;
}
.product-detail-buttom table tr td:first-child{
	text-transform: uppercase !important;
	font-weight: 600;
}
.product-detail-buttom table td{
	border: 1px solid #ccc;
	padding-left: 15px;
	padding-right: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.related .product_box .pro-tu{
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.related h2 {
    margin-bottom: 35px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}
.shop-right p .btn {
    width: 200px;
   padding: 0px;height: 45px;line-height: 45px;
}
.information h2,.related h2{
	font-family: "HarmonyOS_Sans_SC_Bold" !important;
	border-bottom: 1px solid #cccccc;
	    padding-bottom: 20px;
	    margin-bottom: 35px;color: #800080;
}
.information{
	margin-top: 50px;
}
.shop-left .gallery-top{
	height: 530px;
}
.header .navlist .sub-menu-toggle{
	display: none;
}
.header .navlist > li > .sub-menu {
    position: absolute;
    top: 85px;
    background: #fff;
    color: #1d1d1d;
    width: 230px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
    z-index: 111;
    border: 1px solid #eee;
    border-bottom: 2px solid var(--mColor1);
    left: 0;
    opacity: 0;
    perspective: 500px;
    transform-style: preserve-3d;
    -webkit-transform: rotate3d(1, 0, 0, 
-90deg);
    transform-origin: 0 0 0;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
}
.header .navlist> li:hover >.sub-menu {
    opacity: 1;
    transform: rotate3d(0, 0, 0, 0);
    -webkit-transform: rotate3d(0, 0, 0, 0);
}
.header .navlist .sub-menu li {
    border-bottom: 1px solid #eee;
}
.header .navbar .current-menu-parent > a, .header .navbar .current_page_item > a {
    color: var(--mColor1) !important;
}
.navlist li a:hover {
    color: var(--mColor1);
}
.navlist > li > .sub-menu > li > .sub-menu {
    display: none;
}
.navlist > li > .sub-menu > li:hover .sub-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: max-content;
    background: #fff;
}
.header .navlist li{
	position: relative;
}
.page-id-18 .menu-item-377 a{
	color: var(--mColor1) !important;
}
.page-id-277 .about-item #menu-item-379 a{
	border-bottom: 2px solid var(--mColor1);
	    padding-bottom: 18px;
}
.search-item .product_list{
	background-color: #fff;
	display: inline-block;
}
.search-item .product_list .img-box{
	display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 25px;
	    border-bottom: 1px solid #ddd;
		overflow: hidden;
}
.search-item .product_list .text-box{
	 margin-bottom: 25px;padding-left: 20px;
}
.search-item{
	margin-bottom: 45px;
}
.search-result-title{
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.searchpage .single_content{
	margin-top: 60px;margin-bottom: 80px;
}
.searchpage #page-desc{
	margin-bottom: 40px;font-family: "HarmonyOS_Sans_Sc";
}
.search-item .product_list .img-box img{
	transition: all .6s;
}
.search-item .product_list:hover img{
	transform: scale(1.1);transition: all .6s;
}
.search-item .product_list:hover .search-result-title{
	color: var(--mColor1);
}
.no-results .page-header h1{
	font-size: 50px;
}
.not-found {
    margin-bottom: 100px;
}
.page-header {
    margin: 140px 0 40px;
}
.alignwide {
    text-align: center;
}
.not-found .page-content {
    text-align: center;
}
.not-found .page-content p {
    font-size: 28px;
	font-family: "HarmonyOS_Sans_SC_Light";
}
.page-content form #search-form-2 {
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    font-size: 1.6rem;
    margin: 0;
    max-width: 100%;
    padding: 1.5rem 1.8rem;
    width: 500px;
    height: 51px;
}
.page-content form .search-submit {
    background: var(--mColor1);
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    opacity: 1;
    padding: 1.1em 1.44em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity .15s linear;
    margin-top: 7px;
}
.page-content form label {
    display: block !important;font-family: "HarmonyOS_Sans_SC_Light";
}
#rmp_menu_trigger-386{
	display: none !important;
}
.page-id-11 .topsidelist .menu-item-356 > a,
.category  .topsidelist > .current-menu-item >a{
	border-bottom: 2px solid var(--mColor1);
	    padding-bottom: 16px;
}
.company-tu{
	padding-top: 40px;
}
.supTit h2{
	color: var(--mColor1);
}
.supTit{
	margin-top: 60px;
}
.download{
	margin-bottom: 80px;
}
.download .pages{
	margin-top: 40px;
}
.download .supList {
    width: 100%;
    margin-top: 28px;
}
.download .supListBox {
    width: 100%;
    margin-top: 21px;
    display: inline-block;
}
.download .supListBox .sh4 {
    float: left;
    width: 100%;
    padding: 15px 48px 15px 38px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    border: 1px solid #f2f3f3;
    background: #fff;
    position: relative;
    cursor: pointer;
    transition: all .4s;
}
.download .supListBox .sh4 span {
    margin-right: 15px;
    color: #241917;
    font-size: 25px;
}
.download .supListBox .sh4::after {
    position: absolute;
    right: 20px;
    top: 17px;
    width: 28px;
    height: 28px;
    background: url(/wp-content/uploads/2022/02/sup02.png) no-repeat center;
    content: "";
    transition: all .4s;
}
.download .supListBox .sh4:hover {
    color: var(--mColor1);
    padding: 15px 48px 15px 50px;
    transition: all .4s;
    text-decoration: none;
}
.page-id-16 .xinwen .row{
	margin-top: 80px;
}
.product_box a:hover .pro-tu{
	border-bottom: 1px solid transparent;
}
.banner .swiper-pagination{
	cursor: pointer;
}
.swiper1 .swiper-button-next:hover, .swiper1 .swiper-button-prev:hover{
	background: rgba(28,6,17,0.45) !important;
}
.category .header .navlist .current_page_ancestor .current-menu-ancestor .current-menu-item a {
    color: var(--mColor1) !important;
}
.cont-list1{
	justify-content: inherit !important;margin-top: 20px !important;
}
.footer .footlist li a{
	color: #fff !important;
	font-size: 17px;
	font-family: "HarmonyOS_Sans_SC_Medium";
	text-transform: uppercase;
	line-height: 40px;
	opacity: 0.85;
}
.footer .footlist li:hover a{
	opacity: 1;
}
.footer .lianxi p{
	color: #fff;
	font-family: "HarmonyOS_Sans_SC";
	padding-top: 10px;
}
.footer .lianxi{
	width: fit-content;
	margin-top: 20px;
	text-align: center;
}
.cont-list1 li:first-child{
	margin-left: 0;
}
.footer-content{
	padding-top: 70px;
	border-bottom: 1px solid rgba(255,255,255,0.23);
	    padding-bottom: 20px;
	    margin-bottom: 30px;
}
.footer .footlist{
	margin-top: 1.5%;padding-left: 0;padding-right: 0;
	display: grid;
	    align-items: center;
	    justify-content: space-around;
}
.footer-bottom .search-box{
	display: block !important;padding-top: 15px;
}
.footer-bottom{
	display: flex;
	    justify-content: space-between;
	padding-left: 0;padding-right: 0;
}
.footer .footlist1{
	padding-left: 0;padding-right: 0;
}
.footer-bottom .lianxi1{
	display: none;
}
.honor-content{
	margin-left: 5px !important;
}
@media (min-width: 992px){
	.tax-blog_category .xinlist {
	    width: 23% !important;
	}
}
.related .pro-zi p{
	text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
}
.thanks-btn{
	padding: 0;
	width: 180px;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 40px !important;
}
.footer-mobile-right{
	display: none;
}
#weixin{
	display: none;
}
.mobile-weixin{
	opacity: 0;
}
.banner .swiper-wrapper li:nth-child(3) .banner-button,.banner .swiper-wrapper li:nth-child(4) .banner-button{
	display:none;
}
.privacy-content{
	font-size: 22px;
    line-height: 36px;
    color: #333333;
}
.privacy-content p{
	margin-bottom:0px;
}
.detail-bottom table{
	width:100%;
}
.detail-bottom table td{
	border: 1px solid #ccc;
    padding: 15px;font-size: 16px;
    font-family: "HarmonyOS_Sans_SC";
}
.detail-bottom{
	margin-top:80px;
}
.detail-bottom h2{
	font-family: "HarmonyOS_Sans_SC_Bold";
}
.detail-bottom p{
	font-size: 16px;
    font-family: "HarmonyOS_Sans_SC";
}
.related .pro-zi h5{
	font-size: 20px;overflow: inherit !important;
    white-space: inherit !important;
}
.related .pro-zi{
	min-height:150px;
}
.Floating-sidebar {
    position: fixed;
    left: 0;
    top: 50%;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
z-index: 20;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.Floating-sidebar.active {
-webkit-transform: translate(-100%,-50%);
-moz-transform: translate(-100%,-50%);
-ms-transform: translate(-100%,-50%);
-o-transform: translate(-100%,-50%);
transform: translate(-100%,-50%);
}
.Floating-sidebar span {
    position: absolute;
    top: 50%;
    left: 100%;
-webkit-transform: translate(-100%,-50%);
-moz-transform: translate(-100%,-50%);
-ms-transform: translate(-100%,-50%);
-o-transform: translate(-100%,-50%);
transform: translate(-100%,-50%);
width: 20px;
height: 60px;
line-height: 60px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: rgba(0, 0, 0, 0.7);
color: white;
text-align: center;
font-size: 16px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: -1;
cursor: pointer;
cursor: hand;
}
.Floating-sidebar.active span {
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.Floating-sidebar ul li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--mColor1);
    color: white;
    font-size: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    position: relative;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
cursor: pointer;
cursor: hand;
opacity: 1;
}
.Floating-sidebar ul li:first-child {
    border-top-right-radius: 5px;
}
.Floating-sidebar ul li:last-child {
    border-bottom-right-radius: 5px;
    border-bottom: none;
}
.Floating-sidebar ul li.wechat img {
    width: 120px;
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
z-index: -1;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
max-width: none;
}
.Floating-sidebar ul li:hover,
.Floating-sidebar ul li.active {
    background: var(--mColor1);
}
.Floating-sidebar ul li.wechat:hover img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.Floating-sidebar ul li.close a:after,
.Floating-sidebar ul li.close a:before {
    content: '';
    width: 50%;
    height: 2px;
    position: absolute;
    top: 50%;
-webkit-transform: translate(-50%,-50%) rotate(45deg);
-moz-transform: translate(-50%,-50%) rotate(45deg);
-ms-transform: translate(-50%,-50%) rotate(45deg);
-o-transform: translate(-50%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
background: white;
}
.Floating-sidebar ul li.close a:before {
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
-moz-transform: translate(-50%,-50%) rotate(-45deg);
-ms-transform: translate(-50%,-50%) rotate(-45deg);
-o-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
}
.Floating-sidebar dl {
    position: absolute;
    top: 0;
    left: 100%;
    width: 240px;
    background: white;
    padding: 15px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-transform: translateX(-120%);
-moz-transform: translateX(-120%);
-ms-transform: translateX(-120%);
-o-transform: translateX(-120%);
transform: translateX(-120%);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: -1;
opacity: 0;
}
.Floating-sidebar.form2 dl {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.Floating-sidebar.active.form2 dl {
-webkit-transform: translateX(-120%);
-moz-transform: translateX(-120%);
-ms-transform: translateX(-120%);
-o-transform: translateX(-120%);
transform: translateX(-120%);
}
.Floating-sidebar dl dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.Floating-sidebar dl dd {
    margin-bottom: 5px;
}
.Floating-sidebar dl dd label {
    font-size: 14px;
    display: block;
}
.Floating-sidebar dl dd input,
.Floating-sidebar dl dd textarea {
    width: 100%;
    line-height: 24px;
    padding: 5px 10px;
    background: white;
    font-size: 12px;
    color: black;
    border: 1px solid #eee;
}
.Floating-sidebar dl dd textarea {
    height: 100px;
    resize: vertical;
}
.Floating-sidebar dl dd:last-child {
    margin-bottom: 0;
}
.Floating-sidebar dl dd input[type="submit"] {
    background: var(--mColor1);
    color: white;
    border-color: var(--mColor1);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 16px;
text-transform: uppercase;
}
.Floating-sidebar dl dd input[type="submit"]:hover {
    background: var(--mColor1);
}
.Floating-sidebar a{
    color: #fff;
}
.Floating-sidebar ul li:hover{
    background:#f685cb;
}
.Floating-sidebar .close:hover{
    opacity: 1;
}
.whatsapp {
    background: var(--mColor1) none repeat scroll 0 0;
    border: 2px solid var(--mColor1);
    border-radius: 50%;
    bottom: -30px;
    color: #FFF;
    display: inline-block;
    font-size: 20px;
    height: 45px;
    line-height: 40px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 45px;
    cursor: pointer;
    transition: all .3s ease 0s;
    margin-bottom: 50px;
    z-index: 99;
}
.whatsapp a{
    color: #ffffff;
}
#wpcf7-f740-o1 .form-modal > .row{
	margin-left:-15px !important;margin-right:-15px !important;margin-bottom:5px;
}
#wpcf7-f740-o1{
	margin-top:50px;
    background-color: #ffffff;
    padding:50px 40px;
    box-shadow: 0px 1px 15px 0px rgb(34 53 111 / 50%);
}
.wpcf7 .wpcf7-submit {
    width: 181px !important;
    height: 40px;
    background-color: var(--mColor1);
    border-radius: 20px;
    padding: 0;
    line-height: 40px;
    font-family: "HarmonyOS_Sans_SC_Light";color:#fff;
}
.message #wpcf7-f741-o1 .wpcf7-form > .row{
	margin-left:-15px !important;margin-right:-15px !important;
}
.message #wpcf7-f741-o1 .wpcf7-form label,.message #wpcf7-f741-o1 .wpcf7-form input,
.message .wpcf7-textarea{
	width:100%;
}
.message #wpcf7-f741-o1 .wpcf7-form input,.message .wpcf7-textarea{
	padding:10px;
}