.nav{ height:40px; }
.navbox{ border:1px solid #c3c3c3; border-top:0; padding:8px 10px; background:#fff; }
.navbox p{ font-size:16px; line-height:24px; color:#f39801; float:left; line-height:24px; }
.navbox .search{ float:right; display:block; width:70px; position:relative; }
.navbox .search img{ width:100%; display:block; }
.navbox .search.cur .img1{ opacity:0; }
.navbox .search .img2{ opacity:0; position:absolute; width:100%; left:0; top:0; }
.navbox .search.cur .img2{ opacity:1; }
.navbox .btn{ font-size:16px; color:#e77680; border:1px solid #e77680; display:inline-block; padding:2px 15px; float:right; margin-left:10px; border-radius:20px; }
.navbox .btn.cur{ background:#e77680; color:#fff; }
.navbox.cur,.filbox.cur{ position:fixed !important; width:100%; top:0; left:0; box-sizing:border-box; z-index:100; }
.navbox .back_top{ float:right; display:block; color:#6dd3ba; }
.navbox .back_top img{ height:24px; width:auto; vertical-align:middle; margin-right:5px; margin-top:-1px; }

/*产品列表*/
.pro_list{ padding:10px 0 20px 0; }
.pro_list li{ float:left; width:48%; margin:1%; text-align:center; }
.pro_list li a{ display:block; }
.pro_list li a.close{ width:40%; margin:0 auto; }
.pro_list li a img{ width:100%; display:block; }
.pro_list li p{ font-size:14px; color:#383838; margin-bottom:4px; }
.pro_list li span{ font-size:13px; color:#6c6b6b; display:block; margin-bottom:4px; }
.pro_list li strong{ font-size:22px; color:#f39800; display:block; font-weight:normal; margin-bottom:8px; }
.pro_list li .join{ padding:10px 0; border:1px solid #8f8f8f; color:#8b8a8a; text-align:center; line-height:20px; }
.pro_list li .join.cur{ border:1px solid #6dd3ba; color:#fff; background:#6dd3ba; pointer-events: none; }
.pro_list li .join.curs{ pointer-events: none; background:#8f8f8f; color:#fff; }
.pro_screen{ background:#f8f8f8; padding-bottom:20px; display:none; }
.pro_screen .titbox a{ width:25%; display:inline-block; box-sizing:border-box; padding:20px 0; text-align:center; color:#6c6b6b; font-size:14px; background:#fff; border-right:1px solid #f2f2f2; float:left; }
.pro_screen .titbox .a4{ border-right:none; }
.pro_screen .titbox a span{ display:block; position:relative; }
.pro_screen .titbox a span img{ width:100%; display:block; margin-bottom:10px; }
.pro_screen .titbox a span .img2{ position:absolute; left:0; top:0; opacity:0; }
.pro_screen .titbox a.cur{ color:#f5949d; border-top:2px solid #f5949d; background:none; }
.pro_screen .titbox a.cur span .img2{ opacity:1; }
.pro_screen .titbox a.cur span .img1{ opacity:0; }
.pro_screen .tab_box{ padding:0 10px; }
.pro_screen .tab_box .border{ display:none; padding:20px 0 10px; }
.pro_screen .tab_box .border1 a{ display:inline-block; float:left; width:46%; margin:0 2%; margin-bottom:10px; }
.pro_screen .tab_box .border1 a .imgbox{ text-align:center; display:none; }
.pro_screen .tab_box .border1 a .imgbox img{ width:50px; }
.pro_screen .tab_box .border a em{ display:block; width:100%; box-sizing:border-box; border:1px solid #c7c7c7; color:#6c6b6b; font-size:12px; line-height:20px; text-align:center; padding:5px 0; }
.pro_screen .tab_box .border a.cur em{ border:1px solid #f5949d; }
.pro_screen .btn{ display:block; width:70%; margin:0 auto; font-size:16px; color:#fff; text-align:center; border-radius:10px; background:#f5949d; padding:5px 0; }
.pro_screen .tab_box .border a em i{ display:inline-block; background:url(../images/product/ok.png) no-repeat center; background-size:100% 100%; width:15px; height:15px; vertical-align:middle; margin-left:10px; display:none; }
.pro_screen .tab_box .border a.cur em i{ display:inline-block; }
.pro_screen .tab_box .border2 a{ display:inline-block; float:left; width:29%; margin:0 2%; margin-bottom:10px; }
.profix{ position:fixed; width:100%; left:0; bottom:0; background:#fff; -webkit-transform:translateY(100%); -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.profix.cur{ -webkit-transform:translateY(0); }
.profix .btnbox{ display:block; }
.profix .btnbox img{ width:100%; display:block; }
.profix .imgbox{ padding:10px; height:100px; box-sizing:border-box; }
.profix .leftbox{ float:left; width:25%; height:100%; margin-right:10%; box-sizing:border-box; border:1px solid #cecece; text-align:center; position:relative; }
.profix .leftbox a{ display:block; height:100%; }
.profix .leftbox .img1{ width:auto; height:100%; }
.profix .leftbox .img2{ position:absolute; width:30%; right:-30%; top:0; }
.profix .rightbox{ float:left; width:25%; height:100%; box-sizing:border-box; border:1px solid #cecece; text-align:center; position:relative; }
.profix .rightbox .img1{ width:auto; height:100%; }
.profix .rightbox .img2{ position:absolute; width:30%; right:-30%; top:0; }
.profix .text{ font-size:20px; color:#c4c4c4; float:left; margin-right:4%; height:100%; line-height:40px; }
.profix .gobtn{ float:right; width:15%; height:100%; margin-left:10%; }
.profix .gobtn a{ display:block; text-align:center; background:#61d0af; color:#fff; line-height:80px; font-size:20px; }
.profix .gobtn a.cur{ background:#b5b5b5; pointer-events: none; }
.profix .box{ display:none; }

/*产品详细*/
.pro_det img{ width:100%; }
.pro_det .swiper-container{ margin-bottom:20px; }
.pro_det .pagination{ position:absolute; bottom:10px; left:50%; margin-left:-52px; padding:3px 10px; background:url(../images/point_bg.png) repeat; border-radius:50px; }
.pro_det .swiper-pagination-switch{ display:block; background:url(../images/point1.png) no-repeat center; background-size:100% auto; width:17px; height:17px; float:left; margin:0 2px; }
.pro_det .swiper-visible-switch{ background:url(../images/point2.png) no-repeat center; background-size:100% auto; }
.pro_det .text{ padding:0 10px; margin-bottom:40px; }
.pro_det .text h3{ font-size:18px; color:#383838; margin-bottom:5px; font-weight:normal; }
.pro_det .text p{ font-size:14px; color:#9e9d9d; padding-bottom:10px; border-bottom:1px solid #dcdcdc; margin-bottom:10px; }
.pro_det .text strong{ font-size:30px; color:#f39800; font-weight:normal; margin-bottom:10px; display:block; }
.pro_det .text .mabtn{ margin-right:10px; font-size:16px; color:#fff; padding:10px 15px; background:#f39800; }
.pro_det .text .shopbtn{ font-size:16px; color:#fff; padding:10px 15px; background:#6dd3ba; }
.pro_det .swiper-container2{ border:10px solid #f6f6f6; border-left:none; border-right:none; position:relative; width:100%; overflow:hidden; }
.pro_det .swiper-button-prev{ position:absolute; left:0; width:30px; height:60px; background:url(../images/leftbtn.png) no-repeat center; background-size:100% 100%; top:50%; margin-top:-30px; }
.pro_det .swiper-button-next{ position:absolute; right:0; width:30px; height:60px; background:url(../images/rightbtn.png) no-repeat center; background-size:100% 100%; top:50%; margin-top:-30px; }
.pro_det .html_box .titbox a{ display:inline-block; width:33.3%; color:#5a5959; text-align:center; font-size:16px; padding:8px 0; border-right:1px solid #d1d1d1; box-sizing:border-box; border-bottom:2px solid #6dd3ba; }
.pro_det .html_box .titbox a span{ display:inline-block; vertical-align:middle; width:10px; height:5px; background:url(../images/spanbg1.png) no-repeat center; background-size:100% auto; margin-left:10px; } 
.pro_det .html_box .titbox a.cur{ color:#fff; background:#6dd3ba; }
.pro_det .html_box .titbox a.cur span{ background:url(../images/spanbg2.png) no-repeat center; background-size:100% auto; }
.pro_det .html_box .tab_box .border{ padding:20px 0; display:none; }
.pro_det .html_box .html img{ max-width:100%; }
.pro_det .html_box .html .ht1{ font-size:20px; color:#3e3e3e; margin-bottom:6px; font-weight:normal; text-align:center; padding-top:20px; }
.pro_det .html_box .html .ht2{ font-size:16px; color:#626262; margin-bottom:6px; font-weight:normal; text-align:center; display:block; }
.pro_det .html_box .html .ht3{ font-size:14px; color:#939393; line-height:20px; text-align:center; padding-bottom:20px; }
.pro_det .table_con table{ width:100%; border-top:1px solid #d0d0d0; }
.pro_det .table_con table th{ width:30%; text-align:right; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; box-sizing:border-box; line-height:18px; font-size:12px; padding:5px 0; background:#fefff7; color:#bcca76; padding-right:10px; font-weight:normal; white-space:nowrap; }
.pro_det .table_con table .td1{ border-right:none; background:#f9f9f9; }
.pro_det .table_con table td{ border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; box-sizing:border-box; line-height:18px; font-size:12px; padding:8px 10px; color:#5e5e5e; width:70%; }
.pro_det .recipe { margin-bottom:1rem;}
.pro_det .recipe .left { width:48.5%; float:left;}
.pro_det .recipe .right { width:48.5%; float:right;}
.pro_det .recipe .item { margin-bottom:1rem; box-sizing:border-box; color:#999; line-height:.9rem; font-size:.7rem;}
.pro_det .recipe .item  a{ color:#999; }
.pro_det .recipe .item img { width:100%; display:block; margin-bottom:.5rem;}
.pro_det .recipe .item p { font-size:.8rem; margin-bottom:.3rem; color:#333;}


/*产品对比*/
.contrast_con .table_con table{ width:100%; border-top:1px solid #d0d0d0; }
.contrast_con .table_con table th{ width:28%; text-align:right; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; box-sizing:border-box; line-height:18px; font-size:12px; padding:5px 0; background:#fefff7; color:#bcca76; padding-right:10px; font-weight:normal; white-space:nowrap; }
.contrast_con .table_con table .td1{ border-right:none; background:#f9f9f9; }
.contrast_con .table_con table td{ border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; box-sizing:border-box; line-height:18px; font-size:12px; padding:8px 10px; color:#5e5e5e; width:36%; }
.Top_box{ position:fixed; width:100%; left:0; top:0; background:#fff; border-bottom:2px solid #bcca76; -webkit-transform:translateY(-100%); -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s;  }
.Top_box.cur{ -webkit-transform:translateY(0); }
.Top_box .leftbox{ float:left; width:28%; }
.Top_box .leftbox img{ width:100%; display:block; }
.Top_box .centbox{ width:36%; float:left; box-sizing:border-box; border-right:1px solid #e9e9e9; position:relative; }
.Top_box .centbox .img1{ width:66%; margin-left:10px; }
.Top_box .centbox .img2{ position:absolute; right:0; bottom:0; width:20%; display:block; }
.Top_box .rightbox{ width:36%; float:left; position:relative; }
.Top_box .rightbox .img1{ width:66%; margin-left:10px; }
.Top_box .rightbox .img2{ position:absolute; right:0; bottom:0; width:20%; display:block; }

/*影像故事*/
.news_list{ padding:20px 10px; }
.news_list ul{ margin-bottom:20px; }
.news_list li{ float:left; width:48%; margin:0 1%; margin-bottom:15px; }
.news_list li a{ display:block; }
.news_list li a img{ display:block; width:100%; margin-bottom:6px; }
.news_list li p{ font-size:14px; color:#6c6b6b; line-height:20px; }
.news_list .ctrl{ text-align:center; }
.news_list .ctrl a{ width:60%; color:#333; font-size:.85rem; height:2.5rem; line-height:2.5rem; display:inline-block; text-decoration:none;  border:#a5a5a5 solid 1px; background:#f9f9f9; }
.video_det{ padding:20px 0; background:#f8f8f8; }
.video_det .titbox{ border-left:2px solid #f39800; padding-left:10px; margin-bottom:10px; margin:0 10px; margin-bottom:20px; }
.video_det .titbox h3{ font-size:18px; font-weight:normal; color:#3e3e3e; }
.video_det .titbox p{ color:#9d9d9d; font-size:14px; }
.video_det .content{ position:relative; }
.video_det .content img{ width:100%; display:block; }
.video_det .content .imgbox{ position:absolute; left:0; top:0; z-index:1; }
.video_det .content .imgbox span{ display:block; position:absolute; left:0; top:0; }
.video_det video{ width:100%; background:#000; }
.video_det .images_box img{ width:100%; }
.video_det .swiper-container2{ width:100%; overflow:hidden; position:relative; }
.video_det .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(../images/news/right.png) no-repeat center; background-size:100% 100%; width:30px; height:60px; right:0; }
.video_det .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background:url(../images/news/left.png) no-repeat center; background-size:100% 100%; width:30px; height:60px; left:0; }
.video_det .images_box p{ color:#787878; font-size:16px; padding:10px 10px 0; }
.video_det .images_box p span{ font-size:18px; }
.video_det .images_box p span em{ color:#f39800; }

/*公众服务*/
.ma_cont{ padding:40px 10px 20px; }
.ma_cont .bigimg{ width:60%; margin:0 auto; border:2px solid #f39800; box-sizing:border-box; margin-bottom:40px; }
.ma_cont .bigimg img{ width:100%; }
.ma_cont .iconbox{ position:relative; width:100%; overflow:hidden; }
.ma_cont .iconbox li{ float:left; margin:0 8px; }
.ma_cont .iconbox li a{ display:block; border:1px solid #ececec; border-radius:100%; overflow:hidden; }
.ma_cont .iconbox li.cur a{ border:1px solid #f26521; }
.ma_cont .iconbox li img{ width:100%; }

/*公司新闻*/
.news_cont .yearbox{ padding:0 10px; }
.news_cont .tit{ font-size:22px; color:#383838; height:40px; line-height:40px; padding:10px 0; border-bottom:1px solid #ebebeb; }
.news_cont .tit span{ background:url(../../images/about/news_arrow.png) no-repeat center; background-size:100% 100%; width:20px; height:9px; display:inline-block; float:right; margin-top:17px; }
.news_cont .yearbox.cur .tit{ color:#f39800; font-size:24px; }
.news_cont .yearbox.cur .tit span{ background:url(../../images/about/news_arrow_hover.png) no-repeat center; background-size:100% 100%; }
.news_cont .newslis{ display:none; }
.newslis ul{ padding:20px 10px; border-bottom:1px solid #ebebeb; }
.newslis li{ margin-bottom:15px; }
.newslis li a{ display:block; }
.newslis li img{ width:30%; display:block; float:left; }
.newslis li span{ float:right; width:65%; display:block; color:#6c6b6b; }
.newslis li span em{ font-size:14px; display:block; padding-top:4px; }
.newslis li span i{ font-size:14px; display:block; line-height:20px; height:40px; color:#333; overflow:hidden; }
.newslis .ctrl{ text-align:center; padding-top:10px; }
.newslis .ctrl a{ width:60%; color:#333; font-size:.85rem; height:2.5rem; line-height:2.5rem; display:inline-block; text-decoration:none;  border:#a5a5a5 solid 1px; background:#f9f9f9; }

.news_det{ padding:20px 10px; }
.news_det h3{ font-size:18px; color:#f39800; text-align:center; font-weight:normal; margin-bottom:5px; }
.news_det .time{ font-size:14px; color:#c8c8c8; text-align:center; padding-bottom:20px; border-bottom:1px solid #c8c8c8; }
.news_det .html{ line-height:2rem; font-size:16px; color:#333; padding-top:10px; margin-bottom:20px; }
.news_det .html p,.news_det .html div { line-height: 180%; margin-bottom:10px;}
.news_det .html img{max-width: 100%; margin:10px 0;}
.news_det .page{ display:block; color:#f39800; text-decoration:underline; font-size:16px; margin-bottom:10px; }
.news_det .back{ text-align:center; }
.news_det .back a{ display:inline-block; padding:5px 20px; color:#fff; font-size:16px; background:#f39800; margin-bottom:30px; border-radius:5px; }

/*希望厨房*/
.hope_cont{ padding:0 10px; }
.hope_cont .text{ line-height:2rem; color:#6c6b6b; font-size:16px; padding-bottom:20px; border-bottom:1px solid #f5f5f5; margin-bottom:10px; }
.hope_cont h2{ font-size:20px; color:#f39800; font-weight:normal; padding:10px 0; }
.hope_cont .newslis ul{ border:none; }
.hope_cont .more{ display:block; margin-bottom:20px; }
.hope_cont .more img{ width:100%; }
.hope_cont .video_det{ background:none; }
.hope_cont .video_det .content{ margin-bottom:20px; }
.hope_cont .mabox{ border:1px solid #cfcfcf; padding:10px; margin-bottom:10px; }
.hope_cont .mabox img{ width:100%; }
.hope_cont .mabox .td1{ width:40%; }

.hope_cont .mabox .td2{ width:30%; text-align:right; }
.hope_cont .mabox .td2 img{ width:70%; }
.hope_cont .mabox .td3{ padding-left:10%; }
.hope_cont .mabox .td3 em{ display:block; font-size:16px; color:#383838; margin-bottom:10px; padding-left:10px; }
.hope_cont .mabox .td3 i{ font-size:14px; color:#6c6b6b; padding-left:10px; display:block; line-height:20px; }
.hope_cont .iconbox table{ width:100%; }
.hope_cont .iconbox .td1{ width:30%; text-align:center; }
.hope_cont .iconbox .td1 img{ width:50%; }
.hope_cont .iconbox .td2{ width:70%; padding:15px 0; border-bottom:1px solid #ebebeb; }
.hope_cont .iconbox .td2 em{ display:block; font-size:16px; color:#383838; margin-bottom:10px; padding-left:10px; }
.hope_cont .iconbox .td2 i{ font-size:14px; color:#6c6b6b; padding-left:10px; }

.product_price{margin-bottom: 60px; }
.product_price ul{}
.product_price ul li a{border: 1px solid #C4C4C4; float: left; width:58px; text-align:center; line-height: 25px; margin: 0 25px 10px 0; border-radius :5px; }
.product_price ul li a.cur{width:58px; text-align:center; line-height: 25px; border:1px solid #F59D56; }
.product_price ul li a span {color:#6c6b6b;}