.close{

}
.layout {
	position:relative;
	overflow:hidden;
	width:100rem;
	margin:0 auto;
	background:#fff;
}
.header {
	height:26.041666666666668rem;
	position:relative;
	z-index:2;
	background:linear-gradient(to bottom,#346C47,rgba(255,255,255,0));
}
.pro-mix4 .header{
	background:linear-gradient(to bottom,#5995DD,rgba(255,255,255,0));
}
.pro-muc1 .header{
	background:linear-gradient(to bottom,#87382E,rgba(255,255,255,0));
}
.header:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:url(../images/qw1.png) no-repeat center top /100% auto;
}
.header .logo {
	max-width:11.770833333333334rem;
	display:block;
	position:absolute;
	left:5.9375rem;
	top:4.270833333333334rem;
	z-index:1;
}
.header .logo img {
	width:100%;
	display:block;
}
.header .naver li {
	position:relative;
}
.header .naver li>a {
	font-size:1.7708333333333335rem;
	line-height:3.9583333333333335rem;
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	padding:0 2.0833333333333335rem;
	background:#000;
}
.header .naver .l2>a {
	clip-path:polygon(0 0rem,calc(100% - 1.0416666666666667rem) 0,100% 1.0416666666666667rem,100% 100%,0 100%);
}
.header .naver .l1>a {
	clip-path:polygon(0 0,calc(100% - 1.0416666666666667rem) 0,100% 1.0416666666666667rem,100% 100%,2.0833333333333335rem 5.208333333333334rem,0 calc(100% - 1.0416666666666667rem),0 0);
}
.header .naver .l4>a {
	clip-path:polygon(1.0416666666666667rem 0rem,100% 0,100% 100%,0 100%,0 1.0416666666666667rem);
}
.header .naver .l1 {
	position:absolute;
	left:24.6875rem;
	top:18.854166666666668rem;
	z-index:1;
}
.header .naver .l2 {
	position:absolute;
	right:34.16666666666667rem;
	top:2.447916666666667rem;
	z-index:1;
}
.header .naver .l3 {
	position:absolute;
	right:22.5rem;
	top:1.1979166666666667rem;
	z-index:1;
}
.header .naver .l3 a {
	background:none;
	color:#000;
}
.header .naver .l4 {
	position:absolute;
	right:7.083333333333334rem;
	top:2.5520833333333335rem;
	z-index:1;
}
.footer {
	position:relative;
	z-index:3;
	height:83.48958333333334rem;
	padding:41.145833333333336rem 4.791666666666667rem 4.270833333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background:url(../images/qw2.png) no-repeat center top/100% auto;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:85.26041666666667rem;
	margin-top:-13.020833333333334rem;
}
.ftline {
	background:linear-gradient(to top,#d9d9d9 ,#d9d9d9 64.5rem 0, #346C47 60rem, #346C47 60rem,rgba(255,255,255,0));
}
.footer .copyright {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	z-index:2;
	margin-top:3.6458333333333335rem;
}
.footer .copyright h6 a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#fff;
	display:block;
	margin-right:1.5625rem;
}
.footer .copyright dl {
	display:flex;
	align-items:center;
}
.footer .copyright dd a {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#fff;
	text-decoration:underline !important;
	display:block;
}
.footer .copyright dd {
	margin-right:1.5625rem;
}
.footer .text {
	display:flex;
	justify-content:space-between;
	position:relative;
	z-index:3;
}
.footer .text .rs:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:30%;
	z-index:-1;
	background:url(../images/qw9.png) no-repeat center/cover;
	width:70.9375rem;
	height:11.510416666666668rem;
	margin:0 auto;
	display:none;
}
.footer .text .ls {
	width:7.552083333333334rem;
	background:#fff;
	padding:2.0833333333333335rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.footer .text .rs {
	width:calc(100% - 7.552083333333334rem);
	position:relative;
	padding:2.0833333333333335rem 2.0833333333333335rem 0 4.166666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
}
.footer .text .ls .logo {
	width:3.4375rem;
	display:block;
	margin:0.78125rem auto 0;
}
.footer .text .ls ul {
	display:flex;
	writing-mode:vertical-rl;
	text-orientation:upleft;
	transform:rotate(180deg);
}
.footer .text .ls li span,.footer .text .ls li a {
	font-size:1.1458333333333335rem;
	line-height:7.552083333333334rem;
	color:#000;
	font-weight:bold;
	display:block;
	text-transform:uppercase;
}
.footer .text .ls li span {
	margin:0 0.052083333333333336rem;
}
.footer .text .lt {
	width:25rem;
}
.footer .text .rt {
	width:calc(100% - 28.645833333333336rem);
}
.footer .text .lt p {
	font-size:1.4rem;
	color:#fff;font-family: 'pixe';
	line-height:1.8;letter-spacing: -0.2rem;
}
.footer .text .lt h6 {
	font-size:1.4rem;
	line-height:1.7;
	color:#fff;
	margin:2.0833333333333335rem 0;
}
.footer .text .lt h6 span{
	font-family: 'pixe';letter-spacing: -0.2rem;
}
.footer .text .lt h6 i{
	display: block;
}
.footer .text .lt h6 a {
	font-size:2.6rem;
	font-weight:bold;
	color:#fff;
	display: inline-block;
	line-height: 1.2;
}
.footer .text .lt dl {
	display:flex;
	align-items:center;
}
.footer .text .lt dd {
	margin-right:2.1rem;
	width:2.3958333333333335rem;
}
.footer .text .lt dd:last-child {
	margin-right:0;
}
.footer .text .lt dd img {
	width:100%;
	display:block;
}
.footer .text .th {
	display:flex;
	align-content:center;
	justify-content:flex-end;
}
.footer .text .th .ds {
	display:flex;
	align-items:center;
}
.footer .text .th .ico {
	width:2.7083333333333335rem;
	display:block;
	margin-right:1.1458333333333335rem;
}
.footer .text .th h6 span {
	padding:0 1.25rem;
	line-height:2.7083333333333335rem;
	background:#fff;
	display:inline-block;
	font-size:1.48rem;
	color:#000;
	font-weight:bold;
}
.footer .text .th p {
	font-size:1.3541666666666667rem;
	line-height:1.4;
	color:#fff;font-family: 'pixe';letter-spacing: -0.2rem;
	margin-left:2.604166666666667rem;
}
.footer .text .td {
	margin-left:1rem;
	margin-top:0.5208333333333334rem;
}
.footer .text .td dd {
	display:flex;
	justify-content:flex-start;
	margin-bottom:1.0416666666666667rem;
	align-items:flex-start;
}
.footer .text .td h4 {
	font-size:1.2rem;
	line-height:1.6;
	color:#fff;
	width:7.4rem;
	font-family: 'pixe';
	letter-spacing: -0.2rem;
	margin: 0.5rem 0 0;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;padding-right: 0.8rem;
}
.footer .text .td  p {
	font-size:1.7708333333333335rem;
	line-height:1.6;
	color:#fff;
}
.footer .text .td p a {
	text-decoration:underline !important;
	color:#fff;
	margin-right:0.5625rem;
}
.footer .text .td p img {
	width:1.4rem;
	margin-left:0.78125rem;
}
.footer .text .td p i {
	font-size:1.25rem;
	display:inline-block;
	position:relative;
	top:1.9791666666666667rem;
	margin-left:5.4rem;
	font-family: 'pixe';
	letter-spacing: -0.1rem;
}
.footer .text .td p.on {
	margin-top:-1.5625rem;
}
.footer .text .tf {
	display:flex;
	justify-content:space-between;
	align-content:center;
	margin-top:3.6458333333333335rem;
}
#water{
	display: block;
}
#water ul{
	/*column-count: 1;*/
}
.uittop {
	font-size:1.2rem;
	line-height:3.125rem;
	color:#fff;font-family: 'pixe';letter-spacing: -0.2rem;
	background:url(../images/qw12.png) no-repeat right center;
	background-size:2.96875rem auto;
	padding-right:3.4375rem;
	cursor:pointer;    margin: 0px 4.4rem 0 0;
}
.footer .text .tf p {
	font-size:0.5208333333333334rem;
	line-height:1.4;
	color:#fff;
	text-align:right;
	font-family: 'pixe';width: 14rem;
	margin-left: -6.3rem;
}
.footer .text .tf h4 {
	font-size:0.9375rem;
	line-height:1.5;
	color:#fff;
	margin:0 0.8333333333333334rem;
	text-align: center;font-family: 'pixe';
	letter-spacing: -0.1rem;
}
.footer .text .tf img {
	width:11.875rem;
	display:block;
}
.footer .text .tf .fs {
	display:flex;
	align-items:center;
	margin-right: 3rem;
}
.homelist {
	position:relative;
	z-index:2;
}
.homelist::before {
	content:"";
	position:absolute;
	right:0;
	top:30%;
	z-index:-1;
	background:url(../images/qw14.png) no-repeat center/cover;
	width:1.71875rem;
	height:57.552083333333336rem;
}
.homelist li {
	margin-bottom:8.333333333333334rem;
	position:relative;
	padding-top:3.125rem;
}
.homelist li .ovs{
	position: relative;overflow: hidden;
}
.homelist li .ovs .pic:nth-child(2){
	opacity: 0;position: absolute;left: 0;right: 0;
	top: 0;
	transition:all .3s ease-in-out;
}
.homelist li:hover .ovs .pic{
	opacity: 0;
}
.homelist li:hover .ovs .pic:nth-child(2){
	opacity: 1;
}
.homelist li .pic {
	display:block;
	margin:0 auto;
	width:90%;
	position:relative;
	z-index:2;
	margin-top:2.604166666666667rem;
}
.homelist li .ico {
	position:absolute;
	left:0;
	top:-5.208333333333334rem;
	z-index:1;
	width:46.875rem;
	display:block;
}
.homelist li .text {
	position:relative;
	z-index:2;
	margin-top:2.604166666666667rem;
}
.homelist li .text::before {
	content:"HODER AUDIO";
	position:absolute;
	left:0;
	right:0;
	top:8%;
	z-index:-1;
	text-align:center;
	font-size:12.5rem;
	font-weight:bold;
	text-transform:uppercase;
	background:linear-gradient(to bottom,#9bcdcc,#fff);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	filter:blur(0.4166666666666667rem);
}
.homelist li .text.on::after {
	position:absolute;
	left:4.583333333333334rem;
	content:"";
	top:-2.0833333333333335rem;
	z-index:-1;
	background:url(../images/qw18.png) no-repeat center / cover;
	width:2.0833333333333335rem;
	height:6.041666666666667rem;
}
.homelist li .text.ons::before {
	background:linear-gradient(to bottom,rgba(255,255,255,0.6),#44a4a0);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.homelist li h4 {
	font-size:4.166666666666667rem;
	line-height:1.2;
	color:#000;
	text-align:center;
	font-weight:bold;
	min-height:6.25rem;
}
.homelist li p {
	font-size:1.71875rem;
	line-height:1.6;
	color:#000;
	text-align:center;
	margin-top:0.5208333333333334rem;
	font-weight:bold;
}
.about .ban {
	overflow:hidden;
	position:relative;
	z-index:1;
	border-radius:2.083rem;
}
.about .ban img {
	width:100%;
	display:block;
	margin:0 auto;
	border-radius:1.5625rem;
}
.about {
	padding:5.989583333333334rem 6.25rem 0;
	padding-bottom:10.416666666666668rem;
}
.about .list img {
	display:block;
	border-radius:1.5625rem;
}
.about .list .text {
	position:relative;
	z-index:2;
}
.about .list .text::before {
	content:"HODER AUDIO";
	position:absolute;
	left:0;
	right:0;
	top:5%;
	z-index:-1;
	text-align:center;
	font-size:10.416666666666668rem;
	font-weight:bold;
	text-transform:uppercase;
	background:linear-gradient(to bottom,rgba(255,255,255,0.6),#44a4a0);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	filter:blur(0.4166666666666667rem);
}
.about .list .text p {
	font-size:2.0833333333333335rem;
	color:#fff;
	text-shadow:-0.10416666666666667rem 0.2604166666666667rem 0.5208333333333334rem #3ce0d9;
	font-weight:bold;
	text-align:center;
	padding-top:5.208333333333334rem;
}
.about .list ul {
	position:relative;
	margin-top:3.385416666666667rem;
}
.about .list ul li {
	position:absolute;
	width:calc((100% - 4.270833333333334rem)/2);
	margin-bottom:1.0416666666666667rem;
}
.about .list ul li img {
	width:100%;
	display:block;
}
.wrap {
	width:88.54166666666667rem;
	margin:0 auto;
}
.hsection1 {
	margin-top:5.208333333333334rem;
}
.hsection1 .flext {
	display:flex;
	justify-content:space-between;
}
.hsection1 .txt {
	width:46.35416666666667rem;
}
.hsection1 .txt h6 i {
	display:inline-block;
	align-items:center;
	padding:0 1.0416666666666667rem;
	background:#000;
	font-size:1.5625rem;
	line-height:3.125rem;
	color:#fff;
	font-weight:bold;
	margin-right:0.2604166666666667rem;
}
.crumbs {
	margin-top:0.5208333333333334rem;
}
.crumbs ul {
	display:flex;
	flex-wrap:wrap;
}
.crumbs li i,.crumbs li a {
	font-size:1.3541666666666667rem;
	line-height:1.6;
	color:#000;
	display:block;
}
.crumbs li i {
	margin:0 0.10416666666666667rem;
}
.hsection1 .txt h2 {
	margin:3.6458333333333335rem 0 0.5208333333333334rem;
	font-size:5.989583333333334rem;
	line-height:1.1;
	color:#000;
	font-weight:bold;
}
.hsection1 .txt h4 {
	font-size:3.125rem;
	line-height:1.2;
	color:#000;
	font-weight:bold;
}
.hsection1 .pic {
	overflow:hidden;
	flex:1;
}
.hsection1 .pic .s1 {
	display:block;
	object-fit:contain;
	float:right;
	margin-bottom:1.0416666666666667rem;
}
.hsection1 .pic .s2 {
	width:100%;
	display:block;
}
.hsection1 .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:0.78125rem;
	border-bottom:0.5208333333333334rem solid #000;
	margin-top:3.6458333333333335rem;
}
.hsection1 .flex h5 {
	font-size:1.9791666666666667rem;
	line-height:3.6458333333333335rem;
	color:#38744c;
	background:url(../images/qw28.png) no-repeat center/100% auto;
	width:36.458333333333336rem;
	padding-left:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hsection1 .flex p {
	width:calc(100% - 45.833333333333336rem);
	font-size:1.25rem;
	line-height:1.4;
	color:#000;
	padding-right:5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/qw29.png) no-repeat right center;
	background-size:2.7083333333333335rem auto;
}
.hsection2 {
	margin:5.208333333333334rem 0 0;
}
.hsection2 .wrap {
	position:relative;
	overflow:hidden;
}
.hsection2 .txt {
	position:absolute;
	right:2.604166666666667rem;
	top:2.0833333333333335rem;
	z-index:1;
	background:#000;
	padding:1.0416666666666667rem 2.7083333333333335rem 1.5625rem;
	width:51.875rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hsection2 img {
	width:100%;
	display:block;
	object-fit:cover;
}
.hsection2 .txt h4 {
	font-size:3.125rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
	word-break: break-all;
}
.hsection2 .txt p {
	font-size:1.8rem;
	line-height:1.5;
	color:#fff;
	margin-top:1.3020833333333335rem;
}
.uitfls {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.closeicon {
	width:8.125rem;
	margin-right:0.5208333333333334rem;
}
.closeicon img {
	width:100%;
	display:block;
}
.uitth {
	background:url(../images/qw33.png) no-repeat center/cover;
	font-family:ProLamina;
	font-size:4.583333333333334rem;
	line-height:11.197916666666668rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0.5208333333333334rem 0 3.125rem;
}
.uitth::first-letter {
	text-transform:uppercase;
}
.hsection3 .item {
	background:url(../images/qw31.png) no-repeat center/100% auto;
	height:133.38541666666669rem;
	padding:11.458333333333334rem 6.770833333333334rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hsection3 .item .txt1 {
	min-height:14.583333333333334rem;
	background:#000;
	display:inline-block;
	width:39.0625rem;
}
.hsection3 .item .txt1 p {
	font-size:1.9791666666666667rem;
	line-height:5.104166666666667rem;
	color:#bfbfbf;
	background:#346c47;
	padding:0 0.5208333333333334rem;
	font-weight:bold;
}
.hsection3 .item .pic {
	width:55rem;
	position:relative;
	margin:0 auto;
	height:36.770833333333336rem;
	margin-top:-12.5rem;
}
.hsection3 .item .pic2 {
	margin:0 auto;
	height:65.3125rem;
	margin-top:-14.583333333333334rem;
	width:66.66666666666667rem;
	position:relative;
}
.hsection3 .item .pic>img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.hsection3 .item li .boxc {
	font-size:4.166666666666667rem;
	line-height:1.2;
	color:#346c47;
	font-weight:bold;
	padding:0.78125rem 3.125rem 0.78125rem 1.0416666666666667rem;
	background:rgba(211,211,211,0.6);
	backdrop-filter:blur(0.2604166666666667rem);
	box-shadow:0 0 0.5208333333333334rem 0.2604166666666667rem #fff inset;
	-webkit-backdrop-filter:blur(0.2604166666666667rem);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	min-height:7.083333333333334rem;
	display:flex;
	align-items:center;
	clip-path:polygon(0 0,100% 0,100% calc(100% - 1.5625rem),calc(100% - 1.5625rem) 100%,0 100%);
}
@media screen and (min-width:1600px){
	.hsection3 .item li .boxc:hover{
		animation:fadeOutUpBig .5s ease-in-out;
	}
}
.hsection3 .item .l1 {
	position:absolute;
	right:-0.15625rem;
	top:0.7291666666666667rem;
	z-index:1;
}
.hsection3 .item li .icon {
	position:absolute;
	right:0.625rem;
	top:0.8rem;
	z-index:1;
	width:0.6rem;
	display:block;
}
.hsection3 .item li .icon img{
	display: block;width: 100%;
}
.watering{
	right:1rem!important;
	width:0.6rem!important;
	height:0.6rem!important;
}
.watering::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #346c47;
    opacity: 0;
    animation: rippleEffect 2s infinite;
    animation-delay: 0.5s;
}
.watering::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #346c47;
    opacity: 0;
    animation: rippleEffect 2s infinite;
    animation-delay: 1s;
}
.hsection3 .item .l2 {
	position:absolute;
	left:-2.96875rem;
	top:6.25rem;
	z-index:1;
}
.hsection3 .item .l3 {
	position:absolute;
	left:-0.4166666666666667rem;
	top:30rem;
	z-index:1;
}
.hsection3 .item .txt2 {
	min-height:19.166666666666668rem;
	background:#000;
	display:inline-block;
	padding:1.0416666666666667rem 1.9791666666666667rem;
	width:39.0625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:3.6458333333333335rem;
}
.hsection3 .item .txt2 p {
	font-size:2.0833333333333335rem;
	line-height:1.7;
	color:#bfbfbf;
	font-weight:bold;
}
.hsection3 .item .pic2 .l1 {
	top:8.854166666666668rem;
}
.hsection3 .item .l4 {
	position:absolute;
	left:3.125rem;
	top:50%;
	z-index:1;
}
.hsection3 .item .l5 {
	position:absolute;
	right:5.9375rem;
	top:69%;
	z-index:1;
}
.hsection3 .item .txt3 {
	margin-top:1.5625rem;
	max-width:36.458333333333336rem;
	margin-left:1.5625rem;
	margin-top:-7.8125rem;
}
.hsection3 .item .txt3 p {
	font-size:1.875rem;
	line-height:1.4;
	color:#bfbfbf;
	font-weight:bold;
}
.hsection6,.hsection4,.hsection3 {
	margin-bottom:0.78125rem;
}
.hsection5 {
	position:relative;
	z-index:22;
}
.hsection5 .item4 {
	margin-top:0.5208333333333334rem;
}
.hsection5 .swipervideo {
	overflow:hidden;
	margin-bottom:1.5625rem;
}
.hsection5 .item4 .icon {
	width:100%;
	display:block;
}
.hsection5 .item4 .pic {
	height:28.229166666666668rem;
	position:relative;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.hsection5 .item4 .swiper-slide {
	background:#000;
	cursor:pointer;
}
.hsection5 .item4 .pic .img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hsection5 .item4 a:hover .pic .img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.hsection5 .item4 .pic .ico {
	width:8.229166666666668rem;
	margin:0 auto;
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
 -moz-transform:translateY(-50%);
	/* Firefox*/
 -webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
 -o-transform:translateY(-50%);
}
.hsection5 .item4 .txt {
	margin:1.3541666666666667rem 1.0416666666666667rem;
}
.hsection5 .item4 .txt .s1 {
	width:2.7083333333333335rem;
	display:block;
}
.hsection5 .item4 .txt p {
	font-size:1.7708333333333335rem;
	line-height:1.4;
	color:#fff;
	font-weight:bold;
	margin:1.3541666666666667rem 0 0.5208333333333334rem;
	height: 4.5rem;
	overflow: hidden;
}
.hsection5 .item4 .txt .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hsection5 .item4 .txt i {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#c8c8c8;
}
.hsection5 .prevnext {
	width:12.5rem;
	margin:2.604166666666667rem auto 0;
	background:#000;
	position:static;
	display:flex;
	justify-content:center;
	align-items:center;
	height:4.6875rem;
	border-radius:2.604166666666667rem;
}
.hsection5 .prevnext .next,.hsection5 .prevnext .prev {
	background:url(../images/qw37.png) no-repeat center/cover;
	background-size:1.6666666666666667rem auto;
	width:48%;
	height:100%;
	cursor:pointer;
}
.hsection5 .prevnext .next:hover,.hsection5 .prevnext .prev:hover {
	background:url(../images/qw37-1.png) no-repeat center/cover;
	background-size:1.6666666666666667rem auto;
}
.hsection5 .prevnext .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.hsection4 .item2 {
	padding:5.729166666666667rem 1.0416666666666667rem 1.0416666666666667rem 1.5625rem;
}
.hsection4 .swiperflex {
	display:flex;
	justify-content:space-between;
	position:relative;
}
.hsection4 .swiperflex:before {
	content:'';
	position:absolute;
	right:-1.0416666666666667rem;
	width:5.729166666666667rem;
	height:17.1875rem;
	bottom:0;
	background:#346c47;
	z-index:11;
}
.hsection4 .swiperflex img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hsection4 .swiperhd {
	width:67.1875rem;
	overflow:hidden;
}
.hsection4 .swiperbd {
	flex:1;
	margin-left:0.625rem;
	height:39.0625rem;
	overflow:hidden;
}
.hsection4 .swiperbd .swiper-slide {
	height:calc((100% - 1.1458333333333335rem)/3);
	opacity:0.8;
}
.hsection4 .swiperbd .swiper-slide-thumb-active {
	opacity:1;
}
.hsection4 .swiperflex .prev,.hsection4 .swiperflex .next {
	position:absolute;
	left:0;
	bottom:0.78125rem;
	z-index:1;
	background:url(../images/qw40.png) no-repeat center/cover;
	background-size:6.145833333333334rem auto;
	width:6.614583333333334rem;
	height:6.614583333333334rem;
	cursor:pointer;
}
.hsection4 .swiperflex .next {
	right:8.854166666666668rem;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	left:auto;
}
.hsection4 .swiperflex .prev:hover,.hsection4 .swiperflex .next:hover {
	background:url(../images/qw40-1.png) no-repeat center/cover;
	background-size:6.145833333333334rem auto;
}
.hsection6 .item3 {
	padding:8.854166666666668rem 6.25rem 8.59375rem;
	position:relative;
}
.hsection6 .item3 .uline1 {
	height:3.6458333333333335rem;
	line-height: 3.6458333333333335rem;
	background:#346c47;
	font-size:1.6rem;
	text-indent:1rem;
}
.hsection6 .item3 .icons1 {
	position:absolute;
	top:1.3020833333333335rem;
	left:7.8125rem;
	height:4.166666666666667rem;
	display:block;
}
.hsection6 .item3 li {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hsection6 .item3 li:nth-child(2) {
	flex-direction:row-reverse;
}
.hsection6 .item3 li:nth-child(1) .pic {
	width:34.375rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.hsection6 .item3 li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	mix-blend-mode: multiply;
}
.hsection6 .item3 li:nth-child(2) .pic {
	flex:1;
}
.hsection6 .item3 li:nth-child(2) .ts {
	width:26.041666666666668rem;
}
.hsection6 .item3 li .fled {
	display:flex;
	justify-content:flex-end;
}
.hsection6 .item3 li .hs {
	padding:1.0416666666666667rem 5.729166666666667rem 1.5625rem 1.0416666666666667rem;
	display:inline-block;
	background:#000;
}
.hsection6 .item3 li .hs h3 {
	font-size:2.5rem;
	line-height:1.4;
	color:#fff;
	font-weight:bold;
}
.hsection6 .item3 li .hs h6 {
	font-size:1.875rem;
	line-height:1.5;
	color:#346d47;
	margin-top:1.5625rem;
}
.hsection6 .item3 li .icon {
	width:8.75rem;
	display:block;
	margin:1.1458333333333335rem 0;
}
.hsection6 .item3  p {
	font-size:1.875rem;
	line-height:1.8;
	color:#000;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.hsection6 .item3 p span {
	color:#484848;
	display:block;
	width:20.3125rem;
	text-align:right;
	margin-right:3.3333333333333335rem;
}
.hsection6 .item3 p i {
	display:block;
	flex:1;
}
.hsection6 .item3 li h4 {
	font-size:1.8rem;
	line-height:3.6458333333333335rem;
	color:#000;
	padding:0.5208333333333334rem;
	background:#346c47;
}
.hsection6 .item3 p.on {
	display:block;
	margin:0.5208333333333334rem;
}
.hsection6 .item3 p.on {
	line-height:1.6;
}
.hsection6 .item3 p.on span {
	text-align:left;
	width:auto;
	margin-right:0;
}
.hsection6 .item3 li .icon1 {
	width:26.041666666666668rem;
	display:block;
	margin:0.5208333333333334rem 0;
}
.hsection6 .item3 .form {
	margin-top:0.5208333333333334rem;
}
.hsection6 .item3 .form h3 {
	background:url(../images/qw46.png) no-repeat center/100% auto;
	font-size:1.9791666666666667rem;
	line-height:5.416666666666667rem;
	padding-left:1.5625rem;
	color:#484848;
}
.hsection6 .item3 .form h3 span {
	display:inline-block;
	color:#000;
	margin-left:0.5208333333333334rem;
}
.hsection6 .item3 .form .flax {
	margin-top:1.0416666666666667rem;
	display:flex;
	justify-content:space-between;
}
.hsection6 .item3 .form img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	margin:auto;
	mix-blend-mode: multiply;
}
.hsection6 .item3 .form .pic {
	width:41.66666666666667rem;
}
.hsection6 .item3 .form .ts {
	flex:1;
	border-top:3.125rem solid #346c47;
	padding-top:0.2604166666666667rem;
}
.hsection6 .item3 .form p span,.hsection6 .item3 .form p {
	text-align:right;
}
.mask {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:9998;
	background:rgba(0,0,0,0.7);
	display:none;
}
.mkvideo {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:53%;
	z-index:9999;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
    -moz-transform:translateY(-50%);
	/* Firefox*/
    -webkit-transform:translateY(-50%);
	/* Safari 鍜� Chrome*/
    -o-transform:translateY(-50%);
	max-width:62.5rem;
	margin:0 auto;
}
.mkvideo video {
	width:100%;
}
.mkvideo .icos {
	position:absolute;
	width:2.0833333333333335rem;
	height:2.0833333333333335rem;
	right:-2.604166666666667rem;
	top:-2.604166666666667rem;
	cursor:pointer;
	background:url(../images/ss1.png) no-repeat center/cover;
	z-index:9;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
    -moz-transition:all 0.3s;
	/* Firefox*/
    -webkit-transition:all 0.3s;
	/* Safari 鍜� Chrome*/
    -o-transition:all 0.3s;
}
.mkvideo .icos:hover {
	transform:rotate(720deg);
	-ms-transform:rotate(720deg);
	/* IE 9*/
    -moz-transform:rotate(720deg);
	/* Firefox*/
    -webkit-transform:rotate(720deg);
	/* Safari 鍜� Chrome*/
    -o-transform:rotate(720deg);
}
.hsection3 .item li {
	cursor:pointer;
}
.hsection3 .item li .boxc {
	clip-path:polygon(0 0rem,100% 0,100% calc(100% - 2.0833333333333335rem),calc(100% - 2.604166666666667rem) 100%,0 100%);
}
.hsection3 .item li.on {
	clip-path:inherit;
	z-index:111;
}
.hsection3 .item li.on .boxc {
	display:none;
}
.mkitem {
	width:64.4rem;
	padding:0.78125rem 1.1979166666666667rem;
	background:rgba(0,0,0,0.9);
	clip-path:polygon(0 0rem,100% 0,100% calc(100% - 2.0833333333333335rem),calc(100% - 2.604166666666667rem) 100%,0 100%);
	margin:0 auto;
	display:none;
}
.arxt .mkitem{
	padding: 0.78125rem 1.1979166666666667rem;
	    background: rgba(0, 0, 0, 0.9);
	    clip-path: polygon(0 0rem, 100% 0, 100% calc(100% - 15rem), calc(100% - 15rem) 100%, 0 100%);
}
.pics2{
	padding:0 .5rem;
}
.pics2 .img-s{
	width:24rem;
    overflow: hidden;
}
.pics2 .img-s img{
	width:100%;
}
.mkitem p.bold-font span,
.mkitem p.bold-font{
	font-size:3.2rem;
	font-weight:bold;
}
.mkitem p.bold-font img{
	margin-top:2.1rem;
}
.arxt .mkitem .flextxt{
	padding-right: 12.5rem;
}
.mkitem .ico1 {
	position:absolute;
	width:1.5rem;
	z-index:2;
	right:1rem;
	top:1rem;
	display:none;
}
@media screen and (max-width:1600px){
	.mkitem .ico1{
		display: block;
		width:2.5rem;
		right:1.5rem;
		top:1.5rem;
		padding:1rem;
	}
}
.mkitem h3 {
	font-size:3.2rem;
	font-weight:bold;
	color:#fff;
}
.mkitem .flex {
	display:flex;
	justify-content:space-between;
	margin:1.0416666666666667rem 0;
}
.mkitem .flex .img {
	width:35rem;
	overflow:hidden;
}
.mkitem .flex .img img {
	width:100%;
	display:block;
}
.mkitem .flex h4 {
	font-size:3.2rem;
	font-weight:bold;
	color:#fff;
	line-height:1.3;
}
.mkitem .flex .txtc{
	flex:1;
	margin-left:1.6rem;
}
.mkitem p {
	font-size:1.9rem;
	line-height:1.4;
	color:#fff;font-weight: bold;
	overflow: hidden;margin-top: 1rem;
}
.mkitem .tpic {
	margin:3rem 0 0rem;width: 48%;
}
.mkitem .tpic img{
	width: 100%;display: block;
}
.mkitem p img{
	height:1.15rem; float: right;display: block;margin-top: 0.3rem;max-width: 200%;
}
.mkitem .txtc p img{
	position: absolute;
	right: 0;margin: 1.9rem;
}
.mkitem .icon1 img {
	display:block;
	height:1.2rem;
}
.mkitem .flextxt {
	display:flex;
	justify-content:space-between;margin-top: 3rem;
}
.mkitem .flextxt h6 {
	display:flex;
	align-items:center;
	font-size:1.1rem;
	color:#564aff;
	line-height:1.6;
}
.mkitem .flextxt h6 img {
	width:1.1458333333333335rem;
	margin-right:0.8333333333333334rem;
	display:block;
}
.mkitem .flextxt h6 i {
	display:inline-block;
	margin-right:1.0416666666666667rem;
}
.homelist {
	z-index:22;
}
.homelist li:last-child .text::before {
	background:linear-gradient(to bottom,rgba(255,255,255,0.6),#44a4a0);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.home {
	background:linear-gradient(to top,#44a4a0 0,#44a4a0 53.645833333333336rem,rgba(255,255,255,0) 255.20833333333334rem,rgba(255,255,255,0) 100% );
}
.home .header {
	background:linear-gradient(to bottom,#01847e,rgba(255,255,255,0));
}
.home .ftline {
	background:none;
}
.about .ban .spans {
	position:absolute;
	left:0;
	right:0;
	bottom:2rem;
	z-index:22;
	text-align:center;
}
.about .ban .spans span {
	width:2rem;
	height:2rem;
	margin:0 0.5rem;
	display:inline-block;
	background:#fff;
	border-radius:50%;
	opacity:1;
}
.about .ban .spans span.swiper-pagination-bullet-active {
	background:#01847e;
}
.header .naver li .nli {
	position:absolute;
	left:0;
	top:100%;
	padding-top:0.5rem;
	width:23.697916666666668rem;
	display:none;
}
.header .naver li .nli dd {
	margin-bottom:0.5rem;
}
.header .naver li .nli dd a {
	display:flex;
	justify-content:space-between;
	background:url(../images/ebg1.png) no-repeat center/100% 100%;
}
.header .naver li .nli dd .tico {
	width:8.59375rem;
	height:6.09375rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.header .naver li .nli dd .tico img {
	width:90%;
	height:85%;
	display:block;
	object-fit:contain;
}
.header .naver li .nli dd .tico img:nth-child(2) {
	display:none;
}
.header .naver li .nli dd a:hover {
	background:url(../images/ebg2.png) no-repeat center/100% 100%;
}
.header .naver li .nli dd a:hover .tico img {
	display:none;
}
.header .naver li .nli dd a:hover .tico img:nth-child(2) {
	display:block;
}
.header .naver li .nli dd .tx {
	flex:1;
	padding:1.4583333333333335rem 0.78125rem 0.5208333333333334rem;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}
.header .naver li .nli dd .tx h4 {
	font-size:0.8333333333333334rem;
	color:#fff;
	line-height:1.5625rem;
}
.header .naver li .nli dd .tx h4 i {
	font-size:1.1458333333333335rem;
	font-weight:bold;
	display:inline-block;
	margin-right:0.625rem;
}
.header .naver li .nli dd p {
	font-size:0.9375rem;
	color:#fff;
	line-height:1.6;
}
.header .naver li .nli2 {
	position:absolute;
	right:0;
	padding-top:0.5rem;
	width:18.020833333333336rem;
	display:none;
}
.header .naver li .nli2 dd {
	margin-bottom:0.5rem;
}
.header .naver li .nli2 dd a {
	display:flex;
	justify-content:space-between;
	background:url(../images/ebg3.png) no-repeat center/100% 100%;
	height:4.6875rem;
}
.header .naver li .nli2 dd .tico {
	width:1.7708333333333335rem;
	height:1.7708333333333335rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	margin:0.625rem 0 0 0.625rem;
}
.header .naver li .nli2 dd .tico img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.header .naver li .nli2 dd .tico img:nth-child(2) {
	display:none;
}
.header .naver li .nli2 dd a:hover {
	background:url(../images/ebg4.png) no-repeat center/100% 100%;
}
.header .naver li .nli2 dd a:hover .tico img {
	display:none;
}
.header .naver li .nli2 dd a:hover .tico img:nth-child(2) {
	display:block;
}
.header .naver li .nli2 dd .tx {
	flex:1;
	padding:0.5208333333333334rem 3.90625rem 0.5208333333333334rem 0.3125rem;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}
.header .naver li .nli2 dd .tx h4 {
	font-size:0.8333333333333334rem;
	color:#fff;
	line-height:1.5625rem;
	min-height:1.5625rem;
}
.header .naver li .nli2 dd p {
	font-size:1.25rem;
	color:#fff;
	line-height:1.6;
	font-weight:bold;
}
.about .list ul li.mi:hover {
	z-index:33;
}
.about .list ul li.mi:hover .txt {
	display:block;
}
.about .list ul li .txt {
	background:#d9d9d9;
	border-radius:0 2.0833333333333335rem 2.0833333333333335rem 2.0833333333333335rem;
	padding:1.8229166666666667rem 1.8229166666666667rem 1.8229166666666667rem 4.166666666666667rem;
	position:relative;
	display:none;
}
.about .list ul li .txt:before {
	content:"";
	position:absolute;
	left:-2.1875rem;
	width:2.291666666666667rem;
	top:0;
	height:10.15625rem;
	z-index:1;
	background:url(../images/le.png) no-repeat center/100% 100%;
}
.about .list ul li .txt h3 {
	font-size:3.4rem;
	font-weight:bold;
	line-height:1.2;
	color:#000;
}
.about .list ul li .txt p {
	font-size:2.4rem;
	color:#000;
	word-break:break-all;
}
.header .naver li.on>a,.header .naver li>a:hover {
	color:#01847e;
	/*border-top: 4px solid #6d8d8b;*/
	position: relative;
}
/*.header .naver li.on>a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #6d8d8b;
    clip-path: polygon(0 0, calc(100% - 1.0416666666666667rem) 0, 100% 1.0416666666666667rem, 100% 4px, 2.0833333333333335rem 5.208333333333334rem, 0 calc(4px + 1.0416666666666667rem), 0 0);
}*/

.swipers .swiper-slide {
	background:#fff;
}
.swipers {
	overflow:hidden;
}
.about .list ul li.mi {
	cursor:pointer;
}
.hsection3 .item li {
	overflow:hidden;
	transition:all 0.5s;
	-ms-transition:all 0.5s;
	/* IE 9*/
	-moz-transition:all 0.5s;
	/* Firefox*/
	-webkit-transition:all 0.5s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.5s;
}
.hsection3 .item li .mkitem {
	position:absolute;
	opacity:0;
	display:block;
	transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hsection3 .item li.on .mkitem {
	opacity:1;
	position:static;
}
.hsection3 .item li.on .mkitem::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inherit;
  box-shadow: inset 0 0 4px 4px rgba(255, 255, 255, 0.3);
  pointer-events: none;
  border-radius: inherit;
}
.hsection3 .item li.on .boxc {
	position:absolute;
	opacity:0;
}
.hsection3 .item .l1.on .mkitem h3,
.hsection3 .item .l5.on .mkitem h3{
	animation:slideInRight 0.5s ease-in-out;
}
.hsection3 .item li.l2.on .mkitem h3,
.hsection3 .item li.l3.on .mkitem h3,
.hsection3 .item li.l4.on .mkitem h3{
	animation: fadeInBig 0.3s ease-in;
}
.hsection3 .item li.on {
	width:64.4rem !important;
}
.about .list ul li .txt {
	background:#d9d9d9;
	border-radius:0 2.0833333333333335rem 2.0833333333333335rem 2.0833333333333335rem;
	padding:1.8229166666666667rem 1.8229166666666667rem 1.8229166666666667rem 4.166666666666667rem;
	position:relative;
	/* display:none;*/
    width:100%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	width:0;
	opacity:0;
}
.about .list ul li .anwid {
	height:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	overflow:hidden;
	display:flex;
	justify-content:flex-end;
}
.about .list ul li.on .anwid {
	height:auto;
}
.about .list ul li.on .txt {
	width:calc(100% - 2.291666666666667rem);
	opacity:1;
	position:relative;
}
.about .list ul li.mi.on>img {
	display:none;
}
.about .list ul li.on {
	z-index:99;
}
.about .list ul li {
	position:absolute;
	width:100%;
	margin-bottom:1.0416666666666667rem;
	position:relative;
	break-inside:avoid;
	margin-bottom:2.0833333333333335rem;
}
.about .list ul {
/*	column-count:2;
	column-gap:4.166666666666667rem;*/
	width:50%;
	box-sizing:border-box;
	padding:0 2.0833333333333335rem;
}


.pro-mix4 .hsection3 .item{
	background: url(../images/mix4-31.png) no-repeat center / 100% auto;
}
.pro-mix4 .mkitem .flextxt h6,
.pro-mix4 .header .naver li.on>a, 
.pro-mix4 .header .naver li>a:hover,
.pro-mix4 .hsection1 .flex h5,
.pro-mix4 .hsection3 .item li .boxc,
.pro-mix4 .hsection6 .item3 li .hs h6{
	color:#5995DD;
}
.pro-mix4 .hsection4 .swiperflex:before,
.pro-mix4 .hsection3 .item .txt1 p,
.pro-mix4 .hsection6 .item3 li h4,
.pro-mix4 .hsection6 .item3 .uline1{
	background: #5995DD;
}
.pro-mix4 .hsection6 .item3 .form .ts{
	border-top:3.125rem solid #5995DD;
}
.pro-mix4 .hsection6 .item3 .form h3 {
    background: url(../images/mix4-46.png) no-repeat center / 100% auto;
}
.pro-mix4 .ftline{
	background: linear-gradient(to top, #fff, #5995DD 64.5rem 0, #5995DD 60rem, #5995DD 60rem, rgba(255, 255, 255, 0));
}
.pro-mix4 .watering::before,
.pro-mix4 .watering::after{
	border:2px solid #5995DD;
}
.pro-mix4 .hsection4 .swiperflex .prev:hover,
.pro-mix4 .hsection4 .swiperflex .next:hover {
	background:url(../images/mix4-40-1.png) no-repeat center/cover;
	background-size:6.145833333333334rem auto;
}
.pro-mix4 .hsection5 .prevnext .next:hover, 
.pro-mix4 .hsection5 .prevnext .prev:hover {
    background: url(../images/mix4-37-1.png) no-repeat center / cover;
    background-size: 1.6666666666666667rem auto;
}



.pro-muc1 .hsection2 .txt{
	right:auto;
	left:2.604166666666667rem;
}
.pro-muc1 .hsection3 .item .pic2>img{
	position: absolute;
	right:1rem;
	top:16rem;
}
.pro-muc1 .hsection3 .item .l5 {
    position: absolute;
    right: 8rem;
    top: 58%;
    z-index: 1;
}
.pro-muc1 .hsection3 .item .txt3 p{
	display: none;
}
.pro-muc1 .hsection3 .item{
	background: url(../images/muc1-31.png) no-repeat center / 100% auto;
}

.pro-muc1 .mkitem .flextxt h6,
.pro-muc1 .header .naver li.on>a, 
.pro-muc1 .header .naver li>a:hover,
.pro-muc1 .hsection1 .flex h5,
.pro-muc1 .hsection3 .item li .boxc,
.pro-muc1 .hsection6 .item3 li .hs h6{
	color:#87382E;
}
.pro-muc1 .hsection4 .swiperflex:before,
.pro-muc1 .hsection3 .item .txt1 p,
.pro-muc1 .hsection6 .item3 li h4,
.pro-muc1 .hsection6 .item3 .uline1{
	background: #87382E;
}
.pro-muc1 .hsection6 .item3 .form .ts{
	border-top:3.125rem solid #87382E;
}
.pro-muc1 .hsection6 .item3 .form h3 {
    background: url(../images/muc1-46.png) no-repeat center / 100% auto;
}
.pro-muc1 .ftline{
	background: linear-gradient(to top, #fff, #87382E 64.5rem 0, #87382E 60rem, #87382E 60rem, rgba(255, 255, 255, 0));
}
.pro-muc1 .watering::before,
.pro-muc1 .watering::after{
	border:2px solid #87382E;
}
.pro-muc1 .hsection4 .swiperflex .prev:hover,
.pro-muc1 .hsection4 .swiperflex .next:hover {
	background:url(../images/muc1-40-1.png) no-repeat center/cover;
	background-size:6.145833333333334rem auto;
}
.pro-muc1 .hsection5 .prevnext .next:hover, 
.pro-muc1 .hsection5 .prevnext .prev:hover {
    background: url(../images/muc1-37-1.png) no-repeat center / cover;
    background-size: 1.6666666666666667rem auto;
}