/*
*@Name: layuiCateCompany - 餐饮企业网站模版
*@Author: xuzhiwen
*@Copyright: layui.com
*/


body{font: 14px 宋体 Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
.w1200{max-width: 1200px; margin:0 auto;}
.padding0{padding: 0!important;}
.fr{float: right;}
.header{padding:0 60px 0 40px; background: #0e0909; height: 90px; line-height: 90px; position: relative;}
.header .app-header-menuicon{display: none;}
.header .app-header-menuicon .icon{font-size: 28px; color: #fff; position: absolute; right: 0; width: 60px; height: 60px; text-align: center; font-weight: bold; color: #e2e2e2;
}
.header .header-down-nav{display: none;}
.header .logo{float: left;}
.header .logo-text{display: none;}
.header-nav{float: right; padding:0; background: transparent;}
.header-nav .layui-nav-item{line-height: 90px; margin:0 40px;}
.header-nav .layui-nav-item a{padding:0 2px;}
.header .Join-Hotline{float: right; color: #c60000; margin-left: 60px;}
.header-nav.layui-nav .layui-this::after,.header-nav .layui-nav-bar{height: 1px; background: #fff;}
.layui-carousel>[carousel-item]>*{
  height: auto;
}
.layui-carousel-ind{
  margin-top: -20px;
  top: auto;
  bottom: 10px;
}
.brand-intr-box{padding:180px 0; box-sizing: border-box;}
.brand-intr-box .text{background: #fff; padding:48px 60px 60px 60px;-moz-box-shadow: 0px 5px 5px #888888;  box-shadow: 0px 5px 5px #888888;}
.brand-intr-box .text h4{font-size: 24px; line-height: 48px; margin-bottom: 22px;}
.brand-intr-box .text h4 span{line-height: 48px; color:#c60000; border-bottom: 2px solid #c60000; display: inline-block;}
.brand-intr-box img{width: 100%;}
.brand-intr-box .text p{line-height: 36px; color: #555555;}
.brand-intr-box{width: 100%; background: url(../img/bg.png) no-repeat; background-size: cover;}
.Joining-info img{width: 100%;}
.Vegetable-variety{text-align: center; padding:168px 0 210px 0;}
.Vegetable-variety .title{line-height: 60px; padding-bottom: 96px;}
.Vegetable-variety h3{font-size: 40px; font-weight: bold; color: #f59694;}
.Vegetable-variety h4{font-size: 30px; color: #333333;}
.Vegetable-variety .item p{line-height: 98px;}
.news-box{height: 880px; width: 100%; background: url(../img/news_bg.jpg) no-repeat; background-size: cover;}
.news-box .item{background: #fff; height: 240px;}
.news-box .item img{width: 100%; height: 240px;}
.news-box .item .text{padding:30px 30px 0 30px;}
.news-box .item .text h5{line-height: 24px; color: #000; margin-bottom: 16px; font-weight: bold;}
.news-box .item .text p{color: #333333; line-height: 24px;}
.news .title{text-align: center; font-size: 48px; font-weight: bold; color: #fff; padding:100px 0 68px 0;}
.footer-box{background: #f5f2f1;}
.footer-box .footer{max-width: 1400px; margin:0 auto;}
.footer-box .footer .title{ border-bottom: 1px solid #c5c5c5; padding:90px 0 78px 0;}
.footer-box .footer .h-line{margin:0 80px; vertical-align: top; color: #c5c5c5;}
.footer-box .footer-logo{text-align: center;}
.footer-box .footer-logo span{font-size: 30px;}
.footer-box .copy{padding:20px 100px;}
.footer-box .company-info{line-height: 30px;}
.footer-box .copyright_text{float: right; margin-top: -30px;}
.footer-box .copyright_text span{height: 30px; display: block; line-height: 30px;}
@media only screen and (max-width: 1080px){
  .header .Join-Hotline{display: none;}
  .header-nav .layui-nav-item{margin:0 20px;}
}




/*about*/
.about-banner{height:700px;  background: url(../img/us_banner.jpg) no-repeat; background-size: cover;}
.about-banner .text-box{position: relative;}
.about-banner .text{position: absolute; left: 65px; top: 225px; width: 360px;}
.about-banner .text h4{font-size: 24px; color: #e5e5e5;}
.about-banner .text h4 span{color: #c60000; display: inline-block; line-height: 48px; border-bottom: 2px solid #c60000;}
.about-banner .text p{line-height: 36px; color: #e4e4e4; padding-top: 22px;}
.about-content .info-cont{text-align: center; padding: 50px 0;}
.about-content .info-cont p{line-height: 42px; margin-top: 74px; padding:0 130px;}
.about-content .info-cont .img_box{max-width: 800px; height: 500px; margin:0 auto; background: url(../img/us_img2.jpg) no-repeat; background-size: cover;}
.about-content .info-cont .img_box img{width: 100%;}
.about-content .info-cont h3{font-size: 38px;text-align: center; position: relative; top: 245px;}
.about-content .contact-us{float: left; padding-left: 50px;}
.about-content .contact-us h3{font-size: 40px; margin-bottom: 60px;}
.about-content .contact-us p{color: #888888; line-height: 34px; margin-bottom: 46px;}
.about-content .contact-us p span{ color: #000; display: block; }
.about-content .form-box{padding-bottom: 170px;}
.about-content .form{width: 530px; float: right; margin-top: 127px;}
.about-content .form .layui-input-block{margin-left: 0;}
.about-content .form input,.about-content textarea{ border-color:#c40001; border-radius: 5px;}
.about-content .form textarea{height: 238px;}
.about-content .form .layui-btn{background: #c60001; padding:0; line-height: 48px; width: 282px; text-align: center; height: 48px; margin-top: 20px;}
.about-content .form .nameaiphone input{width: 240px;}
.about-content .form .nameaiphone .layui-inline{margin-right: 0;}
.about-content .form .layui-form-item .layui-input-inline{width: auto; margin-right: 0;}
/*end-about*/






/*product*/
.product-content img{width: 100%;}
.product-content .item{padding:100px; box-sizing: border-box;}
.product-content .item h3{font-size: 30px; margin-bottom: 40px;}
.product-content .item p{margin-bottom: 30px;}
.product-content .item p,.product-content .item ul{line-height: 30px; color: #555555; }
.product-content .item ul li{display: inline-block; margin-right: 40px;}
/*end-product*/



/*news*/
.news-content{padding: 60px 0 100px 0;}
.news-content .item{background: #f9f9f9; padding:34px; height: 360px; box-sizing: border-box;}
.news-content .item-box{padding-bottom: 70px;}
.news-content .item img{float: left;  padding-right: 28px;}
.news-content .item h3{color: #333333; font-size: 18px; line-height: 30px; padding: 30px 0 10px 0;}
.news-content .item p.data{font-size: 12px; color: #888888; margin-bottom: 28px;}
.news-content .item p.text{line-height: 24px; color: #555; overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
.news-content .layui-laypage{display: block;}
/*end-news*/






/*clothing*/
.clothing-content{padding-bottom: 216px;}
.clothing-content .item .title{padding: 144px 0 50px 10px; line-height: 40px;}
.clothing-content .item .title h3{font-size: 24px;}
.clothing-content .item .title h4{font-size: 20px;}
.clothing-content .item .text{padding:20px 40px 20px 0; margin-top: 50px;}
.clothing-content .item .text p{line-height: 30px; color: #555555; text-indent: 40px;}
.clothing-content .item img{width: 100%;}
.clothing-content .item.img-box img{height: 300px;}
.clothing-content .item .img{position: relative;}
.clothing-content .item .img-title{height: 120px; width: 100%; text-align: center; color: #fff; font-size: 28px; background: #0e0909; line-height: 120px;}
/*end-clothing*/





@media only screen and (max-width: 768px){
  .header-nav{display: none;}
  .header .app-header-menuicon{display: block;}
  .brand-intr-box{padding:30px 0;}
  .brand-intr-box .text{padding:10px 20px;}
  .header{height: 60px; line-height: 60px; padding:0  20px;}
  .header .logo img{height: 20px;}
  .Vegetable-variety{padding:50px 0;}
  .news-box .item{height: auto;}
  .news .title{padding:20px 0; font-size: 28px;}
  .news-box .item .text{padding: 15px;}
  .news-box .item img{height: auto;}
  .news-box{height: auto;}
  .footer-box .footer-logo span{font-size: 23px;}
  .footer-box .footer .title{padding:30px 0;}
  .footer-box .footer .h-line{margin:0 30px;}
  .footer-box .copy{text-align: center; padding:20px 0;}
  .footer-box .copyright_text{float: none; margin-top: 0;}
  .about-banner .text{width: 100%; position: relative; top: 130px; left: 0; padding:50px; box-sizing: border-box;}
  .about-content .info-cont p{padding: 0 20px; margin-top: 20px;}
  .about-content .contact-us{float: none; text-align: center; padding-left: 0;}
  .about-content .contact-us p,.about-content .contact-us h3{margin-bottom: 30px; }
  .about-content .form-box{padding-bottom:50px;}
  .about-content .form{float: none; width: 100%; padding:0 20px; box-sizing: border-box; margin-top: 30px;}
  .about-content .form .nameaiphone .layui-inline{display: block; float: none; margin-bottom: 30px;}
  .about-content .form .nameaiphone .layui-input-inline{float: none;}
  .about-content .form .nameaiphone .layui-input-inline input,.about-content .form .layui-btn,.about-content .form .nameaiphone .layui-input-inline,.about-content .form textarea{width: 100%;}
  .product-content .item{padding:50px;}
  .news-content .item img{float: none; padding-right: 0px;}
  .news-content .item{height: auto;}
  .clothing-content{padding-bottom: 50px;}
  .header .header-down-nav{width: 100%; position: absolute; top: 60px; z-index: 2; left: 0; padding:0; border-radius: 0;}
  .header .header-down-nav.layui-nav .layui-nav-item a{padding:0 40px;}
  .header .header-down-nav li{display: block;}

}
@media screen and (max-width: 450px){
  .about-content .form .layui-form-item .layui-input-inline,.about-content .form .layui-form-item .layui-input-block{
    margin:0;
    left: 0;
  }
  .news-content .item{padding:10px;}
}
@media screen and (max-width: 992px){
  .clothing-content .item .title{padding: 35px 0 15px 35px;}
  .clothing-content .item .text{margin-top: 0; padding:20px;}
  .clothing-content .item .img-title{height: 60px;  line-height: 60px; font-size: 24px;}
}