body{background-color:#fff;}
.header{box-shadow:none;}

/* banner */
.banner{height: 489px;position: relative;overflow: hidden;width: 100%;text-align: left;}
.banner .flexslider .slides img{width: auto;margin: 0 auto;}
.banner .flexslider{border: none;border-radius: 0;height: 100%;margin: 0;}
.banner .flex-control-nav{z-index: 2;bottom: 20px;}
.banner .flex-control-paging li a{background-color: rgb(255, 255, 255, .6);}
.banner .flex-control-paging li a.flex-active{background-color: #fff;}
.banner .main{width: 1400px;margin: 0 auto;position: absolute;left: 0;right: 0;top: 0;}
.banner .slides{height: 100%;}
.banner .slides > li{height: 100% !important;}
.banner h2{color: #fff;font-size: 32px;font-weight: bold;display: block;max-width: 765px;margin-top: 132px;position: relative;margin-bottom: 45px;}
.banner h2::after{content: '';position: absolute;height: 4px;width: 620px;background-color: #fff;bottom: -27px;left: 0;}
.banner dl{max-width: 620px;display: flex;flex-wrap: wrap;}
.banner dl dd{line-height: 30px;}
.banner dl dd a{color: #fff;font-size: 17px;white-space: nowrap;margin-right: 24px;position: relative;}
.banner dl dd a::before{content: '';height: 15px;width: 1px;background-color: #818181;position: absolute;right: -12px;top: 50%;transform: translateY(-50%);}
.banner dl dd a:hover{color: #0ED0AE;}
.banner dl dd:last-child a::before{content: none;}
.banner .more-btn{width: auto;height: 38px;border: 2px solid #FFFFFF;border-radius: 4px;margin-top: 65px;line-height: 38px;text-align: left;color: #fff;font-size: 18px;cursor: pointer;position: relative;padding-left: 27px;padding-right: 96px;display: inline-block;}
.banner .more-btn::before{position: absolute;right: 21px;transform: rotate(-90deg);top: 10px;}
.banner .more-btn:hover{background-color: #0ED0AE;}


/* recommended */
.recommended{margin-top: 70px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.recommended h2{font-size: 30px;color: #1C1C1C;margin-bottom: 42px;font-weight: 900;}
.recommended .flexslider{width: 1400px;margin: 0 auto;}
.recommended .list li{display: flex !important;margin: 10px 0;float: left !important;}
.recommended .list li a{display: block;width: 332px;height: 322px;flex-shrink: 0;text-align: center;margin: 0 auto;}
.recommended .list li a .image-box{width: 136px;height: 136px;margin: 50px auto;line-height: 136px;text-align: center;}
.recommended .list li a img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.recommended .list li a b{color: #1A1A1A;font-size: 18px;line-height: 20px;display: block;margin-bottom: 12px;}
.recommended .list li a s{color: #555858;font-size: 14px;text-decoration: none;}
.recommended .list li a:hover{box-shadow: 0 1px 8px rgba(0,0,0,.2);}
.recommended .list li a:hover b{color: #008C74;}
.recommended .flex-direction-nav .flex-prev{left: -35px !important;opacity: 1 !important;}
.recommended .flex-direction-nav .flex-next{right: -35px !important;opacity: 1 !important;}
.recommended .flex-direction-nav a, .recommended .flex-direction-nav a:before{color: #269D81;background-image:-webkit-linear-gradient(bottom,#d6ebe7, #aad6ce,#269D81);-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-shadow: none;}
/*aboutus*/
.aboutus{max-width: 1400px;margin: 40px auto 0;}
.aboutus h2{font-size: 30px;margin-bottom: 36px;font-weight: 900;color: #1C1C1C;}
.aboutus > div{display: flex;}
.aboutus .left{width: 50%;height: 451px;background-image: url('../images/about-us.jpg');border-radius: 6px;margin-right: 18px;position: relative;}
.aboutus .left::before{content: '';position: absolute;bottom: 0;height: 320px;background: linear-gradient(to top, rgb(0,0,0, .55), rgb(255,255,255,0));width: 100%;}
.aboutus .left dl{position: absolute;bottom: 0;color: #fff;font-weight: bold;padding-left: 12px;padding-right: 27px;}
.aboutus .left dl dt{font-size: 22px;margin-bottom: 4px;}
.aboutus .left dl dd{font-size: 15px;font-weight: normal;line-height: 19px;}
.aboutus .left dl dd:last-child{margin-top: 18px;margin-bottom: 22px;font-weight: bold;}
.aboutus .left dl dd a{color: #fff}
.aboutus .left dl dd a:hover{color: #269D81}
.aboutus .right{width: 50%;}
.aboutus .right dl:first-child{margin-bottom: 15px;position: relative;}
.aboutus .right dl{padding: 48px 34px 51px 173px;position: relative;height: 218px;border: 1px solid #C8C8C8;border-radius: 6px;}
.aboutus .right dl::before{position: absolute;left: 40px;top: 55px;font-size: 110px;color: #272636;}
.aboutus .right dl dt{color: #151515;font-size: 23px;font-weight: bold;margin-bottom: 12px;}
.aboutus .right dl dd{color: #606060;font-size: 14px;line-height: 20px;}
.aboutus .right dl dd:last-child{margin-top: 18px;font-size: 15px;color: #151515;}
.aboutus .right dl dd:not(:last-child) a{color: #269D81;}
.aboutus .right dl dd a{font-weight: bold;}
/*news*/
.news{width: 1400px;margin: 45px auto 23px;}
.news h2{font-size: 30px;margin-bottom: 34px;color: #1C1C1C;font-weight: 900;}
.news ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news ul li{width: 220px;height: 211px;margin-bottom: 25px;border-radius: 4px;}
.news ul li a{display: block;width: 100%;height: 100%;}
.news ul li a:hover p{text-decoration: underline;color: #00a588;}
.news ul li p{color: #242424;font-size: 13px;font-family: 'Arial';line-height: 18px;width: 186px;}
.news ul li div{margin-top: 13px;color: #747474;font-size: 13px;display: flex;justify-content: space-between;}
/* other-products */
.other-products{clear: both;padding-top: 40px;background-color: #fff;margin-top: 104px;}
.other-products h2{font-size: 30px;color: #1C1C1C;position: relative;font-weight: 900;padding-bottom: 5px;}
.other-products h2::before{content: '';position: absolute;right: 120px;top: -45px;background-image: url('../images/recommended.jpg');width: 398px;height: 214px;}
.other-products i{font-size: 33px;color: #008C74;font-weight: bold;font-family: 'Arial';}
.other-products .tab{margin-top: 32px;margin-bottom: 56px;}
.other-products .tab li{display: inline-block;padding: 9px 19px;border-radius: 30px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.11);cursor: pointer;border: 1px solid #C8C8C8;font-size: 17px;color: #3f4245;white-space: nowrap;margin-right: 16px;}
.other-products .tab li.actived{background: #0ED0AE;box-shadow: inset 0px -7px 5px 0px rgba(0,0,0,0.11);color: #fff;border-color: transparent;font-weight: bold;}
.other-products .content ul{display: none;}
.other-products .content ul.actived{display: block;}
.other-products .content ul li{width: 20%;float: left;}
.other-products .content ul li a{display: inline-block;line-height: 18px;padding: 5px 7px;border: 1px solid transparent;font-size: 14px;position: relative;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.other-products .content ul li a:hover{color: #00a588;text-decoration: underline;font-weight: bold;}
.other-products .more-products{width: max-content;min-width: 190px;border: 1px solid #C8C8C8;padding: 8px 40px;border-radius: 30px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.11);color: #3F4245;font-size: 14px;margin: 30px auto 0;display: block;}
.other-products .more-products:hover{cursor: pointer;background-color: #0ED0AE;color: #fff;}
.other-products .recommended{display: none;}
@media screen and (max-width: 768px)
{
	body{background-color:#fff;}
	.banner{height: auto;}
	.banner .main{width: 100%;padding: 0 8px;}
	.banner h2{margin-top: 30px;font-size: 25px;}
	.banner h2::after{width: 100%;}
	.banner dl{width: 100%;height: auto;}
	.banner dl dd{margin-bottom: 12px;}
	.banner .more-btn{margin-top: 24px;}
	.banner .flex-direction-nav{display: none;}
	/* recommended */
	.recommended{margin-top: 35px;align-items: flex-start;padding: 0 8px;}
	.recommended h2{font-size: 25px;margin-bottom: 18px;margin-top: 32px;}
	.recommended .flexslider{width: 100%;border: none;border-radius: 0;}
	.recommended .flex-viewport{overflow: unset !important;}
	.recommended .flex-viewport .slides{display: flex;flex-wrap: wrap;width: 100% !important;justify-content: space-between;}
	.recommended .flex-viewport .slides li{box-shadow: 0 1px 3px rgba(0,0,0,.2);width: 49% !important;margin: 0 0 10px;}
	.recommended .flex-viewport .slides li a{width: 100%;height: auto;padding-bottom: 12px;}
	.recommended .list li a .image-box{width: 100px;height: 100px;margin: 10px auto 20px;line-height: 100px;}
	.recommended .flex-direction-nav{display: none;}
	/*aboutus*/
	.aboutus{height:auto;overflow: visible;padding-bottom: 5px;padding: 0 8px;}
	.aboutus h2{margin-bottom: 12px;}
	.aboutus > div{flex-direction: column;}
	.aboutus .left{height: 291px;}
	.aboutus .left dl{padding: 0 8px;}
	.aboutus .left dl dd:last-child{margin-top: 8px;margin-bottom: 11px;}
	.aboutus .left, .aboutus .right{width: 100%;}
	.aboutus .right dl{padding: 10px 0 0 135px;}
	.aboutus .right dl::before{left: 10px;}
	.aboutus .right dl dt{font-size: 17px;margin-bottom: 8px;}
	.aboutus .right dl dd:last-child{margin-top: 8px;}
	/*news*/
	.news{width: 100%;padding: 0 8px;}
	.news h2{margin-bottom: 16px;}
	.news ul li{width: 49%;margin-bottom: 20px;height: unset;margin-bottom: 16px;}
	.news ul li a{box-shadow: 0 1px 8px rgba(0,0,0,.2);padding-bottom: 8px;}
	.news ul li a img{width: 100%;}
	.news ul li p{width: 100%;padding: 0 8px;margin-top: 8px;}
	.news ul li div{padding: 0 8px;}
	/* other-products */
	.other-products{margin-top: 24px;padding: 0 8px;}
	.other-products h2::before{display: none;}
	.other-products .tab{margin: 18px 0 0;}
	.other-products .tab li{margin-bottom: 12px;font-size: 14px;}
	.other-products .content ul li{width: 50%;}
}