.icon { display: block; width: 30px; height: 40px; background: url(../images/menu-btn.png) no-repeat;}
.block-img { display: block; width: 100%;}
.inline-b { display: inline-block; vertical-align: middle;}
.tb-cell{ display: table-cell; vertical-align: top;}
.btn {display: block; text-align: center; background-color: #824e14; font-size: 22px; color: #fff;}
.back-btn {  width:308px; height: 74px; line-height: 74px; }
.more-btn { width:208px; height: 64px; line-height: 64px; }
.overflow2 { text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
* { margin: 0;padding: 0;-webkit-tap-highlight-color:transparent;}
body { font-size: 16px; color: #666;font-family:"SimSun";/*   text-size-adjust: none; */}
p { line-height: 30px;}
h1{ font-size: 30px; line-height: 42px;}
h2 { font-size: 26px; line-height: 40px;}
h3 { font-size: 22px; line-height: 40px;}
h4 { font-size: 18px; line-height: 40px;}
h6 { font-size: 16px;}
.mb { display: none;}

.header { background-color: #fff; position: fixed; z-index: 11; width: 100%; top: 0; -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;}
.header .header-box { position: relative;}
.header .navTop{ display: none; position: absolute;top:0;left:0;height: 3px;background: #995c17;transition-duration: .6s;}
.header.on { box-shadow: 0 0.3rem 0.75rem rgba(0,0,0,.1); }
.header .topbar-box {   float: right;     padding-right: 30px;}
.header .topbar-box li { display: block; float: left; transition: 0.2s all linear;   cursor: pointer;}
.header .topbar-box li .child {color:#333; font-size:22px; height: 112px; line-height: 112px; padding: 0 23px; display: block; position: relative;-webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s; font-weight:600;}
.header .topbar-box .item-current .child{color: #995c17}

.header .topbar-box li .child:before {
    -webkit-transition: .2s cubic-bezier(.57,.15,.13,.97) .1s;
    -moz-transition: .2s cubic-bezier(.57,.15,.13,.97) .1s;
    -o-transition: .2s cubic-bezier(.57,.15,.13,.97) .1s;
    -ms-transition: .2s cubic-bezier(.57,.15,.13,.97) .1s;
    transition: .2s cubic-bezier(.57,.15,.13,.97) .1s;
    background: #758e53;opacity: .3;
}
.header .topbar-box li .child:after {
    -webkit-transition: .2s cubic-bezier(.57,.15,.13,.97);
    -moz-transition: .2s cubic-bezier(.57,.15,.13,.97);
    -o-transition: .2s cubic-bezier(.57,.15,.13,.97);
    -ms-transition: .2s cubic-bezier(.57,.15,.13,.97);
    transition: .2s cubic-bezier(.57,.15,.13,.97);
    background-color: #995c17;
}
.header .topbar-box li .child:after, .header .topbar-box li .child:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    right: 0;
    height:2px;
}
.header .topbar-box li.item:not(.item-dropdown):hover .child:after, .header .topbar-box li.item:not(.item-dropdown):hover .child:before, .header .topbar-box li.item.item-current .child:before, .header .topbar-box li.item.item-current .child:after{
    left: 0;width: 100%;
}
.header .topbar-box li.item:hover .child:after, .header .topbar-box li.item:hover .child:before {
    left: 0;width: 0;
}


.header .topbar-box li.on a {color: #995c17;}
.header .topbar-box li.item-dropdown.on .child {     background-color: #995c17; color: #fff;    z-index: 2;   position: relative;}

.header .drowdown-box {display: none; line-height: inherit;  background-color: #f9f7f8; width: 100%; position: absolute; left: 0; z-index: 99; }
.header .drowdown-list { padding: 62px 0 0 62px; background-color: #fff; display: table-cell; vertical-align: middle;}
.header .drowdown-list .li-item {width: 33.3%; float: left; margin-bottom: 62px;}
.header .drowdown-list .li-item .li-item-img {width: inherit; height: inherit;}
.header .drowdown-list .li-item .pic-wrap .scale-img{ width: 194px; height: 134px;}
.header .drowdown-list .li-item .text-wrap { padding:0 30px;}
.header .drowdown-list .li-item .text-wrap .title-txt { font-size: 22px; color: #333;}
.header .drowdown-box .drown-label { width: 22%;font-size: 30px; text-align: center; background-color: #f9f7f8; display: table-cell; vertical-align: middle;}
.header .logo { float: left; margin-top: 8px; }

.header .logo img { height: 96px;    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;}
.header .menu-btn {z-index: 1; position: absolute; right: 3%; margin-right: -20px; top: 44px; width: 43px; height: 32px; background-size: 43px 32px;}




.wrapper:after,.header-box:after {
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    content: '';
    display: block;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0,0,0,.7);z-index: 1;
    /*opacity: 0;*/
}
.wrapper:after {top:200px;}
.header-box:after { position: absolute;}
body.on .wrapper:after { top:112px;}
body.overlay-show .wrapper:after {
    visibility: visible;z-index: 1;
   /* opacity: 1;*/
}
body.overlay-show .header-box {  background: rgba(0,0,0,.7);}
body.overlay-show .header-box  .topbar-box li .child{ color:#fff;}
/*nav-drownbox*/
.nav-drownbox{position:fixed;top:-1000px;left:0px;width:100%;background:#fff;z-index:99;border-bottom:1px solid #ddd;}
.nav-drownbox .container{width:1414px;padding:65px 0;overflow: hidden;}
.nav-drownbox .left{width:625px;float:left;}
.nav-drownbox .left .enTitle {display: block;    float: left;border-bottom:2px solid #333;color:#333333;font-size:36px;padding-bottom: 12px;}
.nav-drownbox .left .title{ clear: left; color:#444;line-height:84px;padding:20px 0 ;margin-bottom:20px;font-weight:100;font-size:60px;border-bottom:1px solid #d3d3d3;}
.nav-drownbox .left .footTitle{height:40px;line-height:40px;font-size:30px;color:#444;margin:24px 0 16px 0;}
.nav-drownbox .left .footTitle span{vertical-align:middle;}
.nav-drownbox .left .footTitle .titleB{font-family:'FujitsuSansBold';font-size:34px;margin-right:5px;}
.nav-drownbox .left .info{font-size:16px;color:#444;line-height:30px;}
.nav-drownbox .left .address-info p { letter-spacing: 3px;font-size:22px;line-height: 40px;}
.nav-drownbox .left .address-info span { display: table-cell;vertical-align: top;}
.nav-drownbox .left .address-info span.label { min-width: 90px;}
.nav-drownbox .share-box { margin-top: 15px;}
.nav-drownbox .bdshare-button-style0-32 a {width: 70px; height: 70px; background-color: #824e14;}
.nav-drownbox .bdshare-button-style0-32 .bds_span { display: inline-block;    overflow: hidden;}
.nav-drownbox .bdshare-button-style0-32 .bds_sqq { background-image: url(../images/qq-icon-w.png);    background-size: 54%;background-position:center;background-repeat: no-repeat; }
.nav-drownbox .bdshare-button-style0-32 .bds_weixin { background-image: url(../images/weixin-icon-w.png);    background-size: 58%;background-position:center;background-repeat: no-repeat;  }
.nav-drownbox .bdshare-button-style0-32 .bds_tsina { background-image: url(../images/weibo-icon-w.png);    background-size: 56%;background-position:center;background-repeat: no-repeat;  }


.nav-drownbox .right{width:738px;float:right; margin-top: 8px;}
.nav-drownbox .right .title{font-size:30px;color:#444;padding-bottom:28px;}
.form-box .control-label {font-size: 24px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    min-width: 110px;
    text-align: right;
    padding-right:30px;
}
.form-box .light-font { color: #f00; margin-right: 4px;}
.form-box .form-r {
    width: 580px;
    display: inline-block;
    vertical-align: middle;
}
.form-box  .form-group { margin-bottom: 24px;}
.form-box  .form-group.vd-top .form-r .form-control ,.form-box  .form-group.vd-top .control-label{ vertical-align: top;}
.form-box .form-r .form-control {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-color: #666666;border:1px solid #666666;
}
.form-box .form-r textarea.form-control { height: 260px;}
.form-box .form-r .btn { width: 230px; height: 56px; line-height: 56px;font-size: 24px; margin-top: 10px;}
.nav-drownbox #listCloseBtn{position:absolute;top:34px;right:34px;cursor:pointer;}



.banner-index .swiper-slide a { display: block; height: 100%;}
.pos-right { position: absolute; right: 3%;bottom: 0;margin-right: -18px;}
.video-box-show { height: 100%; position: fixed; z-index: 9999; top: 0; text-align: center;display: none;}
.video-box-show .table{ display: table;height: 100%;}
.video-box-show .table-cell {display: table-cell; vertical-align: middle; }
.video-box-show .video { position: relative;width: 68%; margin: auto;}
.video-box-show video {  width: 100%;}
.video-box-show .video .listCloseBtn {    width: 20px;position: absolute;    right: -26px; top: -18px;}
.video-box-show:after {z-index: -1; position: absolute;    top: 0; left: 0; display: block; content: ''; background-color: #000;opacity: .4; width: 100%; height: 100%;}
.banner.current:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; background: url(../images/sbg2.png);}
.banner-static-box { position: relative;}
.banner-static-box .banner-static { height: 582px;background-size: cover;  }

.banner-static-box .banner-static {     width: 85%; margin: initial;}
.banner-static-box .bdshare-button-style0-32 a { float: none;display: block;margin: auto; width: 36px; height: 36px; margin-bottom: 36px; background-size: 100%; }
.banner-static-box .bdshare-button-style0-32 .bds_span { display: block;    overflow: hidden;}
.banner-static-box .bdshare-button-style0-32 .bds_sqq { background-image: url(../images/qq-icon.png); background-position:center;background-repeat: no-repeat; }
.banner-static-box .bdshare-button-style0-32 .bds_tsina {width:42px; height: 36px; background-image: url(../images/weibo-icon.png);  background-position:center;background-repeat: no-repeat;  }
.banner-static-box .bdshare-button-style0-32 .bds_weixin {width:43px; height: 36px; background-image: url(../images/weixin-icon.png);  background-position:center;background-repeat: no-repeat;  }
.video-box { display: none; height: 290px;position: relative; margin-bottom: 80px;}
.video-box .video-icon {position: absolute; left: 50%; top:50%; margin-top: -35px; margin-left: -35px; z-index: 1; display: block; width: 70px; height: 70px; background-image: url(../images/video-icon.jpg); background-size: 100%;}
.video-box:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #289234;
}
.video-box:after {
    -moz-animation: scrollLine 2s ease-in-out infinite normal;
     -webkit-animation: scrollLine 2s ease-in-out infinite normal; 
     animation: scrollLine 2s ease-in-out infinite normal; 
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 0;
    background: #e5e5e5;
}
.index-page .video-box { display: block;}


.wrapper { padding-bottom: 75px; padding-top: 112px;}
.wrapper-title { padding: 20px 0; font-size: 48px; text-align: right;}
.index-page .wrapper { padding-top: 0;padding-bottom: 0;}
.about-page .wrapper { padding-bottom: 0;}
.tab-nav { padding-bottom: 40px;padding-top:20px;}
.tab-nav.pos { position: fixed;top: 112px;border-top: 2px solid #eaeaea;
    background-color: #FFF;
    z-index: 9;width:100%; padding-top: 35px;padding-bottom: 35px;}
.about-nav .navigation-list { padding-left: 40px;}
.navigation-list .navigation-item { display: block; float: left; margin-right: 50px;}
.navigation-list .navigation-link { display: block; padding-bottom: 30px; font-size: 28px;}
.navigation-list .navigation-item.actived .navigation-link { border-bottom: 3px solid #985b18; color:#995c17;}


.li-item .li-item-img { width: 667px; height: 460px;  background-size: cover;overflow: hidden; display: table-cell;vertical-align: middle;}
.li-item .li-item-txt { padding: 0 100px; display: table-cell; vertical-align: middle;}
.li-item .li-item-txt .title-txt { font-size: 28px;}
.li-item .li-item-txt .introduce { margin: 26px 0; font-size: 18px;}
.pic-bg img { opacity: 0;}

.pic-text-list .li-item { display: block; padding: 38px 0;}
.pic-text-list .li-item:hover { background-color: #f5f4f4;}
.healthy-list .li-item .li-item-img { width: 520px; height: 316px;}

.infoflow-list { margin-right: -120px;}
.infoflow-list .infoflow-item { width: 33.3%;float: left;}
.infoflow-list .infoflow-item-a { display: block; margin-right: 120px;}
.infoflow-list .infoflow-item  .img-wrap { width: 100%;height: 265px;}
.infoflow-list .infoflow-item  img { opacity: 0;}
.infoflow-list .infoflow-item .text-wrap-desc { padding: 24px 0;}


/*新闻*/
.news-content .swiper-slide {  background-color: #f5f4f4;}
.news-content .swiper-slide a { display: block;}
.news-content-body { padding-top: 80px;}
.news-list { width: 1020px; float: left; border-top: 1px solid #7f7f7f;}
.news-list .li-item .li-item-img  { width: 436px; height: 268px;}
.news-list .li-item-txt { padding: 0 0 0 45px;}
.news-content-body .right-content { width: 454px;  border-top: 1px solid #7f7f7f;}
.news-content-body .right-content  .li-item .li-item-txt .title-txt { font-size: 18px; line-height: 24px;}
.news-content .container { overflow: inherit;}
.hot-news-content .list-title {padding: 40px 0 16px 0;}
.hot-news-list .li-item { padding: 30px 0;}
.hot-news-list .li-item .li-item-img  { width: 170px; height: 102px;background-size: 100%;}
.hot-news-list .li-item .li-item-txt { padding: 0 0 0 22px;}
.hot-news-list .li-item:hover .li-item-img { background-size: 120%;}
.model-item.hot-news-content .list-title { margin-bottom: 20px;}
.model-item.hot-news-content .hot-news-list { overflow: hidden; margin-right: -120px}
.model-item.hot-news-content .hot-news-list li { width: 33.3%;float: left;}
.model-item.hot-news-content .hot-news-list .li-item { margin-right: 120px; padding: 0;}
.model-item.hot-news-content .hot-news-list .li-item-img { display: block; width: 100%;height: 265px;}
.model-item.hot-news-content .hot-news-list .li-item-txt { display: block; padding:  24px 0;height:80px;}
.model-item.hot-news-content .hot-news-list .li-item .li-item-txt .title-txt { margin-bottom: 0; font-size: 22px; line-height: 32px;}
.model-item.hot-news-content .hot-news-list .li-item:hover { background-color: transparent;}
.model-item.hot-news-content .hot-news-list .li-item:hover .li-item-txt .title-txt { color: #995c17;}
/*联系我们*/
.line-title { color: #333; font-size: 48px; font-weight: bold; text-align: center; margin-bottom: 40px;}
.line-title:after { content: ''; width: 142px;height: 2px;  background-color: #824e14;display: block;  margin: auto; margin-top: 32px;}
.model-item .model-item-title { font-size: 30px; padding-bottom: 20px;}
.li-item .address-item-txt  { padding: 0 0 0 95px;}
.li-item .address-item-txt .company-name { font-size: 32px; padding-bottom: 58px;}
.li-item .address-item-txt .address-text p { font-size: 18px;}
.li-item .address-item-txt .address-text p+p { margin-top: 20px;}
.li-item .address-item-txt .address-text span { display: table-cell;vertical-align: top;}
.li-item .address-item-txt .address-text span.label-name { min-width:64px;}
/*关于我们*/

.model-item1 .descript-box { padding: 40px 0; margin: auto; width:50%; text-align: center;margin-bottom: 20px; }
.model-item1 .line-title { margin-bottom: 0;}
.model-item { position: relative;}
.model-item .text-des-box {float: right; display: table;  position: relative; top: 68px;width: 818px; height: 732px; background-color: #f00;  background-color: #fff; }
.model-item .text-des-box .text-des-con { padding: 70px 48px;  display: table-cell; vertical-align: middle;}
.model-item .pic-bg {  position: absolute;left: 0;  background-size: cover;}
.model-item3 .pic-bg ,.model-item5 .pic-bg{ float: right;}
.model-item3 .text-des-box,.model-item5 .text-des-box { float: left;}
.model-item3 .pic-bg,.model-item5 .pic-bg { left: inherit; right: 0;}
.model-item4  .min-title { padding-bottom:26px; }
.model-item5  .min-title { padding:10px 0; }
.model-item6 .line-title { padding-bottom: 32px; margin-bottom: 0;}
.model-item6 .line-title:first-child { margin-top: 0;}
.model-item6 .line-title:after { display: none;}
.model-item6 .line-title { margin-top: 32px;}
.model-item6  .min-title { padding-bottom: 0;}
.bg-wrap {position: relative;}
.bg-wrap:after { display: block;content: ''; width: 100%; height: 100%;background-color: #eeeeee;  position: absolute; top: 80px;}
.bg-wrap .container {     z-index: 1;position: relative; }
.bg-wrap .model-item6 p ,.bg-wrap .model-item5 p{ text-indent: 0;}
.bg-wrap .model-item { margin-bottom: 170px;}
.bg-wrap .line-title { text-align: left; color: #222222;}
.bg-wrap .line-title:after { margin: 0; margin: 32px 0; width: 82px;}
.bg-wrap .child-title { color: #824e14; font-size: 30px; padding-bottom:32px; }
.bg-wrap .min-title { font-size:24px; color: #824e14; }
.bg-wrap p {    text-indent: 34px;}
.light-text { font-size: 24px; color: #995c17;}
/*黑牛食品馆*/
.product-page .header { border-bottom: 2px solid #eaeaea;}
.product-page .main-wrapper,.news-page .main-wrapper { padding-top: 30px;}
.leftbar { width: 170px; float: left;padding-top: 90px;}
.leftbar .clear{margin-top: 10px}
.leftbar .logo img { width: 88px; margin-bottom: 0px;}
.tab-menu-box .tab-menu { display: block; font-size: 28px; padding:18px 20px 12px 20px;} 
.tab-menu-box .tab-menu.current { color: #995c17;}
.img-box img { display: block; max-width: 100%; margin-top: 28px;}
.right-content {width: 1320px; float: right;}
.cate-wrap {
    /*height: calc(70vh - 112px);*/

    overflow: hidden;
}
.cate-item .swiper-box {     height: 0;
    overflow: hidden;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;}
  .cate-item.active .swiper-box { height: 440px;}
  .cate-item.active .cate-title {color: #995c17; }
  .cate-title {
    height: 75px;
    overflow: hidden;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.cate-item.hide .cate-title {
    height: 0;
}
.hide { display: none;}
.cate-item.hide {
    display: block;
}
.cate-item:first-of-type.hide .cate-title {
    height: 90px;
}
.cate-title { font-size: 48px; height:56px;font-weight: bold;}
.cate-item .swiper-box { padding:0 58px;}
.cate-item .swiper-box .swiper-slide { /*padding-right: 50px; */text-align: center;}
.cate-item .swiper-box .swiper-slide a {display: block;}
.cate-item .swiper-box .swiper-slide .img-wrap {    width: 100%;-moz-box-shadow:0 0 20px 0 rgba(102,102,102,0.1);-webkit-box-shadow:0 0 20px 0 rgba(102,102,102,0.1);box-shadow:0 0 20px 0 rgba(102,102,102,0.1);border-radius:30px; background-color: #ffefe0; padding: 46px 0;height: 230px; display: table;}
.cate-item .swiper-box .swiper-slide .img-wrap span { display: table-cell; vertical-align: middle;}
.cate-item .swiper-box .swiper-slide .img-wrap img { max-width: 100%; width: inherit;    max-height: 230px; margin: auto;}
.cate-item .swiper-box .swiper-slide .txt-wrap { padding: 30px 0; font-size: 22px;}
.cate-item .swiper-box .swiper-button { width: 25px; height: 60px; background-color: transparent;    margin-top: -70px;}
.cate-item .swiper-box .swiper-button.swiper-button-prev { background: url(../images/prev.png); left: 0;    background-size: 100%;}
.cate-item .swiper-box .swiper-button.swiper-button-next { background: url(../images/next.png);right: 0;    background-size: 100%;  /*transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);*/}
  .cate-item .swiper-box .swiper-button.swiper-button-prev:hover { background: url(../images/prev-actived.png);background-size: 100%;}
  .cate-item .swiper-box .swiper-button.swiper-button-next:hover { background: url(../images/next-actived.png);background-size: 100%;}
  
.cate-item .swiper-box .swiper-button:hover {background-color: transparent; }
.pagination-box {  text-align: center; padding: 80px 0;}
.pagination-box .pagination-a {width: 60px; height:60px; line-height: 60px; color: #fff; font-size: 22px; background-color: #999999; display: inline-block; }
.pagination-box .pagination-a.pagination-a-i { width: 100px;}
.pagination-box .pagination-a.actived { background-color: #995c17;}
.pagination-box .pagination-a+.pagination-a { margin-left: 12px;}
.pagingbtn-box { border-top: 1px solid #b2b2b2; padding: 50px 0;}
.pagingbtn-box p+p { margin-top: 10px;}
.detail-top { text-align: center; border-bottom: 1px solid #b2b2b2;}
.detail-top .detail-title { font-size: 30px; padding: 40px 0;}
.detail-top .child-title  {padding-bottom: 40px;    font-size: 18px;}
.detail-top .share-box .bdsharebuttonbox  { display: inline-block; vertical-align: middle;}
.detail-top .share-box .icon{ width: 34px; height: 34px; display: inline-block; vertical-align: middle;}
.detail-top .share-box .bdsharebuttonbox  a{     margin: 6px 8px 6px 0; width: 34px; height: 34px;background-position: inherit;}
.detail-top .share-box .bdsharebuttonbox  .bds_qzone {background-image: url(../images/zone.jpg); }
.detail-top .share-box .bdsharebuttonbox .bds_tsina { background-image: url(../images/sina.jpg);}
.detail-top .share-box .bdsharebuttonbox .bds_weixin {background-image: url(../images/weixin.jpg); }

.detail-top .child-title .inline-b+.inline-b { margin-left:60px;} 
.detail-body { padding: 45px 0;overflow: hidden;}
.detail-body p { text-indent: 2rem;}
.detail-body .body-img { padding: 20px 0;}
.footer { background-color: #2f3437; color: #acaead; padding: 0 40px;position: relative;}
.footer a { color: #acaead; }
.footer img { height: 160px;}
.footer .footer-top {padding: 45px 0;}
.footer .footer-item { float: left;}
.footer .footer-item1 { width: 20%; line-height: 30px;}
.footer .footer-item1 img { display: block; margin:0 auto 10px;}
.footer .footer-item1 .cell-left { min-width: 60px;}
.footer .footer-item2 { width: 60%;text-align: center;}
.footer .footer-item2 .item2_top{}
.footer .footer-item2 .dl-con { margin:auto;    text-align: center;}
.footer .footer-item2 dl { padding: 0 3%;  display: inline-block; vertical-align: top; text-align: left;}
.footer .footer-item2 dl dt { padding-bottom: 10px; font-size: 20px; color:#fff;}
.footer .footer-item2 dl dd { padding: 5px 0;}
.footer .footer-item2 dl:first-child { padding-left: 0;}
.footer .footer-item3 {float: right;    width: 15%;}
.footer .footer-item3 .weixin-code img { width: 170px; height: 170px;display: block; margin: auto;}
.footer .footer-item3 .footer-item-text p { text-align: center; font-size: 20px; color:#fff; padding: 10px 0;}
.footer .footer-copyright { padding:45px 0; border-top: 1px solid #ffffff; text-align: center;}
.footer .bdsharebuttonbox a { width: 48px; height: 48px;background-color: #595d5f; border-radius: 100px; -webkit-border-radius:100px; -moz-border-radius:100px;}
.footer .bdsharebuttonbox a:hover { background-color: #995c17;}
.footer .bdshare-button-style0-32 { text-align: center;}
.footer .bdshare-button-style0-32 .bds_span { display: inline-block;    overflow: hidden;}
.footer .bdshare-button-style0-32 .bds_sqq {    margin: 6px 3px 6px 0; background-image: url(../images/qq-icon-h.png);    background-size: 54%;background-position:center;background-repeat: no-repeat;  }
.footer .bdshare-button-style0-32 .bds_weixin { background-image: url(../images/weixin-icon-h.png);    background-size: 58%;background-position:center;background-repeat: no-repeat;  }
.footer .bdshare-button-style0-32 .bds_tsina { background-image: url(../images/weibo-icon-h.png);    background-size: 56%;background-position:center;background-repeat: no-repeat;}
.footer .bdshare-button-style0-32 .bds_sqq:hover { background-image: url(../images/qq-icon-w.png);  }
.footer .bdshare-button-style0-32 .bds_weixin:hover { background-image: url(../images/weixin-icon-w.png);  }
.footer .bdshare-button-style0-32 .bds_tsina:hover { background-image: url(../images/weibo-icon-w.png);  }


.swiper-container {   height: 100%;}
.swiper-pagination { text-align: right; padding-top: 60px;}
.swiper-pagination .swiper-pagination-bullet {border-radius: 0; opacity: 1; display: inline-block; width: 63px; height: 2px; background-color: #000;text-indent: 999px;overflow: hidden;}
.swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left: 18px;}
.swiper-pagination .swiper-pagination-bullet-active { background-color: #985c16;}
.swiper-box { position: relative;}
.swiper-box .swiper-pagination { position: static; text-align: right;}
.swiper-button {z-index: 1; position: absolute; top: 50%; margin-top: -34px; text-indent: 9999px; overflow: hidden; width: 100px; height: 68px;background-image: url(../images/slide-prev.jpg);background-size: 100%; }
.swiper-button:hover { background-image: url(../images/slide-prev-actived.jpg);}
.swiper-button.swiper-button-prev { left: -140px;}
.swiper-button.swiper-button-next { right: -140px;background-image: url(../images/slide-next.jpg);}
.swiper-button.swiper-button-next:hover { background-image: url(../images/slide-next-actived.jpg); }
.swiper-slide .li-item .li-item-txt { padding: 0 40px;}

.cate-item .slick  .slick-list .draggable .slick-slide:focus,.cate-item .slick   .slick-list .slick-slide:active,.cate-item .slick  .slick-list  .slick-current {border:none; outline: 0; outline: none;-webkit-appearance: none;-moz-appearance: none;}
.scale-img {display: block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;  background-size: 100%; background-position: center; background-repeat: no-repeat;width: 100%;height: 100%;}
.scale-item:hover .scale-img { background-size: 120%;}

@media (min-width:1920px) {
.header .logo { padding-left:0px;}
.time-txt {    font-size: 18px;}
}
@media (min-width:1640px) and (max-width: 1919px){
  .container { width: 1540px;}
   .nav-drownbox .container ,.index-page .nav-drownbox .container{ width:1200px; padding:40px 0;}
  .nav-drownbox .left { width: 490px;}
  .nav-drownbox .right { width: 650px;margin-top: 10px;}
  .nav-drownbox .left .title { font-size: 36px; line-height:40px;}
  .nav-drownbox .left .enTitle { font-size: 22px;}
  .nav-drownbox .left .info { font-size: 16px;line-height: 30px;}
  .nav-drownbox .left .address-info p { letter-spacing: 0;font-size: 18px; line-height: 32px;}
  .nav-drownbox .left .address-info span.label { min-width: 68px;}
  .nav-drownbox .left .footTitle { font-size: 26px;margin: 20px 0 10px 0;}
  .nav-drownbox .share-box { margin-top: 20px;}
  .nav-drownbox .bdshare-button-style0-32 a { width: 60px; height: 60px;}
  .nav-drownbox .right .title { font-size: 24px;}
  .nav-drownbox #listCloseBtn { width: 50px;top: 40px;}
  .form-box .control-label { font-size: 18px; min-width:92px; padding-right: 30px;}
  .form-box .form-group { margin-bottom: 20px;}
  .form-box .form-r  { width: 390px;}
  .form-box .form-r .form-control { height: 44px; line-height: 44px;}
  .form-box .form-r textarea.form-control { height: 160px;}
  .form-box .form-r .btn { width: 150px; height: 44px; line-height: 44px; font-size: 18px;}

  .product-page .wrapper { padding-top: 160px;}
  .footer .footer-item2 dl { padding:0 30px;}
}
@media (min-width: 1350px) and (max-width: 1770px){ 
  .footer .footer-item2 { width: 66%}
  .footer .footer-item3 { width: 14%;}
}
@media (min-width: 1024px) and (max-width: 1348px){ 
  .container { width: 900px;}
  .nav-drownbox .container,.index-page .nav-drownbox .container { width:700px; padding:20px 0;}
  .nav-drownbox .left { width: 320px;}
  .nav-drownbox .right { width: 360px;margin-top: 10px;}
  .nav-drownbox .left .title { font-size: 18px; line-height:24px;padding: 8px 0;}
  .nav-drownbox .left .enTitle { font-size: 14px;}
  .nav-drownbox .left .info { font-size: 12px;line-height: 20px;}
  .nav-drownbox .left .address-info p {    line-height: 20px;font-size: 12px; letter-spacing: 0;}
  .nav-drownbox .left .address-info span.label {     min-width: 46px;}
  .nav-drownbox .left .footTitle { font-size: 16px;margin:0;}
  .nav-drownbox .share-box { margin-top: 4px;}
  .nav-drownbox .bdshare-button-style0-32 a { width: 26px; height: 26px;}
  .nav-drownbox .right .title { font-size: 16px; padding-bottom: 20px;}
  .nav-drownbox #listCloseBtn { width: 26px;top: 20px;}
  .form-box .control-label { font-size: 12px; min-width:58px;padding-right: 15px;}
  .form-box .form-group { margin-bottom: 12px;}
  .form-box .form-r  { width: 78%;}
  .form-box .form-r .form-control { height: 28px; line-height: 28px;}
  .form-box .form-r textarea.form-control { height: 95px;}
  .form-box .form-r .btn {margin-top: 0; width: 100px; height: 28px; line-height: 28px; font-size: 12px;}
  .header .topbar-box { padding-right: 8%;}
  .header .topbar-box li .child {  font-size: 16px;height: 90px; line-height: 90px;    padding: 0 16px;}
  .header .logo{   margin-top: 18px;padding-left: 0px;}
  .header .logo img{ height: 60px; }
  .header .menu-btn { width: 30px; height: 24px; background-size: 30px 24px;  top: 34px; margin-right: -15px;}
  .header .drowdown-list {    padding: 30px 0 0 30px;}
  .header .drowdown-box .drown-label { font-size: 18px;}
  .header .drowdown-list .li-item {margin-bottom: 20px;}
  .header .drowdown-list .li-item .pic-wrap .scale-img{ width: 120px; height: 82px;}
  .header .drowdown-list .li-item .text-wrap { padding: 0 20px;}
  .header .drowdown-list .li-item .text-wrap .title-txt { font-size: 14px;}
    .wrapper { padding-top: 90px;padding-bottom: 20px;    margin: 0;}
.wrapper:after {top:90px;}
 
  
  /*新闻*/
  .banner-static-box .banner-static { height: 342px;}
  .wrapper-title {font-size: 22px;}
  /*.navigation-list { margin-bottom: 25px;}*/
  .tab-nav { padding-bottom: 15px;}
  .main-nav-mao.pos { padding-top: 15px; padding-bottom: 15px; top: 90px;}
  .navigation-list .navigation-link { font-size: 18px;    padding-bottom: 12px;}
  .news-content-body {     padding-top: 25px;}
  .news-content-body .news-list {width:560px;}
  .news-content-body .right-content { width: 320px;}
  .news-content-body .right-content .li-item .li-item-txt .title-txt { font-size: 14px;}
  .news-list .li-item-txt { padding: 0 18px;}
  .news-list .li-item-txt .introduce {margin: 10px 0;}
  .hot-news-content .list-title {    padding: 20px 0 16px 0;}
  .hot-news-list .li-item  .li-item-txt .title-txt  { font-size: 14px;line-height: 18px;margin-bottom: 6px;}
  .model-item.hot-news-content .hot-news-list .li-item .li-item-txt .title-txt { font-size: 16px; line-height: 28px;} 
  .hot-news-list .li-item { padding: 10px 0;}
  .hot-news-list .li-item .li-item-txt { padding: 0 0 0  12px;}
  .healthy-list .li-item .li-item-txt { padding: 0 0 0  25px;}
  .li-item .li-item-txt .title-txt { font-size: 16px;line-height: 22px;}
  .li-item .li-item-txt .introduce { font-size: 14px;}
  .pic-text-list .li-item {  padding: 15px 0;}
  .pagination-box { padding: 20px 0;}
  .pagination-box .pagination-a {width: 30px;  height: 30px; line-height: 30px;   text-align: center;    font-size: 14px;}
  .pagination-box .pagination-a.pagination-a-i { width: 60px;}
  .pagination-box .pagination-a+.pagination-a { margin-left:2px;}
  .swiper-slide .li-item .li-item-txt { padding: 0 18px;}
  .swiper-box .swiper-pagination { padding-top: 20px;}
  .swiper-button { width: 50px;height: 30px;}
  .swiper-button.swiper-button-prev { left: -60px;}
  .swiper-button.swiper-button-next { right: -60px;}
  /*关于我们*/
  .model-item1 .descript-box { padding: 0 0 30px 0;}
  .model-item1 .descript-box p {line-height: 24px;}
  .model-item1 .descript-box { width: 75%;}
  .model-item .text-des-box {  height: 442px; width:55%;top: 68px; }
  .model-item .text-des-box .text-des-con { padding: 10px 38px;}
  .model-item .pic-bg {  width:55%; height: inherit;}
  .model-item4  .min-title { padding-bottom:10px; }
  .model-item5  .min-title { padding:10px 0; }
  .model-item6 .line-title { padding-bottom: 0px;  }
  .model-item6 .line-title { margin-top: 32px;}
  .model-item6  .min-title { padding-bottom: 0;}
  .bg-wrap .model-item { margin-bottom: 90px;}
  .bg-wrap .line-title { text-align: left; color: #222222;  font-size: 22px;margin-bottom: 12px;}
  .bg-wrap .line-title:after {  margin: 10px 0;}
  .bg-wrap .child-title {  font-size: 18px; padding-bottom:10px; }
  .bg-wrap .min-title { font-size:16px;  }
  .bg-wrap p {     line-height: 22px;}
  .light-text { font-size: 16px;}
   /*黑牛食品馆*/
    .product-page .wrapper { padding-top: 90px;}
  .leftbar { width: 130px;padding-top: 78px;}
  .right-content {width: 750px; }
  .leftbar .logo img { width: 60px; margin-bottom: 15px;}
  .tab-menu-box .tab-menu {font-size: 16px; padding: 10px 20px;}
  .img-box img { margin-top: 15px;  height: 40px;}
  .cate-title { font-size: 22px;height: 48px; /*padding: 20px 0;*/}
  .cate-item:first-of-type.hide .cate-title {height: 48px; }
  .cate-item +.cate-item { margin-bottom: 20px;}
  .cate-item .swiper-box { padding:0 28px;}
  .cate-item.active .swiper-box { height: 270px;}
  /*.cate-item .swiper-box .slick-list { margin-right: -12px;}*/
  /*.cate-item .swiper-box .slick-slide { padding-right: 12px; text-align: center;}*/
  .cate-item .swiper-box .swiper-slide .img-wrap {  padding: 12px 0;height: 200px;}
  .cate-item .swiper-box .swiper-slide .txt-wrap { padding: 12px 0; font-size: 14px;}
  .cate-item .swiper-box .swiper-slide .img-wrap img{    max-height: 200px;}
  .cate-item .swiper-box .swiper-button { width: 14px; height: 30px;     margin-top: -40px;}
  .cate-item .swiper-box .swiper-button.slick-prev { background-size: 14px 30px;/*left: -28px;*/}
  .cate-item .swiper-box .swiper-button.slick-next {background-size: 14px 30px; /*right: -28px;*/}
  .cate-item .swiper-box .swiper-button.slick-prev:hover { background: url(../images/prev-actived.png);background-size: 14px 30px;}
  .cate-item .swiper-box .swiper-button.slick-next:hover { background: url(../images/next-actived.png);background-size: 14px 30px;}
  .footer { padding: 0 30px;}
  .footer img { height: 80px;} 
  /*.footer .footer-item1 { width: 260px;margin-right: 30px;}*/
  .footer .footer-item2 dl {     padding: 0 3%;}
  .footer .footer-item2 dl dt { font-size: 16px;}
  .footer .footer-item3 .weixin-code img { width: 100px; height: 100px;}
  .footer .footer-item3 .footer-item-text p {  font-size: 16px;}
  .footer .bdsharebuttonbox a { width: 28px; height: 28px;    margin: 0;}

}

@media (min-width: 1024px) and (max-width: 1639px){ 
  body { font-size: 14px;}
  p { line-height: 20px;}
  h1{ font-size: 24px; line-height: 30px;}
  h2 { font-size: 20px;line-height: 26px;}
  h3 { font-size: 18px; line-height: 24px;}
  h4 { font-size: 16px; line-height: 22px;}
  h6 { font-size: 14px;}

  .li-item .li-item-img,.news-list .li-item .li-item-img ,.hot-news-list .li-item .li-item-img,.healthy-list .li-item .li-item-img{ width: 40%;height: 332px;}
  .news-list .li-item .li-item-img{height: 190px}
.hot-news-list .li-item .li-item-img{height: 100px}
  .model-item1 .line-title { margin-bottom: 20px;}
  /*联系我们*/
  .line-title {  font-size: 24px;margin-bottom: 20px;}
  .line-title:after { width: 70px;margin-top: 10px;}
  .model-item .model-item-title { font-size: 30px; padding-bottom: 20px;}
  .contact-content .li-item .li-item-img { width: 50%;}
  .li-item .address-item-txt  { padding: 0 0 0 35px;}
  .li-item .address-item-txt .company-name { font-size: 20px; padding-bottom:20px;}
  .li-item .address-item-txt .address-text p { font-size: 14px;}
  .li-item .address-item-txt .address-text p+p { margin-top: 10px;}
  /*详情页*/
  .model-item.hot-news-content .list-title { margin-bottom: 10px;}
  .model-item.hot-news-content .hot-news-list { margin-right: -60px}
  .model-item.hot-news-content .hot-news-list .li-item { margin-right: 60px;}
  .model-item.hot-news-content .hot-news-list .li-item-img { height: 155px;}
  .model-item.hot-news-content .hot-news-list .li-item-txt {  padding:  15px 0;}
  .detail-top { padding-bottom: 30px;}
  .detail-top .detail-title { font-size: 18px;padding: 18px 0;}
  .detail-top .child-title .inline-b+.inline-b { margin-left: 18px;}
  .detail-top .share-box .icon { width: 22px; height: 18px;}
  .detail-body { padding: 20px 0;}
  .detail-body p {line-height: 24px;}
  .pagingbtn-box { padding: 20px 0; }
  .pagingbtn-box p+p {  margin-top: 8px;}
  .back-btn { width: 120px; height: 40px; line-height: 40px; font-size: 16px;}
  .footer .footer-copyright{ padding: 25px 0;}
}
@media (min-width:1349px) and (max-width:1639px){
  body{ font-size: 14px;}
  h1{ font-size: 28px; line-height: 32px;}
  h2 { font-size: 24px;}
  h3 { font-size: 22px; line-height: 30px;}
  h4 { font-size: 18px; line-height: 30px;}
  h6 { font-size: 16px;}
  .container { width: 1200px;}
   .nav-drownbox .container { width: 880px; padding: 50px 0;}
   .nav-drownbox .left { width: 400px;}
  .nav-drownbox .right { width: 450px; margin-top: 10px;}
  .nav-drownbox .left .title { font-size: 26px; line-height:36px;padding: 10px 0;}
  .nav-drownbox .left .enTitle { font-size: 22px;}
  .nav-drownbox .left .info { font-size: 14px;line-height: 22px;}
  .nav-drownbox .left .address-info p { font-size: 14px; letter-spacing: 0; line-height: 26px;}
  .nav-drownbox .left .address-info span.label { min-width: 54px;}
  .nav-drownbox .left .footTitle { font-size: 20px;margin: 15px 0 6px 0;}
  .nav-drownbox .share-box { margin-top: 10px;}
  .nav-drownbox .bdshare-button-style0-32 a { width: 36px; height: 36px;}
  
  .nav-drownbox .right .title { font-size: 22px;}
  .form-box .control-label { font-size: 14px; min-width: 65px;  padding-right: 20px;}
  .form-box .form-group { margin-bottom: 20px;}
  .form-box .form-r  { width: 355px;}
  .form-box .form-r .form-control { height: 36px; line-height: 36px;  }
  .form-box .form-r textarea.form-control { height: 115px;}
  .form-box .form-r .btn { width: 140px; height: 36px; line-height: 36px; font-size: 14px; margin-top: 0;}
  .header .topbar-box li .child {  font-size: 18px;height:100px; line-height: 100px;    padding: 0 20px;}
  .header .logo {   margin-top: 10px;padding-left: 0px;}
  .header .logo img { height: 80px; }
  .header .menu-btn { width: 32px; height: 26px; background-size: 32px 26px;  top: 34px;}
   .header .drowdown-list {    padding: 30px 0 0 30px;}
  .header .drowdown-box .drown-label { font-size: 22px;}
  .header .drowdown-list .li-item {margin-bottom: 20px;}
  .header .drowdown-list  .li-item .li-item-img { width: inherit; height: inherit;}
  .header .drowdown-list .li-item .pic-wrap .scale-img{ width: 150px; height: 102px;}
  .header .drowdown-list .li-item .text-wrap { padding: 0 20px;}
  .header .drowdown-list .li-item .text-wrap .title-txt { font-size: 18px;}

  .wrapper { padding-top: 100px;}
  .wrapper:after {top:100px;}
 
    .product-page .wrapper { padding-top: 102px;}
.infoflow-list .infoflow-item  .img-wrap { height: 195px;}
  
  .li-item .address-item-txt { padding: 0 0 0 45px;}
  /*新闻*/
  .banner-static-box .banner-static { height: 382px;}
  .wrapper-title {font-size: 26px;}
  .tab-nav { padding-bottom: 20px;}
  .main-nav-mao.pos { padding-top: 20px;padding-bottom: 20px; top: 100px;}
  .navigation-list .navigation-link { font-size: 22px;    padding-bottom: 12px;}
  .news-content-body {     padding-top: 35px;}
  .news-content-body .news-list {width:780px;}
  .news-content-body .right-content { width: 400px;}
  .news-content-body .right-content .li-item .li-item-txt .title-txt { font-size: 16px;}
  .model-item.hot-news-content .hot-news-list .li-item .li-item-txt .title-txt { font-size: 18px; line-height: 30px;}

  .news-list .li-item-txt ,.hot-news-list .li-item .li-item-txt{ padding: 0 0 0 18px;}
  .news-list .li-item-txt .introduce {margin: 10px 0;}
  .hot-news-list .li-item  .li-item-txt .title-txt  { font-size: 16px;line-height: 22px;margin-bottom: 6px;}
  .hot-news-list .li-item { padding: 12px 0;}
  .healthy-list .li-item .li-item-txt { padding: 0 25px;}
  .li-item { display: block;}
  .li-item .li-item-txt .title-txt { font-size: 20px;line-height: 30px;}
  .li-item .li-item-txt .introduce { font-size: 14px;}
  .pic-text-list .li-item {  padding: 20px 0;}
  .pagination-box { padding: 30px 0;}
  .pagination-box .pagination-a {width: 40px; height: 40px; line-height: 40px;    font-size: 14px;}
  .pagination-box .pagination-a.pagination-a-i { width: 70px;}
  .pagination-box .pagination-a+.pagination-a { margin-left:4px;}
  .swiper-pagination { padding-top: 20px;}
  .swiper-button { width: 60px;height: 40px;}
  .swiper-button.swiper-button-prev { left: -70px;}
  .swiper-button.swiper-button-next { right: -70px;}
  /*关于我们*/
  .model-item1 .descript-box { padding: 0 0 30px 0;}
  .model-item1 .descript-box p {line-height: 24px;}
  .model-item1 .descript-box { width: 55%;}
  .model-item .text-des-box {  height: 590px; width:55%;top: 68px; }
  .model-item .text-des-box .text-des-con { padding: 20px 48px;}
  .model-item .pic-bg {  width:55%; height: inherit;}
  .model-item3 .pic-bg,.model-item5 .pic-bg { left: inherit; right: 0;}
  .model-item3 .text-des-box,.model-item5 .text-des-box { float: left;}
  .model-item4  .min-title { padding-bottom:10px; }
  .model-item5  .min-title { padding:10px 0; }
  .model-item6 .line-title { padding-bottom: 0px;  }
  .model-item6 .line-title { margin-top: 32px;}
  .model-item6  .min-title { padding-bottom: 0;}
  .bg-wrap .model-item { margin-bottom: 120px;}
  .bg-wrap .line-title { text-align: left; color: #222222;  font-size: 30px;}
  .bg-wrap .line-title:after {  margin: 18px 0;}
  .bg-wrap .child-title {  font-size: 26px; padding-bottom:20px; }
  .bg-wrap .min-title { font-size:20px;  }
  .bg-wrap p {     line-height: 25px;}
  .light-text { font-size: 18px;}
  /*黑牛食品馆*/
  .right-content {width: 1000px; }
  .leftbar { padding-top: 110px;}
  .leftbar .logo { margin-bottom: 20px;}
  .tab-menu-box .tab-menu {font-size: 22px; padding: 16px;}
  .img-box img { margin-top: 20px;}
  .cate-title { font-size: 28px; height: 58px; /*padding: 40px 0 30px 0;*/}
  .cate-item:first-of-type.hide .cate-title {
    height: 58px;
}
  .cate-item .swiper-box { padding:0 38px;}
  .cate-item.active .swiper-box { height: 290px;}
  /*.cate-item .slick .slick-list { margin-right: -30px;}*/
  /*.cate-item .swiper-box .swiper-slide { padding-right: 30px; text-align: center;}*/
  .cate-item .swiper-box .swiper-slide .img-wrap {  padding:20px 0px;height: 190px;}
  .cate-item .swiper-box .swiper-slide .txt-wrap { padding: 20px 0; font-size: 18px;}
  .cate-item .swiper-box .swiper-slide .img-wrap img{    max-height: 190px;}
  .cate-item .swiper-box .swiper-button { width: 20px; height: 50px;margin-top: -50px; }
  .cate-item .swiper-box .swiper-button.swiper-button-prev { background-size: 20px 50px;}
  .cate-item .swiper-box .swiper-button.swiper-button-next {background-size: 20px 50px; /*right: -38px;*/}
  .cate-item .swiper-box .swiper-button.swiper-button-prev:hover { background: url(../images/prev-actived.png);background-size: 20px 50px;}
  .cate-item .swiper-box .swiper-button.swiper-button-next:hover { background: url(../images/next-actived.png);background-size: 20px 50px;}
  .footer img { height: 120px;} 

}


@media (min-width: 768px) and (max-width: 1023px){ 
  body { font-size: 12px;}
  p { line-height: 20px;}
  h1{ font-size: 20px; line-height: 30px;}
  h2 { font-size: 18px;line-height: 26px;}
  h3 { font-size: 16px; line-height: 24px;}
  h4 { font-size: 14px; line-height: 22px;}
  h6 { font-size: 12px;}
 .container  { width: 91%;}
.index-page .nav-drownbox .container { width:80%; padding:20px 0;}
.nav-drownbox .container { width:80%;}
  .nav-drownbox .left { width: 52%;}
  .nav-drownbox .right { width:45%;;margin-top: 6px;}
  .nav-drownbox .left .title { font-size: 18px; line-height:24px;padding: 8px 0;}
  .nav-drownbox .left .enTitle { font-size: 14px;}
  .nav-drownbox .left .info { font-size: 12px;line-height: 20px;}
  .nav-drownbox .left .address-info p {    line-height: 20px;font-size: 12px; letter-spacing: 0;}
  .nav-drownbox .left .address-info span.label {     min-width: 46px;}
  .nav-drownbox .left .footTitle { font-size: 16px;margin:0;}
  .nav-drownbox .share-box { margin-top: 4px;}
  .nav-drownbox .bdshare-button-style0-32 a { width: 26px; height: 26px;}
  .nav-drownbox .right .title { font-size: 16px; padding-bottom: 20px;}
  .nav-drownbox #listCloseBtn { width: 26px;top: 20px;}
  .form-box .control-label { font-size: 12px; min-width:58px;padding-right: 10px;}
  .form-box .form-group { margin-bottom: 12px;}
  .form-box .form-r  { width: 73%;}
  .form-box .form-r .form-control { height: 28px; line-height: 28px;}
  .form-box .form-r textarea.form-control { height: 98px;}
  .form-box .form-r .btn {margin-top: 0; width: 100px; height: 28px; line-height: 28px; font-size: 12px;}
  .header .logo {   margin-top: 6px;    padding-left: 0px;}
 .header .logo img { height: 50px; }
 
 .header .topbar-box li .child { font-size: 14px; height: 60px; line-height: 60px;    padding: 0 10px;}
 .header .menu-btn { width: 22px; height: 18px; background-size: 22px 18px;  top: 20px; margin-right: -10px;}
 .header .drowdown-list {    padding: 20px 0 0 20px;}
  .header .drowdown-box .drown-label { font-size: 16px;}
  .header .drowdown-list .li-item {margin-bottom: 20px;}
  .header .drowdown-list .li-item .pic-wrap .scale-img{ width: 80px; height:55px;}
  .header .drowdown-list .li-item .text-wrap { padding: 0 15px;}
  .header .drowdown-list .li-item .text-wrap .title-txt { font-size: 14px;}
  
.wrapper { padding-top: 60px;padding-bottom: 20px;}
    .wrapper:after {top:60px;}
  /*新闻*/
  .wrapper-title {     padding: 10px 0;}
  .banner-static-box .banner-static { height: 242px;width: 90%;}
  .wrapper-title {font-size: 20px;}
  /*.navigation-list { margin-bottom: 18px;}*/
    .tab-nav { padding-bottom: 18px;}
  .tab-nav.pos { padding-top: 18px;padding-bottom: 18px; top:60px;}
  .navigation-list .navigation-link { font-size: 16px;    padding-bottom: 10px;}
  .news-content-body {     padding-top: 12px;}
  .news-content-body .news-list {width:60%;}
  .news-content-body .right-content { width: 38%;}
  .news-content-body .right-content .li-item .li-item-txt .title-txt { font-size: 14px;}
  .pic-text-list .li-item {  padding: 12px 0;}
  .li-item .li-item-img,.news-list .li-item .li-item-img ,.hot-news-list .li-item .li-item-img,.healthy-list .li-item .li-item-img{ width: 40%; height: inherit;}
  .li-item .li-item-txt .title-txt { font-size: 15px;line-height: 20px;}
  .li-item .li-item-txt .introduce { font-size: 12px;line-height: 18px; margin: 10px 0;}
  .news-list .li-item-txt { padding: 0 12px;}
  .news-list .li-item-txt .introduce {margin: 4px 0;}
  .hot-news-content .list-title {     padding: 16px 0 10px 0;}
  .hot-news-list .li-item  .li-item-txt .title-txt  { font-size: 14px;line-height: 18px;margin-bottom: 6px;}
  .model-item.hot-news-content .hot-news-list .li-item .li-item-txt .title-txt { font-size: 14px; line-height: 22px;}
  .hot-news-list .li-item { padding: 6px 0;}
  .hot-news-list .li-item .li-item-txt { padding: 0 0 0  12px;}
  .healthy-list .li-item .li-item-txt { padding: 0 0 0  25px;}
  .pagination-box { padding: 10px 0;}
  .pagination-box .pagination-a {width: 26px;  height: 26px; line-height: 26px;   font-size: 12px;}
  .pagination-box .pagination-a.pagination-a-i { width: 50px;}
  .pagination-box .pagination-a+.pagination-a { margin-left:0px;}
  .swiper-slide .li-item .li-item-txt { padding: 0 18px;}
  .swiper-pagination { padding-top: 10px;}
  .swiper-pagination .swiper-pagination-bullet {     width: 40px;}
  .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left: 6px;}
  .swiper-button{ width:30px;height: 20px;}
  .swiper-button.swiper-button-prev { left: -36px;}
  .swiper-button.swiper-button-next { right: -36px;}
  .model-item.hot-news-content .list-title { margin-bottom: 10px;}
  .model-item.hot-news-content .hot-news-list { margin-right: -30px;}
  .model-item.hot-news-content .hot-news-list .li-item { margin-right: 30px;}
  .model-item.hot-news-content .hot-news-list .li-item-img { height: 125px;}
  .model-item.hot-news-content .hot-news-list .li-item-txt {  padding:  12px 0;}
   /*联系我们*/
  .line-title {  font-size: 20px; margin-bottom: 20px;}
  .line-title:after { width: 60px;margin-top: 10px;}
  .model-item .model-item-title { font-size: 30px; padding-bottom: 20px;}
  .contact-content .li-item .li-item-img { width: 50%;}
  .li-item .address-item-txt  { padding: 0 0 0 18px;}
  .li-item .address-item-txt .company-name { font-size: 18px; padding-bottom:20px;}
  .li-item .address-item-txt .address-text p { font-size: 12px;}
  .li-item .address-item-txt .address-text p+p { margin-top: 6px;}
  /*关于我们*/
  .model-item1 .line-title {   font-size: 16px;margin-bottom: 10px;}
  .model-item1 .descript-box { padding: 0 0 20px 0;width: 82%;}
  .model-item1 .descript-box p {line-height: 22px;}
  .model-item .text-des-box {  height: 340px; width:55%;top:38px; }
  .model-item .text-des-box .text-des-con { padding: 10px 18px;}
  .model-item .pic-bg {  width:55%; height: inherit;}
  .model-item4  .min-title {     padding-bottom: 2px;}
  .model-item5  .min-title { padding:2px 0; }
  .model-item6 .line-title { margin-top: 10px;padding-bottom: 5px;}
  .model-item6  .min-title { padding-bottom: 0;}
  .bg-wrap .model-item { margin-bottom: 60px;}
  .bg-wrap .line-title {   font-size: 15px;margin-bottom: 0px;}
  .bg-wrap .line-title:after {  margin: 6px 0;    width: 60px;}
  .bg-wrap .child-title {  font-size: 14px; padding-bottom:4px; }
  .bg-wrap .min-title { font-size:14px;  }
  .bg-wrap p {     line-height: 18px;}
  .light-text { font-size: 14px;}
  /*黑牛食品馆*/
   .product-page .wrapper { padding-top: 60px;}
  .leftbar { width: 16%;padding-top: 70px;}
  .right-content {width: 82%; }
  .leftbar .logo img { width: 60px; margin-bottom: 15px;}
  .tab-menu-box .tab-menu {font-size: 16px; padding: 10px;}
  .img-box img { margin-top: 15px;  height: 40px;}
  .cate-title { font-size: 18px; padding:0 0 20px 0; height: 10px; }
  .cate-item.hide .cate-title, .cate-item:first-of-type.hide .cate-title { height:10px;}
  .cate-item .swiper-box { padding:0 28px;}
  .cate-item.active .swiper-box { height: 220px;}
  .cate-item .swiper-box .swiper-slide .img-wrap {  padding: 12px 0;height: 135px;}
  .cate-item .swiper-box .swiper-slide .txt-wrap { padding: 12px 0; font-size: 12px;}
  .cate-item .swiper-box .swiper-slide .img-wrap img{    max-height: 135px;}
  .cate-item .swiper-box .swiper-button { width: 14px; height: 30px;    margin-top: -40px; }
  .cate-item .swiper-box .swiper-button.slick-prev { background-size: 14px 30px;/*left: -28px;*/}
  .cate-item .swiper-box .swiper-button.slick-next {background-size: 14px 30px; /*right: -28px;*/}

   /*详情页*/
  .detail-top { padding-bottom: 20px;}
  .detail-top .detail-title { font-size: 16px;padding: 12px 0;}
  .detail-top .child-title .inline-b+.inline-b { margin-left: 18px;}
  .detail-top .share-box .icon { width: 22px; height: 18px;}
  .detail-body { padding: 20px 0;}
  .pagingbtn-box { padding: 20px 0; }
  .pagingbtn-box p+p {  margin-top: 4px;}
  .back-btn { width: 100px; height: 35px; line-height: 35px; font-size: 14px;}
  .footer .footer-top { padding:12px 0;}
  .footer .footer-item1 { width: 320px; margin: auto; float: none; margin-bottom: 12px;  line-height: 22px;}
  .footer .footer-item1 img { height: 60px;}
  .footer .footer-item2 { width: 80%;}
  .footer .footer-item2 .dl-con { text-align: left;}
  .footer .footer-item2 dl { padding: 0 2%;}
  .footer .footer-item2 dl dt { font-size: 14px;}
  .footer .footer-item3  { width: inherit;}
  .footer .footer-item3 .weixin-code img { width: 80px; height: 80px;}
  .footer .bdsharebuttonbox a { width: 26px; height: 26px;}
  .footer .footer-item3 .footer-item-text p {  font-size: 14px;}
  .footer .footer-copyright{ padding: 18px 0;}
}
@media (max-width: 1440px){
/*.index-page .banner-static-box .banner-static { width: 100%;}*/
.pos-right {display: none;}
}
@media (max-width: 1024px){
   .cate-wrap { height: auto;}
   .cate-wrap .swiper-box {height: auto;}
   .cate-item.active .swiper-box { height: inherit;}
}
@media (max-width: 767px){
  body { font-size: 12px;position: relative;}
  p  { line-height: 18px;}
  h1 { font-size: 22px;line-height: 28px;}
  h2 { font-size: 20px;line-height: 28px;}
  h3 { font-size: 16px; line-height: 24px;}
  h4 { font-size: 14px; line-height: 22px;}
  h5 { font-size: 14px;}
  .pc { display: none;}
  .mb { display: block;}
  .light-text { font-size: 16px;}
  .container { width: inherit; }
  .wrapper { padding-top: 60px; padding-bottom: 0}
  .wrapper-title { display: none;}
  .nav-drownbox{ display: none;}

  .header .container {  padding:10px 25px;}
  .header,.header.index-header,.index-header.header.on { height: 60px;}
  .header .logo,.index-header.header .logo,.index-header.header.on .logo { margin-top: 0;}
  .header .logo img ,.index-header.header .logo img, .index-header.header.on .logo img{ height: 40px;}
.header .menu-btn,.index-header.header .menu-btn,.index-header.header.on .menu-btn { width: 25px; height: 20px; background-size: 25px 20px; top:22px; right: 45px;}
  
  .header .topbar-box.mb {position: relative; height: 489px;    width: 82%; position: fixed;top: 0; right: -100%;z-index: 10; padding-right: 0;background-color: #985c16;}
  .header .topbar-box.mb .close-btn {display: block; position: absolute;left: -26px;    top: 20px;width: 22px;height: 18px; background-image: url(../images/close.png); background-size: 100%; }
  .header .topbar-box.mb li { float: none;}
  .header .topbar-box.mb li .child {color: #fff;    padding: 13px 0; height: inherit;line-height: inherit; font-size: 16px; }
  .header .topbar-box.mb  { padding: 52px 0  52px  25px;}
  .header .topbar-box.mb ul { padding: 13px 0; border-left: 1px solid #fff;}
  

  .header .topbar-box.mb li .number { padding: 0 20px;}
  
  .show:after{ display: block; content: ''; width: 100%; height: 100%; background-color: #000;opacity: .4;z-index:9;position: fixed;top: 0;}
  .child-list { padding-left: 60px;}
  .child-list .item a { display: block; float: left;color: #fff;width: 33.3%; }
  .child-list .item+.item { margin-top: 8px;}
  .nav-content {display: none;     width: 100%;background-color: #efefef; position: absolute;left: 0; z-index: 1; top:25px;}
  .nav-content .child-list { padding: 15px 25px;}
  .nav-content .child-list .tab-mao.clear-l { clear: left; }
  .nav-content .child-list .item a { color:#666; font-size: 16px; margin-bottom: 12px;}
  .drowndown-nav { position: relative; background-color: #bfbfbf;z-index: 8;}
 .drowndown-nav.pos { position: fixed;width: 100%; top: 60px;}
  .drowndown-nav .sub-navbar {display: block; height: 25px; line-height: 25px;;padding: 0px 25px;}
  .drowndown-nav .sub-navbar span {position: relative;}
  .drowndown-nav .sub-navbar span:after { position: absolute;     right: -20px;top:4px; display: block; content: ''; width: 12px; height: 10px;background: url(../images/down.png); background-size: 12px 10px; }
   .drowndown-nav  .child-list .item a {width: 50%;}
 .bg{ display: none;width: 100%; height: 100%;position: fixed;background-color: #000;opacity:0;z-index: -1;}
 

  
  .banner-static-box .banner-static { width: 100%;    height: 190px;}
  .pos-right { display: none;}
  .wrapper { padding-top: 60px; padding-bottom: 0}
  .wrapper-title { display: none;}
  .tab-nav  { display: none;}
 

  .news-content .swiper-box{ padding:12px 36px;}
   .news-content .swiper-container .swiper-pagination { padding-top: 0px;}
  .news-content-body { padding-top: 0;}
  .news-content-body .news-list { width: inherit;}
  .news-content-body .right-content { width: inherit; border-top: none;padding: 0 12px;}
  .model-item.hot-news-content .hot-news-list .li-item .li-item-txt .title-txt ,.news-content-body .right-content .li-item .li-item-txt .title-txt{ font-size: 14px; line-height: 20px;}
.hot-news-content { margin-bottom: 6px;}
  .pic-text-list { border-top: none;padding-top: 0; width: inherit;float: none;}
  .pic-text-list ul {padding: 0 12px;}
  .pic-text-list .li-item { padding: 0;}
  .pic-text-list .li-item .li-item-img {width: inherit;height: 100%; }
  .pic-text-list .li-item-txt,.healthy-list .li-item .li-item-txt {  padding:12px;}
  .li-item .li-item-txt .title-txt { font-size: 14px;}
  .li-item .li-item-txt .introduce { display: none;}
  .li-item .li-item-img { width: inherit; height: inherit; display: block;}
  .news-list .li-item:hover ,.healthy-list .li-item:hover { background-color: transparent;}
  .model-item.hot-news-content .hot-news-list li { width: 100%;}
  .hot-news-content .list-title .hot-icon {display: inline-block; vertical-align: middle; width: 18px; height: 25px; margin-right: 4px; background: url(../images/hot-icon.png);background-size: 100%; }
  .hot-news-content .list-title,.model-item.hot-news-content .list-title { padding: 10px 0;margin-bottom: 0;}
  .hot-news-list li .li-item ,.model-item.hot-news-content .hot-news-list .li-item{ padding:6px 0;margin: 0; }
  .hot-news-list .li-item .li-item-img ,.model-item.hot-news-content .hot-news-list .li-item-img{width: 100px; height: 60px;    display: table-cell;}
  .hot-news-list .li-item .li-item-img img ,.model-item.hot-news-content .hot-news-list .li-item-img img{ width: 100px; height: 60px;}
  .hot-news-list .li-item .li-item-txt,.model-item.hot-news-content .hot-news-list .li-item-txt {display: table-cell; padding: 0 0 0 12px;}
  .hot-news-list .li-item .li-item-txt .title-txt,.model-item.hot-news-content .hot-news-list .li-item .li-item-txt .title-txt {height: 42px;}
  .hot-news-list .li-item .time-txt { line-height: 16px;padding-top: 2px;}
  .healthy-content ,.about-content{ padding-top: 12px;}

  .about-content-body .model-item { padding:0 18px;}
  .about-content-body .model-item+.model-item { margin-top: 12px;}
  .about-content-body .model-item1 .descript-box { width: inherit;padding: 12px 0;}
  .bg-wrap  { margin-top: 90px;}
  .bg-wrap .container { top: -90px;margin-bottom: 0;}
  .bg-wrap .model-item { margin-bottom: 0;}
  .bg-wrap .child-title { font-size: 14px;    padding-bottom: 10px;}
  .bg-wrap .min-title {font-size: 14px; padding-bottom: 0px;  }
  .bg-wrap .line-title { margin-top: 0;}
  .bg-wrap .line-title:after {  width: 30px; height: 1px; margin:10px 0;}
  .bg-wrap p { text-indent: 26px;}
  .line-title { font-size: 22px;}
  .line-title:after { width: 30px; height: 1px;margin-top: 12px;}
  .model-item1 .line-title {     margin-bottom: 0; margin-top: 0;}
  .model-item .pic-bg { width: 90%; height: inherit; float: left;position: static; }
  .model-item .pic-bg img { opacity: 0;}
  .model-item .text-des-box { width: 90%; position: static; height: inherit;   margin-top: -45px; float: right; }
  .model-item .text-des-box .text-des-con { padding: 12px;}
  .model-item5 .min-title { padding:0;}
  .model-item6 .line-title {padding-bottom: 0px;margin-bottom: 5px;    margin-top: 5px;}
  
  .about-page .footer.mb { margin-top: -60px; position: relative;}
  .detail-page .main-content {padding:0 12px; }
  .detail-page .wrapper,.news-page .wrapper ,.healthy-page .wrapper{ padding-top: 85px;}
  .detail-top { border-bottom: 1px solid #b2b2b2;padding-bottom: 0px;}
  .detail-top .detail-title { font-size: 14px; padding:12px 0 4px 0; }
  .detail-top .child-title { font-size: 12px; padding-bottom: 12px;}
  .detail-top .child-title .inline-b+.inline-b { margin-left: 6px;}
  .detail-top .share-box .bdsharebuttonbox a {margin:0 2px; width: 14px;height: 14px; background-size: 100%;}
  .detail-body { padding:12px 0;}
  .detail-body p { text-indent: 0;}
  .detail-body .body-img { padding: 12px 0;}
  /*联系我们*/
  .contact-content { padding: 0 12px;}
  .line-title {  font-size: 18px;margin-bottom: 12px; margin-top: 12px;}
  .line-title:after { width: 70px;margin-top: 10px;}
  .contact-content .li-item .li-item-img { width: 100%;}
  /*黑牛食品馆*/
  .product-page .wrapper { padding-top: 60px;}
  .product-page .main-wrapper,.news-page .main-wrapper { padding-top: 0px;}
  .product-content { padding: 12px;}
  .leftbar { width: inherit;padding-top: 0px; float: none;}
  .right-content {width: inherit;  float: none;}
  .lettbar-top { padding: 0 10px;}
  .leftbar .logo img {width: inherit;  height: 30px; margin-bottom: 0; margin-right: 60px;}
  .leftbar .img-box img { margin-top: 0;  height: 30px;}
  .leftbar .logo ,.img-box { float: left;}
  
  
  .tab-menu-box {margin-top: 12px; clear: both; overflow: hidden;}
  .tab-menu-box .tab-menu { width: 25%; float: left; font-size: 14px; padding: 0px;}
  .cate-item.hide .cate-title, .cate-item:first-of-type.hide .cate-title {height: 38px; }
  .cate-title { font-size: 18px;     height: 38px;}
  .cate-item .swiper-box { padding:0 16px;overflow: inherit}
  .cate-item .swiper-box .swiper-slide .img-wrap {  padding: 12px 0;height: 116px;}
  .cate-item .swiper-box .swiper-slide .txt-wrap { padding: 12px 0; font-size: 12px;}
  .cate-item .swiper-box .swiper-slide .img-wrap img{    max-height: 116px;}
  .cate-item .swiper-box .swiper-button {    margin-top: -34px; width: 10px; height: 25px; }
  .cate-item .swiper-box .swiper-button.swiper-button-prev { background-size: 10px 25px;/*left: -16px;*/}
  .cate-item .swiper-box .swiper-button.swiper-button-next {background-size: 10px 25px; /*right: -16px;*/}
 /* .cate-item .swiper-box .swiper-button.swiper-button-prev:hover { background: url(../images/prev-actived.png);background-size: 10px 25px;}
  .cate-item .swiper-box .swiper-button.swiper-button-next:hover { background: url(../images/next-actived.png);background-size: 10px 25px;}
  */

  .li-item .address-item-txt  { padding: 0; margin-top: 12px; margin-bottom: 12px; display: block;}
  .li-item .address-item-txt .company-name { font-size: 18px; padding-bottom:12px;}
  .li-item .address-item-txt .address-text p { font-size: 12px;}
  .li-item .address-item-txt .address-text p+p { margin-top: 6px;}
    .li-item .address-item-txt .address-text span.label-name { min-width: 58px;}
  .swiper-button { width: 28px; height: 18px;margin-top: -60px;background-size: 180%;background-position: center;}
  .swiper-button.swiper-button-prev { left: 0;}
  .swiper-button.swiper-button-next { right: 0;}
  .swiper-pagination { padding-top: 0; text-align: left;} 
  .swiper-pagination .swiper-pagination-bullet { width: 38px;}
  .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left: 6px;}
  .swiper-slide .li-item .li-item-txt { padding:12px;}

  
  
  .pagingbtn-box { padding: 12px 0;}
  .pagingbtn-box .fl ,.pagingbtn-box .fr { float: none;}
  .pagingbtn-box .fr { margin-top: 10px;}
  .pagingbtn-box p+p { margin-top: 0;}
  .pagination-box { padding:10px 12px;}
  .pagination-box .pagination-a {width: 24px; height: 24px; line-height: 24px;  font-size: 12px;}
  .pagination-box .pagination-a+.pagination-a { margin-left: 0px;}
  .pagination-box .pagination-a.pagination-a-i {width: 49px; }
  .footer.pc { display: none;}
  .footer.mb { display: block; padding: 35px 0; text-align: center; color: #fff;}
.footer.mb p+p{margin-top: 8px;}
  .back-btn { width: 95px; height: 32px; line-height: 32px;font-size: 12px;}
}

.enter .enter-icon {
  display: inline-block;
  -webkit-animation: bouncedelay 1s infinite ease-in;
  animation: bouncedelay 1s infinite ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;opacity: 0;}
.enter .enter-icon1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
 
.enter .enter-icon2 {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}
.enter .enter-icon3 {
  -webkit-animation-delay: 35s;
  animation-delay: 35s;
}
@-webkit-keyframes bouncedelay {
  0% {opacity: 0;}
   80%, 100% { opacity: 1;}
}
 
@keyframes bouncedelay {
  0% {opacity: 0;}
  80%, 100% { opacity: 1;}
}