body{max-width:1920px;margin:0 auto;padding:0;font-family:Arial,'Microsoft YaHei';padding-top:167px}
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none}
li,ul{list-style:none}
li{list-style:none;float:left}
img{display:block;max-width:100%;border:none}

.clear{clear:both}
.left,lt{float:left}
.right,rt{float:right}
.container{max-width:1200px;margin:0 auto;}
.transition{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.Item .pic{overflow:hidden}
.Item .pic img{width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear}
.Item a:hover .pic img{transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .1s;-o-transition:all .3s}
.Item a:hover h3{color:#1f9191}

@media screen and (max-width:1201px) {
    .container{padding:0px 20px;}
}

.clearfix{*zoom:1;}
.clearfix::before{display:table;content:"";}
.clearfix::after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.textHidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

#Header{position:fixed;left:0;top:0;width:100%;background:#fff;z-index:98}
#Header .nav-bg{position:absolute;left:0;top:90px;width:100%;height:200px;display:none;z-index:996}
#Header .left{float:left;width: 35%;}
#Header .right{float:right;width: 65%;}
#Header .right .boxR{float:right}
#Header .right .nav{float:right;margin-top:75px}
#Header .logo{padding:15px 0}
#Header .nav li{float:left}
#Header .nav li a{margin:0 15px;display:block;position:relative;font-size:14px;color:#000;padding-bottom:10px;border-bottom:3px solid transparent;}
#Header .nav li.selected a{color:#20a472;border-bottom:3px solid #20a472}

#Header .click-to-header{position:absolute;top:12px;right:20px;padding:10px 0;cursor:pointer;z-index:999;display:none;}
#Header .click-to-header .burger-btn{min-width:29px;min-height:18px;position:relative;cursor:pointer;}
#Header .click-to-header .burger-btn .icon-burger{position:absolute;left:0;width:29px;height:2px;background-color:#000;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:999;}
#Header .click-to-header .burger-btn .icon-burger2{top:8px;}
#Header .click-to-header .burger-btn .icon-burger3{top:16px;}

#Header .main .nav_down{position:absolute;text-align:right;left:0;top:90px;width:100%;z-index:999;background:#fff;display:none;border-top:1px solid #e8e8e8;box-sizing:border-box;box-shadow:0 2px 3px 1px #eee}
#Header .main .Down-li-row li{float:none;display:inline-block}
#Header .main .Down-li-row li a{line-height:80px;height:auto;padding:0 20px;margin:0 10px}
#Header .main .Down-li-row li:hover a{color:#1f9191}

#Header .nav li .nav_down .li-box .nav-pic{margin:0 auto;text-align:center;padding:0 20px}
#Header .nav li .nav_down .li-box .nav-pic img{margin:0 auto}
#Header .nav li .nav_down .li-box{border-right:1px solid #e0e0e0}
#Header .nav li .nav_down .li-box a{line-height:30px;height:auto;text-align:left}
#Header .nav li .nav_down .li-box dt a{font-size:16px;color:#1f9191;text-align:left}
#Header .nav li .nav_down .li-box dd a{font-size:14px;color:#333;line-height:26px;text-align:left}
#Header .nav li .nav_down .li-box dd:hover a{color:#1f9191}
#Header .nav li .nav_down li:last-child .li-box{border:none}
#Header .nav li.nav-sub-Product .nav_down .li-box dt a{color:#1f9191}

#Header .nav li #About-nav li{float:left;width:33.33%}
#Header .nav li #About-nav .li-box{padding:0 50px;height:186px}
#Header .main .boxR{padding:0 10px}
#Header .main .right .search-box{position:relative;top: 20px;}
#Header .main .right .search-box input{height:36px;}
#Header .main .right .search-box input[type=text]{width:198px;border-radius:30px;border:1px solid #ddd;padding:0px 20px;padding-right:50px;}
#Header .main .right .search-box input[type=button]{position:absolute;right:0;top:0;background: url(../images/icon_search.png) no-repeat center center;width:30px;cursor:pointer;z-index:2;border: none;}
#Header .main .boxR{display:none;}
#Header .main .boxR .search{float:right;padding:30px 10px;position:relative;display:none}
#Header .main .boxR .search .mens-but{cursor:pointer;width:30px;box-sizing:border-box;height:30px;font-size:18px;padding:2px 0}
#form_s{position:absolute;top:90px;right:0;width:300px;display:none;z-index:99;background:#fff;padding:10px;box-sizing:border-box}
#Header .main .boxR .language{float:left;margin-left:10px;position:relative}
#Header .main .boxR .search input{outline:0;border:1px solid #1f9191;cursor:pointer;display:block;float:left;padding:0 10px;background:0 0;font-size:14px;color:#333;line-height:40px;height:40px;box-sizing:border-box}
#Header .main .boxR .search input.opinst{width:40px;box-sizing:border-box;border-left:none;border-bottom-right-radius:5px;border-top-right-radius:5px;background:url(../images/icon/icon_search.png) no-repeat center center}
#Header .main .boxR .search input#KeyWord{width:238px;box-sizing:border-box;border-right:none;border-bottom-left-radius:5px;border-top-left-radius:5px}
#Header .main .boxR .language a{padding:30px 0;display:block}
#Header .main .boxR .language span{display:inline-block;font-size:14px;color:#000;line-height:30px;font-weight:100;float:left}
#Header .main .boxR .language span.icon-lang{width:35px;height:30px;display:inline-block;display:none}
#Header .main .boxR .language span.icon-down{width:0;height:0;display:block;margin:0 20px 0 5px}
#Header .main .boxR .language .down{background:#fff;position:absolute;top:90px;left:0;display:none;width:100%;z-index:99}
#Header .main .boxR .language .down a{font-size:14px;line-height:40px;padding:0;display:block;color:#333;text-align:center}
#Header .main .boxR .language .down a.selected{background:#1f9191;color:#fff}
#Header .main .boxR .language .down a:hover{background:#1f9191;color:#fff}
.menu-bar{position:absolute;display:none;right:20px;top:50%;margin-top:-12px;-webkit-transition:-webkit-transform .25s ease-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;transition:transform .25s ease-out;transition:top .25s ease-in-out}
.menu-bar .btn-menu{display:block;box-sizing:border-box;width:30px;text-align:center;text-decoration:none;border-bottom:none}
.menu-bar .btn-menu .menu-line{display:block;width:30px;height:3px;margin:8px auto;border-radius:2px;background-color:#1f9191}
.menu-bar .btn-menu .menu-line.menu-line-top{margin-top:0;-webkit-transition:-webkit-transform .25s ease-out,background-color .25s ease-out;transition:transform .25s ease-out,background-color .25s ease-out;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}
.menu-bar.is-open .btn-menu .menu-line.menu-line-top{width:36px;-webkit-transform:rotate(45deg) translate(-1px,-1px) scaleX(1);-ms-transform:rotate(45deg) translate(-1px,-1px) scaleX(1);transform:rotate(45deg) translate(-1px,-1px) scaleX(1);background-color:#1f9191}
.menu-bar .btn-menu .menu-line.menu-line-middle{-webkit-transition:opacity .25s ease-out,background-color .25s ease-out;transition:opacity .25s ease-out,background-color .25s ease-out;opacity:1}
.menu-bar.is-open .btn-menu .menu-line.menu-line-middle{opacity:0}
.menu-bar .btn-menu .menu-line.menu-line-bottom{margin-bottom:0;-webkit-transition:-webkit-transform .25s ease-out,background-color .25s ease-out;transition:transform .25s ease-out,background-color .25s ease-out;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}
.menu-bar.is-open .btn-menu .menu-line.menu-line-bottom{width:36px;-webkit-transform:rotate(-45deg) translate(-2px,1px) scaleX(1);-ms-transform:rotate(-45deg) translate(-2px,1px) scaleX(1);transform:rotate(-45deg) translate(-2px,1px) scaleX(1);background-color:#1f9191}

@media screen and (min-width:1024px) {
    #Header .nav li:hover a{color:#20a472;border-bottom:3px solid #20a472}
}
@media screen and (max-width:1200px) {
    #Header .nav li a{margin:0px 8px;}
}
@media screen and (max-width:1025px) {
    body{padding-top:60px;}
    #Header{height:60px;}
    #Header .left{width:auto;width:45px;margin-top:8px;}
    #Header .logo{padding:0;}
    #Header .click-to-header{display:block;}
    #Header .right{}
    #Header .right .nav{position:fixed;left:0;top:60px;width:100%;height:100%;z-index:99;float:none;margin-top:0px;background:#fff;border-top:1px solid #eee;display:none;}
    #Header .right .nav ul{}
    #Header .right .nav ul li{width:100%;float:none;}
    #Header .right .nav ul li a{display:block;border-bottom:1px solid #eee;padding-bottom:0;line-height:35px;}
    #Header .right .nav ul li.selected a{border-bottom:1px solid #20a472;}
    #Header .main .boxR{display:none;}
}

#Footer .main{background:#25a079}
#Footer .main .left{float:left;width:82%;border-right:2px solid #2e9899;box-sizing:border-box}
#Footer .main .right{float:right;width:15%}
#Footer .main .boxM{padding:40px 0}
#Footer .main .f-nav{box-sizing:border-box}
#Footer .main .f-nav ul{width:100%}
#Footer .main .f-nav li{float:left;width:20%}
#Footer .main .f-nav dt{font-size:14px;color:#fff;font-weight:700;line-height:20px;margin-bottom:20px}
#Footer .main .f-nav dd a{font-size:12px;color:#f4f4f4;line-height:26px}
#Footer .main .f-nav dd:hover a{color:#fff;text-shadow:0 0 3px 1px #ccc}
#Footer .main .cont{text-align:center;float:right}
#Footer .main .cont .qcrod{position:relative;width:140px;height:140px;overflow:hidden;margin:0 auto}
#Footer .main .cont .qcrod img{width:100%}
#Footer .main .cont h3{font-size:14px;color:#fff;line-height:40px;font-weight:500}
#Footer .Copyright{text-align:center;background:#1d8060}
#Footer .Copyright p{display:inline-block;font-size:12px;color:#fff;line-height:30px}
#Footer .Copyright a{display:inline-block;font-size:12px;color:#fff;line-height:60px;margin:0 10px}

@media (max-width: 1025px) {
    #Footer .main {}
    #Footer .main .left { width: 75%; }
    #Footer .main .f-nav dt { }
    #Footer .main .f-nav dd a { }
}

@media (max-width: 640px) {
    #Footer .main .left { width: 100%; float: none; border: none; }
    #Footer .main .right { width: 100%; float: none; }
    #Footer .main .cont { float: none; margin: 20px auto; margin-bottom: 0; }
    #Footer .Copyright { padding: 10px 0; }
    #Footer .Copyright p { line-height: 30px; }
    #Footer .Copyright p span{display:block;}
    #Footer .Copyright a { line-height: 30px; }
}

@media (max-width: 480px) {
    #Footer .main .boxM { padding: 20px 0; }
    #Footer .main .f-nav li { float: none; width: 100%; }
    #Footer .main .f-nav dt { margin: 0; line-height: 50px; font-size: 16px; border-bottom: 1px solid #1d8060; background: url('../images/icon_jia.png') no-repeat right center; background-size: 30px; }
    #Footer .main .f-nav dd { padding: 0 20px; display: none; }
    #Footer .main .f-nav dd a { line-height: 50px; font-size: 16px; }
    #Footer .main .f-nav li.selected dt { background: url('../images/icon_jian.png') no-repeat right center; background-size: 30px; }
}

.f-tool{float:right;text-align:center;width:100px}
.f-tool li{display:inline-block;margin:10px 0 10px 10px}
.f-tool li a{width:30px;height:30px;display:block;border-radius:2px;background:url(../images/sprite_02.png) no-repeat}
.f-tool li .wb{background-position:0 -3px}
.f-tool li .fb{background-position:-78px -3px}

.search-form a{width:40px;height:40px;border:1px solid #1f9191;border-radius:5px;text-align:center;display:block;padding-top:10px;box-sizing:border-box;margin-top:65px}
.search-form a img{display:inline-block}

#News .swiper-button-prev{background:url(../images/left1.jpg)!important;width:12px!important;height:18px!important;left:0!important;top:55%!important;background-size:100% 100%!important}
#News .swiper-button-next{background:url(../images/right1.jpg)!important;width:12px!important;height:18px!important;right:0!important;top:55%!important;background-size:100% 100%!important}

.banner{width:100%;}
.banner .swiper-button-prev{background:url(../images/left.png) no-repeat center center/cover;width:32px;height:52px;margin-top:-26px;}
.banner .swiper-button-next{background:url(../images/right.png) no-repeat center center/cover;width:32px;height:52px;margin-top:-26px;}
.banner .swiper-pagination-bullet-active{background:#20a472}

@media screen and (max-width:1025px) {
    .banner .swiper-button-prev,
    .banner .swiper-button-next{width:18px;height:29px;margin-top:-14.5px;}
}

#product-nav{padding:30px;box-sizing:border-box}
#product-nav li{float:left;width:25%}
#product-nav .li-box .lt{float:left;width:48%}
#product-nav .li-box .rt{float:right;width:52%}

#About-nav{padding:30px}
#About-nav .sub-nav-left{float:left;width:60%}
#About-nav .sub-nav-right{float:right;right:40%}