body {
  font-family: 'Montserrat' , sans-serif;
  color: #333;
  font-size: 14px;
}

img {
  max-width: 100%;
}

header {
  padding: 15px 0;
}

header .main-nav {
  padding: 0 15px;
}

header .main-nav a {
  color: #333;
}

header .lang .btn {
  padding: 0;
}

header .search-group {
  border-radius: 20px;
  border: 1px solid #333;
  padding: 0 10px;
}

header .search-group input {
  border: 0;
  padding: 0;
  background-color: transparent;
  height: 30px;
}

header .search-group .btn {
  height: 30px;
  padding: 0;
  position: relative;
  font-size: 14px;
}

header .search-group .btn::before {
  content: '';
  position: absolute;
  height: 60%;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  background-color: #333;
}

.section-py {
  padding: 80px 0;
}

.index_world {
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: center center;
}

.index_world .content .text {
  max-width: 500px;
  color: #999;
}

.index_world .content .num {
  font-size: 70px;
  color: #90c42f;
}

.section_title .title {
  font-size: 40px;
}

.home_advan .content {
  padding: 20px;
}

.home_advan .content .title {
  padding-left: 10px;
  border-left: 5px solid #90c42f;
  margin-top: 0;
  margin-bottom: 30px;
}

.home_advan .content .text {
  color: #999;
  margin-bottom: 30px;
}

.home_advan .content .more {
  line-height: 2;
  padding: 10px 20px;
  color: #999;
  border: 1px solid #999;
  transition: all ease .3s;
}

.home_advan .content .more:hover {
  background-color: #90c42f;
  color: #fff;
  border-color: #90c42f;
}

.home_about {
  padding-bottom: 100px;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
}

.home_about .content {
  padding: 50px 100px;
  position: relative;
  top: 100px;
  background-color: #fff;
  text-align: center;
  background-position: -80px 180px;
  background-repeat: no-repeat;
}

.home_about .content .text {
  color: #999;
  margin-bottom: 40px;
}

.home_product {
  background-color: #f8f8f8;
}

.home_product .item {
  background-color: #fff;
  display: flex;
  box-shadow: 0 0 5px #ddd;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 50px;
}

.home_product .item:last-child {
  margin-bottom: 0;
}

.home_product .item .image {
  flex: 0 0 50%;
}

.home_product .item .content {
  padding: 50px 30px;
}

.home_product .item .content .case {
  color: #90c42f;
  font-weight: bold;
  margin-bottom: 10px;
}

.home_product .item .content .title {
  margin-top: 0;
  margin-bottom: 30px;
}

.home_product .item .content .detail {
  color: #999;
  margin-bottom: 40px;
}

.home_product .item .content .contact {
  border-color: #333;
  border-radius: 0;
  transition: all ease .3s;
}

.home_product .item .content .contact:hover {
  color: #fff;
  background-color: #333;
}

.btn-theme {
  background-color: #90c42f;
  border-color: #90c42f;
  border-radius: 0;
  color: #fff;
  transition: all ease .3s;
}

.btn-theme:hover {
  color: #90c42f;
  background-color: transparent;
}

.home_news .news_list .item {
  background-repeat: no-repeat;
  background-position: center left;
  margin-bottom: 40px;
  padding-left: 90px;
}

.home_news .news_list .item:nth-child(1) {
  background-image: url("../image/image_1615778235_微信图片_20210313112959.png");
}

.home_news .news_list .item:nth-child(2) {
  background-image: url("../image/image_1615778286_微信图片_20210313113005.png");
}

.home_news .news_list .item:nth-child(3) {
  background-image: url("../image/image_1615778312_微信图片_20210313112950.png");
}

.home_news .news_list .item:last-child {
  margin-bottom: 0;
}

.home_news .news_list .item .title {
  color: #666;
  line-height: 33px;
  height: 66px;
  overflow: hidden;
}

.home_news .news_list .item .title:hover {
  color: #90c42f;
}

.home_news .news_list .item a:hover {
  text-decoration: none;
}

footer {
  background-color: #f8f8f8;
  border-top: 3px solid #90c42f;
  padding: 80px 0;
}

footer .footer_logo {
  margin-bottom: 40px;
}

footer .copy {
  color: #999;
}

footer .right {
  display: flex;
  justify-content: flex-end;
}

footer .right .icon_list {
  display: flex;
  width: 250px;
  margin-bottom: 30px;
}

footer .right .icon_list .item {
  flex: 0 0 33.333%;
  text-align: center;
}

footer .right .icon_list .item .icon {
  position: relative;
  text-align: center;
}

footer .right .icon_list .item .icon .hover {
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: all ease .3s;
}

footer .right .icon_list .item .title {
  color: #666;
}

footer .right .icon_list .item:hover .icon img:first-child {
  opacity: 0;
}

footer .right .icon_list .item:hover .icon .hover {
  opacity: 1;
}

footer .right .icon_list .item:hover .title {
  color: #90c42f;
}

footer .right .footer_contact {
  text-align: center;
}

footer .right .footer_contact .btn {
  background-color: #333;
  color: #90c42f;
  width: 100%;
  text-align: center;
  padding: 10px 20px;
  transition: all ease .3s;
  border: 1px solid #333;
}

footer .right .footer_contact .btn:hover {
  background-color: transparent;
}

.contact_us .left {
  padding-right: 80px;
}

.contact_us .left .item {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.contact_us .left .item .title {
  color: #90c42f;
}

.contact_us .left .item .title i.fa {
  width: 25px;
  text-align: center;
}

.contact_us .left .item .text {
  margin: 0;
}

.contact_us .right .form-control {
  border: 0;
  background-color: #f8f8f8;
}

.contact_us .right .form-control::-webkit-input-placeholder {
  color: #999;
}

.contact_us .right .form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}

.contact_us .right .form-control:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}

.article-list .categories {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}

.article-list .categories .item {
  margin: 0 15px;
}

.article-list .categories .item a {
  color: #999;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
}

.article-list .categories .item.active, .article-list .categories .item:hover {
  border-bottom: 2px solid #90c42f;
}

.article-list .categories .item.active a, .article-list .categories .item:hover a {
  color: #333;
}

.article-list .list .item {
  display: flex;
  background-color: #f4f4f4;
  margin-bottom: 30px;
}

.article-list .list .item .image {
  flex: 0 0 300px;
}

.article-list .list .item .content {
  padding: 25px 40px;
}

.article-list .list .item .content .title {
  line-height: 2;
}

.article-list .list .item .content .title a {
  color: #333;
}

.article-list .list .item .content .detail {
  margin-bottom: 30px;
  color: #666;
}

.article-list .list .item .content .date {
  color: #666;
}
.pagin ul {
  flex-wrap: wrap;
}
.pagin ul>li {
  border: 1px solid #999;
  margin: 0 3px;
}
.pagin ul > li span:hover,
.pagin ul > li a:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.pagin ul > li span,
.pagin ul > li a {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;


  color: #999;
  border: 0;
  margin: 0;


}

.pagin ul>li.active {
  border-color: #90c42f;
}

.pagin ul>li.active span {
  color: #90c42f;
  background-color: transparent;
}

.article_view .head {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.article_view .head .title {
  margin-bottom: 30px;
}

.article_view .head .date {
  color: #999;
}

.article_view hr.article {
  margin: 50px 0;
}

.products_list .item {
  padding: 40px 0;
}

.products_list .item .content {
  position: relative;
  padding-top: 80px;
}

.products_list .item .content .num {
  position: absolute;
  left: -30px;
  top: 0;
  color: #e9e9e9;
  font-size: 180px;
  line-height: .8;
  transition: all ease .3s;
}

.products_list .item .content .title {
  position: relative;
  z-index: 1;
}

.products_list .item .content .detail {
  position: relative;
  z-index: 1;
  color: #666;
  margin-bottom: 50px;
}

.products_list .item .content .btn-box {
  position: relative;
  z-index: 1;
}

.products_list .item .content .btn-box .more {
  color: #666;
  border: 1px solid #666;
  background-color: transparent;
  transition: all ease .3s;
  border-radius: 0;
}

.products_list .item:nth-child(odd) {
  background-color: #f8f8f8;
}

.products_list .item:hover .num {
  color: #90c42f;
}

.products_list .item:hover .btn-box .more {
  color: #fff;
  border: 1px solid #90c42f;
  background-color: #90c42f;
}

.produte_view {
  background-color: #f8f8f8;
}

.produte_view .content {
  padding: 0 40px;
  background-color: #fff;
}

.produte_view .content .center_box {
  text-align: center;
  background-color: #f8f8f8;
  border-radius: 5px;
  position: relative;
  top: 80px;
  padding: 50px 80px;
}

.produte_view .content .center_box .title {
  margin-bottom: 30px;
}

.produte_view .content .center_box .text {
  color: #999;
}

.produte_view .recom {
  background-color: #fff;
  padding: 130px 40px 50px 40px;
}

.produte_view .recom .item {
  background-color: #f8f8f8;
  overflow: hidden;
}

.produte_view .recom .item .title {
  text-align: center;
  margin: 15px 0;
}

.produte_view .recom .item .title a {
  color: #666;
}

.produte_view .detail {
  background-color: #fff;
  padding: 0 40px 80px;
}

.produte_view .detail .title {
  text-align: center;
  margin-bottom: 40px;
}

.produte_view .detail .box .table {
  color: #999;
}

.produte_view .detail .box .table tr:first-child {
  background-color: #f8f8f8;
  color: #333;
  text-align: center;
}

.keyan_title .title {
  line-height: 1.6;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.keyan_title .title::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background-color: #90c42f;
  top: 100%;
}

.keyan_title.center .title {
  text-align: center;
}

.keyan_title.center .title::before {
  left: 50%;
  transform: translateX(-50%);
}

.keyan_mode .content {
  width: 200%;
  padding: 25px 15px 25px 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
  line-height: 1.8;
}

.keyan_team {
  position: relative;
}

.keyan_team .left_img {
  position: absolute;
  width: calc(50% - 30px);
  left: 0;
  top: 60px;
}

.keyan_team .content {
  line-height: 1.8;
  margin: 30px 0 50px;
}

.facilities .content {
  color: #666;
  line-height: 1.8;
  text-align: center;
}

.keyan_quility .content {
  color: #666;
  line-height: 1.8;
  margin-bottom: 30px;
}

.page_about .years_nav {
  position: sticky;
  left: 150px;
  top: 20%;
  z-index: 10;
  height: 0;
  padding-left: 50px;
}

.page_about .years_nav ul {
  list-style: none;
  padding: 10px 20px;
  margin: 0;
  position: relative;
}

.page_about .years_nav ul::before {
  content: '';
  height: 100%;
  width: 2px;
  background-color: #ddd;
  top: 0;
  left: 0;
  position: absolute;
}

.page_about .years_nav ul li {
  padding: 5px 0;
  position: relative;
}

.page_about .years_nav ul li a {
  color: #666;
}

.page_about .years_nav ul li::before {
  content: '';
  height: 100%;
  width: 2px;
  background-color: #90c42f;
  top: 0;
  left: -20px;
  position: absolute;
  opacity: 0;
}

.page_about .years_nav ul li.active::before {
  opacity: 1;
}

.page_about .item {
  margin-bottom: 50px;
}

.page_about .item:last-child {
  margin: 0;
}

.page_about .item .title {
  font-size: 35px;
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
  color: #90c42f;
  margin-bottom: 20px;
}

.page_about .item .title::before {
  content: '';
  position: absolute;
  height: 1px;
  width: 25px;
  top: 100%;
  left: 0;
  background-color: #333;
}

.page_about .item .text {
  color: #666;
}