html,body{font-family: 'KaiTi'!important;}
body {
    background: linear-gradient(to top,#dbeebc 20%,#fff 100%);
}
*,*::before,*::after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.container{width:84%;}
/*------------------nav----------------------*/
.container-fluid{background-color: #dbeebc;height:8em!important;}
button.navbar-toggle{
    background-color:#c1d600;
}
button.navbar-toggle .icon-bar{background-color:white;}
.navbar-collapse{
    margin-top:1.8em!important;
    font-size:1.6em;
    margin-right:3em!important;
}
.navbar-collapse ul li{text-align: center;}
.navbar-collapse ul li a{color:#006834;}
.navbar-collapse ul li a:hover{background-color:#dbeebc;}
.navbar-brand > img{margin-left: 5em!important;}
.dropdown-menu > li > a{color:#006834;font-size: 1.3em;}

/*-------------------content------------------*/
.content{
    margin-top:9em;
    overflow: hidden;
    height:88em;
}
.content ul#tab{
    width:150px;
    float:left;
}
.content ul#tab li{
    height:2em;
    line-height: 2em;
    margin-top:1rem;
    text-align: center;
    color:#fff;
    background-color:#79957f;
    font-size: 1.5em;
    cursor:pointer;
}
.content #tab li.active{
         color:#000;
         background-color:#5cb85c;
         font-weight: 800;
     }
.content #tab_content{
    width:960px;
    height:120em;
    float:right;
    position: relative;
}
.content #tab_content .sale{
    position: absolute;
    top:0;right:0;bottom:0;left:0;
    opacity: 0;
}
.content #tab_content .init{opacity: 1;}
.content #tab_content .sale ul.product li {
    width: 225px;
    height: 280px;
    z-index: 2;
    float: left;
    margin: 14px 0 14px 14px;
    background-color: #e3f1cb;
    position: relative;
}
.content #tab_content ul.product li .pic{
    height:200px;
    width:200px;
    margin:10px 12px;
    transform:scale(1);
    transition:all 400ms ease-in ;
    -moz-transform: scale(1);
    -moz-transition: all 400ms ease-in;
    -webkit-transform: scale(1);
    -webkit-transition:all 400ms ease-in;
    -ms-transform:scale(1);
    -ms-transition:all 400ms ease-in;
}
.content #tab_content ul.product li .pic:hover{
    transform:scale(0.8);
    opacity: 0.8;
    transition:all 400ms ease-in ;
    -moz-transform: scale(0.8);
    -moz-transition: all 400ms ease-in;
    -webkit-transform: scale(0.8);
    -webkit-transition:all 400ms ease-in;
    -ms-transform:scale(0.8);
    -ms-transition:all 400ms ease-in;
}
.content #tab_content ul.product li a p{
    text-align: center;
    font-size: 15px;
    color:#006834;
}
.content #tab_content ul.product li a p:hover{
    text-decoration: underline;
    color:#fff;
}

/*------------------------footer---------------------*/
.footer{
    margin:0 auto;
}
.footer .logo{
    width:17%;
    margin-top:1em;
    float:left;
}
.footer .logo img.footer_logo{display: block;}
.footer .logo span{
    color:#006834;
    font-size: 1.5em;
    cursor: pointer;
}
.footer .center{
    width:71%;
    float:left;
    margin-top:2em;
}
.footer .center ul li{
    float:left;
    width:20%;
    text-align: center;
}
.footer .center ul li h3{
    font-size: 1.3em;
    color:#006834;
}
.footer .center ul li p a{
    font-size: 1em;
    color:#006834;
}
.footer .center ul li p a:hover{
    text-decoration: underline;
}
.footer .erweima{
    margin-top:1em;
    width:12%;
    float:right;
}