/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:14px/1.5   Arial, "Microsoft Yahei";width:100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width:1400px) {
    .container{
        width: 90vw;
        max-width: 1400px;
    }
}
/*=====顶部导航=====*/
#F-header{background:rgba(255,255,255,0.9);z-index:9999}
.F-pc .F-header-top{margin-top:30px;height:54px;transition:ease 0.3s;-moz-transition:ease 0.3s;-webkit-transition:ease 0.3s;-o-transition:ease 0.3s;}
.F-pc .F-header-top h2{float:left;font-size:14px;color:#656565;line-height:54px;}
.F-pc .F-header-top h3{float:right; width:306px; height:54px;overflow:hidden;background:url(../images/tel_1.png) no-repeat left center;text-indent:-999rem;}
.F-header-nav{height:98px;margin:auto;}
.F-header-nav>ul{}
.F-header-nav>ul>li{float:left;line-height:98px; width:auto;text-align:center;position: relative;}
.F-header-nav>ul>li>a{font-size:18px;color:#151914;padding: 0 15px;}
.F-header-nav>ul>li:hover>a,.F-header-nav>ul>li>a.hover{background:#b7090a;color:#fff;display:block}
.F-header-nav h1{width:256px;height:55px;overflow:hidden;background:url(../images/logo_1.png) no-repeat left center;text-indent:-999rem;margin-right: 30px;}
.F-header-nav h1 a{display:block;width:100%;height:100%;}
.F-pc-header .F-header-top{height:0;}
.F-header-nav ul li:hover .F-header-muen{
    height: fit-content;
}
/*=====二级栏目=====*/
.F-header-muen.news{
    background-color: white;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    transition:ease 0.3s;-webkit-transition:ease 0.3s;-moz-transition:ease 0.3s;-o-transition:ease 0.3s;
    position: absolute;
    left: 0;
    top: auto;
    min-width: 100%;
    height: 0px;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}
.F-muen-box{
    overflow: hidden;
    padding-top: 10px;
    padding-bottom:10px;
}
.F-muen-box ul li{
    line-height: 32px;
}
.F-muen-box ul li a{
    display:block;font-size:14px;color:#090909;
    text-align: left;
}
.F-muen-box ul li:hover a{
    color:#b7090a; 
}
.F-muen-box .muen-4 li a{
    text-align: center;
}
.F-muen-box .muen-3{
    width: 400px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
    white-space: nowrap;
    padding:0 15px;
    
}
.F-pc:hover{
    background: white;
}
/* .F-header-muen{background:#fff;overflow:hidden;transition:ease 0.3s;-webkit-transition:ease 0.3s;-moz-transition:ease 0.3s;-o-transition:ease 0.3s;height:1px;position: absolute;left: 0;
width: 100%;}
.F-muen-box{overflow:hidden;padding-top:9px;padding-bottom:20px;}
.F-muen-box ul{float:left; width:118px; text-align:center}
.F-muen-box ul.muen-3{margin-left:24.5%;overflow: hidden;width:400px;}
.F-muen-box ul li{line-height:32px;}
.F-muen-box ul li a{display:block;font-size:14px;color:#090909}
.F-muen-box ul li a:hover{color:#b7090a;background-color: transparent;}
.F-muen-box .muen-1{margin-left:180px;}
.F-muen-box .muen-4{margin-left:51%;}
.F-muen-box ul.muen-3 li{width:33.33%;float: left;text-align: left;}
.F-header-tel{border-top:solid 2px #b7090a;overflow:hidden}
.F-header-tel h2{float:left;margin-top:30px;margin-bottom:32px; width:306px; height:105px;background:url(../images/tel_1.png) no-repeat left center;text-indent:-999rem;margin-left:20px;}
.F-header-tel .F-header-weixin{float:right;overflow:hidden;margin-top:16px;margin-bottom:6px;margin-right:30px;}
.F-header-tel .F-header-weixin p{float:left;margin-left:58px;text-align:center;font-size:14px;color:#b7090a}
.F-header-tel .F-header-weixin p img{width:100px;} */
/*=====展示二级栏目=====*/
/* .F-pc:hover .F-header-muen{height:360px;} */
.swiper-container-pagination{bottom:340px;top:auto !important;right:175px !important;}
.swiper-container-pagination span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);}
.swiper-container-pagination span.swiper-pagination-bullet-active{background:#fff;transition:ease 0.8s;-webkit-transition:ease 0.8s;-moz-transition:ease 0.8s;-o-transition:ease 0.8s;}
.swiper-container-prev,.swiper-container-next{font-size:30px;color:#fff;background:none;width:30px;right:160px;}
.swiper-container-prev{left:auto !important;bottom:300px !important;}
.swiper-container-next{bottom:300px !important;top:auto !important}
/*=====栏目====*/
#nav{background:#b7090a;overflow:hidden;height:70px;position:fixed;left:0;top:0;width:100%;z-index:10}
#nav h1{background:url(../images/logo_2.png) no-repeat left center;background-size:contain;overflow:hidden;margin-left:2%;margin-top:15px;float:left;width:30%;}
#nav h1 a{display:block;overflow:hidden;text-indent:-999rem;}
#nav h2{float:right;margin-right:2%;margin-top:15px;position:relative; height:40px;width:30px;cursor:pointer}
#nav h2:after,#nav h2:before{position:absolute;left:0;width:100%;height:2px;background:#fff;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#nav h2:after{bottom:5px;}
#nav h2:before{top:5px;}
#nav h2 span{display:block;height:2px;width:100%;background:#fff;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#nav h2.onhover:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:8px;}
#nav h2.onhover:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:8px;left:5px;}
#nav h2.onhover span{opacity:0}
.nav-menu{position:fixed;width:100%;left:0;top:-100%;background:#b7090a;border-top:solid 1px #fff;z-index:999;transition:ease 0.9s;-webkit-transition:ease 0.9s;-moz-transition:ease 0.9s;-o-transition:ease 0.9s;}
.nav-menu li{line-height:50px;border-top:solid 1px rgba(255,255,255,0.3);text-align:center;}
.nav-menu li a{display:block;font-size:16px;color:#fff;font-weight:200}
.nav-menu li a:hover,.nav-menu li a.hover{background:#fff;color:#b7090a}
.nav-menu.nav-postion{top:70px;}
@media(min-width:1200px) and (max-width:1366px){
    #nav{display:none !important;}
    .F-header-nav{ height:60px !important;}
    .F-header-nav ul li{line-height:60px;}
    .F-header-nav h1{margin-top:2px;}
}
@media(min-width:992px) and (max-width:1024px){
    .statement{width:81.78%}
    .statement-left{padding-left:20px}
    .statement-right p img{max-width:100%}
}
@media(min-width:768px) and (max-width:992px){
    .statement{width:85.78%}
    .statement-left{padding-left:20px}
    .statement-left p{font-size:18px;}
    .statement-right p img{max-width:100%}
    .statement-left h4{font-size:18px;line-height:2}
}
@media(max-width:640px){
	#nav h1{width:45%;}
    .statement{width:85.78%}
    .statement .container-box{padding:10px 0}
    .sm-close{width:20px;right:-20px;top:-20px;}
    .sm-close img{max-width:100%}
    .statement-left h2{font-size:20px;}
    .statement-left{padding-left:20px;height:auto;}
    .statement-left p{font-size:12px;line-height:2}
    .statement-right p img{max-width:100%}
    .statement-left h3{font-size:12px;}
    .statement-left h4{font-size:12px;line-height:2}
    .statement-right{border-top:dashed 1px #b7090a;padding:20px;margin-top:20px;}
    .statement-right h3{font-size:20px;}
}
/*=====浮动框=====*/
.F-home-toTop{position:fixed;right:0;bottom:50px;z-index:10}
.F-home-toTop>div{margin-bottom:10px;cursor:pointer}
.F-home-online{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);z-index:11;display:none}
.zxh{position:absolute;height:380px;padding:25px;right:5%;width:864px;bottom:5%;background:#fff;}
.zxh .title{margin-left:1%;font-size:24px;line-height:42px;color:#b7090a}
.zxh .input{border:solid 1px #c9c9c9;float:left; width:31%;margin:0 1% 15px;height:40px;}
.zxh .input span{float:left;width:22%;color:#4c4c4c;font-size:18px;height:38px; line-height:38px;text-align:left;text-indent:0.5rem}
.zxh .input input[type="text"]{float:left;height:38px;line-height:38px;width:78%;padding-left:1%;border:none}
.zxh .textarea{height:166px;margin:20px 1% 0;position:relative;width:97%;}
.zxh .textarea span{color:#4c4c4c;display:block;font-size:18px;line-height:38px;position:relative;text-align:left;width:70px;z-index:5;text-indent:0.5rem;}
.zxh .textarea textarea{border:solid 1px #c9c9c9;height:166px;top:0;position:absolute;width:100%;z-index:1;resize:none}
#btn-tj{background:#b7090a;color:#fff;cursor:pointer;height:30px;width:148px;text-align:center;margin:20px auto 0;display:block;border:none}
.btn-off{position:absolute;bottom:52px;border-radius:52%;right:-34px;width:68px;height:68px;background:url(../images/backg_12.png) no-repeat center;cursor:pointer}
@media(min-width:768px) and (max-width:992px){
    .zxh{width:690px;}
}
@media(min-width:641px) and (max-width:767px){
    .zxh{width:670px;}
}
@media(max-width:640px){
    .zxh{width:92%;padding:25px 10px;height:300px;}
    .zxh .input span{font-size:12px;width:30%;}
    .zxh .input input[type="text"]{width:70%;}
    .zxh .textarea{height:95px;}
    .zxh .textarea span{font-size:12px;}
    .zxh .textarea textarea{height:100px;}
    .btn-off{width:50px;height:50px;z-index:99;bottom:-14px;right:-18px;}
}
/*=====banner======*/
.swiper-pagination-banner{bottom:70px !important;}
.swiper-pagination-banner .swiper-pagination-bullet{ width:26px; height:5px;border-radius:1.5px;background:rgba(255,255,255,0.80);margin:0 17px !important;opacity:1}
.swiper-pagination-banner .swiper-pagination-bullet-active{background:#b7090a}
.F-overflow{overflow:hidden;}
.swiper-container-banner .swiper-slide{position:relative;}
.swiper-container-banner .F-home-banner-title{position:absolute;left:16%;top:30%;}
.section{text-align:center}
.swiper-fresh-pattern{background:url(../images/backg_7.jpg) no-repeat center;background-size:cover;width:100%;height:100%;}
.F-fresh-pattern-box{padding-top:28%;}
/*.F-fresh-pattern-box li:nth-of-type(odd){margin-top:6%;}*/
.F-fresh-pattern-box li{padding:0 20px;}
.F-fresh-pattern-box li .F-fresh-box{position:relative;border-radius:20px;overflow:hidden;}
.F-fresh-pattern-box li .F-fresh-box .F-fresh-text{position:absolute;left:0;bottom:0;text-align:center;width:100%;height:100%;background:rgba(0,0,0,0.6);transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.F-fresh-pattern-box li .F-fresh-box .F-fresh-link{position:absolute;left:0;top:0;width:100%;height:100%;}
.F-fresh-pattern-box li .F-fresh-box .F-fresh-text h2{position:absolute;bottom:56.8%;left:0;text-align:center;width:100%;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.F-fresh-pattern-box li .F-fresh-box .F-fresh-text p{position:absolute;top:46%;width:100%;padding:0 26px;font-size:14px;color:#fff;}
.F-fresh-pattern-box li:hover .F-fresh-text{height:70px;background:rgba(0,0,0,0.9)}
.F-fresh-pattern-box li:hover .F-fresh-text h2{bottom:14px;top:auto;}
.F-fresh-pattern-box li:hover .F-fresh-text p{display:none;}
@media(min-width:1200px) and (max-width:1366px){
    .swiper-fresh-pattern{background-position-y:75%;background-size:auto 120%}
    .F-fresh-pattern-box{padding-top:10%;margin-top:6px;}
    .F-fresh-pattern-box li{padding:0 50px !important}
    .F-fresh-pattern-box li img{max-width:100%;}
    .F-fresh-pattern-box li:nth-of-type(odd){margin-top:0;}

}
@media(min-width:1280px) and (max-width:1600px){
    .swiper-fresh-pattern{background-position-y:75%;background-size:auto 125%}
    .F-fresh-pattern-box{padding-top:15%}
    .F-fresh-pattern-box li{padding:0 30px}
    .F-fresh-pattern-box li img{max-width:100%;}
    .section{overflow:hidden;}

}
@media(max-width:767px){
    .F-fresh-pattern-box li .F-fresh-box .F-fresh-text p{padding:5px;font-size:12px;}
    .swiper-container-banner .swiper-slide{background-image:none!important;}
    .swiper-container-banner .swiper-slide img{width:100%!important;height:100%!important;}
}
.F-Dishes{position:relative;width:100%;height:100%;overflow:hidden;}
.F-Dishes .F-Dishes-img{position:absolute;left:0;top:0;height:100%;width:100%}
/*.F-Dishes .F-Dishes-img img{height:100%;}*/
.F-Dishes .F-Dishes-title{top:20%;position:absolute;left:20%;}
.section.active .F-Dishes:first-child .F-Dishes-img{animation:fadeInRight .4s 0.4s both;-webkit-animation:fadeInRight .4s 0.4s both;-moz-animation:fadeInRight .4s 0.4s both;-o-animation:fadeInRight .4s 0.4s both;-ms-animation:fadeInRight .4s 0.4s both;}
.section.active .F-Dishes:first-child .F-Dishes-title{animation:fadeInLeft .4s 0.4s both;-webkit-animation:fadeInLeft .4s 0.4s both;-moz-animation:fadeInLeft .4s 0.4s both;-o-animation:fadeInLeft .4s 0.4s both;-ms-animation:fadeInLeft .4s 0.4s both;}

.F-Dishes.swiper-slide-active .F-Dishes-img{animation:fadeInRight .4s 0.4s both;-webkit-animation:fadeInRight .4s 0.4s both;-moz-animation:fadeInRight .4s 0.4s both;-o-animation:fadeInRight .4s 0.4s both;-ms-animation:fadeInRight .4s 0.4s both;}
.F-Dishes.swiper-slide-active .F-Dishes-title{animation:fadeInLeft .4s 0.4s both;-webkit-animation:fadeInLeft .4s 0.4s both;-moz-animation:fadeInLeft .4s 0.4s both;-o-animation:fadeInLeft .4s 0.4s both;-ms-animation:fadeInLeft .4s 0.4s both;}

#F-products h3{
	height: 124px;
    background: url(../images/title_6.png) no-repeat center;
    position: absolute;
    left: 0;
    width: 100%;
    top: 10%;
    overflow: hidden;
    text-indent: -999rem;
    z-index: 9;
}
.F-pro-list{text-align: center;margin-left:-15px;margin-right: -15px;padding:0 20px;display: grid;grid-template-columns: repeat(4,1fr);column-gap: 35px;row-gap: 25px;}
.F-pro-list li{display:inline-block;width:90%;height:42px;border-radius:4px;background:#b7090a;}
.F-pro-list li a{display:block;font-size:18px;color:#fff;font-weight:200;padding:2px;}
.F-pro-list li span{border:solid 1px #fff;display:block;line-height:36px;border-radius:4px;}

/*swiper products*/
.pro_view{width:800px;margin:0 auto;}
.view .swiper-container {
	width: 800px;
	height: 510px;
}

.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}
.view .swiper-slide img{width:100%;}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width:730px;
	height: 82px;
	margin-left: 35px;
}

.preview .swiper-slide {
	width: 87px;
	height: 82px;
	cursor:pointer;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
	width:100%;
}
.preview p{background-color:#b7090a;color:#fff;font-size:14px;text-align: center;height:32px;line-height:32px;}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}

.swiper-contauner-news{background:url(../images/backg_2.jpg) no-repeat center;background-size:cover;width:100%;height:100%;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#F-stores .F-home-title{position:absolute;top:1.6%;width:100%;left:0;z-index:8}
#F-stores h3{height:124px;background:url(../images/title_1.png) no-repeat center;position:absolute;left:0;width:100%;top:10%;overflow:hidden;text-indent:-999rem;z-index:9}
#F-stores h3 a{display:block;height: 100%}
#F-stores .F-stores-title{top:24%}
#F-stores{background:url(../images/backg_1.jpg) no-repeat center;background-size:cover;position:relative}
.F-stores-title{width:100%;position:absolute;top:29%;font-size:24px;color:#000000;font-weight:200;width:100%}
.F-stores-box{position:absolute;top:34%;left:0;width:100%;}
.F-stores-more{position:absolute;left:0;bottom:0;width:100%;z-index:99}
.F-stores-more a{display:block;width:44px; height:44px;border-radius:50%;border:solid 1px #b7090a;text-align:center;font-family:Arial;color:#b7090a;font-size:13px;line-height:18px;padding-top:10px;font-weight:400;margin:auto}
.F-stores-more a span{font-size:12px;line-height:18px;display:block;margin-top:-4px;}
#focus_Box{position:relative;width:1526px;height:555px;overflow:hidden;margin:auto;}
#focus_Box ul{position:relative;height:555px}
#focus_Box li{z-index:0;position:absolute; background:#787878;top:146px;cursor:pointer;left:377px;border-radius:4px;}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{left:0px}
#focus_Box .next{right:0px} 
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}
@media(min-width:1280px) and (max-width:1600px){
    #F-stores .F-home-title{top:1.6%;font-size:90px;}
    #F-stores h3{top:12%;height:90px;background-size:contain}
    #F-stores .F-stores-title{display:none}
    .F-stores-box{top:24%;}
}
@media(min-width:1200px) and (max-width:1366px){
    #F-stores h3{top:11%;height:80px;background-size:contain;}
    #F-stores .F-stores-title{display:none}
	#F-products h3{top:11%;height:80px;background-size:contain;}
    .F-stores-box{top:31%;}
    .F-stores-more{display:none;}
}
.swiper-contauner-news .container{position:absolute;left:50%;top:11%;z-index:1;margin-left:-600px;}
.F-news{background:#fff;overflow:hidden;position:relative;margin-top:50px;margin-bottom:30px;}
.F-home-title{font-size:120px;color:#c6cdbb;opacity:0.5;margin-top:50px;z-index:1;font-weight:bold}
.F-home-fitle{font-size:24px;color:#020202;font-weight:200;line-height:30px;}
.F-news h3{background:url(../images/title_2.png) no-repeat center; height:126px;overflow:hidden;text-indent:-999rem;margin-top:-56px;position:absolute;left:0;top:10.6%; width:100%;z-index:99}
.F-news h4{position:absolute;left:0;top:23%;width:100%;text-align:center;}
.F-news-box{margin-top:220px;overflow:hidden;}
.F-news-left{overflow:hidden;}
.F-news-left h5{font-size:22px;color:#020202;text-align:left;margin-bottom:20px;}
.F-news-left h5 span{border-bottom:solid 1px #000000}
.F-news-img{overflow:hidden;}
.F-news-img img{width:100%;}
.F-news-one .F-news-text h6{overflow:hidden;margin-top:30px;border-bottom:solid 1px #c9c9c9;line-height:40px;margin-bottom:10px;}
.F-news-one .F-news-text h6 a{float:left;font-size:20px;color:#020202}
.F-news-one .F-news-text h6 span{float:right;font-size:16px;color:#656565}
.F-news-one .F-news-text p{font-size:14px;color:#656565;line-height:26px;text-align:left}
.F-news-one .F-news-text p a{display:block;text-align:left;margin-top:10px;margin-bottom:10px;color:#b7090a}
.F-news-right{text-align:left;overflow:hidden;padding:0 40px;}
.F-news-right h5{margin-bottom:20px;color:#020202;font-size:22px;}
.F-news-right h5 span{border-bottom:solid 1px #000;margin-right:56px;cursor:pointer}
.F-news-right h5 span:hover,.F-news-right h5 span.hover{color:#b7090a;border-color:#b7090a}
.F-news-right h5 a{float:right;font-size:14px;color:#b7090a;line-height:22px;}
.F-news-ulBox{overflow:hidden;}
.F-news-ul li{overflow:hidden;border-bottom:solid 1px #ededed;padding-bottom:20px;margin-bottom:16px;}
.F-news-ul li .F-news-time{float:left;width:100px; height:80px;border-radius:4px;padding-left:14px;margin-left:8px;margin-right:44px;}
.F-news-ul li .F-news-time span{font-size:42px;color:#868383;line-height:48px;}
.F-news-ul li .F-news-time p{font-size:20px;color:#868383;line-height:30px;}
.F-news-ul li .F-news-txt h2{line-height:26px;}
.F-news-ul li .F-news-txt h2 a{color:#020202;font-size:18px; line-height:26px;}
.F-news-ul li .F-news-txt p{font-size:14px;color:#656565;line-height:26px;}
.F-news-ul li:hover .F-news-time{background:#b7090a;}
.F-news-ul li:hover .F-news-time span,.F-news-ul li:hover .F-news-time p{color:#fff;}
@media(min-width:1280px) and (max-width:1600px){
    .F-news{margin-top:25px}
    .F-news .F-home-title{font-size:90px;margin-top:10px}
    .F-news h3{top:10.6%}
    .F-home-fitle{display:none}
    .F-news-box {
    margin-top:180px;
    }
    .F-news-one .F-news-text h6{margin-top:10px;}
    .F-news-one .F-news-text p a{display:inline-block !important;margin:0 !important}
    .F-news-ul li{padding-bottom:10px;margin-bottom:10px;}
}
#F-join{background:url(../images/backg_3.jpg) no-repeat center;background-size:cover;overflow:hidden;height:100%}
#F-join h3{height:122px;overflow:hidden;text-indent:-999rem;margin-top:-56px;position:absolute;left:0;top:18.4%; width:100%;z-index:99;background:url(../images/title_3.png) no-repeat center}
#F-join .F-join-fitle{margin-top:150px;color:#0b0b0b;line-height:44px;margin-bottom:70px;}
#F-join .F-join-fitle b{color:#b7090a}
#F-join .F-join-fitle i{font-style:normal;font-size:30px;line-height:30px;}
#F-join .F-join-fitle em{font-style:normal;font-size:36px;color:#2c2c2c;font-weight:200;border-bottom:solid 1px #b7090a}
.F-join-box{position:relative;overflow:hidden;padding-bottom:50px;}
.F-join-title{position:absolute; width:370px;overflow:hidden;}
.F-join-title .F-join-time{float:left;width:58px; height:58px;background:#b7090a;border-radius:50%;font-style:oblique;line-height:58px;font-size:30px;color:#fff;text-align:left;padding-left:8px;}
.F-join-title .F-join-text{ width:292px;float:left;margin-left:20px;}
.F-join-title .F-join-text h4{font-size:22px;color:#2c2c2c;font-weight:bold;text-align:left;line-height:26px;margin-bottom:10px;}
.F-join-title .F-join-text p{font-size:14px;color:#656565;line-height:22px; text-align:left}
.F-join-img{display:inline-block;border:solid 10px #b7090a;border-radius:50%;overflow:hidden;margin-bottom:30px;}
.F-join-1{left:0;top:0;}
.F-join-2{left:0;top:162px;}
.F-join-3{left:0;top:315px}
.F-join-4{right:0;top:0}
.F-join-5{right:0;top:162px;}
.F-join-6{right:0;top:300px;}
.F-join-more{position:absolute;left:0;bottom:50px; width:100%;}
.F-join-more a{display:block; width:114px; height:30px;border-radius:4px;background:#b7090a;margin:auto;line-height:30px;font-size:14px;color:#fff}
@media(min-width:1280px) and (max-width:1600px){
    #F-join h3{top:18.6%}
    #F-join .F-join-fitle{margin-top:0;display:none;}
    .F-join-box {margin-top:230px;
    }
    .F-join-more {
    bottom:50px;}
}
@media(min-width:1366px) and (max-width:1600px) {
.banner{height:550px !important;margin:15px auto !important;}
    
    .F-stores-more {
    display:none
    }
}
#F-about {background:url(../images/backg_8.jpg) no-repeat center;background-size:cover;overflow:hidden}
.F-home-about{margin-top:85px;}
.F-home-about a{color:#fcfbfb;}
#F-about h3{height:124px;background:url(../images/title_4.png) no-repeat center;overflow:hidden;text-indent:-999rem;z-index:9}
.f-about-pic{float:left;}
.f-about-pic img{width:100%;border:3px solid #e9e9e9;border-radius:5px;}
.f-about-desc{font-size:16px;color:#fcfbfb;line-height:2;text-align: left;}
.f-about-desc span{ font-weight:700;color:#f00;}
@media(min-width:1280px) and (max-width:1600px){
    .F-home-about{}
}
/*=====在线留言=====*/
.online-box{background:url(../images/backg_5.png) no-repeat center;background-size: cover;}
.F-ads{height:337px;background:url(../images/backg_4.jpg) no-repeat center;display:block;position:absolute;width:100%;top:0;left:0}
.F-online{height:100%;position:absolute;width:100%;top:0;left:0;}
.F-online h2{margin-left:100px;text-align:left;margin-top:10%;font-size:36px;color:#b7090a;font-weight:600;position:relative;}
.F-online h2:before{position:absolute;width:88px;height:118px;background:url(../images/backg_9.png) no-repeat center;left:160px;top:-60px;content:""}
.F-online h3{font-size:15px;color:#b7090a;line-height:36px;text-align:left;margin-left:100px;text-transform:uppercase !important;}
.F-online table{margin-left:100px; width:392px;overflow:hidden;}
.F-online table tr td input[type="text"]{ width:100%;height:36px;background:#fff;border:none;margin-bottom:10px;padding-left:5px;font-size:14px;color:#7e7e7e}
.F-online table textarea{width:100%;height:100px;border:none;background:#fff;line-height:24px;resize:none;margin-bottom:10px;display:block}
.F-online table input[type="submit"]{width:100%;border:none;height:38px;background:#b7090a;font-size:18px;color:#fff;font-weight:200}
@media(min-width:1280px) and (max-width:1600px){
    .F-ads{height:190px}
    .F-online{top:9% !important; }
    #footer{}
}
/*=====底部======*/
#footer{position:absolute;left:0;width:100%;bottom:0;}
.footer-top{background:#151414;overflow:hidden;padding-bottom:10px;}
.footer-nav{font-size:14px;line-height:60px;color:rgba(255,255,255,0.7);text-align:left}
.footer-nav a{color:rgba(255,255,255,0.7);margin:0 10px;}
.footer-text{text-align:left;padding-left:10px;font-size:14px;line-height:30px;color:rgba(255,255,255,0.7)}
.footer-right{overflow:hidden;margin-top:35px;}
.footer-right .footer-weixin{float:left;margin-left:40px;font-size:14px;color:rgba(255,255,255,0.7);line-height:32px;}
.footer-bottom{background:#000000;line-height:50px;}
.footer-bottom span{float:left;padding-left:25px;color:rgba(255,255,255,0.7);font-size:14px;}
.footer-bottom p{float:right;color:rgba(255,255,255,0.7);font-size:14px;}
.footer-bottom p a{color:rgba(255,255,255,0.7)}

/*=====992_1024=====*/
@media(min-width:992px) and (max-width:1024px){
    .swiper-contauner-news .container{margin-left:0;left:2.5%;}
    .F-fresh-pattern-box{margin-top:12%;padding-top:20%}
    .F-fresh-pattern-box li img{max-width:100%;}
    .swiper-stores img{width:100%;}
    .F-news{margin-top:-30px;}
    .F-news h4{display:none}
    .F-news-right{width:100%}
    .F-news .F-home-title{margin-top:0;}
    .F-news h3{top:17.6%}
    .F-news-ul li{padding-bottom:15px;}
    .F-join-box{margin-top:200px;}
    #F-join .F-home-title{font-size:110px;}
    #F-join h3{top:17.6%;}
    .F-join-title .F-join-time{width:40px;height:40px;line-height:40px;padding:0;text-align:center;font-size:22px;}
    #F-join .F-join-fitle{margin-top:0;display:none;}
    .F-join-title .F-join-text{width:68%;margin-left:12px;}
    .F-join-title .F-join-text h4{font-size:15px;margin-bottom:5px;}
    .F-join-title .F-join-text p{font-size:12px;}
    .F-join-img{width:30%;margin-left:-8%;margin-top:2%;margin-bottom:8%;}
    .F-join-img img{max-width:100%;}
    .F-join-2{top:110px;}
    .F-join-3{top:240px}
    .F-join-5{top:110px;}
    .F-join-6{top:240px}
    .F-home-about{margin-top:26%;font-size:12px;margin-bottom:16px;}
    .F-ads{background-size:contain;height:240px;}
    .F-online{top:224px;}
    .F-online h2{margin-top:15px;}
    .footer-nav{font-size:12px;}
    .footer-nav{font-size:12px;}
    .footer-right{margin-top:20px;}
    .footer-bottom{font-size:12px;line-height:30px;}
    #footer{background:url(../images/yz.png) no-repeat 75% 50%}
}
@media(min-width:1200px) and (max-width:1366px){
    .swiper-contauner-news .container{margin-left:0;left:7.5%;}
    .F-fresh-pattern-box li img{max-width:100%;}
    .swiper-stores img{width:100%;}
    .F-news{margin-top:-30px;}
    .F-news-right{width:65%}
    .F-news .F-home-title{margin-top:0;}
    .F-news h3{top:13.6%;height:80px;background-size:contain;}
    .F-news-box{margin-top:90px;}
    .F-news-ul li{padding-bottom:5px;margin-bottom:15px;}
    .F-news-one .F-news-text h6{margin-top:5px;}
    .F-news-one .F-news-text p a{display:inline-block;margin:0;}
    #F-join .F-home-title{font-size:100px;}
    #F-join h3{top:19.6%;height:80px;background-size:contain;}
    #F-join .F-join-fitle{margin-bottom:35px;}
    .F-join-title .F-join-time{width:40px;height:40px;line-height:40px;padding:0;text-align:center;font-size:22px;}
    #F-join .F-join-fitle{margin-top:15px;display:none}
    #F-join .F-join-fitle b{font-weight:normal;}
    .F-join-box{padding-bottom:0;margin-top:200px;}
    .F-join-more{display:none}
    .F-join-title .F-join-text{width:84%;margin-left:12px;}
    .F-join-title .F-join-text h4{font-size:15px;margin-bottom:5px;}
    .F-join-title .F-join-text p{font-size:12px;}
    .F-join-img{width:30%;margin-left:-2%;margin-top:0;margin-bottom:0;}
    .F-join-img img{max-width:100%;}
    .F-join-1{top:10px;}
    .F-join-4{top:10px;}
    .F-join-2{top:110px;}
    .F-join-3{top:230px}
    .F-join-5{top:110px;}
    .F-join-6{top:230px}
    #F-about{background-position:0 -95px}
    .F-home-about{margin-top:12%;font-size:12px;margin-bottom:16px;}
    .F-about-video{max-height:270px;overflow:hidden}
    .F-about-video img{max-height:270px}
    /*=====在线留言========*/
    .F-ads{background-size:cover;height:240px;margin-top:5% !important}
    .F-online table textarea{height:70px;}
    .F-online{top:11% !important;}
    .F-online h2{margin-top:15px;}
    .footer-nav{font-size:12px;}
    .footer-nav{font-size:12px;}
    .footer-right{margin-top:20px;}
    .footer-bottom{font-size:12px;line-height:30px;}
    #footer{background:url(../images/yz.png) no-repeat 70% 82%; height:31% !important}
}

.swiper-stores{background:url(../images/backg_1.jpg) no-repeat center;background-size:contain}
/*======768_992=====*/
@media(min-width:768px) and (max-width:992px){
    .swiper-contauner-news .container{margin-left:0;left:1%;}
    .F-fresh-pattern-box{margin-top:12%}
    .F-fresh-pattern-box li img{max-width:100%;}
     .F-Dishes .F-Dishes-title{left:2%;}
    .swiper-stores{background:url(../images/backg_1_2.jpg) no-repeat center;background-size:cover;padding-top:40%}
    .swiper-stores img{width:100%;}
    #F-join .F-home-title{font-size:80px;}
    #F-join h3{top:18.6%;background-size:contain;}
    .F-join-box{margin-top:130px;}
    #F-join .F-join-fitle{margin-top:30px;position:initial;margin-bottom:50px;display:none}
    .F-join-title{width:100%;margin-top:25px;position:initial}
    .F-join-time{width:40px;height:40px;line-height:40px;font-size:20px;}
    .F-join-title .F-join-text{width:68%;margin-left:12px;}
    .F-join-title .F-join-text h4{font-size:13px;line-height:1.5}
    .F-join-title .F-join-text p{font-size:12px;}
    .F-join-img{width:30%;margin-left:-8%;margin-top:2%;margin-bottom:8%;display:none}
    .F-join-img img{max-width:100%;}
    .F-join-2{top:110px;}
    .F-join-3{top:220px}
    .F-join-5{top:110px;}
    .F-join-6{top:220px}
    .F-home-about{margin-top:26%;font-size:12px;margin-bottom:16px;}
    .F-ads{background-size:contain;height:182px;top:6%}
    .F-online{top:240px;}
    .F-online table{margin-left:20px;width:290px;}
    .F-online h2{margin-top:15px;margin-left:20px;}
    .F-online h3{margin-left:20px;}
    .footer-nav{font-size:12px;}
    .footer-nav{font-size:12px;}
    .footer-right{margin-top:20px;}
    .footer-bottom{font-size:12px;line-height:90px;}
    .footer-left {width:80%;padding:0;}
    .footer-right {width:20%;}
    .footer-right .footer-weixin{margin-left:10px;}
    #footer{background:url(../images/yz.png) no-repeat 120% 75%}
}
/*======640=====*/
@media(max-width:640px){
    .F-home-banner-title{left:5% !important;right:5% !important;width:90% !important}
    .F-home-banner-title img{max-width:100%;}
    .swiper-contauner-news .container{margin-left:0;left:auto;}
    .swiper-fresh-pattern{background:url(../images/backg_7_1.jpg) no-repeat center;background-size:cover}
    .F-fresh-pattern-box{margin-top:15%}
    .F-fresh-pattern-box li{padding:0 35px;margin-bottom:20px;}
    .F-fresh-pattern-box li:nth-of-type(odd){margin-top:0;}
    .F-fresh-pattern-box li img{max-width:100%;}
     .F-Dishes .F-Dishes-title{left:2%;right:2%;}
     .F-Dishes .F-Dishes-title img{max-width:100%;}
     .swiper-stores{background:url(../images/backg_1_2.jpg) no-repeat center;background-size:cover;}
     .swiper-contauner-news{background:url(../images/backg_2_2.jpg) no-repeat center;background-size:cover;}
    .swiper-stores img{width:100%;}
	#F-stores .product-box h3{background:url(../images/title_5.png) no-repeat center;height: 70px;background-size: auto 100%;}
	#F-products .product-box h3{background:url(../images/title_7.png) no-repeat center;height: 70px;background-size: auto 100%;}
	.product-box .F-stores-box{width:90%!important;margin-left:-45%!important;top:30%;}
	.product-box .pro_view{width:100%;}
	.product-box .view .swiper-container{width:100%;height:300px;}
	.product-box .preview .swiper-container{width:82%;}
    .F-news{margin-top:-12px;margin-bottom: 0;padding-bottom:5%;}
	.F-news-box{margin-top:90px;}
    .F-home-title{font-size:86px;margin-top:0;}
    .F-news h3{margin-top:-56px;top:9.6%;height: 70px;background-size: auto 100%;}
    .F-news .F-home-fitle{font-size:16px;}
    .F-news-right{padding:0 10px;}
    .F-news-ul li{padding-bottom:10px;}
    .F-news-ul li .F-news-time{margin-right:20px;}
    .F-news-ul li .F-news-txt h2{line-height:14px}
    .F-news-ul li .F-news-txt h2 a{font-size:16px;line-height:22px;}
    
    .F-news-ul li .F-news-txt p{font-size:12px;line-height:20px;font-family:SimSun;text-indent:2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
    .F-pro-list{margin-top:35%;display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 15px;row-gap: 15px;padding-top: 25px;}
	.F-pro-list li{width:100%;white-space: nowrap;margin: auto;}
    .F-pro-list li a{
        font-size: 16px;
    }
    #F-about h3{
        background-size: auto 100%;
        height: 70px;
    }
    .F-home-about{margin-top:12%;font-size:12px;margin-bottom:16px;padding:0 2%;}
	.f-about-desc{height:100px;overflow: hidden;text-align: justify;}
	.m-h-about-more{clear: both;font-weight:700;color:#fff;text-align: center;background-color:#f00;;padding:3px 15px;font-size:16px;border-radius:8px;margin:0 auto;width:50%; height:36px;line-height:36px;}
    .F-about-video{padding:0 10%}
    .F-about-video img{max-width:100%}
    .F-ads{top:90px;background-size:contain;background-size:contain;height:98px}
    .F-online{top:70px;}
    .F-online h2{margin-top:6px;font-size:28px;margin-left:25px;}
    .F-online h2:before{height:50px;background-size:contain;top:-20px;left:90px;}
    .F-online h3{font-size:12px;margin-left:25px;}
    .F-online table{margin-left:25px;width:87%}
    .F-online table textarea{height:50px;}
    .footer-nav{font-size:12px;line-height:26px;padding-top:10px;}
    .footer-text{font-size:12px;line-height:20px;}
    .footer-right{margin-top:20px;}
    .footer-bottom{display:none}
    .footer-right {text-align:center;}
    .footer-right .footer-weixin{margin-left:10px;display:inline-block;float:none}
    .footer-right .footer-weixin img{max-width:50%;
    }
    #footer{background:url(../images/yz.png) no-repeat -40% 70%}
}


/*===========次页开始===========*/
    /*=====公共头部=====*/
    .F-banner-box{position:relative;width:100%;}
    .F-banner-img{width:100%;height:100%;position:fixed;left:0;top:0;background-attachment:fixed;background-position:center 0;background-repeat:no-repeat;}
    .F-banner-title{top:30%;left:50%;width:155px; height:155px;margin-left:-77.5px;position:absolute}
    .F-banner-logo{position:absolute;left:50%;top:58%;width:236px;height:74px;margin-left:-118px;display: none;}
    .F-banner-nav{position:absolute;left:0;width:100%;bottom: 5%;}
    .F-banner-nav ul{text-align:center;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;column-gap: 25px;row-gap: 25px;padding-bottom: 30px;}
    .F-banner-nav ul::before,.F-banner-nav ul::after{
        display: none;
    }
    .F-banner-nav ul li{display:inline-block;width:auto;height:42px;border-radius:4px;background:#fff;}
    .F-banner-nav ul li a{display:block;font-size:18px;color:#b7090a;font-weight:200;padding:2px;}
    .F-banner-nav ul li span{border:solid 1px #b7090a;display:block;line-height:36px;border-radius:4px;padding: 0 20px;}
    .F-banner-nav ul li:hover,.F-banner-nav ul li.hover{background:#b7090a;}
    .F-banner-nav ul li:hover a,.F-banner-nav ul li.hover  a{color:#fff;}
    .F-banner-nav ul li:hover span,.F-banner-nav ul li.hover span{border-color:#fff;}
    .F-banner-text{position:absolute;bottom:12.6%;left:50%;width:290px;margin-left:-145px;font-size:16px;color:#fff;line-height:1.8;font-weight:200}
    .F-banner-md{width:100%;bottom:16%;left:0;text-align:center;margin-left:0;}
    .F-banner-text h6{font-size:14px;color:#fff;}
    .F-banner-text p{position:relative;padding-left:15px;}
    .F-banner-text p:before{position:absolute;left:0;top:50%;width:9px;height:9px;border-radius:50%;background:#8fc31f;margin-top:-4.5px;content:""}
        @media(min-width:1200px) and (max-width:1366px){
        .F-banner-title{top:30%;}
        .F-banner-logo{top:63%;}
        .F-banner-nav{bottom:5%}
        .F-banner-nav ul li{}
        .F-banner-text{bottom:2.6%}
    }
    @media(min-width:992px) and (max-width:1024px){
        .F-banner-title{top:20%;}
        .F-banner-logo{top:48%;}
        .F-banner-nav ul li{}
        .F-banner-text{bottom:2.6%}
    }
    @media(min-width:768px) and (max-width:992px){
        .F-banner-nav ul li{}
        .F-banner-nav ul li a{font-size:16px;}
        .F-banner-text{bottom:8%;}
    }
    @media(min-width:641px) and (max-width:767px){
        .F-banner-title{top:24%;width:120px; height:120px;margin-left:-60px;}
        .F-banner-title img{max-width:100%;}
        .F-banner-logo{top:58%;height:50px;text-align:center}
        .F-banner-logo img{max-height:100%;}
        .F-banner-nav{bottom:10%;}
        .F-banner-nav ul li{}
        .F-banner-text{display:none}
    }
    @media(max-width:640px){
        .F-banner-box.product{
            height: 700px !important;
        }
        .F-banner-title{top:20%;}
        .F-banner-logo{top:48%}
        .F-banner-md{width:365px !important;left:37% !important;bottom:10% !important}
        .F-banner-text h6{font-size:12px;}
		.F-banner-nav{bottom:2%;}
        .F-banner-nav ul{
            display: grid;
            column-gap: 10px;
            row-gap: 10px;
            grid-template-columns: repeat(3, 1fr);
            margin: auto;
        }
        .F-banner-nav ul li{width: 100%;}
        .F-banner-nav ul li a{font-size:14px;}
        .F-banner-nav ul li a span{
            padding: 0;
            white-space: nowrap;
        }
        .F-banner-text{bottom:2%;font-size:14px;width:256px;margin-left:-128px;}
    }
    /*=====内容框架=======*/
    .F-times-backg{background:#fff url(../images/backg_10.jpg) repeat-x top center;}
    .F-times-repeat{background-repeat:no-repeat}
    .F-position-relative{position:relative;z-index:9;}
    .F-text-box{font-size:18px;color:#454545;line-height:2;margin-bottom:20px;}
.F-text-box p{margin-bottom:15px;}
.F-product-text p{margin-bottom:0;}
.F-product-text img{display:block;margin:0 auto;}
    .F-text-box img{max-width:100%;height:auto}
    /*====底部=====*/
    .F-footer-backg{background:#fff;}
    #F-footer{position:relative;padding-top:20px;z-index:9}
    #F-footer #footer,#F-footer .F-online{position:initial;}
    #F-footer .F-online{padding-bottom: 40px;}
    .F-margin-top{margin-top:-20px;}
    @media(min-width:641px) and (max-width:767px){
        .F-text-box{padding:0 10px;}
    }
    @media(max-width:640px){
         #F-footer{padding-top:60px;}
        .F-text-box{padding:0 10px;}
        #F-footer .F-online{height:auto;padding-bottom:20px;}
        .F-margin-top{margin-top:-60px;}
    }
    .F-Dishes-display{background:#000;overflow:hidden;}
    .F-Dishes-display .swiper-slide{overflow:hidden}
    .F-Dishes-text{float:left;width:40%;padding:0 2%}
    .F-Dishes-text h2{font-size:40px;color:#fff;font-weight:200;padding:25px ;border-top:solid 1px rgba(255,255,255,0.3);border-bottom:solid 1px rgba(255,255,255,0.3);text-align:right;margin-bottom:40px;}
    .F-Dishes-text p{font-size:16px;color:#fff;font-weight:200;line-height:2;text-align:right;padding-right:20px;}
    .F-Dishes-img{width:60%;float:right;height:100%;}
    .F-Dishes-display .iconfont{bottom:0;top:auto;width:95px;height:95px;background:rgba(143,195,31,0.8);line-height:95px;font-size:40px;color:#fff;text-align:center}
    .F-Dishes-display .iconfont.swiper-button-disabled{background:rgba(0,0,0,0.8)}
    .F-Dishes-display .F-Dishes-prev{left:40%;}
    .F-Dishes-display .F-Dishes-next{right:50%;}
    .F-Dishes-display .swiper-slide.swiper-slide-active .F-Dishes-img{animation:fadeInRight .8s 0.8s both;-webkit-animation:fadeInRight .8s 0.8s both;-moz-animation:fadeInRight .8s 0.8s both;-o-animation:fadeInRight .8s 0.8s both;-ms-animation:fadeInRight .8s 0.8s both;}
    .F-Dishes-display .swiper-slide.swiper-slide-active .F-Dishes-text{animation:fadeInLeft .8s 0.8s both;-webkit-animation:fadeInLeft .8s 0.8s both;-moz-animation:fadeInLeft .8s 0.8s both;-o-animation:fadeInLeft .8s 0.8s both;-ms-animation:fadeInLeft .8s 0.8s both;}
    @media(min-width:992px) and (max-width:1024px){
        .F-Dishes-display .iconfont{margin-left:-86.5px}
    }
    @media(min-width:768px) and (max-width:992px){
        .F-Dishes-text{position:absolute;left:0;top:0;height:100%;padding-top:40%;z-index:9;background:rgba(0,0,0,0.5)}
        .F-Dishes-img{position:absolute;left:0;top:0;width:100%;}
        .F-Dishes-img img{max-height:100%}
        .F-Dishes-display .iconfont{width:80px;height:80px;}
        .F-Dishes-display .F-Dishes-prev{left:39%;}
        .F-Dishes-display .F-Dishes-next{right:39%;}
    }
    .F-news-list{margin-top:70px;}
    .F-news-list li{margin-bottom:40px;overflow:hidden;padding:0 10px;}
    .F-news-list-box{overflow:hidden;position:relative;}
    .F-news-list-img img{max-width:100%;}
    .F-news-list-text{position:absolute;background:#000;width:100%;left:0;bottom:0;padding:12px 20px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s}
    .F-news-list-text h2{font-size:18px;color:#fff;line-height:1.5;font-weight:200}
    .F-news-list-text h3{font-size:16px;color:#fff;line-height:1.5;font-weight:200}
    .F-news-list-link{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
    .F-news-list li:hover .F-news-list-text{height:100%;background:rgba(0,0,0,0.6)}
    .F-news-list li:hover .F-news-list-text h2{margin-top:39%}
    @media(max-width:640px){
        .F-news-list{margin-top:40px;}
        .F-news-list-text{padding:10px;}
        .F-news-list-text h2{font-size:14px;}
        .F-news-list-text h3{font-size:12px;}
    }
    .F-news-title{text-align:center;margin-top:40px;padding-bottom:20px; font-size:20px;color:#000;font-weight:600}
    .F-news-info{text-align:center;border-bottom:dashed 1px #e5e5e5;line-height:3;color:#656565;margin-bottom:30px;}
    .F-news-padding{padding:0 30px}
    .F-bdsharebuttonbox{text-align:right;overflow:hidden;margin-top:20px;}
    .F-bdsharebuttonbox .bdsharebuttonbox{float:right;margin-right:21%}
    .F-bdsharebuttonbox .bdsharebuttonbox span{float:left;color:#020202;line-height:40px;}
    .F-media-focus{margin-top:50px;}
    .F-media-focus li{overflow:hidden;border-bottom:solid 1px #dcdcdc;padding-bottom:28px;margin-bottom:26px;}
    .F-media-img{position:relative;border-radius:4px;overflow:hidden;}
    .F-media-img img{width:100%;}
    .F-media-img span{width:49px;height:49px;background:url(../images/photo_25.png) no-repeat center;position:absolute;left:50%;top:50%;margin-top:-24.5px;margin-left:-24.5px;}
    .F-media-img a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
    .F-media-text{overflow:hidden}
    .F-media-text h2{overflow:hidden;margin-bottom:24px;}
    .F-media-text h2 a{float:left;font-size:20px;color:#020202;}
    .F-media-text h2 span{float:right;font-size:20px;color:#949191;}
    .F-media-text p{font-size:14px;color:#656565;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}
    .F-media-text .F-media-more{display:block;width:98px;height:26px;border:solid 1px #b7090a;line-height:26px;text-align:center;font-size:14px;color:#b7090a;border-radius:4px;margin-top:10px;}
    @media(max-width:640px){
        .F-media-text h2{margin-bottom:10px;}
        .F-media-text h2 a{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
        .F-media-text h2 span{display:none}
        .F-media-text p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
    }
    .F-Store-list{margin-top:80px;margin-bottom:30px;}
    .F-Store-list li{padding:0 5px;margin-bottom:10px;cursor:pointer}
    .F-Store-list li .F-Store-img{width:100%;height:246px;overflow: hidden;position:relative;}
    .F-Store-list li .F-Store-img img{width:auto!important;height:100%!important;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;}
    .F-Store-list li .F-Store-img span{position:absolute;left:0;bottom:0;line-height:60px;text-align:center;background:rgba(255,255,255,0.8);font-size:18px;color:#040404;width:100%;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s}
    .F-Store-list li:hover .F-Store-img span,.F-Store-list li.hover .F-Store-img span{height:92px; line-height:92px;background:#b7090a;color:#fff;}
    .F-Store-postion{position:absolute;left:-100%;top:0;width:100%;height:100%;opacity:0;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s}
    .F-Store-text-backg{background:rgba(0,0,0,0.8);width:100%;height:100%;position:absolute;left:0;top:0;}
    .F-Store-img-box{width:62%;margin:3.5% auto;border-radius:20px;position:relative;height:45%;}
    .F-Store-text{overflow:hidden;border-radius:20px;height:100%;overflow:hidden;}
    .F-Store-text img{width:auto!important;height:100%!important;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;}
    .F-Store-close{position:absolute;right:-44px;top:-44px;width:34px;height:34px;background:url(../images/photo_37.png) no-repeat center;overflow:hidden;text-indent:-999rem;cursor:pointer}
    .F-Store-postion-show{left:0;opacity:1}
.F-cases-list{margin:80px auto 30px;}
.F-cases-list .F-case-img{width:100%;height:400px;overflow: hidden;position:relative;}
.F-cases-list .F-case-img img{width:auto!important;height:100%!important;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;}
.F-cases-list li span{font-size:18px;color:#b7090a;text-align: center;display: block;height:40px;line-height: 40px;}

    @media(min-width:992px) and (max-width:1024px){
        .F-Store-img-box{margin-top:20%;}
    }
    @media(min-width:768px) and (max-width:992px){
        .F-Store-list{margin-top:50px;}
        .F-Store-img-box{margin-top:22%;}
        .page{margin-bottom:60px !important;}
    }
    @media(min-width:641px) and (max-width:767px){
        .F-Store-list{margin-top:40px;}
        .page{margin-bottom:60px !important;}
        .F-Store-img-box{width:50%;margin-top:20%;}
    }
    @media(max-width:640px){
         .F-Store-list{margin-top:20px;}
		 .F-Store-list li .F-Store-img{height:156px;}
         .F-Store-list li .F-Store-img  span{height:30px;font-size:12px;line-height:30px;}
         .F-Store-list li:hover .F-Store-img span,.F-Store-list li.hover .F-Store-img span{height:40px; line-height:40px;}
         .F-Store-img-box{margin-top:25%;border:solid 5px #b7090a;width:80%;overflow: hidden;height:35%;}
         .F-Store-close{right:-30px;top:-30px;}
		.F-cases-list .F-case-img{height:152px;}
    }
    /*======联系我们======*/
    #F-contact{margin-top:45px;overflow:hidden;padding:0 30px;}
    #F-contact h2{text-align:center}
    #F-contact h3{text-align:center;color:#b4b3b3;font-weight:bold;font-size:14px;text-transform:uppercase !important;line-height:3}
    .F-contact-box{border-top:solid 1px #e5e5e5;padding-top:20px;overflow:hidden;margin-bottom:20px;}
    .F-contact-left{padding:0;}
    .F-contact-left h4{font-size:22px;color:#2c2c2c;line-height:2}
    .F-contact-left h5{font-size:16px;color:#656565;line-height:2}
    .F-contact-left h5 span{color:#8fc421;font-size:20px;font-weight:bold}
    .F-contact-right{text-align:right;}
    .F-contact-right .F-contact-weixin{display:inline-block;margin-left:50px;text-align:center;font-size:14px;color:#656565}
    .F-online-box{margin:70px 30px 60px;background:#8bc21a;padding:20px }
    .F-online-message{background:#fff;position:relative;padding:40px 15px;margin-top:20px;margin-bottom:8px;margin-right:4px;box-shadow:4px 4px 4px #4e6d0f}
    .F-online-message:after,.F-online-message:before{position:absolute;top:-20px;width:48px;height:78px;content:"";background-size:contain;}
    .F-online-message:after{left:7px;background:url(../images/photo_41.png) no-repeat center;}
    .F-online-message:before{right:7px;background:url(../images/photo_42.png) no-repeat center;}
    .F-online-left table{width:95%;}
    .F-online-left table tr td{padding-bottom:15px;font-size:14px;color:#656565;line-height:30px;padding-top:5px;}
    .F-online-left table tr td:first-child{text-align:right;padding-right:10px;width:20%}
    .F-online-left table tr td .F-online-input{ width:100%;height:28px;border:solid 1px #dddede;border-radius:3px;padding-left:10px;}
    .F-online-title{width:100%;border:solid 1px #dddede;border-radius:3px;height:98px;resize:none;padding:5px 10px;margin:0;display:block}
    .F-online-yzm{width:150px;height:28px;border:solid 1px #dddede;border-radius:3px;text-align:center}
    .F-online-left table tr td input[type="submit"]{width:98px;height:32px;background:#8bc21a;border:none;font-size:16px;color:#fff;border-radius:2px;margin-right:20px;}
    .F-online-left table tr td input[type="reset"]{width:98px;height:32px;background:#040404;border:none;font-size:16px;color:#fff;border-radius:2px;margin-right:20px;}
    .F-online-right{background:url(../images/photo_43.png) no-repeat center;height:426px;position:relative;background-size:contain}
    .F-online-right textarea{position:absolute;top:30px;left:50px;width:340px;height:350px;border:none;font-size:14px;color:#b3adad;padding:20px;resize:none}
    @media(min-width:992px) and (max-width:1024px){
        .F-online-right textarea{top:50px;left:20px;width:300px;height:310px;}
    }
    @media(min-width:768px) and (max-width:992px){
        #F-contact{padding:0}
        .F-contact-right .F-contact-weixin{margin-left:10px;}
        .F-online-box{margin:70px auto 50px;}
        .F-online-left table{width:100%}
        .F-online-left table tr td{padding:5px 0}
        .F-online-left table tr td:first-child{font-size:12px;}
        .F-online-right{height:330px;}
        .F-online-right textarea{top:30px;left:13px;width:245px;height:260px;border-radius:30px}
    }
    @media(max-width:767px){
        #F-contact{padding:0 5px}
        #F-contact img{max-width:100%}
        .F-online-box{margin:70px auto 50px;}
        .F-contact-right{text-align:center;margin-top:20px;}
        .F-online-text{width:100%;border:solid 1px #dddede;border-radius:3px;height:170px;resize:none}
        .F-online-left{padding:0}
        .F-online-left table{width:100%}
    }
    /*=====关于我们======*/
    .F-Company{margin-top:62px;margin-bottom:20px;}
    .F-Company h2{text-align:center;margin-bottom:26px;}
    .F-about-title{text-align:center;font-size:32px;color:#b7090a;font-weight:200;position:relative;}
    .F-about-title:after,.F-about-title:before{position:absolute;top:16px;width:44%;height:1px;background:#e5e5e5;content:""}
    .F-about-title:after{right:0;}
    .F-about-title:before{left:0;}
    .F-about-fitle{text-align:center;font-size:22px;color:#b4b3b3;text-transform:uppercase !important;font-weight:100;line-height:2;font-family:'Microsoft YaHei'}
    #Brand{margin-bottom:20px;}
    #honor-box{position:relative;width:1280px;height:860px;overflow:hidden;margin:auto;}
    #honor-box ul{position:relative;height:860px}
    #honor-box li{z-index:0;position:absolute; background:#787878;top:146px;cursor:pointer;left:377px;border-radius:4px;}
    #honor-box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
    .F-honor{margin-top:50px;margin-bottom:50px;}
    .F-honor li img{max-width:100%;}
    .F-honor-list{margin-top:30px;margin-bottom:60px;}
    .F-honor-list li{margin-bottom:30px;}
    .F-honor-list li img{max-width:100%;}

    .F-Advantage{text-align:center;padding-top:65px;padding-bottom:40px; background:none}
    .F-Advantage .F-join-box{margin-top:28px;}
    #F-Conditions{background:url(../images/photo_45.jpg) no-repeat center;height:797px;overflow:hidden}
    .F-advabtage-title{font-size:32px;color:#b7090a;font-weight:bold;line-height:1.5;}
    .F-advabtage-fitle{font-size:14px;color:#b7090a;text-transform:uppercase !important;font-weight:200}
    #F-Conditions h2{margin-top:40px;text-align:center}
    #F-Conditions h3{text-align:center}
    .F-Conditions-box{position:relative;margin-top:25px;overflow:inherit}
    .join-svg{position:absolute;width:52%;top:0;}
    .F-Conditions-left{padding:0 15px;}
    .F-Conditions-left img{max-width:100%;}
    .F-Conditions-list{overflow:hidden;height:547px;}
    .F-Conditions-list li{overflow:hidden;height:48px;margin-top:22px;margin-bottom:42px;}
    .F-Conditions-list li span{ width:46px;height:46px;float:left;line-height:46px;background:#b7090a;color:#fff;margin-left:4px;text-align:center}
    .F-Conditions-list li p{float:left;line-height:48px;margin-left:40px;font-size:16px;color:#fff;position:relative;}
    .F-Conditions-list li p:before{position:absolute;left:-40px;top:22px;width:0;height:1px;background:#b7090a;content:"";transition:ease 0.3s;-webkit-transition:ease 0.3s;-moz-transition:ease 0.3s;-o-transition:ease 0.3s;}
    .F-Conditions-list li:hover p{color:#b7090a}
    .F-Conditions-list li:hover p:before{width:32px;}
    #F-support{background:#000 url(../images/photo_48.jpg) no-repeat right -7px center;height:749px;background-size:auto 100%}
    
    #F-support h2{margin-top:80px;}
    .F-support-box{margin-top:40px;height:520px;overflow:hidden}
    .F-support-text{margin-bottom:25px;overflow:hidden;}
    .F-support-textBox{overflow:hidden;height:44px;}
    .F-support-textBox .F-support-digital{line-height:44px;font-size:50px;color:#b7090a;font-family:SimHei;position:relative;display:block;float:left}
    .F-support-textBox .F-support-digital:before{position:absolute;right:-6px;bottom:2px;width:6px;height:7px;background:#b7090a;content:""}
    .F-support-textBox .F-support-title{float:left;margin-left:16px;}
    .F-support-textBox .F-support-title span{display:block;font-size:26px;height:26px;line-height:1;color:#b7090a;font-weight:bold;}
    .F-support-textBox .F-support-title p{display:block;line-height:20px;font-size:12px;color:#737373;text-transform:uppercase !important}
    .F-support-present{height:56px;line-height:28px;font-size:16px;color:#fefbfb;margin-top:5px;padding-left:66px;}
    #F-process{background:#000 url(../images/photo_49.jpg) no-repeat left -7px center;height:749px;overflow:hidden;background-size:auto 100%}
    .F-process-list{float:right !important;padding:0}
    .F-process-list h2.F-advabtage-title{margin-top:50px;padding-left:60px;}
    .F-process-list h3.F-advabtage-fitle{padding-left:60px;}
    .F-process-text{margin-top:70px;overflow:hidden;height:300px;padding-left:60px;}
    .F-process-text h2{font-size:46px;color:#b7090a;font-weight:bold;font-family:'Microsoft YaHei'}
    .F-process-text h2 span{color:#b7090a}
    .F-process-text p{font-size:18px;color:#fdfefd;margin-top:10px;}
    .F-swiper-process{padding-left:50px;}
    .F-swiper-process li{padding:0 40px 5px;border-bottom:solid 3px #000;cursor:pointer}
    .F-swiper-process li h2{font-size:36px;color:#fcfdfb;font-weight:bold;font-family:'Microsoft YaHei';font-style:oblique}
    .F-swiper-process li h3,.F-swiper-process li p{display:none}
    .F-swiper-process li:hover,.F-swiper-process li.hover{border-color:#b7090a;}
    .F-swiper-process li:hover h2,.F-swiper-process li.hover h2{color:#b7090a}
    #F-myjoin{background:#000;border-top:solid 4px #b7090a;padding:44px 0 30px;text-align:center;}
    #F-myjoin h3{line-height:76px;font-size:32px;color:#57b409;font-weight:bold}
     #F-myjoin h3 a{color:#57b409}
     @media(min-width:1280px) and (max-width:1600px){
        #F-support{background:#000 url(../images/photo_48.jpg) no-repeat right -285px center;height:749px;background-size:auto 100%}
        #F-process{background:#000 url(../images/photo_49.jpg) no-repeat left -285px center;height:749px;overflow:hidden;background-size:auto 100%}
    }
     @media(min-width:992px) and (max-width:1024px){
          .F-process-list{float:left !important}
          #F-Conditions{background-size:cover}
          #F-support{background-size:cover;background-position:0;background-color:rgba(0,0,0,0.8)}
          #F-process{background-size:cover;background-position:0}
     }
     @media(min-width:768px) and (max-width:992px){
          #F-support .row{background:rgba(0,0,0,0.8);height:749px}
         #F-process .row{background:rgba(0,0,0,0.8);height:749px;}
     }
     @media(max-width:640px){
         #F-join{padding-top:25px;height:600px}
         .F-Advantage .F-join-box{top:2.5%;}
         .F-Conditions-list li p{font-size:14px;}
         #F-support .row{background:rgba(0,0,0,0.8);height:749px}
         #F-process .row{background:rgba(0,0,0,0.8);height:749px;}
     }
     .F-Popularity-list{margin-top:80px;margin-bottom:60px;width:94%;}
     .F-Popularity-list li{width:auto;position:relative;overflow:hidden;cursor:pointer;margin-bottom:95px;margin-top:95px;height:650px;}
     .F-Popularity-list li img{height:100%;}
     .F-Popularity-list li .F-Popularity-backg{background:rgba(0,0,0,0.8);width:100%;height:100%;top:0;left:0;position:absolute;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;background:rgba(0,0,0,0.8)}
     .F-Popularity-list li .F-Popularity-title{position:absolute;width:100%;height:80px;line-height:80px;font-size:16px;color:#fff;bottom:-80px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;background:rgba(0,0,0,0.8)}
     .F-Popularity-list li.swiper-slide-active{margin:0;height:840px;width:798px}
     .F-Popularity-list li.swiper-slide-active .F-Popularity-backg{top:-100%;}
     .F-Popularity-list li.swiper-slide-active .F-Popularity-title{bottom:0;}
     .F-Popularity-list .iconfont{background:rgba(149,193,61,0.5);width:74px;height:74px;color:#fff;font-size:50px;line-height:74px;border-radius:50%;text-align:center;font-weight:200;font-family:SimSun !important;}
     @media(min-width:641px) and (max-width:767px){
         .F-Popularity-list li.swiper-slide-active{margin:0;height:auto;width:100%}
     }
     @media(max-width:640px){
         .F-Popularity-list{margin-top:30px;width:100%;}
         .F-Popularity-list li{height:auto;margin:0}
         .F-Popularity-list li.swiper-slide-active{margin:0;height:auto;width:100%}
         .F-Popularity-list li img{max-width:100%;height:auto}
         .F-Popularity-list .iconfont{width:40px;height:40px;font-size:20px;line-height:40px}
     }
    /*=====翻篇======*/
    .F-nextper span{display:block;border-bottom:dashed 1px #e5e5e5;line-height:50px;font-size:14px;color:#656565}
    .F-nextper span a{color:#656565;}
    .F-nextper span:hover,.F-nextper span:hover a{color:#b7090a}
    .F-toTop{margin-top:20px;margin-bottom:60px;overflow:hidden;padding-right:21%;text-align:right}
    .F-toTop a{display:inline-block;width:126px;height:32px;border:solid 1px #b7090a;line-height:32px;font-size:14px;color:#b7090a;text-align:center}
    /*---分页----*/
    .page{ overflow:hidden; margin-bottom:30px; text-align:center}
    .page a{ display:inline-block; background:#b7090a;border:solid 1px #b7090a;padding:0 1rem;font-family:"微软雅黑";font-size:16px;color:#fff; height:2.125rem; line-height:2.125rem;}
    .page b{display:inline-block; background:#fff;border:solid 1px #b7090a;padding:0 1rem;font-family:"微软雅黑";font-size:16px;color:#b7090a; height:2.125rem; line-height:2.125rem;font-weight:normal}



.page-contact{
    display: flex;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 30px 20px;
    margin: 20px auto;
    max-width: 600px;
    position: relative;
    column-gap: 20px;
}
.page-contact::after{
    display: none;
}
.page-contact::before{
    content: '';
    border: solid 1px #b7090a;
    position: absolute;
    inset: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 10px;
}
.page-contact-logo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-contact-info{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    z-index: 3;
}
.page-contact-info h2{
    color: #333;
    font-size: 24px;
    font-weight: bold;
}
.page-contact-info h2 span{
    display: block;
    margin-top: 10px;
    color: #666;
    font-weight: normal;
    font-size: 16px;
}
.page-contact-info p{
    color: #b7090a;
    font-size: 13px;
}
.page-contact-info p span{
    color: #999;
    font-weight: bold;
}
.page-contact-info p a{
    color: #b7090a;
    font-size: 15px;
}
.page-contact-img{
    position: relative;
    z-index: 2;
    text-align: center;
    color: #b7090a;
    font-size: 12px;
}
.page-contact-img img{
    position: relative;
    border: solid 1px #b7090a;
    padding: 2px;
    border-radius: 5px;
    margin-bottom: 10px;
}
@media screen and (max-width:676px) {
    .page-contact{
        max-width: 95vw;
    }
     .page-contact-logo{
        display: none;
     }
}
.F-header-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.F-header-contact{
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.F-header-contact i{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.F-header-contact i svg{
    width: 100%;
    height: 100%;
}
.F-header-contact p{
    font-size: 13px;
    color: #666;
    line-height: 20px;
}
.F-header-contact p span{
    color: #b7090a;
    font-weight: bold;
    font-size: 18px;
}

#footer-contact{
    position: sticky;
    bottom: 0;
    width: 100%;
    height: 70px;
    z-index: 99;
    background: #b7090a;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-contact-item{
    border-right: solid 1px rgba(255,255,255,0.3);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    height: 100%;
    font-size: 15px;
    color: white;
}
.footer-contact-item:last-child{
    border-right: none;
}
.footer-contact-item svg{
width: 24px;
height: 24px;
fill: #fff;
margin-bottom: 10px;
}
@media screen and (max-width:767px) {
    #footer-contact{
        display: flex !important;
    }
    .footer-top{
        padding-bottom: 90px;
    }
}
@media screen and (max-width:375px) {
    .F-online{
        top: 10%;
    }
    .F-online table tr td input[type="text"]{
        height: 30px;
    }
    .F-online table textarea{
        height: 40px;
    }
    .footer-top{
        padding-bottom: 70px;
    }
}