ul{margin-left: 0;}
@media (min-width:570px) {
.menu{width: 600%;
  left: -100%;
  height: 410px;}
  .menu ul{display: block;}
  .menu ul li{list-style: none;margin: 10px;font-size: 18px;float: left;}
  .menu ul li a{padding: 0rem;margin: 10px 0px;}
  .menu-right{background: #7fb400;margin-top: 20px;padding: 80px 40px;}
  .menu-right h2{color: #FFF;font-weight: 700;}
  .menu-right p{color: #FFF;font-size: 16px;}
}
@media (max-width:570px) {

  .menu ul{display: block;}
  .menu ul li{list-style: none;margin: 10px;font-size: 18px;float: left;}
  .menu ul li a{padding: 0rem;margin: 10px 0px;}
  .menu-right{display:none;}
}
.header-top{color: #333;height: 50px;}
.header-top ul li{display: block;list-style:none;}
.top-left{float: left;}
.top-right{float: right;}
.top-left svg{width: 25px;height: 25px;margin-top: 12px;}
.header{background: #7fb400;}
.logo{margin-right: 30px;}
.navbar-expand-sm .navbar-nav .nav-link {color: #FFF;margin:6px 10px 0 10px;font-size: 18px;}
.line{width: 100%;border: 4px solid #7fb400;}
.index-about{background: url('../images/index-about.jpg') no-repeat;}
.index-about h1{display: block;text-align: center;margin-top:65px;margin-bottom:45px;color: #7fb400;width: 100%;font-size: 30px;font-weight: 700;}
.index-about p{line-height: 25px;text-align: center;color: #fff;font-size: 15px;}
.index-about ul{margin-bottom: 30px;}
.index-about ul li{list-style: none;float: left;margin-top: 40px;}
.index-about ul li h2{color: #7fb400;font-size: 50px;text-align: center;}
@media (max-width:570px){
.index-about h1{margin-top:40px;margin-bottom:20px;}
.index-about ul li{margin-top:0px;}
.index-product{background: #fff;padding-bottom: 0px;}
.new-hot{display:none;}
}
.index-product{background: url('../images/index-produnct.svg') no-repeat;padding-bottom: 20px;}
.index-product h2{width: 100%;color: #7fb400;text-align: center;margin: 40px 0;font-weight: 700;}
.index-product a{text-decoration: none;}
.index-product img{border: 1px solid #ccc;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);width:300px;height:200px;}
.index-product span{color: #333;font-size: 20px;margin-left: 50px;}
.index-product p{text-align: center;color: #333;padding: 20px 0px;}
.index-product a:hover p{color: #7fb400;}
.service h2{width: 100%;text-align: center;margin: 40px 0;color: #7fb400;font-weight: 700;}
.service h5{width: 100%;text-align: center;margin-bottom: 20px;}
.service p{width: 100%;text-align: center;}
.service .small{color: #777;}
.service .line{width: 100%;border: 1px solid #777;}
.index-ser{text-align: center;}
.service h6{color: #7fb400;text-align: center;font-size: 18px;}
.service p{font-size: 15px;}
.index-case h2{width: 100%;text-align: center;margin: 40px 0;color: #7fb400;font-weight: 700;}
.index-case a{text-decoration: none;}
.index-case span{color: #333;font-size: 20px;margin-left: 50px;}
.index-case .Introduction{background: #f5f5f5;margin-bottom: 30px;}
.index-case .Intro{margin-bottom: 30px;}
.index-case .Introduction h3{padding: 40px 15px 15px 15px;color: #7fb400;}
.index-case .Introduction p{padding: 15px;line-height: 25px;}
.index-case .Introduction .learn a{padding: 10px 40px;background: #7fb400;color: #FFF;}
.index-case h4{font-size: 18px;text-align: center;margin-top: 10px;color: #333;}
.index-case a:hover h4{color: #7fb400;}
.in-case img{width:100%;height:260px;}
.index-new{background: url('../images/index-new.jpg') no-repeat;margin-top:30px;padding-bottom: 30px;}
.index-new h2{width: 100%;text-align: center;padding: 40px 0;color: #7fb400;font-weight: 700;}
.index-new a{text-decoration: none;}
.index-new span{color: #333;font-size: 20px;margin-left: 50px;}
.index-new h4{color: #333;font-size: 16px;padding-bottom: 12px;}
.new-hott span{float: right;font-size: 16px;margin-left: 0px;}
.index-new p{color: #333;line-height: 25px;}
.new-hot h3{color: #7fb400;font-size: 30px;font-weight: 700px;padding-top: 10px;}
.index-new a:hover h4{color: #7fb400;}
.index-new .line{border: 1px solid #7fb400;width: 100%;}
.foot{background: #333;padding-bottom: 15px;}
.foot ul{display: block;list-style: none;margin-bottom: 0px;margin-top: 30px;}
.foot ul li img{width: 100%;height: 100px;}
.foot ul li h3{color: #7fb400;margin-top: 0px;}
.foot ul li a{color: #FFF;text-decoration: none;}
.foot p a{color: #FFF;}
.foot p{color: #FFF;}
.ff{background: #FFF;}
.ff .footer{margin-top: 15px;}
.ff .footer a{color: #000;}
.ff .footer a:hover{text-decoration: none;}
/* 产品 */
.Breadcrumbs{background: #e9ecef;}
.Breadcrumbs .breadcrumb{margin-top: 10px;}
.Breadcrumbs .breadcrumb a{color: #333;font-size: 16px;}
.Breadcrumbs .breadcrumb span{color: #7fb400;font-size: 16px;}
.product{margin: 40px 0;}
.product img{border: 1px solid #ccc;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);width: 400px;
  height: 200px;}
.product a p{text-align: center;color: #333;padding: 15px;}
.product a:hover{text-decoration: none;}
.nav-tabs li{font-size: 18px;color: #333;padding-right: 20px;}
.product-service{background: url('../images/pro-b.jpg') no-repeat;}
.product-service h2{width: 100%;text-align: center;color: #7fb400;margin-top: 40px;}
.product-service p{width: 100%;text-align: center;font-size: 16px;margin: 10px 0 20px 0;}
@media (max-width:570px){
.product-service{background:#fff;}
.product-service h2 {
  font-size: 24px;
  line-height: 35px;
  margin-top: 0px;
}
}
.message{background: #f6f6f6;padding-bottom: 30px;}
.message h2{width: 100%;color: #7fb400;margin-top: 40px;}
.message .form{width: 100%;}
.message .mt-3{background: #7fb400;padding: 10px 50px;}
.pro{margin: 50px 0px 50px 0px;}
.pro img{border-radius: 10px;}
.pro h1{color: #7fb400;margin-top: 0px;font-size: 28px;}
.pro p{font-size: 16px;line-height: 25px;}
.pro span{color: #7fb400;}
.pro .phone{font-size: 28px;margin-top: 40px;}
.pro-left .line{border: 2px solid #777;margin-top: 15px;}
.pro-left h3{color: #7fb400;padding:10px 0;}
.pro-right h3{color: #7fb400;}
.pro-right .line{border: 1px dashed #777;margin-top: 0px;}
.pro-right p{text-indent: 0em;}
.pro-right p:hover a{color: #7fb400;text-decoration: none;}
.pro-right p a{color: #333;}
@media (max-width:570px){
.pro h1 {margin-top: 20px;}
.pro .phone {
  font-size: 16px;
  margin-top: 0px;
}


}
.serve{background: #7fb400;padding: 50px 0;text-align: center;margin-top: 20px;}
.serve h3{color: #FFF;}
.serve p{color: #FFF;}
/* 案例 */
.case{margin-top: 30px;margin-bottom: 40px;}
.case h1{width: 100%;color: #7fb400;margin: 30px 0;}
@media (max-width:570px){
.case h1{font-size: 28px;
  margin-top: 0px;
  margin-bottom: 25px;}
.page a {
  font-size: 16px;
  border: 1px solid #7fb400;
  padding: 5px 5px 0px 5px;}
.case-product h2 {
  font-size: 28px;
}
}
.case img{width:400px;height:300px;}
.case a:hover{text-decoration: none;}
.case a:hover p{color: #7fb400;}
.case p{padding: 20px 0;text-align: center;color: #333;font-size: 18px;background:  #efefef;}
.case-product{background: #f6f6f6;}
.case-product h2{width: 100%;color: #7fb400;margin: 30px 0px;}
.case-product a:hover{text-decoration: none;}
.case-product a:hover p{color: #7fb400;background: #FFF;}
.case-product p{padding: 10px 0;text-align: center;color: #fff;font-size: 18px;background: #7fb400;margin-bottom: 30px;}
.case-product img{width: 100%;
  height: 220px;}
.page{margin-top: 20px;}
.page a{font-size: 20px;
  border: 1px solid #7fb400;
  padding: 5px 10px 5px 5px;
  color: #333;}
.page b{font-size: 20px;
  border: 1px solid 7fb400;
  padding: 5px 10px 5px 5px;
  color: #333;}
.page a:hover{background:#7fb400;
  color: #fff;}
/* 新闻 */
.new{margin: 30px 0;}
.new h1{color: #7fb400;}
.new a:hover{text-decoration: none;}
.new a:hover h3{color: #7fb400;}
.new h3{color: #333;margin-top: 15px;}
.new img{margin-top: 15px;
  width: 300px;
  height: 200px;}
.new .line{border: 1px solid #7fb400;margin-top: 20px;}
.new h4{margin-top: 25px;}
.new span{background: #7fb400;color: #fff;padding: 10px 50px;}
.content{margin: 30px 0;}
.content .line{border: 1px solid #7fb400;}
.content p{line-height: 25px;text-indent: 2em;}
.content img{width: 100%;margin: 10px 0 15px 0;}
@media (max-width:570px){
.content{margin-top:10px;}
.content h1{font-size: 28px;}
}
/* 关于 */
.about{margin: 30px 0;}
.about h1{width: 100%;text-align: center;color: #7fb400;margin-bottom: 20px;}
.about p{line-height: 25px;text-indent: 2em;}
.about img{margin-top: 15px;border: 10px solid #7fb400;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
.about-service{background: url('../images/about-cultures-bg.jpg') no-repeat;padding-bottom: 30px;}
.about-service h2{width: 100%;text-align: center;color: #7fb400;padding: 50px 0 30px 0;}
.about-service p{text-align: center;margin: 15px;font-size: 18px;color: #7fb400;}
.about-service p svg{color: #fff;}
.about-service h3{text-align: center;color: #fff}
@media (max-width:570px){
.about-service {
  background: #333;
}
}
.workshop{margin: 30px 0;}
.workshop h2{width: 100%;text-align: center;color: #7fb400;}
.workshop img{margin-top: 15px;border-radius: 16px}
.honor{background: #efefef;margin-top: 30px;padding-bottom: 50px;}
.honor h2{width: 100%;text-align: center;color: #7fb400;padding: 50px 0 30px 0;}
.honor img{margin-top: 30px;border: 5px solid #ccc;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
/* 关于 */
.contact{margin: 50px 0;}
.contact p{display: block;width: 167px;height: 167px;margin: 0 auto;line-height: 167px;border-radius: 50%;font-size: 2.6em;font-style: normal;text-align: center;color: #999;background: #f0f0f0;cursor: pointer;transition: all .2s}
.contact p:hover{background: #7fb400;color: #FFF;}
.contact h2{text-align: center;margin: 25px 0;font-size: 24px;}
.contact h5{text-align: center;color: #7fb400;font-size: 18px;line-height: 25px;}
.contact h1{margin: 20px 0;color: #7fb400;}

.needyou{background: #f6f6f6;padding-bottom: 30px;}
.needyou h2{width: 100%;text-align: center;margin-top: 40px;margin-bottom: 30px;}
.needyou .y{color: #699801;}
.needyou span{color: #ffc107;}