@charset "gb2312";
/* CSS Document */
*{margin:0 auto;padding:0;list-style:none;}
body{background:#fff;color:#666666;font-family:"微软雅黑","Arial","宋体"; font-size:12px;}
img{border:0px;}
a{color:#666666; text-decoration:none;}
a:hover{ color:#f00;}
.left{ float:left;}
.right{ float:right;}
.clear{clear:both; height: 0; line-height: 0; font-size: 0}

#main{width:1200px; margin:0 auto;}

/*------top--------*/
.top_b{ width:1200px;; margin:10px auto;}
.Top_nav{ height:30px; width:1200px; 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("../newimages/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("../newimages/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(../newimages/top-bj.jpg);  height:53px;}
.top3dh{ width:1200px; height:53px; margin-top:5px; margin:0 auto;}
.top3dhl{ width:444px; height:53px; background:url(../newimages/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(newimages/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(/newimages/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(../newimages/dh.png) no-repeat 8px 8px ; background-color:#eeeeee;}
.Topdh .dhtwo {
    padding-left: 60px;
}
.dhtwo li {
    width: auto;
    margin: 0 8px;
    float: left
}


.wrapper {
    width: 1200px;
    margin: auto;
    margin-top: 15px;
    overflow: hidden
}
.leftbox{width:910px;margin:auto; float:left;}



/*---------首页轮转图----------*/
#focus1{width:280px;height:340px;overflow:hidden;position:relative; float:left;margin-right:14px; }
#focus ul{height:340px;position:absolute;}
#focus ul li{float:left;width:280px;height:340px;overflow:hidden;position:relative;}
#focus ul li img{width:280px;height:340px;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btnBg{position:absolute;width:280px;height:20px;left:0;bottom:0;background:#666;}
#focus .btn{position:absolute;width:280px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;}


.focus{position:relative;width:280px;height:340px;background-color:#000;}  
.focus img{width:280px;height:340px;} 
.focus .shadow .title{width:280px;height:30px;}
.focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;}
.focus .btn{position:absolute;bottom:5px;left:10px;overflow:hidden;zoom:1;} 
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;}  
.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;}  
.focus .fPic{position:absolute;left:0px;top:0px;}  
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}
    .focus .shadow {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0px;
        z-index: 10;
        height: 30px;
        line-height: 30px;
        background: #666;
        filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;
        display: block;
        opacity: 0.5;
        text-align: left;
    }  
.focus .shadow a{text-decoration:none;color:#fff;font-size:12px;overflow:hidden;margin-left:10px;}  
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000  }  
.focus .fcon img{display:block;}  
.focus .fbg{bottom:15px;right:30px;position:absolute;height:12px;text-align:center;z-index:200;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
    .focus .D1fBt a {
        position: relative;
        display: inline-block;
        _display: inline;
        _zoom: 1;
        width: 25px;
        height: 10px;
        _font-size: 0;
        margin-left: 10px;
        cursor: pointer;
        background: #fff;
    }
        .focus .D1fBt .current, .focus .D1fBt a:hover {
            background: #fff;
            opacity: 0.4;
        }    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal;}
    .focus .prev, .focus .next {
        position: absolute;
        width: 40px;
        height: 74px;
        background: url(../images/HB_show/focus_btn.png) no-repeat;
        display: none;
    }
.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focus .prev:hover{background-position:0 0;}  
.focus .next:hover{background-position:-40px 0;}  

/*---------首页排行榜----------*/
.ranking{ width:290px;float:right; background:#f5f5f5}
.ranking .title{height:35px;line-height:35px;padding:0 10px; background:#0fab2c}
.ranking .title h3{float:left;font-size:16px;font-weight:normal;color:#fff}
.ranking .title span{float:right;font-size:14px;}
.ranking .title a{color:#fff;}
    .ranking ul {
        background: url(../newimages/ph.jpg) no-repeat 15px 9px;
        padding: 5px 10px 0px 13px;
    }
.ranking ul li{margin-left:22px;height:30px;line-height:32px; font-size:14px;}

/*---------推荐新闻----------*/
.recommend{float:left;width:590px;padding:0px 10px 0px 5px; overflow:hidden;}

    .recommend .upArea:nth-child(2) {
        padding: 18px 0;
    }
    .upArea {
        background: #fafafa;
    }
.upArea h2 { padding:10px 0 5px 10px; font-size:16px;}
.upArea h2 a{  font-size:16px;}
.pic{ float:right;} 
.upNews { height:28px; line-height:28px;}
.upNews p { font-size:14px; line-height:24px; padding-left:10px;}


/*---------食品百科----------*/

/*百科分类资讯*/
.spbaike{  background:url(../newimages/sp.png) no-repeat 0px 3px;}
.ylbaike {
    background: url(../newimages/sp1.png) no-repeat 0px 1px;
}
.scbaike {
    background: url(../newimages/sp2.png) no-repeat 0px 1px;
}
.shipubaike {
    background: url(../newimages/sp3.png) no-repeat 0px 1px;
}
.ysjkbaike {
    background: url(../newimages/sp4.png) no-repeat 0px 1px;
}
.wenhuabaike {
    background: url(../newimages/sp5.png) no-repeat 0px 1px;
}
.xiaochibaike {
    background: url(../newimages/sp6.png) no-repeat 0px 1px;
}
.qitabaike {
    background: url(../newimages/sp7.png) no-repeat 0px 1px;
}

.news{ float: left;width:892px;height:auto;margin:0 auto; font-size:18px; color:#0fab2c; height:30px; border-bottom:1px solid #0fab2c; margin-top: 25px;}
.news .fl{ margin-left:30px;}
.news span{ float:right;}
.tuwen{ width:280px; float:left; margin-top:20px;}
.tuwen h2{ font-size:16px; color:#666666; margin-top:15px;}
.tuwen p{ font-size:14px; color:#666666; margin-top:10px; line-height:22px;}

.bkright{ width:610px; float:right}
.wenzi { float:left; margin:20px 10px 0 0; width:584px; border-bottom:1px dashed #e6e6e6; padding-bottom:16px;}
.wenzi img{ border-right:2px solid #666666;}
.rwenzi h2{font-size:16px; color:#666666; }
.rwenzi p{font-size:14px; color:#666666; margin-top:5px;}
.rwenzi{ width:475px; overflow:hidden; float:left; margin-left:15px;}
.picw{ width:77px;float:left;}



.downArea ul li span{float:right}

.downArea ul {margin-top:12px;}
.downArea{ overflow: hidden; float: right;}
.downArea li{float:left; width:285px; margin-right: 10px ; display:inline;line-height:24px;text-indent:10px;height:24px;overflow:hidden;}
.downArea li a{font-size:14px; }


/*百科底部双分*/
.dbnewsbox{ width:1200px; margin:0 auto;}
.baikereci {
    background: url(../newimages/sp8.png) no-repeat 0px 1px;
}
.resouchanpin {
    background: url(../newimages/sp9.png) no-repeat 0px 1px;
}
.dbnews{ float: left;width:590px;height:auto;margin:0 auto; font-size:18px; color:#0fab2c;  height:30px; border-bottom:1px solid #0fab2c; margin-top: 30px; }
.dbnews .fl{ margin-left:30px;}
.dbnews span{ float:right;}
.dbnewsb { float:left; width:590px;}
.dbnewsb .cptg{ overflow: hidden; float: right;}
.dbnewsb  ul{ overflow:hidden;width:590px; margin-top:20px; margin-left:-8px; }

.dbnewsb  li{ float: left;line-height:34px;height:34px; width:58px;background:#e9e9e9; margin:0px 7px 7px 0;text-align:center;list-style:none;}
.dbnewsb .cptg li a{ color:#666; font-size:14px; text-align:center;}
.dbnewsb .cptg li a:hover{ color:#F00;}
.qiehuan{ width:587px; text-align:center;background:#0fab2c;}
.qiehuan a{ color:#fff; font-size:14px; line-height:28px; }



.dbnewsb .cptg1 li a {
    color: #666;
    font-size: 14px;
    text-align: center;
}

    .dbnewsb .cptg1 li a:hover {
        color: #F00;
    }
/*---------友情链接----------*/

.yqlj {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    font-size: 18px;
    color: #0fab2c;
    background: url(../newimages/sp12.png) no-repeat 0px 1px;
    height: 30px;
    border-bottom: 1px solid #0fab2c;
    margin-top: 30px;
    margin-bottom: 80px;
}
.yqlj .fl{ margin-left:30px;}
.yqlj span{ float:right; font-size:12px; color:#666666;}
.yl{  font-size:12px; color:#666666; margin-top:20px; line-height:20px;}


/*新品招商*/

.xpzs {
    float: left;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    font-size: 18px;
    color: #0fab2c;
    background: url(../newimages/sp11.png) no-repeat 0px 1px;
    height: 30px;
    border-bottom: 1px solid #0fab2c;
    margin-top: 30px;
}
.xpzs .fl{ margin-left:30px; float:left;}
.fenlei { float:right}
.fenlei li { float:left; width:111px; height:30px; margin-left:10px; background:#e9e9e9;  text-align:center; line-height:30px;display:block }
.fenlei li  a{ color:#666666; font-size:16px;}


/*.fenlei li a:hover{ color:#f00;} */




.nongyao { width:1200px; overflow:hidden;margin-top:20px;}
.nongyao ul{ width:1250px;}
.nongyao ul li{ float:left; margin:12px 12px 0 0; display:inline; width:161px; padding-bottom:3px;background:#f3f3f3;width:161px; overflow:hidden;position: relative;white-space: nowrap;}
.nongyao ul li img{  border-bottom:1px #eaeaea dashed}
.nongyao ul li h2{ text-align:center; line-height:18px; color:#666666;  font-family:"宋体"; font-size:13px; margin-top:8px; }
.nongyao ul li p{ text-align:center; line-height:18px;  font-family:"宋体"; font-size:12px; position: relative;overflow: hidden; }



.two-title{z-index:9;width: 100%;height:155px;text-align: center;background:#fff;font-size: 14px;color:#fff;position: absolute; top: 210px;left: 0;box-sizing: border-box;display:none;}
    .two-title span {
        display: inline-block;
        width: 100%;
        height: 161px;
        background: #0fab2c;
        line-height: 34px;
        border-radius: 2px;
        top: 210px;
    }

        .two-title span a {
           color:#fff;
        }
            .two-title span a:hover {
          
            color: #fff;
        }
        .nongyao li:hover .two-title {
            top: 163px;
            transition: top 1s;
            display: block;
            background: #fff;
            opacity: 1;
            /*padding: 5px 0;*/
        }


body:hover .two-title {
    top: 5px;
    transition: top .5s;
}




/*---------右边调取----------*/

.remen{ width:290px;float:right; background:#f5f5f5; padding-top:29.5px;}
.remen .title{ background:url(../newimages/tjdh.png) no-repeat 0px 2px; margin-left:20px;}
.remen  span{ font-size:10px; font-weight:bold; color:#666666;}
.remen .title a{font-size:16px;font-weight:bold;color:#0fab2c; margin-left:10px;}
.remen ul { margin-top:10px;}
.remen ul li{margin-left:22px;height:28px;line-height:29px; font-size:14px;}

.remen .cptg{ overflow: hidden; float: right;}
.remen .cptg li{ float: left;line-height:34px;height:34px;}
.remen .cptg li a{ color:#666;background:#e9e9e9;}
/*---------右边调取----------*/

.zhibo img{ margin-top:25px;}
.guanggao { padding-top:19px;}


#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;}