@charset "utf-8";
/* CSS Document */
/*创新零食*/
.innovate-img{width:100%; height:657px; background:url(../images/enbannercp.jpg) center center no-repeat;}
.product-nav{ width:1000px; margin:35px auto 0px; border-bottom:1px solid #cfcfcf; padding-bottom:8px;}
.pronav{ float:left;}
.pronav a{ display:block; height:26px; color:#333333; text-align:center; line-height:26px; font-size:14px; float:left; margin-right:10px; border-radius:4px; padding:0px 10px;}
.pronav a:hover{color:#25bb37;}
.pronav-on{background:#25bb37; color:#fff!important;}
.product-nav > p{ float:right; font-size:14px; color:#333333; line-height:26px;}
.product-nav > p a{color:#333333;}
.innovate{width:1000px; margin:70px auto 105px;}
.inno-txt{ text-align:center; font-size:14px; color:#666666; margin:25px 0px 50px; line-height:30px;}
.inno3{ margin:50px 0px 100px;}
/*经典零食*/
.classics{width:1000px; margin:70px auto 105px;}
.ccs-img{ margin-bottom:60px;}
.ccsnav ul li{ position:relative; float:left; width:320px; height:320px; margin:0px 20px 20px 0px; overflow:hidden;}
.ccsnav ul a{ display:block;}
.no-margin{ margin-right:0px!important;}
.ccs-txt{ position:absolute; left:0px; bottom:-78px; width:320px; height:78px; background:url(../images/ccs-hover.png) no-repeat;transition:all 200ms ease;}
.ccsnav ul li:hover .ccs-txt{bottom:0px;transition:all 200ms ease;}
.ccs-txt p{ font-size:24px; color:#ffffff; text-align:center; margin-top:10px;}
.ccs-txt span{ display:block; text-align:center; font-size:14px; color:#fff;}
.ccs-logo{ line-height:320px; text-align:center;}
/*销售网络*/
.network{width:1000px; margin:70px auto 105px;}
.network-txt{ margin-top:30px;}
.network-txt p{ font-size:16px; color:#666; line-height:25px; margin-bottom:15px; text-indent:2em;}
.map{ position:relative; width:1000px; height:671px; background:url(../images/map.png) no-repeat; margin-top:50px;}
.map-ho{position:absolute;}
.map-div{ position:absolute; left:-80px; bottom:0px; width:277px; height:165px; display:none; z-index:99;}
.map-ho:hover .map-div{ display:block;}
.map1{  left:152px; top:160px; width:36px; height:19px;}
.map2{ left:174px; top:174px; width:32px; height:24px; }
.map3{ left:148px; top:184px; width:53px; height:26px; }
.map4{ left:205px; top:211px; width:39px; height:25px; }
.map5{ left:415px; top:350px; width:50px; height:50px; }
.map6{ left:698px; top:212px; width:52px; height:27px; }
.map7{ left:146px; top:234px; width:85px; height:19px; }
.map8{ left:382px; top:162px; width:58px; height:24px; }
.map9{ left:375px; top:214px; width:51px; height:25px; }
.map10{ left:695px; top:163px; width:58px; height:26px; }
.map11{ left:814px; top:335px; width:58px; height:25px; }
.map12{ left:802px; top:392px; width:56px; height:30px; }
.map13{ left:134px; top:229px; width:30px; height:32px; }
.map14{ left:94px; top:297px; width:76px; height:35px; }
.map15{ left:289px; top:183px; width:39px; height:19px; }
.map16{ left:278px; top:215px; width:34px; height:28px; }
.map17{ left:326px; top:225px; width:33px; height:29px; }
.map18{ left:342px; top:235px; width:58px; height:35px; }
.map19{ left:430px; top:205px; width:35px; height:25px; }
.map20{ left:465px; top:213px; width:45px; height:19px; }
.map21{ left:327px; top:290px; width:65px; height:33px; }
.map22{ left:488px; top:385px; width:81px; height:51px; }
.map23{ left:675px; top:240px; width:50px; height:33px; }
.map24{ left:745px; top:270px; width:78px; height:30px; }
.map25{ left:765px; top:310px; width:80px; height:29px; }



/*经典零食系列详情*/
.detail-tit{ float:left; width:319px; height:127px; background:#7fbe25; border-radius:8px;}
.detail-tit p{ font-size:30px; color:#fff; text-align:center; margin-top:23px;}
.detail-tit span{ display:block; font-size:24px; color:#fff; text-align:center;}
.detail-list{ margin-top:30px; overflow:hidden;}
.detail-list ul li{ float:left; width:230px; height:243px; border-right:1px solid #bbbaba;border-bottom:1px solid #bbbaba; margin:25px 25px 0px 0px;}
.detail-list ul li img{ width:228px; height:154px;}
.detail-list ul li p{ font-size:14px; color:#666; margin-top:7px;}
.detail-list ul li span{ display:block; font-size:13px; color:#666; margin-top:2px;}
.de-green p, .de-beans p, .de-peanuts p{line-height:18px;margin-bottom: 5px;}
.de-beans{float:left;width: 601px;margin: 0px 40px 0px 40px; color:#6b6c6e; font-size:12px;}
.de-green{float:left;width: 601px;margin: 0px 40px 0px 40px; color:#6b6c6e; font-size:12px; margin-top:4px;}
.de-peanuts{float:left;width: 601px;margin: 0px 40px 0px 40px; color:#6b6c6e; font-size:12px; margin-top:-12px;}
/*轮播*/
/*banner*/
.innovate-img2{width:100%; height:657px;}
/*banner*/
.slideBox{ position:relative; width:100%; height:657px; overflow:hidden;}
.slideBox .bd{ position:relative; width:100%;}
.slideBox .bd ul{ position:absolute; top:0; left:0;}
.slideBox .bd ul li{ float:left; width:100%; height:657px;}
.slideBox .bd ul li div{ display:block; width:100%; height:657px; overflow:hidden;}
.slideBox .hd{ position:absolute; bottom:52px; left:50%; margin-left:-20px; z-index:3;}
.slideBox .hd ul li{ float:left; width:10px; height:10px; margin-right:10px; overflow:hidden; background-image:url(../images/circle.png); _background-image:url(../images/circle.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/circle.png",sizingMethod="crop"); cursor:pointer; z-index:3;}
.slideBox .hd ul li.on{ background-image:url(../images/circle1.png); _background-image:url(../images/circle1.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/circle1.png",sizingMethod="crop");}
/*banner-end*/
/*产品详情页面*/
.shop-detail{ width:1000px; margin:20px auto 40px;}
/*轮播*/
.smallimg{float:left;width:550px;position:relative;}
.ban2{ width:550px; height:371px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:550px; height:371px; line-height:371px; text-align:center;}
.ban2 ul li img{ max-height:371px; max-width:550px;}
.prev{ float:left; cursor:pointer;}
.num{ height:51px;overflow:hidden; width:372px; position:relative; margin:0px auto;}
.min_pic{ position:relative; padding-top:10px; width:550px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:69px; height:47px; margin-right:5px; padding:1px; }
.num ul li img{ width:69px; height:47px;}
.num ul li.on{ border:2px solid #ff9933; padding:0;width:65px; height:43px;}
.num ul li.on img{width:65px; height:43px;}
.prev_btn1{ position:absolute; left:15px; top:21px;width:30px;height:30px;cursor:pointer;background:url(../images/s-left.png) no-repeat;background-size:100% 100%; }
.next_btn1{position:absolute; right:15px; top:21px;width:30px;height:30px;cursor:pointer;background:url(../images/s-right.png) no-repeat;background-size:100% 100%;}
.prev1{ position:absolute; top:157px; left:-20px; width:43px; height:43px;z-index:9;cursor:pointer;background:url(../images/s-left.png) no-repeat;background-size:100% 100%; }
.next1{ position:absolute; top:157px; right:-20px; width:43px; height:43px;z-index:9;cursor:pointer;background:url(../images/s-right.png) no-repeat;background-size:100% 100%;}
/*轮播end*/
.shop-right{ float:right; width:400px; padding-top:50px;}
.shop-right h1{ font-size:16px; color:#666; font-weight:normal;}
.shop-right p{ font-size:14px; color:#666; margin-top:7px;}
.shop-right span{ display:block;font-size:14px; color:#666; margin-top:7px;}
.shoptxt span{ float:left; width:35px;}
.shoptxt p{ float:right; width:365px;}
.shop-de{ width:1000px; margin:0px auto 80px;}
.shopline{ width:100%; height:1px; background:#25bb37;}
.shop-tit{ display:block; width:200px; text-align:center; font-size:18px; font-weight:normal; color:#25bb37; margin-top:15px; line-height:45px; border-bottom:4px solid #25bb37;}
.shop-content img {display: block;margin: 15px auto; max-width: 1000px;}
.shop-content p {display: block;margin: 5px auto; max-width: 1000px;padding: 5px;line-height: 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;}