@charset "utf-8";
body{width:100%;overflow-x:hidden}
#banner{position:relative}
#header{background:#33B924;z-index:2;padding:20px 0}
.header{display:flex;justify-content:space-between}
.header:after{display:none}
.headerL img{display:block}
#nav{position:relative;z-index:2;width:70%}
.nav>li> a{color:#fff}
.nav>li{float:left;width:12.5%;line-height:60px;text-align:center;position:relative}
.nav>li>a{display:block;text-transform:capitalize}
.cate-one{display:none}
.headerR{width:10%;margin-top:20px}
.headerR li{box-sizing:border-box;border-right:1px solid #fff;width:33.3%;float:left;text-align:center;line-height:20px}
.headerR li:last-child{border:0}
.banner img{display:block}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2317AFE0'%2F%3E%3C%2Fsvg%3E");left:30px}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2317AFE0'%2F%3E%3C%2Fsvg%3E");right:30px}
@media (max-width:768px){
    #banner{position:relative}
    #header{position:fixed;padding:5px 0;background:#0F9000;width:100%;top:0;z-index:9}
    .header{display:flex;justify-content:space-between}
    .header:after{display:none}
    #nav{width:0;background:rgba(0,0,0,0.5);position:fixed;top:0;right:0;z-index:6;height:100%;padding-top:0}
    .nav{width:60%;float:right;background:#fff;height:100%;padding:0;overflow-y:scroll}
    .nav>li{float:none;width:100%;text-align:left;border-bottom:1px solid #e9e9e9;padding:0 0 0 20px;line-height:40px;box-sizing:border-box}
    .nav>li.nav-back{padding-left:40px;background:url(../images/fl.png) no-repeat 20px center;background-size:10px}
    .nav>li.on,.nav>li:hover{background:none}
    .nav>li>a{color:#333;font-size:14px}
    .nav span{display:block;background:url(../images/fl.png) no-repeat center;background-size:10px;width:40px;height:40px;position:absolute;right:0;top:0;transform:rotate(0);transition:0.5s all}
    .nav span.on{transform:rotate(90deg)}
    .cate-one li:hover .cate-two,.nav>li:hover .cate-one{display:none}
    .cate-one,.cate-two{position:unset;width:100%;padding-left:10px;background:#fff;box-sizing:border-box;box-shadow:none}
    .cate-one li{line-height: 2;background:transparent !important;}
    .cate-one a{color:#333;text-indent:0;font-weight:normal;font-size: small;}
    #open_menu{width:35px;height:35px;border:1px solid #fff;border-radius:3px;position:relative;float:right;margin-top:8px}
    #open_menu span,#open_menu:after,#open_menu:before{position:absolute;width:70%;left:15%;height:3px;background:#fff}
    #open_menu:after,#open_menu:before{content:'';transition:transform 0.3s}
    #open_menu span{top:50%;margin-top:-1.5px}
    #open_menu:before{top:8px}
    #open_menu:after{bottom:8px}
    #open_menu.open_menu_on span{opacity:0}
    #open_menu.open_menu_on:after,#open_menu.open_menu_on:before{top:50%;margin-top:-2px;transform:rotate(45deg);width:70%;left:15%}
    #open_menu.open_menu_on:before{transform:rotate(-45deg)}
    #banner .swiper-button-prev,#banner .swiper-button-next{margin-top:-22px}
    body{padding:60px 0 65px}
}
#footer{background:#119C01 url(../images/footer.jpg) center 0;padding-top:400px;color:#fff}
.footer{display:flex;justify-content:space-between}
#footer dl{float:left}
#footer dt{font-size:24px;font-weight:bold;margin-bottom:20px}
#footer dt:after{display:block;content:'';width:50px;height:2px;background:#EE9134}
#footer dd{color:#fff}
.footer-contact{width:25%}
.footer-contact img{float:left;margin-right:10px;margin-top:6px}
.footer-contact ul{display:flex;margin-top:10px}
.footer-contact li{margin-right:5px}
.foot-classify{width:20%}
.foot-classify dd a{color:#fff}
.foot-classify dd:before,.foot-product dd:before{content:'>';margin-right:5px}
.foot-classify dd a:hover,.foot-product dd a:hover{text-decoration:underline}
.foot-product{width:20%}
.foot-product dd a{color:#fff}
.foot-form{width:20%}
.copyright{border-top:1px solid #fff;margin-top:40px;line-height:40px}
.copyright a{color:#fff}
@media (max-width:768px){
    #footer{background:#119C01;padding:0}
    .foot{position:fixed;bottom:0;background:#000;width:100%;text-align:center;z-index:5;padding:0;border-top:1px solid #ccc}
    .foot a{color:#fff}
    .col-5{width:50%}
    .copyright{line-height:2;font-size:12px}
    .copyright span{float:none !important;display:block}
}
.inquiry-tit2{font-size:22px;margin:90px 0 30px}
.inquiry-form2 input{height:40px;border:0;background:transparent;border-bottom:1px solid #e3e3e3;padding:0 10px;color:#fff;box-sizing:border-box;width:100%}
.inquiry-form2 input#in-title{width:100%}
.inquiry-form2 input::placeholder,.inquiry-form2 textarea::placeholder{color:#fff}
.inquiry-form2 textarea{width:100%;display:block;height:41px;line-height:40px;background:transparent;border:0;border-bottom:1px solid #e3e3e3;padding:0 10px;color:#fff;box-sizing:border-box}
#feedbackForm2{font-family:Lato;font-weight:400;max-width:890px}
#feedbackForm2 .send-btn2{width:100%;height:40px;background:#EE9134;margin-top:16px;text-align:center;line-height:40px;font-size:16px;color:#fff;cursor:pointer}
.inquiry-form2 input:focus,.inquiry-form2 textarea:focus{outline:0;border-color:#EE9134}