.wp{max-width:1200px; margin:0 auto;}
*{font-family: '微软雅黑';box-sizing: border-box;}

/* 头部 */ 
#web_head{position: fixed;width: 100%;top:0;left: 0;background-color: #fff;height: 90px;line-height: 90px;
	z-index: 99;border-bottom: 1px solid #ddd;
}
#web_head .logo{float: left;}
#web_head .logo img{width:70px;vertical-align: middle;}
#web_head .nav{float: right;font-size: 0;}
#web_head .nav a{display: inline-block;font-size: 18px;color: #333;text-align: center;height: 90px;
   margin-left: 50px;
}
#web_head .nav a:hover{color: #EE5F16;}
#web_head .nav a.on{border-bottom: 2px solid #EE5F16;color: #EE5F16;}
.pic{background-repeat: no-repeat;}

.news_down{position: absolute;padding: 40px 0;text-align: center;background-color: #fff;top:90px;left: 0;width: 100%;
   display: none;border-bottom: 1px solid #ddd;
}
.news_down .item{display: inline-block;margin: 0 14px;}
.news_down .item .pic{width: 360px;height: 118px;background-size: cover;background-position: center;}
.news_down .item p{line-height: 1;margin: 15px 0;font-size: 18px;color: #333;}
.news_down .item:hover p{color: #EE5F16;}


/* 首页 */
.index_banner{position: relative;width: 100%;overflow: hidden;margin-top: 80px;}
.index_banner img{max-width: 100%;vertical-align: middle;}

.index_banner  .swiper-pagination-bullet{background-color: #fff;opacity: 0.6;}
.index_banner  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.index_banner .swiper-pagination{bottom: 25px !important;}


.index_shop_pic{margin-top: 20px;overflow: hidden;}
.index_shop_pic .left{width: 40%;float: left;background-color: #f6f5fa;}
.index_shop_pic .left img{max-width: 100%;}
.index_shop_pic .right{width: 54%;float: right;padding-top: 30px;}
.index_shop_pic .right h4{font-size: 40px;color: #333;max-height: 120px;overflow: hidden;}
.index_shop_pic .right p{font-size: 18px;color: #666;margin-top: 15px;    height: 140px;
    overflow: hidden;}

.index_shop_pic .right em {margin-top: 40px;cursor: pointer;
   display: inline-block;
   width: 160px;
   height: 50px;
   border-radius: 5px;
   text-align: center;
   line-height: 48px;
   border: 1px solid #EE5F16;
   font-size: 22px;
   color: #EE5F16;
   transition: .3s;
}
.index_shop_pic .right em:hover{border: 1px solid #EE5F16; background-color: #EE5F16;color: #fff;transition: .3s;}

.index_product{padding: 80px 0;}
.index_product .tit{overflow: hidden;}
.index_product .tit .left{float: left;}
.index_product .tit h4{font-size: 40px;color: #333;}
.index_product .tit em{font-size: 18px;color: #666;}
.index_product .tit .right{float: right;}
.index_product .tit .right a{font-size: 18px;color: #333;margin-left: 50px;line-height: 60px;display: inline-block;
position: relative;
}
.index_product .tit .right a.on{color: #EE5F16;}
.index_product .tit .right a em{position: absolute;left: 0;bottom: 0;display: none;height: 3px;width: 50px;
   background-color: #EE5F16;border-radius: 2px;
}
.index_product .tit .right a.on em{display: block;}
.index_product .tit .right a:hover{color: #EE5F16;}
.index_product .list{overflow: hidden;margin-top: 16px;margin-left: -16px;}
.index_product .list .item{width: 33.3333%;padding-left: 16px;margin: 8px 0;float: left;}
.index_product .list .item .pic{width: 100%;padding-top: 100%;background-color: #f5f6fa;position: relative;
   background-size: cover;background-position: center;cursor: pointer;
}
.index_product .list .item .txt{position: absolute;width: 100%;height: 100%;background-color:rgba(238, 95, 22, 0.8);
   left: 0;top:0;padding: 35px;display: flex;justify-content: center;align-items: center;text-align: left;opacity: 0;
   transition: .3s;
}
.index_product .list .item .txt h4{font-size: 30px;color: #fff;font-weight: normal;}
.index_product .list .item .txt p{font-size: 16px;color: #fff;margin-top: 6px;}
.index_product .list .item .pic:hover .txt{opacity: 1;transition: .3s;}

.index_about{background-color: #FAF7FA;padding: 80px 0;padding-bottom: 170px;}
.index_about .text{overflow: hidden;}
.index_about .text .left{width: 45%;float: left;}
.index_about .text .right{width: 45%;float: right;}
.index_about .text .left h4{font-size: 40px;color: #333;}
.index_about .text .left em{font-size: 18px;color: #666;}
.index_about .text .left p{font-size: 18px;color: #666;margin-top: 30px;height: 81px;overflow: hidden;}
.index_about .text .left a{display: block;width: 166px;height: 50px;border-radius: 5px;margin-top: 50px;text-align: center;
   line-height: 48px;border: 1px solid #707070;font-size: 22px;color: #333;transition: .3s;
}
.index_about .text .left a:hover{color: #EE5F16;border: 1px solid #EE5F16;transition: .3s;}

.index_about .text .right img{max-width: 100%;}
.index_num{margin-top: -115px;}
.index_num .mun_con{background-color: #fff;width: 100%;overflow: hidden;padding: 60px 0;box-shadow: 0 0 15px rgba(0, 0, 0,0.1);}
.index_num .mun_con .item{width: 25%;float: left;text-align: center;}
.index_num .mun_con .item span{font-size: 60px;font-weight: normal;color: #333;}
.index_num .mun_con .item em{font-size:20px;font-weight: normal;color: #707070;}
.index_num .mun_con .item p{font-size: 14px;color: #333;}

.index_news{overflow: hidden;margin-top: 40px;}
.index_news .left{width: 40%;float: left;background-color: #F8F8F8;padding: 60px;}
.index_news .left span{display: block;font-size: 20px;color: #999;}
.index_news .left h5{font-size: 26px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
   transition: .3s;
}
.index_news .left h5:hover{color: #EE5F16;transition: .3s;}
.index_news .left p{font-size: 20px;color: #666;border-left: 1px solid #d1d1d1;padding-left: 45px;
   margin: 22px 0;height: 60px; overflow: hidden;
}
.index_news .left img{max-width: 100%;}
.index_news .left a.btn{display: block;width: 166px;height: 50px;border-radius: 5px;margin-top: 40px;text-align: center;
   line-height: 50px;border: 1px solid #707070;font-size: 22px;color: #333;transition: .3s;
   padding-top: 0;
}
.index_news .left a.btn:hover{color: #EE5F16;border: 1px solid #EE5F16;transition: .3s;}
.index_news .right{width: 52%;float: right;}
.index_news .right .item{padding:40px 0;border-top: 1px solid #E9E9E9;padding-right: 210px;position: relative;}
.index_news .right .item .txt h5{font-size: 26px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
   transition: .3s;
}
.index_news .right .item .txt h5:hover{color: #EE5F16;transition: .3s;}
.index_news .right .item .txt p{font-size: 20px;color: #666;margin-top: 12px;padding-left: 17px;height: 60px;overflow: hidden;}
.index_news .right .time{position: absolute;top:0;right: 0;padding:40px 0;text-align: right;}
.index_news .right .time h5{font-size: 22px;color: #333;font-weight: normal;margin-top: 5px;}
.index_news .right .time p{margin-top: 40px;}
.index_news .right .time img{width: 25px;}
.index_case{background-color: #FAF7FA;padding: 80px 0;}
.index_case .tit{overflow: hidden;}
.index_case .tit .left{float: left;}
.index_case .tit h4{font-size: 40px;color: #333;}
.index_case .tit em{font-size: 18px;color: #666;}
.index_case .list{overflow: hidden;margin-top: 40px;}
.index_case .list .item{width: 25%;float: left;padding-top:15%;background-size: contain;background-position: center;
   background-repeat: no-repeat;
}
.index_case .list .item:hover{background-color: #fff;}

/* 底部 */
#web_food{background-color: #1B1B1B;padding-top: 65px;}
#web_food .food_nav{overflow: hidden;padding-bottom: 50px;padding-left: 300px;}
#web_food .food_nav .logo{float: left;width: 300px;text-align: center;margin-left: -300px;}
#web_food .food_nav .logo img{width: 160px;}
#web_food .food_nav .nav{float: left;overflow: hidden;width: 100%;}
#web_food .food_nav .nav dl{float: left;width: 33.333%;text-align: left;}
#web_food .food_nav .nav dt{font-size: 18px;color: #fff;margin-bottom: 30px;}
#web_food .food_nav .nav dd{font-size: 16px;color: #666;line-height: 2.2;}
#web_food .food_nav .nav dd span{color: #fff;margin-right: 10px;}
#web_food .food_nav .nav dd a{color: #666;}
#web_food .food_nav .nav dd a:hover{color: #EE5F16;}
#web_food .copy{padding: 10px 0;}
#web_food .copy p{font-size: 16px;color: #666;}

/* 关于我们 */
.n_banner{margin-top: 80px;}
.n_banner img{max-width: 100%;vertical-align: middle;}
.bg_bai{background-color: #fff !important;}
.index_case.bg_bai .list .item:hover{background-color: #FAF7FA;}
.about_txt{padding: 60px 0;}
.about_txt .text{overflow: hidden;}
/*.about_txt .text{overflow: hidden;padding-left: 400px;}*/
.about_txt .text .title{float: left;width: 400px;margin-left: -400px;}
.about_txt .text .title h4{font-size: 60px;color: #333;font-weight: normal;line-height: 1.2;}
.about_txt .text .title h4 em{display: block;color: #EE5F16;}
.about_txt .text .title p{font-size: 26px;color: #666;}
.about_txt .text .right{width: 100%;padding-left: 20px;}
.about_txt .text .right p{font-size: 15px;color: #666;margin-bottom: 15px;line-height: 1.7;}
.about_txt .pic{margin-top: 15px;}
.about_txt .pic img{max-width: 100%;}

.about_hoor{background-color: #FAF7FA;padding: 60px 0;}
.about_hoor .tit{overflow: hidden;}
.about_hoor .tit .left{float: left;}
.about_hoor .tit h4{font-size: 40px;color: #333;}
.about_hoor .tit em{font-size: 18px;color: #666;}
.about_hoor img{max-width: 100%;}
.about_hoor .swiper-slide{position: relative;cursor: pointer;}
.about_hoor .swiper-slide .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;
   background-color: rgba(255, 180, 133,0.8);display: none;
}

.about_hoor .swiper-slide:hover .text{display: block;}
.about_hoor .swiper-slide .text .con{position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 50px;padding-bottom: 50px;}
.about_hoor .swiper-slide .text .con em{display: block;width: 50px;height: 3px;background-color: #E96565;
   border-radius: 3px;
}
.about_hoor .swiper-slide .text .con p{font-size: 32px;color: #fff;margin-top: 8px;}
.about_hoor .wp2{position: relative;max-width: 1200px;margin-top: 40px;}
.about_hoor .btn{position: absolute;top:50%;transform: translateY(-20%);width: 23px;height: 67px;
   background-color: #E96565;color: #fff;outline: none;
}
.about_hoor .btn:after{font-size: 16px;}
.about_hoor .swiper-button-prev{left: -23px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.about_hoor .swiper-button-next{right: -23px;left: auto;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

/* 新闻中心 */
.er_nar{height: 80px;text-align: center;line-height: 80px;box-shadow: 0 6px 6px rgba(168, 168, 168, 0.1);}
.er_nar .wp>a{margin-left: 20px;display: inline-block;font-size: 14px;color: #333;position: relative;}
.er_nar .wp>a.on{color: #E96565;}
.er_nar .wp>a:hover{color: #E96565;}
.er_nar .wp>a em{display: block;position: absolute;width: 50px;height: 3px;background-color: #E96565;
   left:50%;bottom: 0;display: none;margin-left: -25%;
}
.er_nar .wp>a.on em{display: block;}

.er_nar p a{font-size: 18px;color: #333;vertical-align: middle;}
.er_nar p a:hover{color: #E96565;}
.er_nar p em{font-size: 18px;vertical-align: middle;margin: 0 10px;}
.er_nar p span{font-size: 18px;color: #DBDBDB;vertical-align: middle;}
#dituContent{width: 100%;height: 380px;}



#web_head_mm{background-color: #fff;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;left: 0;top:0;z-index: 10;
   width: 100%;border-bottom: 1px solid #f1f1f1;display: none;
}
#web_head_mm .logo{text-align: center;}
#web_head_mm img{vertical-align: middle;height: 32px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;right: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-user-select: none;
   -moz-user-focus: none;
   -moz-user-select: none;
}	
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;
}

#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;right: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:46px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:46px;position: relative;
}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: 1px;}
#web_head_mm .right_nav .nav a em{vertical-align: middle;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}
#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}
// #web_head_mm .right_nav .nav .mm_nav_item{}
#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}


#mm_er_nav{display: none;width: 100%;position: relative;}
#mm_er_nav .tit{height: 42px;line-height: 42px;background-color:#fff;padding:0 3%;
   background-image: url(../images/up1.png);background-repeat: no-repeat;background-position: right 3% center;
   background-size:  13px auto;
}
#mm_er_nav .tit.on{background-image: url(../images/down1.png);}
#mm_er_nav .tit h4{font-size: 14px;color: #333;font-weight: normal;}
#mm_er_nav .down_nav{position: fixed;width: 100%;left: 0;top:100%;background-color: rgba(0, 0, 0,0.1);
  z-index: 999999;bottom: 0;transition:.3s;
}
#mm_er_nav .down_nav.on{top:0px;transition:.3s;}
#mm_er_nav .down_nav .con{position: absolute;left: 0;width: 100%;top:1px;bottom: 50px;padding: 0 20px;
   background-color: #fff;
}
#mm_er_nav .down_nav .con.on{top: 5px;transition:.3s;}
#mm_er_nav .down_nav .con h5{font-size: 16px;color: #333;font-weight: normal;text-align: center;
   padding: 25px 0;
}

#mm_er_nav .down_nav .item{border-bottom: 1px solid #f0f0f0;padding: 5px 0;}
#mm_er_nav .down_nav .item:last-child{border-bottom: none;}
#mm_er_nav .down_nav .item>a{line-height: 30px;font-size: 14px;color: #000;font-weight: bold;}
#mm_er_nav .down_nav .item dt{padding: 5px 0;}
#mm_er_nav .down_nav .item dt>a{font-size: 14px;color: #333;}
#mm_er_nav .down_nav .item dd{padding: 5px 0;}
#mm_er_nav .down_nav .item dd>a{font-size: 13px;color: #333;display: inline-block;}
#mm_er_nav .down_nav .item dd>a img{width: 6px;margin-right: 6px;vertical-align:0px;}
#mm_er_nav .down_nav .colse{background-color: #535353;height: 50px;line-height: 50px;text-align: center;
   cursor: pointer;font-size: 14px;color: #fff;position: absolute;left: 0;width: 100%;bottom: 0;display: none;
}
#mm_er_nav .down_nav.on .colse{display: block;}
.oh{overflow: hidden !important;}

.news_list .item{padding: 60px 0;border-bottom: 1px solid #DEDEDE;padding-left: 350px;overflow: hidden;}
.news_list .item .pic{width: 350px;height: 350px;background-size: cover;background-position: center;
   margin-left: -350px;float: left;
}
.news_list .item .text{float: left;width: 100%;padding-left: 100px;}
.news_list .item .text h4{font-size: 24px;color: #333;font-weight: normal;overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.news_list .item .text h4:hover{color: #EE5F16;}
.news_list .item .text span{font-size: 18px;color: #999;display: block;margin-top: 15px;}
.news_list .item .text p{font-size: 18px;color: #666;margin-top: 15px;height: 54px;overflow: hidden;}
.news_list .item .text em{display: block;width: 166px;height: 45px;border-radius: 5px;margin-top: 30px;text-align: center;
   line-height: 43px;border: 1px solid #707070;font-size: 22px;color: #333;transition: .3s;cursor: pointer;
}
.news_list .item .text em:hover{color: #fff;border: 1px solid #EE5F16;transition: .3s;background-color: #EE5F16;}
#page{text-align: center;margin-top: 60px;margin-bottom: 60px;}
#page a{display: inline-block; height: 35px; padding: 0 14px; border: 1px solid #ddd; line-height: 35px; font-size: 14px; 
   color: #333;
	margin: 0 5px;cursor: pointer;background-color: #fff;border-radius: 3px;
}
#page a:hover,#page a.on{border: 1px solid #EE5F16; background-color: #EE5F16;color: #fff;}

.news_deta{padding-top: 40px;padding-bottom: 40px;}
.news_deta .title{text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 40px;}
.news_deta .title h4{font-size: 18px;color: #0F0A08;}
.news_deta .title p{margin-top: 20px;}
.news_deta .title p span{margin:0 15px;font-size: 16px;color: #858585;}
.news_deta .deta{margin-top: 40px;}
.news_deta .deta p{font-size: 16px;color: #858585;line-height: 2;margin-bottom: 15px;}
.news_deta .back{text-align: center;margin-top: 60px;margin-bottom: 40px;}
.news_deta .back a{display: inline-block;width: 166px;height: 50px;border-radius: 5px;text-align: center;
   line-height: 48px;border: 1px solid #707070;font-size: 22px;color: #333;transition: .3s;
}
.news_deta .back a:hover{border: 1px solid #EE5F16; background-color: #EE5F16;color: #fff;transition: .3s;}

.product_list{overflow: hidden;margin-top: 90px;margin-left: -15px;}
.product_list .item{width: 33.3333%;margin-bottom: 60px;float: left;padding-left: 15px;}
.product_list .item .pic{width: 100%;padding-top: 100%;position: relative;background-repeat: no-repeat;background-size: cover;
   background-position: center center;border: 1px solid #DEDEDE;
}
.product_list .item .pic .text{position: absolute;width: 100%;height: 100%;left: 0;top:0;color: #fff;
   display: flex;justify-content: center;align-items: center;background-color:rgba(238, 95, 22, 0.8);display: none;
}
.product_list .item .pic .text img{width: 45px;}
.product_list .item h4{text-align: center;margin-top: 20px;font-size: 22px;color: #333;height:50px;}
.product_list .item:hover .pic .text{display: flex;}
.product_list .item:hover h4{color: #EE5F16;}
.product_list #page{margin-top: 0;}


.product_data{overflow: hidden;padding: 80px 0;}
.product_data .pic{border: 1px solid #DEDEDE;width: 40%;float: left;}
.product_data .pic img{max-width: 100%;}
.product_data .text{float: right;width: 55%;}
.product_data .text h4{font-size: 36px;color: #EE5F16;}
.product_data .text span{display: block;font-size: 26px; color: #333;margin-top: 12px;margin-bottom: 10px;}
.product_data .text p{font-size: 20px;color: #666;margin-top: 5px;}

.product_data .back{margin-top: 50px;}
.product_data .back a{display: inline-block;width: 250px;height: 50px;border-radius: 5px;text-align: center;
   line-height: 48px;border: 1px solid #EE5F16;font-size: 22px;color: #EE5F16;transition: .3s;
}
.product_data .back a:hover{border: 1px solid #EE5F16; background-color: #EE5F16;color: #fff;transition: .3s;}


.contact_us{padding: 80px 0;}
.contact_us .title{margin-bottom: 40px;}
.contact_us .title h4{font-size: 40px;color: #333;}
.contact_us .title em{font-size: 18px;color: #666;}
.contact_us .box_show{box-shadow: 0 0 15px rgba(0, 0, 0,0.1);padding-bottom: 40px;}

.contact_us_con{margin-top: 70px;overflow: hidden;}
.contact_us_con .item{width: 25%;text-align: center;float: left;}
.contact_us_con .item .pic img{width: 130px;}
.contact_us_con .item .txt{margin-top: 15px;position: relative;padding-bottom: 15px;}
.contact_us_con .item .txt p{font-size: 20px;color: #333;}
.contact_us_con .item .txt h5{font-size: 22px;color: #EE5F16;font-weight: normal;margin-top: 5px;}
.contact_us_con .item .txt em{position: absolute;height: 1px;width: 50px;left: 50%;margin-left: -25px;display: block;
   background-color: #EE5F16;bottom: 0;
}
.product_data .pic{position: relative;overflow: hidden;}
.product_data .pic .swiper-wrapper{width: 100%;}
.product_data .pic .swiper-pagination-bullet-active{background-color: #EE5F16;}