/* CSS Document */
*{ margin:0; padding:0;}
body,pre{ font-family: "Microsoft YaHei","微软雅黑","Arial";}
body{ 

-webkit-font-smoothing: antialiased; 

} 
a{ text-decoration:none; color:#333;}
ul li{ list-style-type:none; display:block}
.disN{display:none;}
.clearzoom:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
img{ border:none;}
.clearzoom { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearzoom { height: 1%; }
.clearzoom { display: block; }
/* End hide from IE-mac */
.left{ float: left;}
.right{ float: right;}
.clearfix{ overflow: hidden;}
.clears{ clear: both;}
.Com{ width: 1100px; margin:0 auto; }
.wrapper{ width: 100%; height: auto; background: #fff;}
.head{ background: #fff; width: 100%; height: auto; position: fixed; top: 0; z-index: 20;box-shadow: 0px 0 8px #333;}
.head_logo{}
.head_logo a{ width: 70px; height: 75px; display: block;}
.head_logo a img{ width: 100%; height: auto;}
.head_nav{ margin-top:45px; position: relative;}
.head_nav .head_ul{ overflow: hidden;}
.head_nav .head_ul li{ float: left;}
.head_nav .head_ul li a{ font-size: 14px; color: #000; font-weight:500;}
.head_nav .head_ul li a:hover{ color: #ff0000;}
.head_nav .head_ul li i{  font-style: normal; margin: 0 13px; color: #e8e8e8;}
/*视差滚动 */
.swiper{
	position: relative;
	width: 1100px;
	height: 310px;
/*	position: fixed;
	left: 0px!important;*/
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
	-o-transform: translate(0, 0);
/*	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	overflow: hidden;*/
	margin: auto;
}
/*视差滚动 end*/
.banner {width: 1100px; overflow: hidden; height: 310px; position: relative; margin:0 auto; padding-top: 110px;}
.banner_s{ height: 310px; padding-top: 110px;}
.banner_s ul,.banner_s ul li{ height: 310px!important; position: relative;}
.banner ul,.banner ul li{ width: 1100px; height: 310px;}
.banner ul li{ background-repeat: no-repeat; position: absolute;top: 0;left: 0;;}
.banner ul li:first-child{ z-index: 9;}
.banner .layer-control{position:absolute;left:1px;bottom:14px;width:99%;z-index: 16;}
.banner .layer-control .pagenationPanel{ text-align:center;}
.banner .layer-control .pagenation{display:inline-block;*display:inline;*zoom:1;cursor:pointer;padding-top:8px;margin:0; margin-right: 8px;}
.banner .layer-control .pagenation.pagenationActiv{background:url(../images/cli_icon2.png) no-repeat;}
.banner .layer-control .pagenation i{display:inline-block;*display:inline;*zoom:1; background:url(../images/cli_icon.png) no-repeat; width:10px; height:10px;}
.banner .layer-control .pagenation.pagenationActive i{background:url(../images/cli_icon2.png) no-repeat;}

.hot_product{ /*background: url(../images/pro_bg.jpg) no-repeat;*/ width:1100px; margin: auto; height: 504px; position: relative; z-index: 18;background-position: 50% 0;}
.hot_product .Com{ background: #fff; width: 1099px; position: relative;}
.hot_product h2{ font-size: 22px; color: #000; font-weight: 500; margin-bottom: 15px; margin-top: 35px;}
.hot_product h2 i{ font-style: normal; font-size: 16px; color: #f25500;font-family: "Arial"; margin-left: 8px;}
.hot_pbtn{ display: block; height: 21px; line-height: 21px; position: absolute; top: 10px; right: 0;}
.hot_pbtn a{ background: url(../images/btn.png) no-repeat; width: 28px; margin-left: 2px; height: 21px; display: block; float: left;}
.hot_pbtn a.hot_pbpnext{ background-position: 0 -39px;}
.hot_pul{ width: 1099px; overflow: hidden;}
.hot_pul ul{ width: 15000px;}
.hot_pul ul li{ float: left;  border-left: 1px solid #f2f2f2; margin-left: -1px; padding-bottom: 43px; position: relative;}
.hot_pul ul li a{ display: block;}
.hot_pul ul li a.h_ppic{ width: 366px; height: 273px;}
.hot_pul ul li a.h_ptit{ font-size: 16px; color: #000; margin: 38px 0 13px 28px;}
.hot_pul ul li a.h_ptit i{ font-size: 14px; color: #333; font-style: normal; margin-left: 5px;}
.hot_pul ul li a.h_pcom{ font-size: 12px; color: #000; line-height: 20px; margin-left: 28px; width: 306px;}
.hot_pul ul li a img{ width: 100%; height: auto;}
.panner{ background: url(../images/pn_bg.jpg) no-repeat; width: 1100px; margin: auto; height: 577px; background-position: 50% 0; position: relative;z-index: 18;}
.panner h2{ font-size: 38px; color: #f25500; text-align: center; padding-top: 74px;}
.panner em{ font-size: 24px; color: #5b5b5b; text-align: center;  margin: 12px 0  41px 0; display: block; font-style: normal;}
.panner ul{ width: 1010px; margin: auto;}
.panner ul li{ float: left; width: 155px; height: 155px; background: url(../images/panner.png) no-repeat;  margin-left: 11px; display: inline;}
.panner ul li.pan_pic2{ background-position: 0 -175px;}
.panner ul li.pan_pic3{ background-position: 0 -350px;}
.panner ul li.pan_pic4{ background-position: 0 -525px;}
.panner ul li.pan_pic5{ background-position: 0 -700px;}
.panner ul li.pan_pic6{ background-position: 0 -875px;}
.panner p{ display: block; text-align: center; margin-top: 60px; color: #000; font-size: 16px;}
.why{ width: 1100px; margin: auto; height: 331px; background: #f25500; position: relative; z-index: 18;}
.why h2{ font-size: 39px; color: #ffffff; text-align: center; padding-top: 52px;font-family: "Arial";}
.why em{ font-size: 28px; color: #fff; font-style: normal; margin: 10px 0 42px 0; display: block; text-align: center;}
.why .clearfix{ width: 1039px; margin: auto}
.why span{ float: left; width: 52px; height: 39px; display: block;}
.why span.why_p{ background: url(../images/why_icon.png) no-repeat;}
.why span.why_n{ background: url(../images/why_icon2.png) no-repeat;margin-top: 69px;}
.why p{ float: left; width: 847px; margin-left: 44px; margin-right: 40px; font-size: 18px; color: #fff; margin-top: 12px;}
.foot{ background: url(../images/foot_bg.png) repeat-x; width: 100%; height: 372px;  position: relative;}
.foot_top{ padding-top: 52px; min-height: 280px;}
.foot_top li{ float: left; margin-left: 5px;}
.foot_top .foot_ttit{ font-size: 14px;}
.foot_top .foot_ttit i{ display: block; font-style: normal; width: 37px; border-bottom: 1px solid #999;  margin-top: 5px;  margin-bottom: 10px;}
.foot_top li a{ font-size: 12px; color: #999; display: block; margin-bottom: 5px;}
.foot_top li p{ width: 250px; font-size: 12px; color: #999; line-height: 20px;}
.foot_top li.f_tl1{ width: 205px;}
.foot_top li.f_tl2{ width: 187px;}
.foot_top li.f_tl3{ width: 335px;}
.foot_top li.f_tl4{ width: 350px;}
.foot_bottom{ font-size: 12px; color: #bdc3c7; height: 40px; line-height: 40px;}

/*烘焙*/
.hp{/*background: #f8f8f8;*/ width: 1100px; margin: auto;}
.hp_tit{ background: #fff; padding-top: 48px; padding-bottom: 20px; margin-bottom: 30px;}
.hp h2{font-weight: 500; font-size: 30px; color: #000; text-align: center;}
.hp h2 i{ font-style: normal; font-size: 24px; color: #f25500;font-family: "Arial"; margin-left: 8px;}
.hp_item{  padding-top: 40px; padding-bottom: 76px;}
.hp_inav ul{/* padding-top: 44px;*/ padding-bottom: 8px;}
.hp_inav li{ float: left; border-right: 1px solid #ececec; border-left: 1px solid #f4f4f4; height: 16px; line-height: 16px;}
.hp_inav li:last-child{ border: none;}
.hp_inav li a i{border-bottom: 2px solid #f8f8f8; display: block; width: 100%;padding-top: 4px;}
.hp_inav li a{ font-size: 14px; color: #000; padding: 0 14px;}
.hp_inav li:hover,.hp_inav li.active{ color: #f25500;}
.hp_inav li:hover i,.hp_inav li.active i{border-bottom: 2px solid #f25500;}
.hp_item ul{ margin-bottom: 43px; width: 1103px;}
.hp_item ul li{ background: #fff; margin-right: 0; margin-left: 0;}
.page{ overflow: hidden; width: 260px; margin: auto;text-align: center;}
.page p{ float: left; font-size: 12px; color: #000; margin-right: 10px; line-height: 21px;}
.page a{ min-width: 30px; color: #000000; font-size: 12px; margin-right: 2px;display: block;float: left;text-align: center; line-height: 21px;}
.page a:hover,.page a.active{ color: #f25500;}
.page a.hot_pbpre{background: url(../images/btn.png) no-repeat; width: 28px; margin-left: 10px; height: 21px;}
.page a.hot_pbpnext{background: url(../images/btn.png) no-repeat; width: 28px; margin-left: 2px; height: 21px; background-position: 0 -39px;}

/*详细页*/
.pt30{ padding-top: 30px;}
.details{ height:770px; margin-top: 110px; width: 100%; display: block;}
.detai_ban{ width: 552px!important; height: 412px!important;}
.detai_ban ul,.detai_ban li{ width: 552px!important; height: 412px!important;}
.detai_ban .layer-control .pagenation.pagenationActiv{background:url(../images/d_icon.png) no-repeat;}
.detai_ban .layer-control .pagenation i{display:inline-block;*display:inline;*zoom:1; background:url(../images/d_icon2.png) no-repeat; width:23px; height:23px;}
.detai_ban .layer-control .pagenation.pagenationActive i{background:url(../images/d_icon.png) no-repeat;}
.detai_wz{ width: 498px; height: 360px; padding: 26px 25px; background: #fff;}
.detai_wz h2{ font-size: 22px; color: #505050; font-weight: 500; margin-bottom: 22px;}
.detai_wz h2 i{font-family: "Arial"; font-style: normal; color: #c6c6c6; margin-left: 5px;}
.detai_wz p{ font-size: 12px; color: #000; width: 300px;table-layout:fixed; word-break: break-all; overflow:auto;}
.detai_wz span{ display: block; font-size: 12px; color: #000;}
.detai_list ul{ overflow: hidden;}
.detai_list li{ float: left; width: 275px; height: 206px;}
.detai_list li a{ display: block;}
.detai_list li img{ width: 100%; height: auto;}
.arcl_hot{ background: none; padding-top: 0;}

/*品牌专区首页*/
.pin_ul{ width: 1200px!important;}
.pin_ul li{ margin-right: 46px!important; background: none!important; border:none!important;}
.pin_ul .pin_pic{ width: 175px; height: 175px;}
.pin_ul .pin_pic img{ width: 100%; height: auto;}
.pin_ul .pin_wz{ margin-left: 23px; display: inline; width: 316px;}
.pin_wz a.ems{ font-size: 16px; color: #000; display: block; margin-bottom: 15px; margin-top: 10px; font-style: normal;}
.pin_wz a.ems:hover{ color: #f25500;}
.pin_wz p{ font-size: 12px; color: #000; width: 316px; line-height: 20px;}
.pin_ul .pin_wz .pin_wza{ font-size: 12px; color: #999; line-height: 30px;}
.pin_ul .pin_wz em{ font-style: normal;}

/*代理合作*/
.dl_gs{ padding: 0;}
.ab_gs .Com{ min-height: 714px;}
.dl_gs em,.dl_contant em,.dl_advan em,.zl_wz em,.dl_kf em,.dl_pn em{ font-size: 22px; color: #000; font-style: normal; margin-bottom: 28px; display: block;}
.dl_gs em i,.dl_contant em i,.dl_advan em i,.zl_wz em i,.dl_kf em i,.dl_pn em i{ font-size: 16px; color: #000; font-style: normal;}
.dlgs_wz{ margin-right: 88px;}
.dlgs_wz p{ width: 573px; font-size: 14px; color: #000; table-layout:fixed; word-break: break-all; overflow:hidden; line-height: 20px; text-indent: 2em;}
.dlgs_pic{ width: 315px; height: 317px;}
.dlgs_pic img{ width: 100%; height: auto;}
.dl_advan{ padding: 52px 0 0 0; background: #fff;}
.dl_advan ul{}
.dl_advan ul li{ font-size: 12px; color: #000;line-height: 20px; padding-left: 52px; position: relative; display: block; width: 1012px; margin-bottom: 7px;height: 30px;padding-top: 5px;}
.dl_advan ul li i{ font-style: normal; font-size: 18px; font-family: "Arial"; color: #fff; width: 30px; height: 30px; line-height: 30px; background: #f25500; text-align: center; border-radius: 30px;position: absolute; top: 0; left: 0;}
.dl_contant{ padding: 52px 0 62px;}
.dl_contant ul{ width: 540px;}
.dl_contant li{ margin-bottom: 22px; position: relative;}
.dl_contant li.clearfix{ margin-bottom: 45px; height: 24px; line-height: 24px;}
.dl_contant li span{ font-size: 14px; color: #000000;}
.dl_contant li.clearfix p{ font-size:28px; color: #f25500; font-weight: bold; font-family: "Arial"; margin-left: 24px; display: inline;}
.dl_contant li input.text,.dl_contant li textarea,.dl_contant li .dl_conzt{ padding: 13px 15px; height: 14px; line-height: 14px; font-size: 14px; color: #000; width: 508px; border: 1px solid #d4d4d4;display: block; background: #fff;}
.dl_contant li .dl_conzt{ position: relative; cursor: pointer; background: url(../images/dl_icon.png) no-repeat 97% 50% #fff;}
/*.dl_contant li .dl_conzt i{ width: 13px; height: 9px; display: block; position: absolute; top: 40%; right: 15px;}*/
.dl_zt{ position: absolute; top: 42px; left: 0px; width: 99.8%;border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; z-index: 10;background: #fff;color: #000;font-size: 14px;}
.dl_zt p{ border-bottom: 1px solid #d4d4d4; height: 42px; line-height: 42px;padding-left: 15px;}
.dl_zt p:hover{ background: #EDEDED;}
.dl_contant li textarea{height: 140px; resize: none;}
.dl_contant li.dl_cbtn{ overflow: hidden;}
.dl_contant li .dl_contbn{ width: 163px; height: 56px; font-size: 16px; color: #fff; background: #f25500; text-align: center; border: none; border-radius: 5px;line-height: 56px; cursor: pointer;}
.clearinput{ display: none; position: absolute; width: 16px; height: 16px; margin: 6px 0 0 -20px; background: url(clear.png);}
input::-ms-clear{ display:none;}
input:valid + .clear { display: inline; }

/*关于公司*/
.ab_gs{ padding:0 0 0 0!important;}
.ab_gs .dlgs_wz,.ab_js .dlgs_wz{ margin-right: 0px; width: 483px;}
.ab_gs .dlgs_wz p,.ab_js .dlgs_wz p{ width: 483px; font-size: 14px; color: #000;}
.ab_gs .dlgs_pic{ width: 608px; margin-left: 5px; display: inline-block; height: 640px; margin-top: 60px;}
.ab_js{ background: url(../images/about_bg.jpg) no-repeat; background-position: 50% 0;}
.ab_js .dlgs_wz p{ color: #fff;}
.ab_js .dlgs_pic{ width: 599px; height: 488px;}
.ab_fw{ background: #fff; padding: 48px 0 62px 0;}
.ab_fw h3{ text-align: center; font-weight: 500; font-size: 22px; color: #000; margin-bottom: 92px;}
.ab_fw ul{ overflow: hidden; margin-left: -40px;}
.ab_fw li{ float: left; width: 200px; margin-left: 76px;}
.ab_fw li:first-child{ /* margin-left: 30px; */}
.ab_fw li.mr30{ margin-right: 30px!important;}
.ab_fw li span{ background: url(../images/ab_icon.png) no-repeat; width: 200px; height: 200px; display: block;}
.ab_fw li span.ab_f2{ background-position: 0 -289px;}
.ab_fw li span.ab_f3{ background-position: 0 -575px;}
.ab_fw li span.ab_f4{ background-position: 0 -856px;}
.ab_fw li em{ font-size: 14px; color: #000; font-style: normal; display: block; margin-bottom: 30px; margin-top: 55px; text-align: center;}
.ab_fw li p{ font-size: 14px; color: #000; line-height: 18px; width: 200px;}

/*联系我们*/
/*.ct_bg{ background: #f8f8f8!important;}*/
.ct_ul li{ background: #fff; height: 630px;}
.ct_ul li em{ font-size: 22px; color: #000; font-style: normal; display: block; padding-top: 35px; margin-bottom: 20px;}
.ct_ul.ct_ul1 li em{ padding-top: 0;}
.ct_ul li img{ width: 1100px; height: 390px; margin-bottom: 21px;}
.ct_ul li p{ font-size: 12px; color: #000; line-height: 20px;}

/*新闻详细页*/
.new_xx{ padding: 48px 0 75px 0;}
.new_xx em{ font-size: 22px; color: #000; font-style: normal; display: block; margin-bottom: 10px; text-align: center;}
.new_xx span{ font-size: 12px; color: #999; display: block; margin-bottom: 12px;}

.nx_con{ margin-top: 40px; font-size: 12px; color: #000; line-height: 20px; text-align: left; margin: auto; width: 900px;}
.nx_con p{ text-indent: 2em; text-align:center;}
.nx_con img{ max-width: 1100px; margin: 35px 0;}
.nx_other{text-align: right; margin-top: 130px;}
.nx_other a{ float: right; color: #000; font-size: 12px;  margin-left: 30px; display: block; }
.nx_other a:hover{ color: #f25500;}
.nx_arclist{ padding-bottom:30px;}

/*食品原料*/
.yl_bg1 em{ padding-top: 0!important;}
/*.yl_bg2{ background: #f8f8f8;}
.yl_bg3{ background: url(../images/yl_bg3.jpg) no-repeat; height: 622px;}
.yl_bg4{ background: url(../images/yl_bg4.jpg) no-repeat; height: 636px;}
.yl_item{ background-position: 50% 0;}*/
.yl_bg4{ padding-bottom: 120px;}
.yl_item em{ font-size: 22px; color: #000; display: block; font-style: normal; padding-top: 60px; margin-bottom: 16px;}
.yl_item p{ font-size: 12px; color: #000; line-height: 18px; margin-bottom: 27px;}
.yl_item img{ max-width: 1100px;}

/*质量保证*/
.zl_com{ padding: 0 0 144px 0;}
.clears{ clear: both;}
.zl_wz{ /*margin-right: 85px;*/}
.zl_wz p{ width: 644px; font-size: 14px; color: #000; line-height: 20px;}
.zl_pic{ width: 455px; height: 194px; margin-top: 45px;}
.zl_pic img{ width: 100%; height: auto;}
.zl_com .clears{ padding-top: 85px;}
.zl_com .clears img{ max-width: 1100px;}


/*修改*/
.k_con_yzm img{ vertical-align: middle;}
.ab_fw li:last-child{/* margin-right: 30px!important; */}
.head .Com{ position: relative;height: 75px; padding-bottom: 15px; padding-top: 20px; *margin: 0;}
.language{ position: absolute; top: -45px; right: 5px;}
.language ul{ overflow: hidden; float: left; margin-top: 5px;}
.language li{ float: left; font-size: 12px; }
.language li i{margin:0 10px; font-style: normal;color: #e8e8e8;}
.language li a{ color: #999; font-size: 12px;}
.language li a:hover{ color: #000;}
/*1119*/
.h_search{ margin-left: 20px; float: left; display: inline;}
.h_search .h_sear_int{ width: 218px;height: 12px; line-height: 12px; padding:7px; border: 1px solid #f25500;border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; color: #999;}
.h_search .h_sear_int.active{border: 1px solid #f25500; color: #333;}
.h_search .h_sear_btn{ background: url(../images/search_icon.png) no-repeat center center #f25500; border: none; text-indent: -999999px; width: 34px; height: 28px;border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; cursor:pointer}
.foot_online{ width:265px; margin: auto; padding: 20px 0; overflow: hidden;}
.foot_gm{ width: 1100px; margin: auto; background-color: #fff; position: relative; z-index: 18;}
.foot_online span{ font-size: 16px; color: #999999;margin-right: 17px; float: left; height: 32px; line-height: 32px;}
.foot_online a{ float: left; display: block; font-size: 12px; color: #333333; position: relative; padding-left: 40px; height: 32px; line-height: 32px;}
.foot_online a i{ background: url(../images/foot_al.png) no-repeat; width: 34px; height: 32px;  display: block; position: absolute; top: 0; left: 0;}
.ct_dzsw{ height: 368px; background: #fff;}
.ct_dzsw h2{ font-size: 22px; color: #000000; font-weight: 500; padding-top: 45px; text-align: left;}
.ct_dzlogo{ width: 320px; margin: 100px auto 0;}
.ct_dzlogo a{ display: block; text-align: center; font-size: 22px; color: #040404; margin-bottom: 27px;}
.ct_dzlogo a:hover{ color: #f25500;}
.dl_kf,.dl_pn{ padding-top: 52px; height: 200px;}
.dl_kf ul,.dl_pn ul{ overflow: hidden;}
.dl_kf li,.dl_pn li{ float: left; width: 170px; height: 86px; margin-right: 62px;}
.dl_kf li:last-child,.dl_pn li:last-child{ margin-right: 0;}
.dl_kf li img,.dl_pn li img{ width: 100%;}
.dl_pn{ background: #fff;}
.dl_pn li{ height: 92px;}

.news_list .pin_wz{ height: 175px; position: relative;}
.dw_list{ position: absolute; bottom: 0; left: 0;}
.news_list img{ width: 175px; height: 175px;}

.green-black{ font-size:12px}

.hp_tit.nx_title{ border-bottom: 1px solid #ececec;}

.zy_zl_h2 h2{ text-align: left; font-size: 22px; color: #000; margin-bottom: 28px;}