@charset "utf-8";



/* CSS Document */



/*切图：sun*/



html{ overflow-x:hidden; overflow-y:auto;}



*{ padding:0; margin:0;}



ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}



body, button, input, select, textarea{font-family:'HarmonyOS_Sans_SC_Medium';src:url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');font-size:14px;}



code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}



address, caption, cite, code, dfn, em, th, var {



	font-style: normal;



	font-weight: normal;



}



a{ text-decoration:none; color:#333;



        transition: all 0.5s linear;



   -moz-transition: all 0.5s linear;



-webkit-transition: all 0.5s linear;



     -o-transition: all 0.5s linear;



-webkit-tap-highlight-color:rgba(0, 0, 0, 0);



-webkit-tap-highlight-color: transparent;



font-family:'HarmonyOS_Sans_SC_Medium';



}



a:hover{color:#00295e; cursor:pointer;}







/*头部*/



.mobile{display:none;}



.pf_down{display:none;}



.header{width:80%;height:140px;padding:0 10%;}



.header .logo{width:20%;float:left;}



.header .logo img{margin-top:25px}



.header .nav{width:80%;float:right;text-align:right;}



.header .nav ul{float:right;}



.header .nav li{width:120px;float:left;text-align:right;line-height:134px}



.header .nav li a{width:80px;height:30px;color:#032F6C;font-size:20px;}



.header .nav li a:hover{font-weight:600;border-bottom:3px solid #00295e;padding-bottom:5px;}



.header .nav li a.on{font-weight:600;border-bottom:3px solid #00295e;padding-bottom:5px;}



.header .nav li a.on .huang{width:20px;height:3px;background:#f3c874;position:relative;top:-52px;left:100px;transition: all 0.7s linear;



   -moz-transition: all 0.7s linear;



-webkit-transition: all 0.7s linear;



     -o-transition: all 0.7s linear;}



/*头部*/







/*banner*/



.swiper {



width: 100%;



height: 100%;



}







.swiper-slide {



background-position: center;



background-size: cover;



}







.swiper-slide img{



display: block;



width: 100%;



}







.swiper-slide video {

/*

display: block;
*/


width: 100%;



}



/*banner*/







/*关于我们*/



.about_index{



	background:url("../index2023/images/about_bg.jpg");



	width:100%;



    height:1080px;



    background-position:center;



    background-size:cover;



    background-repeat:no-repeat;



}



.about_index .title_index{text-align:center;margin-top:2.5%}



.about_index .title_index h3{font-size:72px;font-weight:bold;color:#00295e;letter-spacing:5px}



.about_index .desc_index{text-align:center;margin-top:3%;line-height:50px}



.about_index .desc_index p{font-size:24px;color:#00295e;letter-spacing:2px;}



.about_index .more_index{text-align:center;margin-top:3%;}



.about_index .more_index a{background:#00295e;font-size:36px;letter-spacing:2px;font-weight:bold;color:#fff;padding:9px 5px 10px 25px;border-radius:35px;}



.about_index .more_index a:hover{/*background:#fff;border:3px solid #00295e;*/color:#bf932c;}



.about_index .more_index a img{margin-left:10px;vertical-align:-12px;width:52px}



/*关于我们*/







/*产品中心*/



.product_index{width:100%;height:100%;overflow:hidden;}



.product_index .title_index{text-align:center;margin-top:2.5%}



.product_index .title_index h3{font-size:72px;font-weight:bold;color:#00295e;letter-spacing:5px}



.product_index .prolist_index .prolist_li{width:90%;margin:2.5% auto;height:100%;overflow:hidden;padding-bottom:5%}



.product_index .prolist_index .prolist_li .list_top{width:100%;height:100%;overflow:hidden}



.product_index .prolist_index .prolist_li li{float:left;width:23.356%;height:100%;overflow:hidden;text-align:center;margin:0.822%; position: relative;}



.product_index .prolist_index .prolist_li li img{ height: 100%;width: 100%;display: block;cursor: pointer;}



.product_index .prolist_index .prolist_li li .mask {



   position: absolute;



   background: rgba(47, 111, 198, 0.6);



   color: #ffffff;



   opacity: 0;



   top: 0;



   right: 0;



   width: 100%;



   height: 100%;



   border-radius: 10px;



   pointer-events:none;



 }



.product_index .prolist_index .prolist_li li:hover .mask{opacity: 1;}











.product_index .prolist_index .more_index{text-align:center;margin-top:3%;}



.product_index .prolist_index .more_index a{background:#00295e;font-size:36px;letter-spacing:2px;font-weight:bold;color:#fff;padding:9px 5px 10px 25px;border-radius:35px;}



.product_index .prolist_index .more_index a:hover{/*background:#fff;border:3px solid #00295e;*/color:#bf932c;}



.product_index .prolist_index .more_index a img{margin-left:10px;vertical-align:-12px;width:52px}







/*产品列表结束*/







/*产品内容*/



.product_index .prolist_index .pro_list_con{



	background:url("https://www.haoshifood.com/index2023/images/pro_bglogo.png");



	width:100%;



    height:760px;



   background-size: 100% 100%;



   padding-top:2.5%;



}



.product_index .prolist_index .pro_list_con .pro_left{width:53%;float:left;margin-left:2%}



.product_index .prolist_index .pro_list_con .pro_left img{width:100%;max-width:1000px;height:100%}



.product_index .prolist_index .pro_list_con .pro_right{width:40%;float:right;margin-right:5%;padding-top:10px}



.product_index .prolist_index .pro_list_con .pro_right .title_index{text-align:left;height:240px}



.product_index .prolist_index .pro_list_con .pro_right .title_index h3{font-size:60px;font-weight:bold;color:#00295e;letter-spacing:5px;line-height:80px;}



.product_index .prolist_index .pro_list_con .pro_right .title_index h5{font-size:24px;color:#00295e;font-weight:400}



.product_index .prolist_index .pro_list_con .pro_right .title_index .hengxian{width:78px;height:3px;margin-top:40px}



.product_index .prolist_index .pro_list_con .pro_right .title_index .hengxian .heng_left{width:58px;height:3px;float:left;background:#00295e;}



.product_index .prolist_index .pro_list_con .pro_right .title_index .hengxian .heng_right{width:20px;height:3px;float:right;background:#f3c874;}



.product_index .prolist_index .pro_list_con .pro_right .title_desc{min-height:200px}

.product_index .prolist_index .pro_list_con .pro_right .title_desc h2{font-size:36px;font-weight:bold;color:#bf932c;margin-bottom:20px}



.product_index .prolist_index .pro_list_con .pro_right .title_desc h4{font-size:24px;font-weight:400;line-height:35px;color:#00295e;}



.product_index .prolist_index .pro_list_con .pro_right .more_index{margin-top:120px;text-align:left;}



.product_index .prolist_index .pro_list_con .pro_right .more_index a{background:#fff;font-size:36px;letter-spacing:2px;font-weight:bold;color:#00295e;padding:9px 5px 10px 25px;border-radius:35px;}



.product_index .prolist_index .pro_list_con .pro_right .more_index a:hover{color:#bf932c;}



.product_index .prolist_index .pro_list_con .pro_right .more_index a img{margin-left:10px;vertical-align:-12px;width:52px}







/*品牌合作*/



.pinpai_index{width:100%;height:100%;overflow:hidden;margin-bottom:2.5%}



.pinpai_index .title_index{text-align:center;margin:2.5% 0}



.pinpai_index .title_index h3{font-size:72px;font-weight:bold;color:#00295e;letter-spacing:5px}











.pinpai_index .mod18Box {margin: 0px auto; width:1680px;height:auto;overflow:hidden;}



.pinpai_index .mod18{ width:1680px;height:auto;overflow:hidden;margin: 0px auto; position:relative; background: #fff; }



.pinpai_index .mod18 .btn{position:absolute;cursor:pointer;z-index:99;}



.pinpai_index .mod18 .prev{left:0;}



.pinpai_index .mod18 #prevTop,.pinpai_index .mod18 #nextTop{top:250px;width:35px;height:96px;}



.pinpai_index .mod18 #prevTop{background:url(https://www.haoshifood.com/index2023/images/prevBtnTop.png) 0 0 no-repeat;}



.pinpai_index .mod18 #nextTop{background:url(https://www.haoshifood.com/index2023/images/nextBtnTop.png) 0 0 no-repeat;}



.pinpai_index .mod18 .next{right:0;}







.pinpai_index .mod18 li{float:left;}







.pinpai_index .mod18 .picBox{width:1480px;height:615px;position:relative;overflow:hidden;margin:0 auto;}



.pinpai_index .mod18 .picBox ul{height:600px;position:absolute;left: -1190px;}



.pinpai_index .mod18 .picBox li{width:1190px;height:600px;/*left:155px;position:relative;text-align:center;*/}







.pinpai_index .mod18 .picBox li img{width:1170px;height:600px;left:155px;position:relative;}











.pinpai_index .mod18 .listBox{ width:1480px; height:202px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }



.pinpai_index .mod18 .listBox ul{height:202px;position:absolute;}



.pinpai_index .mod18 .listBox li{width:375px;height:202px;cursor:pointer;position:relative;}



.pinpai_index .mod18 .listBox li:nth-child(4){width:356px}



.pinpai_index .mod18 .listBox li img{width:356px;height:202px;border-radius:10px}











/*底部*/



.footer_all{width:80%;background:#00295e;height:100%;/*overflow:hidden*/float:left;padding:2.5% 10% 2.5% 10%}



.footer_left{float:left;width:32%}



.footer_cen{float:left;width:48%;}



.footer_cen .address{margin-top:20px;width:94%;color:#fff;font-size:14px;height:100%;overflow:hidden;}



.footer_cen .address span{border:1px solid #fff;margin-right:15px;width:20%;display:block;line-height:20px;text-align:center;float:left;}



.footer_cen .address1{float:left;width:50%}



.footer_cen .address1 div,.footer_cen .address2 div{height:40px;}



.footer_cen .address2{float:left;width:50%;text-align:left;}



.footer_right{float:left;width:20%}



.footer_right div{float:left;margin:4% 0 4% 8%}



















/*foot_imgdi*/











/*手机隐藏*/



.mobile_pinpai{display:none;}



/*品牌合作*/



/*产品中心*/











/*公众号二维码*/



.weixin {



position: relative;



}







.weixin img.qrcode {



position: absolute;



z-index: 99;



top: -180px;



right: -28px;



width: 7.5rem;



max-width: none;



height: 7.5rem;



transform: scale(0);



transform-origin: top right;



opacity: 0;



border: .3125rem solid #0085ba;



border-radius: .25rem;



-webkit-transition: all .4s ease-in-out;



-o-transition: all .4s ease-in-out;



transition: all .4s ease-in-out;







}







.weixin:hover img.qrcode {



transform: scale(1);



opacity: 1;



}



/*视频号*/



.shipinhao {



position: relative;



}







.shipinhao img.qrcode1 {



position: absolute;



z-index: 99;



top: -180px;



right: -28px;



width: 7.5rem;



max-width: none;



height: 7.5rem;



transform: scale(0);



transform-origin: top right;



opacity: 0;



border: .3125rem solid #0085ba;



border-radius: .25rem;



-webkit-transition: all .4s ease-in-out;



-o-transition: all .4s ease-in-out;



transition: all .4s ease-in-out;







}







.shipinhao:hover img.qrcode1 {



transform: scale(1);



opacity: 1;



}







/*微博*/



.weibo {



position: relative;



}







.weibo img.qrcode5 {



position: absolute;



z-index: 99;



top: -180px;



right: -28px;



width: 7.5rem;



max-width: none;



height: 7.5rem;



transform: scale(0);



transform-origin: top right;



opacity: 0;



border: .3125rem solid #0085ba;



border-radius: .25rem;



-webkit-transition: all .4s ease-in-out;



-o-transition: all .4s ease-in-out;



transition: all .4s ease-in-out;







}







.weibo:hover img.qrcode5 {



transform: scale(1);



opacity: 1;



}



/*抖音号*/



.douyin {



position: relative;



}







.douyin img.qrcode2 {



position: absolute;



z-index: 99;



top: -180px;



right: -28px;



width: 7.5rem;



max-width: none;



height: 7.5rem;



transform: scale(0);



transform-origin: top right;



opacity: 0;



border: .3125rem solid #0085ba;



border-radius: .25rem;



-webkit-transition: all .4s ease-in-out;



-o-transition: all .4s ease-in-out;



transition: all .4s ease-in-out;







}



.douyin:hover img.qrcode2 {



transform: scale(1);



opacity: 1;



}







/*小红书号*/



.xiaohongshu {



position: relative;



}







.xiaohongshu img.qrcode3 {



position: absolute;



z-index: 99;



top: -180px;



right: -28px;



width: 7.5rem;



max-width: none;



height: 7.5rem;



transform: scale(0);



transform-origin: top right;



opacity: 0;



border: .3125rem solid #0085ba;



border-radius: .25rem;



-webkit-transition: all .4s ease-in-out;



-o-transition: all .4s ease-in-out;



transition: all .4s ease-in-out;







}



.xiaohongshu:hover img.qrcode3 {



transform: scale(1);



opacity: 1;



}



/*B站*/



.bilibili {



position: relative;



}







.bilibili img.qrcode4 {



position: absolute;



z-index: 99;



top: -180px;



right: -28px;



width: 7.5rem;



max-width: none;



height: 7.5rem;



transform: scale(0);



transform-origin: top right;



opacity: 0;



border: .3125rem solid #0085ba;



border-radius: .25rem;



-webkit-transition: all .4s ease-in-out;



-o-transition: all .4s ease-in-out;



transition: all .4s ease-in-out;







}



.bilibili:hover img.qrcode4 {



transform: scale(1);



opacity: 1;



}







@media only screen and (max-width:1900px) {



    .header .nav li a.on .huang{top:-51px}



}











@media only screen and (max-width:1600px) {



/*头部*/



.header{width:90%;height:140px;padding:0 5%;}











/*关于我们*/



.about_index{height:680px}



.about_index .title_index h3{font-size:36px;}



.about_index .desc_index{line-height:30px;}



.about_index .desc_index p{font-size:16px}



.about_index .more_index a {



    background: #00295e;



    font-size:20px;



    letter-spacing: 2px;



    font-weight: bold;



    color: #fff;



    padding: 9px 5px 10px 25px;



    border-radius: 35px;



}



.about_index .more_index a img {



    margin-left: 10px;



    vertical-align: -12px;



    width: 40px;



}















/*产品中心*/



.product_index .title_index h3{font-size:36px;}







.product_index .prolist_index .more_index a {



    background: #00295e;



    font-size:20px;



    letter-spacing: 2px;



    font-weight: bold;



    color: #fff;



    padding: 9px 5px 10px 25px;



    border-radius: 35px;



}



.product_index .prolist_index .more_index a img {



    margin-left: 10px;



    vertical-align: -12px;



    width: 40px;



}



















.product_index .prolist_index .pro_list_con{



	background:url("https://www.haoshifood.com/index2023/images/pro_bglogo.png");



	width:100%;



    height:546px;



   background-size: 100% 100%;



   padding-top:2.5%;



}



.product_index .prolist_index .pro_list_con .pro_left img {



    max-width: 590px;



   



}



.product_index .prolist_index .pro_list_con .pro_right .title_index{margin-top:10px;height: 190px;}



.product_index .prolist_index .pro_list_con .pro_right .title_index h3{font-size:36px;line-height:70px;}



.product_index .prolist_index .pro_list_con .pro_right .title_index h5{font-size:16px}



.product_index .prolist_index .pro_list_con .pro_right .title_index .hengxian{margin-top:30px;}



.product_index .prolist_index .pro_list_con .pro_right .title_desc h2{font-size:24px}



.product_index .prolist_index .pro_list_con .pro_right .title_desc h4{font-size:16px;line-height:30px;}



.product_index .prolist_index .pro_list_con .pro_right .more_index{margin-top:60px;}



.product_index .prolist_index .pro_list_con .pro_right .more_index a{font-size: 20px;



    letter-spacing: 2px;



    font-weight: bold;



    color: #00295e;



    padding: 9px 5px 10px 25px;



    border-radius: 35px;



}



.product_index .prolist_index .pro_list_con .pro_right .more_index a img{margin-left:10px;vertical-align:-12px;width:40px}







/*产品中心*/











/*品牌合作*/



.pinpai_index .title_index h3{font-size:36px;}



.pinpai_index .mod18Box{zoom:0.8}



.footer_all{zoom:0.8}



























}



@media only screen and (max-width:1366px) {



.pinpai_index .mod18Box{zoom:0.7}



.footer_all{zoom:0.65}



    .header .nav li a.on .huang{top:-51.2px}



}



@media only screen and (max-width:1280px) {



	.header{width:90%;height:140px;padding:0 5%;}



	



}







@media only screen and (max-width:1199px) {



	.header{width:98%;height:140px;padding:0 1%;}



	.header .nav li{width:105px;float:left;text-align:right;line-height:134px}



	.header .nav li a.on .huang{left:82px;}







}



@media only screen and (max-width:1024px) {



	.pinpai_index .mod18Box{zoom:0.6}



	.pro_list_con{zoom:0.6}







}







@media only screen and (max-width:991px) {



	.header{width:98%;height:140px;padding:0 1%;}



	.header .nav li{width:100px;float:left;text-align:right;line-height:134px}



	.header .nav li a.on .huang{left:77px;}



	.pinpai_index .mod18Box{zoom:0.4}



	.pro_list_con{zoom:0.5}







	.footer_all{zoom:0.5}



}











@media screen and (max-width:767px) {



/*头部*/



.header{display:none;}







/*手机端导航*/



.mobile{



	display:block;



	width: 100%;



/*	float: left;*/



	height:64px;



}



.mobile-inner{



	width:100%;



	margin-right: auto;



	margin-left: auto;



	background-color: #fafafa;



	position: relative;



}



.mobile-inner .logo{



	width: 30%;



	margin-bottom: 30px;



}



.mobile-inner .logo img{



	height:60px;



}



.mobile-inner p{



	color: #676767;



	line-height: 25px;



	font-size: 16px;



	padding-bottom: 30px;



	padding-right: 30px;



	padding-left: 30px;



	margin:0px;



}



.mobile-inner-header{



	width: 100%;



	height:60px;



	position: absolute;



	top: 0px;



	left: 0px;



}



.mobile-inner-header-icon{



	color: #ffffff;



	height:60px;



	font-size:25px;



	text-align: center;



	float:right;



	width: 50px;



	position: relative;



	-webkit-transition: background 0.5s;



	-moz-transition: background 0.5s;



	-o-transition: background 0.5s;



	transition: background 0.5s;



}



.mobile-inner-header-icon:hover{



	background-color: rgba(255,255,255,0.2);



	cursor: pointer;



}



.mobile-inner-header-icon span{



	position: absolute;



	left: calc((100% - 25px) / 2);



	top: calc((100% - 1px) / 2);



	width: 25px;



	height: 2px;



	margin:2px 0;



	background-color:#00295e;







}



.mobile-inner-header-icon span:nth-child(1){



transform: translateY(6px) rotate(0deg);



	}



.mobile-inner-header-icon span:nth-child(2){



transform: translateY(-6px) rotate(0deg);



	}



	



.mobile-inner-header-icon-click span:nth-child(1){



	animation-duration: 0.5s;



	animation-fill-mode: both;



	animation-name: clickfirst;



	}		



.mobile-inner-header-icon-click span:nth-child(2){



	animation-duration: 0.5s;



	animation-fill-mode: both;



	animation-name: clicksecond;



	}



	



.mobile-inner-nav{



	background-color:#00295e;



	width: 100%;



	position: absolute;



	top:65px;



	left: 0px;



	display: none;



	z-index: 99999!important;



}



.mobile-inner-nav a{







	display: inline-block;



	line-height: 50px;



	text-decoration: none;



	width: 80%;



	margin-left: 10%;



	color: #FFFFFF;



	border-bottom: solid 1px rgba(255,255,255,0.3);



	-webkit-transition: all 0.5s;



	-moz-transition: all 0.5s;



	-o-transition: all 0.5s;



	transition: all 0.5s;



	



}



.mobile-inner-nav a:hover{



	color: rgba(255,255,255,0.4);



	border-bottom: solid 1px rgba(255,255,255,0.2);



}



.video_none{display:none}



/*banner*/



.swiper-button-prev{left:10px;}



.swiper-button-next{right:10px;}



/*banner*/







/*关于我们*/



.about_index{height:530px}



.about_index .title_index{margin-top:5%}



.about_index .title_index h3{font-size:32px;font-weight:bold;color:#00295e;letter-spacing:5px}



.about_index .desc_index{text-align:center;margin-top:30px;line-height:25px}



.about_index .desc_index p{font-size:14px;color:#00295e;letter-spacing:2px;}



.about_index .more_index{text-align:center;margin-top:30px;}



.about_index .more_index a{background: #00295e;



    font-size: 18px;



    letter-spacing: 2px;



    font-weight: bold;



    color: #fff;



    padding: 9px 5px 10px 10px;



    border-radius: 35px;}



.about_index .more_index a img{margin-left:10px;vertical-align:-12px;width:36px}



/*关于我们*/







/*产品中心*/



.product_index .title_index h3{font-size:26px;font-weight:bold;color:#00295e;letter-spacing:5px}



.product_index .prolist_index .prolist_li{margin-bottom:40px}



.product_index .prolist_index .prolist_li li{float:left;width:46.712%;height:100%;overflow:hidden;text-align:center;margin:1.644%; position: relative;}











.product_index .prolist_index .more_index{text-align:center;margin-top:30px;}



.product_index .prolist_index .more_index  a{background: #00295e;



    font-size: 18px;



    letter-spacing: 2px;



    font-weight: bold;



    color: #fff;



    padding: 9px 5px 10px 10px;



    border-radius: 35px;}



.product_index .prolist_index .more_index a img{margin-left:10px;vertical-align:-12px;width:36px}



































/*产品内容*/







.product_index .prolist_index .pro_list_con{background:#fff;padding-top:0px;zoom:1;height:100%;overflow:hidden;padding-bottom:10%}



.product_index .prolist_index .pro_list_con .pro_left{width:96%;float:right;margin-left:2%;margin-right:2%;background: url(https://www.haoshifood.com/index2023/images/mobile_pro_bglogo.png);background-position: center;



    background-size: cover;



    background-repeat: no-repeat;}



.product_index .prolist_index .pro_list_con .pro_left img{width:100%}



.product_index .prolist_index .pro_list_con .pro_right{width:96%;float:left;margin-left:2%;margin-right:2%;padding-top:0}



.product_index .prolist_index .pro_list_con .pro_right .title_index{margin-top:0;height:140px;}



.product_index .prolist_index .pro_list_con .pro_right .title_index h3{font-size:32px;line-height:50px;}



.product_index .prolist_index .pro_list_con .pro_right .title_index h5{font-size:16px}



.product_index .prolist_index .pro_list_con .pro_right .title_index .hengxian{margin-top:20px}



.product_index .prolist_index .pro_list_con .pro_right .title_desc{min-height:100px}

.product_index .prolist_index .pro_list_con .pro_right .title_desc h2{font-size:26px;font-weight:bold;color:#bf932c;margin-bottom:20px}



.product_index .prolist_index .pro_list_con .pro_right .title_desc h4{font-size:16px;font-weight:400;line-height:20px;color:#00295e;}







.product_index .prolist_index .pro_list_con .pro_right .more_index{margin-top:30px;}



.product_index .prolist_index .pro_list_con .pro_right .more_index a{background:#fff;border:2px solid #00295e;font-size:18px;letter-spacing:2px;font-weight:bold;color:#00295e; padding: 9px 5px 10px 10px;border-radius:35px;}



.product_index .prolist_index .pro_list_con .pro_right .more_index a img{margin-left:10px;vertical-align:-12px;width:36px}











/*品牌合作*/



/*品牌合作*/



.pinpai_index .title_index h3{font-size:32px;}



.mod18Box{display:none;}



.mobile_pinpai{display:block;width:96%;height:100%;overflow:hidden;margin:0 auto}



.mobile_list4{margin-top:20px;width:100%;height:100%;overflow:hidden}



.mobile_list4 li{float:left;width:46%;height:auto;margin-left:2%;margin-bottom:4%}



.mobile_list4 li:nth-child(2n){margin-left:4%}



.mobile_list4 li img{float:left;width:100%;height:auto;}







.footer_all{width:94%;padding:2.5% 3% 2.5% 3%;zoom:0.7}



.footer_left{float:left;width:100%;text-align: center;}



.footer_cen{float:left;width:100%;}



.footer_cen .address{margin-top:20px;width:100%;color:#fff;font-size:16px;height:100%;overflow:hidden;}



.footer_cen .address span{border:1px solid #fff;margin-right:15px;width:24%;display:block;line-height:30px;text-align:center;float:left;}



.footer_cen .address1{float:left;width:100%}



.footer_cen .address1 div,.footer_cen .address2 div{height:60px;}



.footer_cen .address2{float:left;width:100%;text-align:left;}



.footer_right{float:left;width:100%;}



.footer_right div{float:left;margin:4% 0% 4% 2.5%}



.footer_right div:first-child{margin-left:5%}







/*phone底部导航*/



.q_d_m{float:left; width:100%; height:50px;}



.pf_down{display:block;width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#00295e; z-index:999; box-shadow:0 -5px 7px rgba(0,0,0,0.15);}



.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 5px 0;}



.pf_down li .ico7{ width:100%; float:left; height:20px;}



.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}



.pf_down li.l1 .ico7{ background:url(https://www.haoshifood.com/index2023/images/btn15.png) no-repeat center; background-size:20px 20px;}



.pf_down li.l2 .ico7{ background:url(https://www.haoshifood.com/index2023/images/btn16.png) no-repeat center; background-size:20px 20px;}



.pf_down li.l3 .ico7{ background:url(https://www.haoshifood.com/index2023/images/btn17.png) no-repeat center; background-size:20px 20px;}











}