@charset "utf-8";
/* CSS Document */
#box {width:640px; height:auto; margin:0 auto; overflow:hidden;}
/*banner图*/
.banner{ position:relative; width:640px; height:314px;}
.banner-de{position:relative; width:640px; height:432px;}
.banner-de img{ width:640px; height:432px;}
.banner-de .swiper-container{width:640px; height:432px;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.swiper-container {height: 314px;width: 640px;}
.content-slide {padding: 20px;color: #fff;}
.title {font-size: 25px; margin-bottom: 10px;}
.pagination {position: absolute;left: 0;text-align: center; bottom:5px;width: 100%;z-index:9;}
.swiper-pagination-switch {display: inline-block; width: 10px;height: 10px;border-radius: 10px;background: #999; margin: 0 5px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
/*banner图end*/
/*创意零食*/
.product{ padding:0px 40px;}
.productnav{ border-bottom:1px solid #cccccc; padding:25px 0px 12px;}
.productnav a{ display:block; float:left; width:87px; height:28px;  border-radius:14px; color:#333333; font-size:17px; text-align:center; margin-right:20px;}
.product-on{background:#25bb37; color:#fff!important;}
.innovate{ margin-top:15px; margin-bottom:80px;}
.inno-txt{font-size:15px; color:#666666; margin:10px 0px 30px; line-height:30px;}
.inno3{ margin:20px 0px 30px; margin-left: 30px; }
/*销售网络*/
.network{ margin-top:25px; margin-bottom:80px;}
.network-txt p{ font-size:18px; color:#666666; margin-top:20px;}
.netmap{ margin-top:40px;}
/*经典零食*/
.ccs-img{ margin:20px 0px;}
.ccsnav{ margin-bottom:60px;}
.ccsnav a{ position:relative; display:block; float:left; width:178px; height:178px; margin:0px 13px 13px 0px;}
.ccsnav a img{ width:178px;height:178px;}
.ccsnav a p{ position:absolute; left:0px; bottom:0px; width:100%; height:42px; background:url(../images/ccs-hover.png) no-repeat; text-align:center; line-height:42px; font-size:18px; color:#fff;}
.ccsnav a:nth-child(3n){ margin-right:0px;}
.ccs5{float:left; width:178px; height:179px; margin:0px 13px 13px 0px;}
.ccs5 img{ margin:30px 0px 0px 25px;}
.ccs9{float:left; width:178px; height:179px; margin-bottom:13px;}
/*经典零食详情*/
.detail{ margin:35px 0px 40px;}
.detail-tit{width:258px; height:103px; background:#7fbe25; border-radius:8px; overflow:hidden;}
.detail-tit p{ font-size:24px; color:#fff; text-align:center; margin-top:23px;}
.detail-tit span{ display:block; font-size:19px; color:#fff; text-align:center;}
.de-beans p{margin-bottom: 5px;}
.de-beans{ color:#666666; font-size:17px; margin-top:15px;}
.detail-list{ margin-top:30px; overflow:hidden;}
.detail-list ul li{ float:left; width:261px; height:270px; border-right:1px solid #bbbaba;border-bottom:1px solid #bbbaba; margin:0px 36px 25px 0px;}
.detail-list ul li:nth-child(2n){ margin-right:0px;}
.detail-list ul li img{ width:261px; height:175px;}
.detail-list ul li p{ font-size:16px; color:#666666; margin-top:7px;}
.detail-list ul li span{ display:block; font-size:15px; color:#666; margin-top:2px;}
/*商品详情页面*/
.products{padding:30px 40px;}
.products > h1{ font-weight:normal; font-size:18px; color:#666666;}
.products p, .products span{font-size:17px; color:#666666; margin-top:10px;}
.pro-content{ margin-top:20px;}


.inno2 li{float: left; margin-right: 18px;}
.inno3 li{float: left;margin-top:40px;}
.inno3 .h{font-size: 18px;margin-top:30px; text-align: center;color: #000000;}
.inno3 .p1{margin-top:10px;font-size: 14px;padding: 0px 10px; text-align:center;}
.inno3 .p2{margin-top:20px;font-size: 14px; text-align: center;}
.inno3 .p2 a{color: #7fbe25;}