﻿body{background-color: #f8fff9; margin: 0; padding: 0px; background-image: url("logo1.png");background-repeat:repeat;font-family: "微软雅黑";padding: 0; margin: 0; }

*
{
    margin:0px;
    padding:0px;
}
/*common start*/
body
{
    font-size:12px;
    line-height:22px;
    letter-spacing: 1px;
}
img
{
    border:0px;
}
li
{
    list-style-type:none;
}
a:link,a:visited
{
    color:#333;
    text-decoration:none;
}

.zi{width: 140px; text-align: center; background-color: #ffffff; height:20px; float: right;clear: both}
ul,li{margin: 0; padding: 0px}
.container{width:1004px; margin-left: auto; margin-right: auto;position:relative;font-size: 14px }
.head{
/*    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(228,228,228) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(228,228,228) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 1%, rgb(228,228,228) 100%);*/
    background-image: url("bg1.png");
/*    border-bottom:3px solid #23ac38;*/
    margin: 0px ;
}
.logo{ height: 60px;padding: 10px 0}
.navbox{ height: 32px;padding: 0;width: 100%;
    margin: 0;
/* border-radius: 8px 8px 0 0;*/
    background-image: -moz-linear-gradient( 90deg, rgb(60,181,78) 0%, rgb(64,204,85) 50%, rgb(60,181,78) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(60,181,78) 0%, rgb(64,204,85) 50%, rgb(60,181,78) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(60,181,78) 0%, rgb(64,204,85) 50%, rgb(60,181,78) 100%);
/*    border-bottom:3px solid #23ac38;
    border-top:3px solid #23ac38;*/
}





.navbox ul{float:left;margin-left:0}

.navbox .active{ background-color: #23ac38;}
.navbox .active a{ color: #ffffff; }
.navbox ul li{float: left;list-style: none; letter-spacing: 1px;; text-align: center; height: 32px}
.navbox ul li a{line-height: 32px; font-size: 16px; color: #ffffff;margin:0 30px;height: 100%;display: block;float: left  }
.navbox ul li .nav{;height: 100%;display: block; float: left }

.navbox ul li a:hover{/*background-color: #ffffff;*/color: #333333;  }
.logo img{ height: 60px;margin-left: 20px}
.bannerbox{width: 100%; margin-left: auto; margin-right: auto; position: relative; height: 250px; overflow: hidden}
.bannerbox .code{position: absolute; width: 960px; bottom:40px;right: 50%; margin-right: -480px}
.bannerbox .banner{width: 100%;min-width: 960px;}
.bannerbox .code img{width: 140px;float: right}

.content{padding-top: 10px;margin: 0}
.new{width: 60%;margin-right:0%; float: left }
.content .tittle{color: #ffffff; font-size: 16px; font-weight: 600; width: 100%}
/*.content .tittle a{color:#23ac38; font-size: 24px; font-weight: 600}
.content .tittle a:hover{color:red; font-size: 24px; font-weight: 600}*/
.more{color: #ffffff; font-size: 14px;float: right}
.more:hover{color: #187626;}
.mainnew{display: block; float: left; width: 100%}
.mainnew1{display: block; float: left; width: 100%}


.newimg{width: 25%;display: block;float: left; }
.newimg1{width: 25%;display: block;float: left; }
.tittle1{float: right; width: 70%;}
.tittle11{float: right; width: 70%;line-height: 22px; letter-spacing: 2px;margin-top: 10px}

.tittle1 h3{letter-spacing: 1px;margin: 0;padding: 0px; font-weight: 600; font-size: 16px;color:#23ac38}

.tittle1 .h3:hover{color:#05832d ; width: 100%}
.tittle1 span{letter-spacing: 1px;margin-top: 10px;display:block;line-height: 22px;}




.conmunication{width: 39%;padding-left:1%; float: right; }
.content1{margin-left: 2px;  }
.content2{line-height: 30px; }
.content3{float: left;float: left}
.content4{; width:36%;float: left}
.new1{border-bottom: 1px solid #40cc55; padding-bottom: 5px; }
/*.new1 img{float: left; display: block  }*/
.new1 a,.new1,.new1 a span,{display: block;float: left}
.new1 a :hover{color: #05832d}
.new1 a  .span2{float: right; display: block }
/*.new1 a  .span1{float: left}*/

.new1{line-height:22px}
.content4 img{width: 100%;padding: 5px; border: 1px solid #eeeeee; margin-top: 10px}

.left{width: 1%;margin-top: 80px;display: block; float:left;padding-left: 1% }
.right{width: 1%;margin-top: 80px;display: block; float:left;padding-right: 1% }
.product{width:48%; margin: 0 1%;float: left;; margin-bottom: 5px; }
.box{width:68%; margin: 0 1%;float:left; margin-bottom: 10px;padding-bottom:10px }
.product img{width: 35%;display: block;float: left}
.products1{float: left; border: 1px solid #23ac38 ;width: 100%;padding-bottom: 10px;border-top: none}

.footer{margin-top: 20px; background-color: #a3f7b2; border-top:3px solid #23ac38;
    background-image: -moz-linear-gradient( 90deg, rgb(228,228,228) 0%, rgb(255,255,255) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(228,228,228) 0%, rgb(255,255,255) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(228,228,228) 0%, rgb(255,255,255) 99%);

}


.footer a {display: block; text-align: center; line-height: 20px; margin: 0px; padding: 0px}
.footer p {display: block; text-align: center; line-height: 20px; margin: 0px; padding: 0px}
.detail{float: right; width:63%; margin-left: 2% }
.name a{font-size: 16px; line-height: 22px;margin-bottom: 10px; font-weight: 600;color:#23ac38;display: block}
.name a:hover{color:#05832d}
.bg-bo{background-color:#40cc55; padding: 5px 10px 5px 10px; border: 1px solid #23ac38; color: #ffffff;font-size: 16px }
.bo{border: 1px solid #23ac38; padding: 10px 10px 10px 10px;border-top: none; background-color: #ffffff; }

.mainbox{background-color: #ffffff; border: 1px solid #eeeeee  ;width: 1014px; margin-left: auto; margin-right: auto; margin-top: 0;}
.navigate
{
    border:1px solid #23ac38;
    padding:5px;
    text-indent:10px;
    margin-top: 10px;
}
.mainside
{
    float:left;
    width:25%;
}

.mainbody
{
    float:right;
    width:70%;
    min-height: 500px;
}

#content h1,
#category h2
{

    font-size:12px;
    font-weight:bold;
    color:#23ac38;
    line-height:26px;

    border-bottom:3px #23ac38 solid;


}
.fr{text-align: right;}
.a:hover{color:#05832d}
.pager{float: left; width: 100%}
.clear{height: 10px}
.email li{margin-top: 10px}
.email li input{width: 150px}
.email li .button{width: 80px}
.comboxb h2{font-size: 16px;}
.banner{background-size:100% }

.slideBox{position:relative;height:275px;}
.slideBox .hd{text-align:center;position:absolute;bottom: 5px;width:100%;z-index:999;}
.slideBox .hd a{padding:6px;background:#eee;background:rgba(221, 221, 221, 0.7);border-radius:10px;display: inline-block;margin:5px;cursor:pointer;}
.slideBox .hd a.on{background:#fff;}
.slideBox .bd li{height:275px; background-position:50% 0;}
.slideBox .bd a{display:block;width:100%;height:100%;}
.slideBox .bd_title{position: absolute;bottom: 0px;text-align: center;width: 100%;background-color: #999;height: 30px;line-height: 30px;opacity: .7;color: #fff;}

/*
.combox h1{font-size: 16px}*/
