html,body{margin:0;padding:0;color:#474747;font-family:Roboto;font-size:16px}
div{width:100%;height:auto;display:block}
img{width:100%;height:auto}
ul{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:inherit}
.container{width:1044px;min-height:1px;margin:0 auto;display:block}
.header{width:100%;height:50px;background-color:#61B846;position:absolute;top:0;left:0;z-index:999}
.header.fixed{position:fixed}
.header .logo{width:140px;height:75px;background-color:white;border:5px solid #50B848;border-top:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px;position:absolute;top:0;left:0;z-index:3}
.header .logo img{height:60px;margin:6px auto 0;display:block;max-width: calc(100% - 20px);}
.header .menu{width:calc(100% - 270px);margin:0 10px 0 270px;height:50px}
.header .menu a{display:block}
.header .menu > ul{height:50px}
.header .menu > ul > li{line-height:50px;padding:0 15px;text-align:center;font-size:15px;text-transform:uppercase;display:inline-block;vertical-align:top;position:relative}
.header .menu > ul > li:hover{background-color:#61B846}
.header .menu > ul > li > a{font-size:15px;color:white}
.header .menu > ul > li > ul{position:absolute;top:50px;left:0;background-color:white;display:none;box-shadow:0 0 8px rgba(0,0,0,0.6);z-index:999}
.header .menu > ul > li:hover > ul{display:block}
.header .menu > ul > li > ul > li{width:200px;line-height:30px;padding:3px 10px;text-align:left;font-size:15px;text-transform:initial;background-color:white;color:#262626}
.header .menu > ul > li > ul > li:hover{color:#61B846}
.header .menu > ul > li.product{position:inherit}
.header .menu > ul > li.product > div{width:100%;border-bottom:1px solid #D7D7D7;position:absolute;top:50px;left:0;background-color:white;display:none;z-index:2}
.header .menu > ul > li.product:hover > div{display:block}
.header .menu > ul > li.product .container > div{position:relative;margin-left:200px;width:calc(100% - 200px);height:230px;text-align:left}
.header .menu > ul > li.product .title{width:100%;height:40px;line-height:40px;margin:30px 0 10px;color:#60B945;text-transform:uppercase;font-size:14px;font-weight:bold}
.header .menu > ul > li.product ul{width:calc(100% - 300px);margin:0;padding:0;list-style:none;line-height:30px;display:flex;flex-wrap:wrap}
.header .menu > ul > li.product ul li{width:25%;height:30px;line-height:30px;display:inline-block;text-transform:initial;font-size:14px;color:#262626}
.header .menu > ul > li.product ul li a:hover{color:#61B846}
.header .menu > ul > li.product .image{width:300px;height:200px;position:absolute;bottom:20px;right:0}
.header .menu > ul > li.product .image img{max-width:100%;max-height:100%;float:right}
.header .search{width:20px !important}
.header .search a{cursor:pointer}
.header .search > div{padding:10px;top:50px;right:0;position:absolute;display:none;z-index:999;box-shadow:0 1px 5px #524848;background-color:white}
.header .search > div input[type="text"]{height:35px;float: left;outline:none;width:205px;color:#000;padding-left:5px;background:#f7f6f6;border-color:#f7f6f6;}
.header .search > div i{width:15px;height:15px;position:absolute;top:23px;right:15px;}
.header .menu .bars{float:right}
.header .menu .bars .fa-bars{margin-left:8px}
.header .menu .bars ul{left:unset;right:0;padding:3px 0}
.header .menu .bars li{line-height:22px;height:22px;padding:0 15px;font-size:12px;font-weight:bold}
.header .menu .bars li.level2{font-weight:400;text-indent:10px}
.s0{width:100%;height:50px;background-color:#61B846;position:fixed;top:0;left:0;z-index:999;}
.s0 .logo{width:140px;height:75px;background-color:white;border:5px solid #50B848;border-top:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px;position:absolute;top:0;left:0;z-index:3;}
.s0 .logo img{width:auto;height:60px;margin:6px auto 0;display:block;}
.s0 ul{width:calc(100% - 270px);margin:0 10px 0 220px;height:50px;line-height:50px;padding:0;list-style:none}
.s0 li{line-height:40px;font-size:16px;color:white;text-transform:uppercase;padding:0 10px;display:inline}
.s0 li::before{content:"|";width:30px;display:inline-block}
.s0 li:first-child::before{content:"";width:0;display:none}
.s1{width:800px;height:318px;margin:auto;display:block;overflow:hidden;position:relative}
.s1 .banner{width:1920px;height:656px;position:absolute;top:0;left:0}
.s2{margin:40px 0;line-height:1.2;font-size:28px;font-weight:500;text-align:center}
.s3{}
.s3 li{width:100%;margin-bottom:40px;line-height:2;display:inline-block}
.s3 li img{width:400px;margin-right:40px;float:left}
.s3 li:nth-child(2n) img{margin-left:40px;margin-right:0;float:right}
.s3 li p{margin:50px 0 0;justify-content:center;font-size:18px;line-height:1.5;font-weight:500}
.s4{}
.s5{margin:40px auto}
.s5 li{width:100%;display:inline-block}
.s5 > ul > li{margin-top:30px;display:flex;align-items:center}
.s5 li img{width:397px;margin-right:50px;float:left}
.s5 li ul{width:calc(100% - 470px);margin:0;margin-left:20px;padding:0;display:inline-block;float:right;list-style:circle}
.s5 li li{line-height:1.6;font-size:24px;position:relative}
.s5 li li i{margin-right:10px;color:#50B848;font-size:16px;position:absolute;left:-30px;top:12px}
.s5 li hr{width:500px;height:2px;margin:auto;background-color:#50B848;color:#50B848;display:block;border:0;outline:none;clear:both}
.s5{margin:40px auto}
.s6 img{width:800px;height:auto;margin:auto;display:block}
.s7{margin:40px auto}
.s7 li{width:100%;display:inline-block}
.s7 > ul > li{margin-top:20px;}
.s7 li img{width:115px;margin:20px 50px 0;float:left}
.s7 > ul > li:nth-child(3) img{margin-top:80px}
.s7 li ul{width:calc(100% - 295px);margin:0 20px 0 40px;padding:0;display:inline-block;float:right;list-style:circle}
.s7 li li{line-height:2;position:relative}
.s7 li h3{margin:0 0 10px -30px;padding:0;font-size:18px;line-height:1.5}
.s7 li li i{margin-right:10px;color:#50B848;font-size:16px;position:absolute;left:-30px;top:12px}
.s7 li hr{width:100%;height:2px;margin:auto;background-color:#50B848;display:block;border:0;outline:none;clear:both}
.s8{margin:40px auto}
.s9{margin:40px auto}
.group{margin:0 auto !important;width:100%;padding-bottom:40px;overflow:hidden;}
.group .panel{outline:none;display:flex;flex-wrap:wrap}
.group .item{width:calc(25% - 2px);margin:0;border:1px solid #A2A2A2;outline:none;position:relative}
.group .item:nth-child(4n+1),.group .item:nth-child(4n+2),.group .item:nth-child(4n+3),.group .item:nth-child(4n+4){border-bottom:0}
.group .item:nth-child(8n+5),.group .item:nth-child(8n+6),.group .item:nth-child(8n+7),.group .item:nth-child(8n+8){border-top:0}
.group .item:nth-child(4n+2),.group .item:nth-child(4n+3),.group .item:nth-child(4n+4){border-left:0}
.group .item .image{width:100%;padding-top:66.66%;position:relative;overflow:hidden}
.group .item .image a{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center}
.group .item .image img{max-width:100%;max-height:100%;margin:auto;outline:none;display:block}
.group .item h3{width:100%;height:50px;line-height:50px;margin:0;text-align:center;font-size:16px;font-weight:500;text-transform:uppercase;color:white;background-color:#61B846;transition:all 0.3s linear}
.group .item:hover h3{background-color:#ED1C24}
.group .slick-dots{bottom:0 !important}
.group .slick-dots li button:before{font-size:12px !important;color:#ED1C24}
