BODY {
  scrollbar-face-color: #dbdbdb;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #000000;
  font: normal 9pt 微软雅黑, verdana, 宋体;
  background: #ffffff;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.cboth {
  clear: both;
}
/*通用*/
.yw {
  font-family: "Century Gothic", "Microsoft Sans Serif", "verdana", "Arial";
}
.left {
  float: left;
}
.right {
  float: right;
}
thead {
  position: sticky;
  top: 350px;
  z-index: 100;
}
A:link {
  color: #16387c;
  text-decoration: none;
}
A:visited {
  color: #16387c;
  text-decoration: none;
}
A:active {
  color: #16387c;
  text-decoration: underline;
}
A:hover {
  color: #0a275f;
  position: relative;
  text-decoration: none;
}
/* 页面 */
.web_top {
  width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
}

.web_top_left h1 {
  font-size: 23pt;
  font-weight: 600;
  background: linear-gradient(to right, #058d29, #0083b0);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  padding: 10px 0;
}
.web_top_left p {
  font-size: 10pt;
  color: #433d3d;
  margin-top: -5px;
}

.web_top_right {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 20px;
}
.web_top_right_lximg img {
  height: 50px;
}
.web_top_right_lxxx {
  margin-left: 10px;
  padding-top: 5px;
}
.web_top_right_lxxx h1 {
  font-size: 10pt;
}
.web_top_right_lxxx p {
  font-size: 18pt;
  color: rgb(8, 156, 87);
  font-weight: 600;
}

.menu_kk {
  width: 100%;
  background: #058d29;
  margin-top: 25px;
}
.menu {
  width: 1200px;
  margin: 0 auto;
  color: #fff;
  font-size: 13pt;
  display: flex;
  justify-content: space-around;
}
.menu li {
  list-style: none;
  cursor: pointer;
  padding: 12px 20px;
  transition: all 1s;
}
.menu li:hover {
  background: rgb(3, 117, 35);
  padding: 12px 30px;
}

.banner {
  float: left;
  width: 100%;
}
.swiper-slide img {
  width: 100%;
  display: block;
}
.swiper-pagination-bullet {
  width: 20px;
  height: 3px;
  display: inline-block;
  background: #fff;
  opacity: 1;
  border-radius: 0;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
  border-radius: 0;
  border: solid 0px #fff;
}

.sy_banner_wz {
  position: absolute;
  z-index: 10000;
  top: 340px;
  width: 100%;
  text-align: center;
  font-size: 45pt;
  font-weight: 700;
  /* 渐变 */
  background: linear-gradient(to right, #9f5f04, #096602, #cd0606);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  /* 字体描边 */
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
}

.sy_banner_wz p {
  font-size: 12pt;
  margin-top: 10px;
}

.web_seo_kk {
  width: 100%;
  background: #433d3d;
}
.web_seo {
  width: 1200px;
  margin: 0 auto;
  color: #fff;
  font-size: 12pt;
  padding: 15px 0;
}

.sy_kk {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
}

.sy_title {
  text-align: center;
}
.sy_title .fgx {
  width: 50px;
  height: 5px;
  border-radius: 10px;
  /* 渐变色背景 */
  background: linear-gradient(to right, #058d29, #0083b0);
  margin: 0 auto;
  margin-top: 5px;
}
.sy_title h1 {
  font-size: 25pt;
}
.sy_title p {
  font-size: 12pt;
  margin: 10px 0;
}

.sy_product_menu {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 30px 0;
}
.sy_product_menu li {
  list-style: none;
  cursor: pointer;
  padding: 12px 20px;
  transition: all 1s;
  font-size: 14pt;
  background: linear-gradient(to right, #058d29, #0083b0);
  color: #fff;
  border-radius: 7px;
  margin: 5px 0;
}
.sy_product_menu li:hover {
  background: linear-gradient(to right, #058d29, #046281);
  padding: 12px 30px;
  color: #fff;
}
.sy_product_show {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 30px 0;
}

.sy_product_show li {
  width: 30%;
  margin-bottom: 25px;
  margin-right: 5%;
  cursor: pointer;
}

.sy_product_show li:nth-child(3n) {
  margin-right: 0;
}

.sy_product_show .cp_img {
  width: 100%;
  height: 300px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e8e3e3;
  overflow: hidden;
  background: #e6e6e6;
}

.sy_product_show img {
  max-width: 90%;
  max-height: 90%;
  transition: all 1s;
}
.sy_product_show li:hover img {
  transform: scale(1.1);
}

.sy_product_show .cp_name {
  width: 100%;
  text-align: center;
  font-size: 14pt;
  margin: 10px 0;
}

.sy_wenhua {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.sy_wenhua img {
  width: 80px;
}
.sy_wenhua li {
  width: 22%;
  border: 1px solid #058d29;
  border-radius: 10px;
  text-align: center;
  padding: 30px 0;
  box-shadow: 2px 3px 3px #add9b9;
  background: linear-gradient(to right, #ffffff, #eef7f2);
}
.sy_wenhua li h1 {
  font-size: 16pt;
  margin-top: 15px;
}
.sy_wenhua li p {
  padding: 10px 20px;
  font-size: 12pt;
}

.sy_about_kk {
  float: left;
  width: 100%;
  padding: 20px 0;
  background: linear-gradient(to right, #e7ebe9, #cbd1cd);
  margin-top: 35px;
}
.sy_about_kk1200 {
  width: 1200px;
  margin: 0 auto;
}
.sy_about_content {
  float: left;
  width: 700px;
  padding: 20px 0;
  font-size: 12pt;
  text-indent: 2em;
  line-height: 28px;
  display: inline-block;
}
.sy_about_content p {
  margin-top: 10px;
}

.sy_about_img {
  width: 460px;
  float: left;
  margin-top: 30px;
}

.sy_about_img h1 {
  padding: 10px 20px;
  font-size: 14pt;
  font-weight: 500;
  font-style: italic;
}

.sy_about_img img {
  width: 95%;
  border-radius: 10px;
  box-shadow: 2px 3px 3px #add9b9;
}

/*----scroll------*/
#demo {
  position: relative;
  overflow: hidden;
  width: 100%;
  left: 0px;
  top: 10px;
}
#indemo {
  float: left;
  width: 1800%;
}
#demo1 {
  float: left;
}
#demo1 a {
  color: #333333;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
#demo1 a img {
  border: none;
  border: #f1f1f1 solid 1px;
  height: 260px;
}
#demo2 {
  float: left;
}
#demo2 a img {
  border: none;
  border: #f1f1f1 solid 1px;
  height: 260px;
}
/*-----------end */
.sy_news_kk {
  width: 100%;
  background: #32874c;
  margin-top: 30px;
  padding: 50px 0;
  color: #fff;
}

.sy_news {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}

.sy_news li {
  width: 30%;
  margin-right: 5%;
  padding: 10px 20px;
  cursor: pointer;
}

.sy_news li:nth-child(3n) {
  margin-right: 0;
  border-right: none;
}

.sy_news li h1 {
  font-size: 14pt;
  font-weight: 500;
  margin: 10px 0;
  text-shadow: 1px 1px 1px #045605;
}
.sy_news li p {
  font-size: 10pt;
}

.sy_news li .fbtime {
  font-style: italic;
  margin: 7px 0;
}
.sy_news li:hover {
  background: #058d29;
}

.footer {
  width: 100%;
  height: 50px;
  background: #023d03;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12pt;
}

.n_banner_wz {
  position: absolute;
  z-index: 10000;
  top: 285px;
  width: 100%;
  text-align: center;
  font-size: 35pt;
  font-weight: 700;
  /* 渐变 */
  background: linear-gradient(to right, #9f5f04, #096602, #cd0606);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  /* 字体描边 */
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
}

.homefh {
  position: fixed;
  z-index: 20000;
  right: 20px;
  bottom: 100px;
  width: 44px;
  height: 44px;
  display: none;
}

.ny_news {
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 30px;
}

.ny_news li {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  padding: 20px 30px;
  transition: all 1s;
}
.ny_news li h1 {
  font-size: 16pt;
  font-weight: 550;
  margin: 10px 0;
}

.ny_news li p {
  font-size: 12pt;
}

.ny_news li .fbtime {
  font-size: 14pt;
  font-style: italic;
  margin: 10px 0;
}

.ny_news li:hover {
  background: #ede9e9;
}

.ny_lxwm {
  width: 100%;
}

.ny_lxwm_img {
  float: left;
  width: 600px;
}

.ny_lxwm_wz {
  float: left;
  width: 450px;
  margin-left:50px;
}

.ny_lxwm_wz p {
  margin: 10px;
  font-size: 16pt;
  background: linear-gradient(to right, #9f5f04, #096602, #cd0606);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  /* margin-left:50%;
  transform: translateX(-50%); */
}

.fy {
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  margin: 10px 0px;
  margin-bottom: 30px;
}
.htmlfy {
  padding: 3px 6px;
  background: #0cb41d;
  color: #fff;
  border-radius: 7px;
}
.htmlfy:hover {
  background: #11753a;
}

.ny_show {
  width: 1200px;
  margin: 0 auto;
  font-size: 14pt;
  line-height: 28px;
  padding: 20px 0;
  margin-bottom: 30px;
}

.ny_show p {
  margin-top: 10px;
}

.ny_cpimg {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}

.ny_cpimg img {
  max-width: 95%;
  padding: 5px;
  border: 1px solid #3acf62;
}