﻿@charset "utf-8";
/* CSS Document */
/*公共样式*/
/* CSS Document */
*{margin: 0; padding: 0;}
li{list-style: none;}
html,body,div,nav,ul,li,img,input,form,p{margin:0;padding:0;}
body{overflow-x:scroll;font-family:'Microsoft Yahei';font-size:14px;background:#fff;color:#000;}
.clearfix:after {content: "";display: block;height: 0;line-height:0;clear: both;visibility: hidden;}/*清除浮动*/
.clearfix {zoom: 1; /*兼容ie6*/}
.fl{float: left;}.fr{float: right;}
a{text-decoration: none;color: #666;}
.clear{clear: both;}

/*------top--------*/
.top_b {
    width: 1200px;
    
    margin: 10px auto;
}

.Top_nav {
    height: 30px;
    width: 100%;
    background: #f9f9f9;
    border-bottom: 1px solid #e9e8e8;
    border-top: 1px solid #e9e8e8;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
}

    .Top_nav h1 {
        font-size: 14px;
        float: left;
        font-weight: normal
    }

    .Top_nav p {
        float: left;
    }

    .Top_nav .left span {
        padding-left: 20px;
    }

        .Top_nav .left span, .Top_nav .left span a {
            color: #333 !important;
            font-weight: bold;
        }

    .Top_nav .left {
        float: left;
        margin-left: 25px;
        display: inline;
    }

    .Top_nav .right {
        float: right;
        margin-right: 25px;
        display: inline;
    }

#top5 {
    line-height: 24px;
    margin-left: 5px;
    float: left;
    display: inline;
}

#top6 {
    margin-top: 0px;
    float: left;
    margin-left: 5px;
}

.topLogin {
    height: 17px;
    width: 70px;
    line-height: 19px;
    overflow: hidden;
    border: 1px solid #E8E6E8;
    color: #333;
}
/*------logo位置--------*/
/*.logo{padding:20px 0 14px; width:1200px; }
.logo h2{ float:left; margin-right:85px;}
.sousuo{ float:left;width:540px; padding-top:10px}
.search .search_txt{ float:left; width:419px;height:34px; border:2px solid #0fab2c;float:left; color:#c5c5c5; text-indent:5px; line-height:34px}
.search .search_button{float:left; width:90px; height:40px;border:0;margin-top:0px; background:url(/Images/tuijian/search.jpg) no-repeat;}
.resou{float:left;width:520px; padding-top:5px;font-family:"宋体";}
.dh{ width:205px;height:50px; float:left; margin-left:70px; background:url(/Images/tuijian/dh.jpg) no-repeat;margin-top:10px;}
.dh p{ font-family:Georgia; font-size:22px; color:#e60012; float:right; text-align:right; display:inline; margin:20px 0px 0 0;}
.tiwen{ float: right;; padding-top:10px;}
.tiwen a:hover{ color:#F00;}
.tui{  width: 300px; margin-left: 18px; float: right; height:60px; margin-top: -15px; }
.tui li{  float: right; width: 120px; text-align: center; margin-left:5px; padding: 5px 10px; display: block; margin-top:5px;}
.bj{ background: #d7d7d7 no-repeat  10px  ;height: 20px; line-height: 20px; }
.bj01{ background: #d7d7d7 no-repeat 10px;height: 20px; line-height: 20px; }
.bj a{ color: #0fab2c}
.bj01 a{color: #0fab2c}
.ac a{ color:#666;}
.ac a:hover{ color:#F00;}*/

.container-fluid {
    width: 1200px;
    padding-bottom: 15px;
    margin: 0 auto;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.logo a, .logo span {
    display: block;
}

.logo-pic {
    width: 279px;
    height: 60px;
    margin: 10px 10px 15px -40px;
}

.logo-line {
    position: relative;
    width: 1px;
    height: 58px;
    margin: 20px 18px 0 18px;
    background-color: #cbcbcb;
}

    .logo-line::before {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        height: 16px;
        background: linear-gradient(to top, #cbcbcb,#fff);
    }

    .logo-line::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 1px;
        height: 16px;
        background: linear-gradient(to top,#fff, #cbcbcb);
    }

.classify {
    display: block;
    margin-top: 20px;
    font-size: 22px;
    color: #18b202;
    line-height: 58px;
    font-weight: bold;
}

.search {
    margin-right: 150px;
}

.search2 {
    margin-right: 70px;
}

.searchbox {
    position: relative;
    width: 464px;
    height: 42px;
    margin: 15px 0 10px 0;
    line-height: 42px;
    border: 2px solid #18b202;
}

.search-select {
    height: 38px;
    line-height: 38px;
    width: 70px;
    overflow: hidden;
    color: #666;
    position: absolute;
    left: -2px;
    border-right: 1px solid #ececec;
    padding-left: 8px;
    border-left: 2px solid #009a46;
}

    .search-select > i {
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
        width: 10px;
        height: 6px;
        margin-top: 16px;
        background: url("../images/jiage/icon-bottom.png") no-repeat center;
    }

    .search-select ul li {
        width: 40px;
        text-align: center;
        cursor: pointer;
    }

    .search-select:hover {
        height: 228px;
        border-bottom: 2px solid #009a46;
        background: #fff;
        border-top: 0;
        border-right: none;
        z-index: 500;
    }

        .search-select:hover ul li {
            width: 100%;
            padding-left: 8px;
            border-right: 2px solid #009a46;
            text-align: left;
            box-sizing: border-box;
        }

            .search-select:hover ul li:first-child {
                border-right: none;
            }

.searchbox .iconfont {
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 0;
    margin-top: 16px;
}

.searchtext {
    width: 310px;
    margin-left: 84px;
    height: 38px;
    border: none;
    outline: none;
    padding-left: 5px;
    font-family: "microsoft yahei";
}

.searchbtn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px;
    background: #18b202;
    color: #fff;
    height: 42px;
    border: none;
    outline: none;
    cursor: pointer;
}

    .searchbtn:active {
        background: #c00;
    }

.searchgjc {
    width: 470px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
}

    .searchgjc > span {
        color: #666;
    }

    .searchgjc > ul {
        width: 400px;
        height: 16px;
    }

    .searchgjc a {
        display: inline-block;
        margin-right: 10px;
        color: #333;
    }

.agent {
    width: 90px;
    height: 42px;
    margin: 25px 75px 0 0;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    background-color: #535353;
    cursor: pointer;
}

.contact {
    width: 180px;
    height: 60px;
    margin-top: 15px;
    background: #eee;
    border: 1px solid #dcdcdc;
}

.icon-phone {
    display: block;
    width: 28px;
    height: 32px;
    margin: 13px 13px 0;
    background: url("../images/jiage/icon-phone2.png") no-repeat center;
    background-size: cover;
}

.contact > p {
    margin-top: 4px;
    color: #3f3f3f;
    font-size: 14px;
    line-height: 24px;
}

    .contact > p > span {
        color: #009a44;
        font-weight: bold;
    }

.tac {
    text-align: center;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
/*top3*/
.top3dh1 {
    background: url(../images/jiage/top-bj.jpg);
    height: 53px;
}

.top3dh {
    width: 1200px;
    height: 53px;
    margin-top: 5px;
    margin: 0 auto;
}

.top3dhl {
    width: 444px;
    height: 53px;
    background: url(../images/jiage/btbj.jpg) no-repeat;
    float: left;
    padding: 0 4px;
}

.top3dhsy {
    width: 84px;
    height: 53px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
}

.top3dhlli {
    width: 116px;
    height: 53px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
    position: relative;
}

.nav-hot {
    position: absolute;
    z-index: 99;
    display: block;
    top: 5px;
    right: -6px;
    width: 30px;
    height: 16px;
}

.posr, .vertical-center, .vertical-center li, .member-pro-name {
    position: relative;
}

.posa {
    position: absolute;
}

.vertical-center img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    transform: translate(-50%,-50%);
}

.posa1 {
    top: 3px;
    right: -30px;
}

.top3dhlli a, .top3dhr a, .top3dhsy a {
    color: #FFF
}

    .top3dhlli a:hover, .top3dhr a:hover, .top3dhsy a:hover {
        color: #FF0;
        text-decoration: none;
    }

.top3dhr {
    width: 748px;
    height: 45px;
    margin: 4px 0;
    float: left;
}

    .top3dhr li {
        width: auto;
        height: 45px;
        margin: 0 18px;
        line-height: 45px;
        text-align: center;
        color: #fff;
        float: left;
        font-size: 16px;
    }

    .top3dhr div {
        width: 1px;
        height: 100%;
        float: left;
        background: #fff;
        opacity: 0.5;
    }

.top3dhb {
    width: 1200px;
    height: 34px;
    margin: 0 auto;
}

.top3dhb1 {
    height: 14px;
    float: left;
    margin: 12px 0 0 0;
    padding: 0 16px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    color: #000;
}

.top3dhb2 {
    height: 14px;
    float: left;
    margin: 12px 0;
    padding: 0 13px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    color: #000;
    border-left: 1px solid #d5d5d5;
}
/*------导航--------*/
.Topmenu {
    width: 100%;
    height: 49px;
    background: url(images/jiage/line.jpg);
    overflow: hidden;
}

.menu {
    width: 1200px;
    line-height: 49px;
}

    .menu li {
        float: left;
        font-size: 18px;
        padding: 0 9.5px;
        line-height: 44px;
        padding-top: 5px;
    }

        .menu li a {
            color: #fff;
        }

.fl_title {
    float: left;
    background: #006713;
    width: 100px;
    height: 49px;
    text-align: center;
    margin-right: 20px
}

    .fl_title span {
        color: #FFF;
        font-size: 16px;
        line-height: 45px;
        background: url(/images/jiage/tuijian/topbk.jpg) right no-repeat;
        padding-right: 20px;
    }

/*百科分类导航*/
.Topdh {
    width: 1200px;
    margin: 10px auto;
    line-height: 32px;
    font-size: 16px;
    height: 30px;
    background: url(../images/jiage/dh.png) no-repeat 8px 8px;
    background-color: #eeeeee;
}

    .Topdh .dhtwo {
        padding-left: 60px;
    }

.dhtwo li {
    width: auto;
    margin: 0 8px;
    float: left
}




/*分类和推荐*/
.Topfenlei{width: 1200px; height:360px;overflow:hidden;margin: 0 auto;padding-top: 15px;}
.Topfenlei .left{background:#fff;width:200px;height:360px;letter-spacing:1px;border:solid 1px #dadada;overflow:hidden;border-top:none;float: left;}
.Topfenlei .left .biao{background:url(/images/jiage/ding.png) no-repeat 20px 11px #fafafa;height:40px;line-height:40px;text-indent:35px;width:200px;font-size:18px;font-weight:bold;border-bottom:dashed 1px #dadada;border-top:solid 2px #19c412;color:#19c412;}
.biao span{margin-left: 10px;}
.Topfenlei .left ul{clear:both;padding:0px 10px 0 10px;}
.Topfenlei .left li{height:31px;line-height:31px;border-bottom:solid 1px #efefef;text-indent:25px;background:url(/images/jiage/dian.png) no-repeat 12px 14px;padding:2px 0;}
.Topfenlei .left li a:hover{font-size:15px;}
.Topfenlei .right{width:240px;height:360px; float:right; overflow:hidden;background:#fffdeb;}
.Topfenlei .center{width:560px;overflow:hidden;float:left;margin-left:10px;display:inline;background:#fff;}
.Topfenlei .center_right{width: 160px;margin-left: 10px;}
.center_right .ldPic{position: relative;display: block;}
.ldPic img{display: block;}
.ldPic p {width: 160px; background: rgba(128, 34, 34, 0.16);color: #ffffff;height: 14px;font-size: 12px;line-height: 14px;position: absolute;bottom: 0;left: 0;width: 94%;padding: 0 3%;overflow: hidden;}

.Rtitle{line-height:31px;height:31px;font-weight:bold;width:300px;}
.Rtitle1{float:left;background:#eaeaea;font-weight:bold;width:121px;text-align:center;margin-right:3px;display:inline;cursor:pointer;}
.Rtitle2{float:left;background:#19c412;font-weight:bold;width:121px;text-align:center;margin-right:3px;display:inline;cursor:pointer;color:#fff;}
.Newsbox{padding:8px 10px;}
.Newsbox1{padding:5px 10px;background:url(/images/jiage/jiage_ph.jpg)no-repeat 11px 16px;}
.Newsbox li {
    background: url(/images/jiage/dot.gif) no-repeat 0px 12px;
    line-height: 27px;
    height: 27px;
    text-indent: 10px;
    overflow: hidden;
}
.Newsbox1 li{line-height:31px;height:31px;text-indent:20px;overflow:hidden;}
.Newsbox li span{font-size:12px;color:#838383;float:right;}
.Newsbox li span a,.Intitle span a{color:#838383;}



/*<!-- 焦点 -->*/
.big_box{position:relative;width:560px;height:360px;overflow:hidden;font:12px/1.5 Verdana,Geneva,sans-serif;display: block;}
.big_box img{width: 100%;display: block;}
/*.big_box input{width: 20px;height: 50px;background: #424242;border: 0;position: absolute;top: calc(50% - 25px);}*/
.big_box ul{position: absolute;bottom: 10px;width: 120px;left: calc(50% - 60px);}
.big_box li{width: 10px;height: 10px;border-radius: 50%;float: left;background: #666;margin: 10px;}

.center_right {width: 140px;height: 360px;float: left;}



/*<!-- 9大分类 -->*/
.MFenlei{width:1200px;margin: 20px auto auto auto;}
.MFenlei .MFbox{width:380px;margin-top: 20px;}
.MFbox{float:left;display:inline;border:solid 1px #dadada;background:#fff;border-top:none;}
.MFtitle{height:40px;line-height:40px;border-top:solid 2px #19c412;border-bottom:solid 1px #dadada;background:url(../Images/dot2.jpg) no-repeat 9px 7px;text-indent:18px;}
.MFtitle img{margin-left: 10px;}
.MFtitle h2{font-size:18px;}
.MFbox .Tuijian{border-bottom:dashed 1px #cacaca;padding-bottom:12px;margin-bottom:3px;}
.MFbox .Tuijian .left{float:left;margin-right: 10px;padding-top:10px;}
.MFbox .Tuijian .right{width:360px;height: 100px; line-height:21px;}
.MFbox .Tuijian .right em{font-weight:600;font-style:normal;font-size:16px;line-height:25px;display:block;height:23px;padding-bottom:3px;overflow:hidden;}
.MFbox .Tuijian .right p{ color:#838383;font-size:13px;height:80px;overflow:hidden;line-height:25px;}
.MFbox .Tuijian .left img{border:solid 1px #dadada; }
.MFbox1{float:left;display:inline;border:solid 1px #dadada;background:#fff;border-top:none;margin: 0px 25px;width: 380px;margin-top: 20px;}
.MFbox1 .Tuijian{border-bottom:dashed 1px #cacaca;padding-bottom:12px;margin-bottom:3px;}
.MFbox1 .Tuijian .left{float:left;margin-right: 10px;padding-top:10px;}
.MFbox1 .Tuijian .right{width:360px;height: 100px; line-height:21px;}
.MFbox1 .Tuijian .right em{font-weight:600;font-style:normal;font-size:16px;line-height:25px;display:block;height:23px;padding-bottom:3px;overflow:hidden;}
.MFbox1 .Tuijian .right p{ color:#838383;font-size:13px;height:80px;overflow:hidden;line-height:25px;}
.MFbox1 .Tuijian .left img{border:solid 1px #dadada;}
.MFtitle h2{float: left;}
.MFtitle .tubiao{float: left;margin-top: 4px;}


.ttgg01{width: 1200px; margin: 20px auto 0 auto;}
.ttgg01 a{width: 580px; float: left;}
.ttgg01 a:nth-child(2){margin-left: 40px;}

.ttgg02{width: 1200px; margin: 0 auto;}


/*名优食品*/
.MYbox{width: 1200px;margin: 30px auto auto auto;}
.MYbox .MYtitle{width: 1180px;height: 40px;line-height: 40px; border-top:solid 2px #0fab2c;border-bottom:solid 1px #dadada;float:left;}
.MYtitle h2{float: left;margin-left: 20px;font-size:18px;}
.MYtitle .gengduo{float:right;margin-right: 20px;}
.Mingyou li{width: 216px;height: 158px;margin: 10px;float:left;}
.Mingyou .ldPic{position: relative;display: block;}
.ldPic img{display: block;}
.ldPic p {width: 216px; background: rgba(128, 34, 34, 0.17);color: #ffffff;height: 40px;font-size: 16px;line-height: 40px;position: absolute;bottom: 0;left: 0;width: 94%;padding: 0 3%;overflow: hidden;}



.MPifa{width: 1200px;margin: 20px auto auto auto; padding-bottom:20px;}
.MPifa h2{float: left;}
.MPifa .gengduo{float:right;margin-right: 20px;}
.MPifa li{width:80px;float:left;display:inline;background:none;text-indent:0;text-align:center;margin:10px 20px 10px auto;overflow:hidden;}
.guanggao{float: left; margin-left: 40px;width: 360px;}



#footer {
    border-top: 2px solid #91d29c;
    background: #fff;
    margin-top: 5px;
    font-size: 12px;
    color: #333;
}

    #footer a {
        color: #333;
    }

    #footer .footerCont {
        width: 950px;
        margin: 0 auto;
        text-align: center;
        line-height: 22px;
    }

        #footer .footerCont p {
            border-bottom: 1px dashed #ccc;
            padding: 5px 0;
            margin-bottom: 10px;
        }

        #footer .footerCont .font_B {
            overflow: hidden;
        }

            #footer .footerCont .font_B font a {
                color: #17a100;
                font-size: 12px;
                font-weight: bold;
            }

    #footer a:hover {
        color: #f00;
    }


