body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
   margin: 0;
   padding: 0;
}

body {
   background: #fff;
   color: #555;
   font-size: 14px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

td,
th,
caption {
   font-size: 14px;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
   font-style: normal;
   font-weight: normal;
}

a {
   color: #222;
   text-decoration: none;
}

a:hover {
   text-decoration: unset;
}

img {
   border: none;
}

ol,
ul,
li {
   list-style: none;
}

input,
textarea,
select,
button {
   outline: unset;
   border: unset;
   font: 14px Verdana, Helvetica, Arial, sans-serif;
}

table {
   border-collapse: collapse;
}

html {
   overflow-y: scroll;
}

/* css common */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix {
   zoom: 1;
}

.img-box {
   position: relative;
   z-index: 2;
   display: block;
   overflow: hidden;
   padding-bottom: 100%;
}

.img-box img,
.img-box iframe,
.img-box video {
   position: absolute;
   top: 0;
   left: 0;
   transition: all 0.5s;
   width: 100%;
   height: 100%;
}

@media (min-width: 1470px) {
   .container {
      width: 1440px;
      max-width: 1440px;
      padding: 0 15px;
   }

   .container .row {
      margin: 0 -15px;
   }

   .container .row>div {
      padding: 0 15px;
   }
}

.fszero {
   display: none !important;
   height: 0 !important;
   width: 0 !important;
   overflow: hidden !important;
}

.fszero h1 {
   font-size: 0 !important;
   height: 0 !important;
   overflow: hidden !important;
}

.slick-dots li button {
   display: none;
}

.slick-track {
   margin-left: unset;
}

body {
   background-color: #fff;
   font-family: 'Roboto', Arial, Helvetica, "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "PingFang SC", "Hiragino Sans GB", sans-serif;
   overflow-x: hidden;
}

:root {
   scroll-behavior: unset;
}

.online {
   z-index: 999;
   position: fixed;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
}

@media (max-width: 1199px) {
   .online {
      pointer-events: none;
      top: 60%;
      right: 0;
   }
}

.online ul .rotate {
   transform: rotate(405deg) !important;
}

.online ul .moveIn {
   pointer-events: all !important;
   right: 0px;
   z-index: 999;
}

.online ul li {
   display: block;
   transition: all 0.5s;
   cursor: pointer;
   position: relative;
   width: max-content;
   height: max-content;
}

@media (max-width: 1199px) {
   .online ul li {
      pointer-events: none;
   }
}

.online ul li:nth-last-of-type(1) {
   transform: rotate(0deg);
   right: 0px;
   z-index: 999;
   display: none;
   pointer-events: all !important;
}

@media (max-width: 1199px) {
   .online ul li:nth-last-of-type(1) {
      display: block;
   }
}

@media (max-width: 1199px) {
   .online ul li {
      position: relative;
      right: -70px;
   }
}

.online ul li a {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   width: 44px;
   height: 44px;
   flex-shrink: 0;
   background: rgba(192, 192, 192, 0.6);
   border-radius: 50%;
   margin-bottom: 2px;
   transition: all 0.5s;
   font-size: 14px;
   color: #000;
   position: relative;
}

/* #008740 */
.online ul li a:hover {
   background-color: #275028;
}

.online ul li a:hover svg path {
   fill: #fff;
}

.online ul li a:hover span {
   color: #fff;
}

.online ul li a svg {
   transition: all 0.5s;
}

.online ul li a svg path {
   transition: all 0.3s;
}

.online ul li a span {
   position: absolute;
   top: 7px;
   right: 10px;
   transition: all 0.5s;
   width: 20px;
   height: 20px;
   background-color: #be6c42;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   text-align: center;
   font-family: Arial;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
   text-transform: uppercase;
   border-radius: 50%;
}

.online ul li .detail {
   font-size: 16px;
   top: 0;
   display: none;
   align-items: center;
   padding: 0 10px;
   line-height: 50px;
   white-space: nowrap;
   border-radius: 200px;
   background-color: rgba(0, 0, 0, 0.2);
   position: absolute;
   right: 55px;
   color: #fff;
}

.online ul li .detail img {
   width: 100px;
}

.box-searchbox {
   display: none;
   z-index: 9999;
   position: fixed;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.box-searchbox .container {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.box-searchbox .container .close {
   cursor: pointer;
   position: absolute;
   top: -50px;
   right: 10px;
   color: #fff;
}

.box-searchbox .container p {
   width: 100%;
   margin-bottom: 50px;
   padding: unset;
   animation: zoomIn 1s 0s ease both;
   text-align: center;
   letter-spacing: 2px;
   color: #fff;
}

.box-searchbox .container form {
   width: 100%;
   border-bottom: 1px solid #fff;
   text-align: center;
}

.box-searchbox .container form input {
   border: unset;
   outline: unset;
   background-color: rgba(0, 0, 0, 0);
   color: #fff;
   height: 60px;
   width: 90%;
}

.box-searchbox .container form button {
   border: unset;
   outline: unset;
   background-color: rgba(0, 0, 0, 0);
}

.box-searchbox .container form button i {
   color: #fff;
   font-size: 24px;
}

.fiveKeys {
   z-index: 999;
   width: 100%;
   height: 60px;
   position: fixed;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   background-color: #275028;
   display: none;
}

@media (max-width: 1199px) {
   .fiveKeys {
      display: block;
   }
}

.fiveKeys ul {
   display: flex;
   height: 100%;
}

.fiveKeys ul li {
   flex: 20%;
   height: 100%;
   width: 20%;
   position: relative;
}

.fiveKeys ul li a {
   color: #fff;
   display: flex;
   width: 100%;
   height: 100%;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.fiveKeys ul li a i {
   display: block;
   font-size: 20px;
}

@media (min-width: 767px) {
   .fiveKeys ul li a i {
      font-size: 22px;
   }
}

.fiveKeys ul li a p {
   display: block;
   text-transform: uppercase;
   font-size: 14px;
}

@media (min-width: 767px) {
   .fiveKeys ul li a p {
      font-size: 16px;
   }
}

.fiveKeys ul li .QrcodePic {
   display: none;
   z-index: 999;
   position: absolute;
   top: 0;
   left: 50%;
   width: 100%;
   transform: translate(-50%, -100%);
}

.fiveKeys ul li .QrcodePic img {
   width: 100%;
   height: auto;
}

.box-newsdetailMain {
   padding: 80px 0;
}

@media (max-width: 1199px) {
   .box-newsdetailMain {
      padding: 30px 0;
   }
}

.box-newsdetailMain .title {
   padding-bottom: 5px;
   border-bottom: 1px solid #eee;
}

.box-newsdetailMain .title h2 {
   font-size: 30px;
   font-weight: bold;
   line-height: 1.4;
   margin: 0;
   color: #000;
}

@media (max-width: 767px) {
   .box-newsdetailMain .title h2 {
      font-size: 20px;
      line-height: 1.4;
   }
}

.box-newsdetailMain .title .time {
   padding: 10px 0;
   display: flex;
   align-items: center;
   color: #275028;
}

@media (max-width: 767px) {
   .box-newsdetailMain .title .time {
      padding: unset;
      margin-top: 10px;
   }
}

.box-newsdetailMain .title .time svg {
   margin-right: 10px;
   transform: translateY(0px);
}

.box-newsdetailMain .title .time svg path {
   fill: #275028;
}

.box-newsdetailMain .title .time p {
   font-size: 16px;
   font-weight: bold;
}

@media (max-width: 767px) {
   .box-newsdetailMain .title .time p {
      font-size: 14px;
   }
}

.box-newsdetailMain .main {
   padding-bottom: 30px;
   padding-top: 10px;
   font-size: 16px;
   line-height: 28px;
   color: #000;
   border-bottom: 1px solid #eee;
}

.box-newsdetailMain .main p {
   width: 100%;
   padding-bottom: 10px;
   font-size: 16px;
}

@media (max-width: 767px) {
   .box-newsdetailMain .main p {
      font-size: 14px;
      line-height: 1.3;
   }
}

.box-newsdetailMain .main img {
   width: 33.33%;
   height: auto;
   padding-right: 15px;
}

@media (max-width: 767px) {
   .box-newsdetailMain .main img {
      width: 100%;
      padding: unset;
      margin-bottom: 15px;
   }

   .box-newsdetailMain .main img:nth-last-of-type(1) {
      margin-bottom: unset;
   }
}

.box-newsdetailMain .realteDetail {
   padding: 30px 0;
}

@media (max-width: 767px) {
   .box-newsdetailMain .realteDetail {
      padding: 0px;
   }
}

.box-newsdetailMain .realteDetail>div {
   display: flex;
   align-items: center;
}

.box-newsdetailMain .realteDetail .icon {
   width: 30px;
   height: 30px;
   border-radius: 15px;
   background-color: #275028;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   margin-right: 20px;
}

.box-newsdetailMain .realteDetail a {
   display: inline-flex;
   padding: 10px 0;
   font-size: 16px;
   color: #000;
   align-items: center;
   transition: color 0.3s;
}

@media (max-width: 767px) {
   .box-newsdetailMain .realteDetail a {
      font-size: 14px;
      width: 70.1042vw;
   }
}

.box-newsdetailMain .realteDetail a:hover {
   color: #275028;
   text-decoration: underline;
}

.box-newsdetailMain .sharegroup {
   padding-top: 20px;
   display: flex;
   align-items: center;
}

.box-newsdetailMain .sharegroup .txt {
   margin-right: 10px;
}

.nosearch {
   padding-bottom: 30px;
}

.nosearch h3 {
   font-size: 20px;
   font-weight: bold;
   color: #222;
   padding: 10px 0;
}

.nosearch p {
   padding: 10px;
   background-color: #275028;
   color: #fff;
   font-size: 18px;
   border-radius: 3px;
}

.wrap-sitemap {
   padding-bottom: 40px;
}

.wrap-sitemap .title {
   text-align: left;
   margin-top: 40px;
}

.wrap-sitemap .title h2 {
   font-size: 30px;
   color: #275028;
   font-weight: bold;
}

@media (max-width: 1199px) {
   .wrap-sitemap .sitemap-vertical {
      margin-top: 30px;
   }
}

.wrap-sitemap .sitemap-vertical>ul>li {
   position: relative;
   width: 100%;
   margin-top: 30px;
}

@media (max-width: 767px) {
   .wrap-sitemap .sitemap-vertical>ul>li {
      min-height: 38px;
      margin-top: 20px;
      padding-left: 0;
   }
}

.wrap-sitemap .sitemap-vertical>ul>li>a {
   font-size: 18px;
   font-weight: bold;
   line-height: 28px;
   display: inline-block;
   min-width: 240px;
   padding: 10px 30px;
   -webkit-transition: all 0.2s;
   transition: all 0.5s;
   text-transform: capitalize;
   border: 1px solid #666;
   color: #222;
}

@media (max-width: 767px) {
   .wrap-sitemap .sitemap-vertical>ul>li>a {
      font-size: 16px;
      min-width: 140px;
      padding: 4px 10px;
   }
}

.wrap-sitemap .sitemap-vertical>ul>li:hover>a {
   color: #fff;
   background-color: #275028;
}

.wrap-sitemap .sitemap-vertical>ul>li>ul {
   position: relative;
   padding: 10px 0;
}

@media (max-width: 767px) {
   .wrap-sitemap .sitemap-vertical>ul>li>ul {
      margin: 0 -10px;
      margin-top: 10px;
      padding: 0;
   }
}

.wrap-sitemap .sitemap-vertical>ul>li>ul>li>a {
   font-size: 16px;
   font-weight: bold;
   line-height: 28px;
   display: block;
   padding: 5px 30px;
   color: #222;
}

@media (max-width: 767px) {
   .wrap-sitemap .sitemap-vertical>ul>li>ul>li>a {
      font-size: 14px;
      line-height: 30px;
      min-width: auto;
      padding: 0 10px;
   }
}

.wrap-sitemap .sitemap-vertical>ul>li>ul>li:hover>a {
   text-decoration: underline;
   color: #275028;
}

.wrap-sitemap .sitemap-vertical>ul>li>ul>li>ul {
   padding: 0 20px;
}

@media (max-width: 767px) {
   .wrap-sitemap .sitemap-vertical>ul>li>ul>li>ul {
      padding: 0;
   }
}

.wrap-sitemap .sitemap-vertical>ul>li>ul>li>ul>li {
   display: inline-block;
}

.wrap-sitemap .sitemap-vertical>ul>li>ul>li>ul>li a {
   line-height: 30px;
   display: block;
   padding: 0 10px;
}

@media (max-width: 767px) {
   .wrap-sitemap .sitemap-vertical>ul>li>ul>li>ul>li a {
      font-size: 13px;
   }
}

.wrap-sitemap .sitemap-vertical>ul>li>ul>li>ul>li:hover a {
   text-decoration: underline;
   color: #275028;
}

.wrap-sitemap .sitemap-vertical>ul>li>ul:hover>a {
   text-decoration: underline;
   color: #cd0010;
}

.inquire-page {
   padding-top: 150px;
}

@media (max-width: 1199px) {
   .inquire-page {
      padding-top: 90px;
   }
}

.inquire-page .container {
   border-bottom: 1px dashed #888888;
}

.inquire-page .car-table table {
   width: 100%;
}

.inquire-page .car-table table tr td:nth-child(1),
.inquire-page .car-table table tr th:nth-child(1) {
   width: 14.82269504%;
   padding-left: 3.19148936%;
}

@media (max-width: 767px) {

   .inquire-page .car-table table tr td:nth-child(1),
   .inquire-page .car-table table tr th:nth-child(1) {
      padding-left: 5px;
      width: 17.822695%;
   }
}

.inquire-page .car-table table tr td:nth-child(1) input,
.inquire-page .car-table table tr th:nth-child(1) input {
   margin: 0;
   border-color: #c3ccd2;
   background-color: transparent;
}

.inquire-page .car-table table tr td:nth-child(2),
.inquire-page .car-table table tr th:nth-child(2) {
   width: 54.25531915%;
}

@media (max-width: 991px) {

   .inquire-page .car-table table tr td:nth-child(2),
   .inquire-page .car-table table tr th:nth-child(2) {
      width: 45.255319%;
   }
}

@media (max-width: 767px) {

   .inquire-page .car-table table tr td:nth-child(2),
   .inquire-page .car-table table tr th:nth-child(2) {
      width: 42.255319%;
   }
}

.inquire-page .car-table table tr td:nth-child(3),
.inquire-page .car-table table tr th:nth-child(3) {
   width: 15.95744681%;
}

@media (max-width: 991px) {

   .inquire-page .car-table table tr td:nth-child(3),
   .inquire-page .car-table table tr th:nth-child(3) {
      width: 24.957447%;
   }
}

.inquire-page .car-table table tr td:nth-child(4),
.inquire-page .car-table table tr th:nth-child(4) {
   width: 14.89361702%;
}

.inquire-page .car-table table thead {
   border: 1px solid #d5d5d5;
   background-color: #275028;
}

.inquire-page .car-table table thead tr {
   height: 55px;
}

@media (max-width: 991px) {
   .inquire-page .car-table table thead tr {
      height: 50px;
   }
}

@media (max-width: 767px) {
   .inquire-page .car-table table thead tr {
      height: 40px;
   }
}

.inquire-page .car-table table thead th {
   font-size: 16px;
   color: #ffffff;
   font-weight: 400;
}

@media (max-width: 767px) {
   .inquire-page .car-table table thead th {
      font-size: 14px;
   }
}

@media (max-width: 480px) {
   .inquire-page .car-table table thead th {
      font-size: 12px;
   }
}

.inquire-page .car-table table thead th:nth-child(1) span {
   padding-left: 20px;
}

@media (max-width: 991px) {
   .inquire-page .car-table table thead th:nth-child(1) span {
      padding-left: 10px;
   }
}

@media (max-width: 767px) {
   .inquire-page .car-table table thead th:nth-child(1) span {
      padding-left: 0;
   }
}

.inquire-page .car-table table thead th:nth-child(3),
.inquire-page .car-table table thead th:nth-child(4) {
   text-align: center;
}

.inquire-page .car-table table tbody tr {
   border-bottom: 1px solid #e4e4e4;
}

.inquire-page .car-table table tbody tr td:nth-child(2) {
   padding: 35px 0;
}

@media (max-width: 991px) {
   .inquire-page .car-table table tbody tr td:nth-child(2) {
      padding: 20px 0;
   }
}

.inquire-page .car-table table tbody tr td:nth-child(2) .pic {
   display: inline-block;
   vertical-align: middle;
   width: 30%;
   max-width: 160px;
}

.inquire-page .car-table table tbody tr td:nth-child(2) p {
   overflow: hidden;
   display: inline-block;
   vertical-align: middle;
   margin-left: 5.22875817%;
   max-width: calc(100% -160px);
   font-size: 18px;
   color: #333333;
}

@media (max-width: 1199px) {
   .inquire-page .car-table table tbody tr td:nth-child(2) p {
      font-size: 16px;
   }
}

@media (max-width: 991px) {
   .inquire-page .car-table table tbody tr td:nth-child(2) p {
      font-size: 15px;
   }
}

@media (max-width: 767px) {
   .inquire-page .car-table table tbody tr td:nth-child(2) p {
      font-size: 13px;
   }
}

@media (max-width: 500px) {
   .inquire-page .car-table table tbody tr td:nth-child(2) p {
      font-size: 12px;
      margin-left: 0;
      margin-top: 5px;
      width: 100%;
      max-width: 100%;
   }
}

.inquire-page .car-table table tbody tr td:nth-child(3) {
   text-align: center;
}

.inquire-page .car-table table tbody tr td:nth-child(3) span {
   -moz-user-select: none;
   /*mozilar*/
   -webkit-user-select: none;
   /*webkit*/
   -ms-user-select: none;
   /*IE*/
   user-select: none;
   display: inline-block;
   width: 37px;
   height: 33px;
   font-size: 18px;
   line-height: 31px;
   color: #333333;
   background-color: transparent;
   border: 1px solid #dfdfdf;
   vertical-align: middle;
   transition: all 0.35s;
   -webkit-transition: all 0.35s;
}

@media (max-width: 767px) {
   .inquire-page .car-table table tbody tr td:nth-child(3) span {
      width: 30px;
      height: 25px;
      line-height: 20px;
      font-size: 15px;
   }
}

@media (max-width: 520px) {
   .inquire-page .car-table table tbody tr td:nth-child(3) span {
      width: 15px;
      font-size: 13px;
   }
}

@media (min-width: 1200px) {
   .inquire-page .car-table table tbody tr td:nth-child(3) span:hover {
      background-color: #275028;
      color: #fff;
   }
}

.inquire-page .car-table table tbody tr td:nth-child(3) input {
   font-size: 16px;
   line-height: 36px;
   color: #333333;
   width: 64px;
   text-align: center;
   vertical-align: middle;
}

@media (max-width: 767px) {
   .inquire-page .car-table table tbody tr td:nth-child(3) input {
      width: 45px;
      font-size: 14px;
   }
}

@media (max-width: 500px) {
   .inquire-page .car-table table tbody tr td:nth-child(3) input {
      width: 30px;
      font-size: 12px;
   }
}

.inquire-page .car-table table tbody tr td:nth-child(4) {
   text-align: center;
}

.inquire-page .car-table table tbody tr td:nth-child(4) svg {
   cursor: pointer;
}

.inquire-page .car-table table tbody tr td:nth-child(4) svg path {
   transition: all 0.3s;
}

.inquire-page .car-table table tbody tr td:nth-child(4) svg:hover path {
   fill: #275028;
}

.inquire-page .car-table table .shopping-close {
   display: flex;
   justify-content: center;
}

.inquire-page .detailTit {
   font-size: 30px;
   font-weight: bold;
   color: #222222;
   line-height: 1;
   padding-bottom: 20px;
   border-bottom: 1px dashed #999999;
   margin-bottom: 40px;
}

@media (max-width: 1199px) {
   .inquire-page .detailTit {
      font-size: 24px;
      padding-bottom: 10px;
      margin-bottom: 20px;
   }
}

.box_OnlineMessage {
   padding-top: 105px;
   padding-bottom: 105px;
}

@media (max-width: 1199px) {
   .box_OnlineMessage {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   .box_OnlineMessage {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   .box_OnlineMessage {
      padding: 40px 0;
   }
}

.box_OnlineMessage .box-tit {
   margin-bottom: 48px;
}

@media (max-width: 1199px) {
   .box_OnlineMessage .box-tit {
      margin-bottom: 30px;
   }
}

@media (max-width: 991px) {
   .box_OnlineMessage .box-tit {
      margin-bottom: 20px;
   }
}

.box_OnlineMessage .box-tit p {
   text-align: center;
   color: #000;
   font-size: 42px;
   font-style: normal;
   font-weight: 400;
   line-height: 34px;
   /* 80.952% */
   text-transform: capitalize;
}

@media (max-width: 1199px) {
   .box_OnlineMessage .box-tit p {
      font-size: 32px;
      line-height: 1;
   }
}

@media (max-width: 991px) {
   .box_OnlineMessage .box-tit p {
      font-size: 28px;
   }
}

@media (max-width: 767px) {
   .box_OnlineMessage .box-tit p {
      font-size: 24px;
   }
}

.box_OnlineMessage .formbox {
   width: 100%;
}

.box_OnlineMessage .formbox form {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.box_OnlineMessage .formbox .inputGroup {
   width: 49%;
   height: 60px;
   border: 1px solid rgba(51, 51, 51, 0.2);
   position: relative;
   margin-bottom: 20px;
   border-radius: 6px;
}

@media (max-width: 991px) {
   .box_OnlineMessage .formbox .inputGroup {
      width: 100%;
      height: 45px;
   }
}

.box_OnlineMessage .formbox .inputGroup textarea,
.box_OnlineMessage .formbox .inputGroup input {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0);
   padding-left: 31px;
}

.box_OnlineMessage .formbox .inputGroup textarea:focus~label,
.box_OnlineMessage .formbox .inputGroup input:focus~label,
.box_OnlineMessage .formbox .inputGroup textarea:valid~label,
.box_OnlineMessage .formbox .inputGroup input:valid~label {
   top: 0;
   transform: translateY(-50%) scale(0.9);
   padding: 3px;
   background-color: #fff;
}

.box_OnlineMessage .formbox .inputGroup label {
   pointer-events: none;
   transition: all 0.5s;
   position: absolute;
   top: 50%;
   left: 31px;
   transform: translateY(-50%);
   color: #999999;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.box_OnlineMessage .formbox .Message {
   width: 100%;
   height: 244px;
   margin-bottom: 30px;
}

@media (max-width: 991px) {
   .box_OnlineMessage .formbox .Message {
      height: 190px;
   }
}

.box_OnlineMessage .formbox .Message textarea {
   width: 100%;
   height: inherit;
   background-color: rgba(0, 0, 0, 0);
   padding: 31px;
}

.box_OnlineMessage .formbox .Message label {
   top: 16%;
}

.box_OnlineMessage .formbox .buttonbox {
   display: flex;
   justify-content: center;
   width: 100%;
}

.box_OnlineMessage .formbox .buttonbox button {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 180px;
   height: 50px;
   flex-shrink: 0;
   border-radius: 6px;
   background: #275028;
}

@media (max-width: 1199px) {
   .box_OnlineMessage .formbox .buttonbox button {
      width: 100%;
      height: 45px;
   }
}

.box_OnlineMessage .formbox .buttonbox button span {
   color: #fff;
   text-align: right;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
   /* 24px */
}

.icon {
   line-height: 1;
}

.icon i {
   line-height: 1;
}

.slick-slide {
   font-size: 0;
   border: unset !important;
}

@media (max-width: 1199px) {
   .fancybox-slide>* {
      width: 100%;
      padding: 0px;
      margin: 0;
   }
}

.banner {
   width: 100%;
   overflow: hidden;
   position: relative;
   -webkit-user-select: none;
   user-select: none;
   z-index: 2;
   font-size: 0;
   margin-top: 120px;
   border-radius: 20px 20px 0 0;
}

@media (max-width: 1199px) {
   .banner {
      margin-top: 60px;
   }
}

.banner .swiper-slide {
   overflow: hidden;
}

.banner .swiper-slide .item {
   display: block;
   position: relative;
   overflow: hidden;
}

.banner .swiper-slide .item>a {
   overflow: hidden;
   display: block;
}

.banner .swiper-slide img {
   position: relative;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   display: block;
   width: 100%;
}

.banner .swiper-pagination {
   bottom: 20px;
}

@media (max-width: 1199px) {
   .banner .swiper-pagination {
      bottom: 5%;
   }
}

.banner .swiper-pagination .swiper-pagination-bullet {
   position: relative;
   margin: 0 8px;
   opacity: 1;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   border: 1px solid #275028;
   background-color: rgba(0, 0, 0, 0);
   transition: all 0.5s;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
   background-color: #275028;
}

.banner #video-id_fluid_controls_container {
   display: none;
}

.banner .banner-video-box {
   display: block;
   padding-bottom: 43.75%;
   position: relative;
   -webkit-transform: translateZ(10px);
   transform: translateZ(10px);
}

.banner .banner-video-box .banner-video {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.banner .banner-video-box .fluid_initial_play {
   background-color: #275028 !important;
}

.banner .banner-video-box .fluid_video_wrapper {
   position: absolute;
   z-index: 10;
}

.banner .mobile-video {
   display: block;
   position: relative;
}

.banner .mobile-video::after {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   content: '';
   background-color: rgba(0, 0, 0, 0.1);
}

.banner .mobile-video::before {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   -ms-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
   z-index: 3;
   font-size: 40px;
   color: #fff;
   font-family: 'iconfont' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: '\e61d';
   text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

header {
   position: fixed;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
   z-index: 9999;
}

header .header_top {
   height: 32px;
   /* rgba(0, 135, 64, 1..) */
   background-color: #275028;
}

@media (max-width: 1199px) {
   header .header_top {
      display: none;
   }
}

header .header_top .container {
   height: inherit;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

header .header_top .container .header_top_l {
   height: inherit;
   padding-left: 190px;
}

header .header_top .container .header_top_l .media {
   height: inherit;
   display: flex;
   align-items: center;
}

header .header_top .container .header_top_l .media p {
   color: #FFF;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 24px;
   /* 171.429% */
   margin-right: 12px;
}

header .header_top .container .header_top_l .media ul {
   height: inherit;
   display: flex;
   align-items: center;
}

header .header_top .container .header_top_l .media ul li:not(:last-child) {
   margin-right: 15px;
}

header .header_top .container .header_top_l .media ul li a .icon i {
   color: #fff;
   font-size: 16px;
}

header .header_bottom {
   /* height: 88px; */
   height: 100px;
   background-color: #fff;
}

@media (max-width: 1199px) {
   header .header_bottom {
      height: 60px;
   }
}

header .header_bottom .container {
   height: inherit;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

header .header_bottom .container .header_b_l {
   display: flex;
   height: inherit;
}

header .header_bottom .container .header_b_l .logo {
   height: inherit;
   /* width: 120px; */
   /* width: 90px; */
   width: 170px;
   position: relative;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .logo {
      height: 100%;
      width: max-content;
   }
}

header .header_bottom .container .header_b_l .logo img {
   position: absolute;
   width: 100%;
   /* bottom: 0; */
   top: 50%;
   -webkit-transform: translateY(-50%);
   height: auto;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .logo img {
      height: 100%;
      width: auto;
   }
}

@media (max-width: 575px) {
   header .header_bottom .container .header_b_l .logo img {
      height: 75%;
   }
}

header .header_bottom .container .header_b_l .menu {
   padding-left: 72px;
   height: inherit;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .menu {
      position: fixed;
      top: 60px;
      height: calc(100vh - 120px);
      width: 100%;
      right: 0%;

      background-color: rgba(255, 255, 255, 0.8);
      backdrop-filter: blur(10px);
      padding: 20px 12px;
      /* display: none; */
      width: 75%;
      transition: all 0.5s;
      transform: translateX(100%);
   }

   header .header_bottom .container .header_b_l .menu.active {
      transform: translateX(0%);
   }

}

header .header_bottom .container .header_b_l .menu>ul {
   display: flex;
   align-items: center;
   height: inherit;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .menu>ul {
      height: max-content;
      flex-direction: column;
      align-items: flex-start;
   }
}

header .header_bottom .container .header_b_l .menu>ul>li {
   position: relative;
   height: inherit;
   display: flex;
   align-items: center;
   perspective: 500;
   -webkit-perspective: 500;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .menu>ul>li {
      width: 100%;
      flex-wrap: wrap;
   }
}

header .header_bottom .container .header_b_l .menu>ul>li:not(:last-child) {
   margin-right: 56px;
}

@media (max-width: 1399px) {
   header .header_bottom .container .header_b_l .menu>ul>li:not(:last-child) {
      margin-right: 20px;
   }
}

header .header_bottom .container .header_b_l .menu>ul>li>a {
   color: #222;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 26px;
   /* 162.5% */
   text-transform: uppercase;
   transition: all 0.5s;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .menu>ul>li>a {
      width: 80%;
      display: flex;
   }
}

header .header_bottom .container .header_b_l .menu>ul>li>a:hover {
   color: #275028;
   text-decoration: underline;
}

header .header_bottom .container .header_b_l .menu>ul>li>ul {
   position: absolute;
   bottom: 0;
   transform: translateY(100%) translateX(-50%) rotateX(-45deg);
   transform-origin: top center;
   left: 50%;
   background-color: #fff;
   border-radius: 0 0 8px 8px;
   padding: 10px;
   width: max-content;
   opacity: 0;
   transition: all 0.5s;
   pointer-events: none;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .menu>ul>li>ul {
      width: 100%;
      transform: unset;
      opacity: 1;
      transition: unset;
      pointer-events: initial;
      position: unset;
      display: none;
      background-color: transparent;
   }
}

header .header_bottom .container .header_b_l .menu>ul>li>ul>li:not(:last-child) {
   margin-bottom: 7px;
}

header .header_bottom .container .header_b_l .menu>ul>li>ul>li>a {
   color: #222;
   font-size: 16px;
   display: block;
   transition: all 0.5s;
}

header .header_bottom .container .header_b_l .menu>ul>li>ul>li>a:hover {
   transform: translateX(3px);
   color: #275028;
}

header .header_bottom .container .header_b_l .menu>ul>li .switch {
   display: none;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .menu>ul>li .switch {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width: 20%;
   }
}

header .header_bottom .container .header_b_l .menu>ul>li .switch>div {
   width: 20px;
   height: 20px;
   position: relative;
}

header .header_bottom .container .header_b_l .menu>ul>li .switch>div span {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 18px;
   height: 2px;
   background-color: #222;
   display: block;
   transition: all 0.5s;
}

header .header_bottom .container .header_b_l .menu>ul>li .switch>div span:last-child {
   transform: translate(-50%, -50%) rotate(90deg);
}

header .header_bottom .container .header_b_l .menu>ul>li .switchOn>div span:last-child {
   transform: translate(-50%, -50%) rotate(0deg);
}

header .header_bottom .container .header_b_l .menu>ul>li:hover>ul {
   transform: translateY(100%) translateX(-50%) rotateX(0deg);
   opacity: 1;
   pointer-events: initial;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_l .menu>ul>li:hover>ul {
      transform: unset;
   }
}

header .header_bottom .container .header_b_r {
   display: flex;
   align-items: center;
   height: inherit;
}

header .header_bottom .container .header_b_r .cart {
   margin-right: 40px;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_r .cart {
      margin-right: 20px;
   }
}

@media (max-width: 767px) {
   header .header_bottom .container .header_b_r .cart {
      margin-right: 10px;
   }
}

header .header_bottom .container .header_b_r .cart a {
   display: flex;
   align-items: center;
}

header .header_bottom .container .header_b_r .cart a .icon {
   margin-right: 10px;
}

@media (max-width: 767px) {
   header .header_bottom .container .header_b_r .cart a .icon {
      margin-right: 5px;
   }
}

header .header_bottom .container .header_b_r .cart a .icon i {
   color: #275028;
   font-size: 18px;
}

header .header_bottom .container .header_b_r .cart a p {
   color: #222;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 24px;
   /* 171.429% */
}

header .header_bottom .container .header_b_r .header_search {
   /* width: 17.1875vw; */
   width: 13.1875vw;
   height: 40px;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_r .header_search {
      width: 200px;
   }
}

@media (max-width: 767px) {
   header .header_bottom .container .header_b_r .header_search {
      /* width: 120px; */
      width: 110px;
   }
}

header .header_bottom .container .header_b_r .header_search .formbox {
   width: 100%;
   height: inherit;
}

header .header_bottom .container .header_b_r .header_search .formbox form {
   border-radius: 40px;
   border: 1px solid #E6E6E6;
   background: #F4F4F4;
   height: inherit;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-right: 20px;
}

header .header_bottom .container .header_b_r .header_search .formbox form input {
   padding-left: 20px;
   color: #000;
   font-size: 16px;
   background-color: rgba(0, 0, 0, 0);
   width: 80%;
}

@media(max-width:767px) {
   header .header_bottom .container .header_b_r .header_search .formbox form input {
      padding-left: 15px;

   }
}

header .header_bottom .container .header_b_r .header_search .formbox form input::placeholder {
   color: #666;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 24px;
   /* 171.429% */
}

header .header_bottom .container .header_b_r .header_search .formbox form button .icon i {
   color: #275028;
   font-size: 16px;
}

header .header_bottom .container .header_b_r .mobilenavBTN {
   position: relative;
   z-index: 9999;
   display: none;
   margin-left: 10px;
}

@media (max-width: 1199px) {
   header .header_bottom .container .header_b_r .mobilenavBTN {
      display: block;
   }
}

header .header_bottom .container .header_b_r .mobilenavBTN .BTN {
   width: 30px;
   height: 30px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

header .header_bottom .container .header_b_r .mobilenavBTN .BTN span {
   display: block;
   width: 30px;
   height: 3px;
   margin-bottom: 5px;
   background-color: #000;
   transition: all 0.3s;
}

header .header_bottom .container .header_b_r .mobilenavBTN .BTN span:nth-last-of-type(1) {
   margin-bottom: unset;
}

header .header_bottom .container .header_b_r .mobilenavBTN .active span {
   margin-bottom: unset;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   transform-origin: center center;
   background-color: #222;
}

header .header_bottom .container .header_b_r .mobilenavBTN .active span:nth-child(1) {
   transform: rotate(45deg);
}

header .header_bottom .container .header_b_r .mobilenavBTN .active span:nth-child(3) {
   transform: rotate(-45deg);
}

header .header_bottom .container .header_b_r .mobilenavBTN .active span:nth-child(2) {
   display: none;
}

main .index_tit {
   margin-bottom: 16px;
}

main .index_tit p {
   color: #275028;
   font-family: "Roboto";
   /* font-size: 14px; */
   font-size: 13px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px;
   /* 171.429% */
   text-transform: uppercase;
}

main .index_subtit p {
   color: #222;
   font-family: "Roboto";
   /* font-size: 44px; */
   font-size: 40px;
   font-style: normal;
   font-weight: 900;
   line-height: 54px;
   /* 122.727% */
   text-transform: uppercase;
}

@media (max-width: 1199px) {
   main .index_subtit p {
      font-size: 32px;
      line-height: 1.4;
   }
}

@media (max-width: 991px) {
   main .index_subtit p {
      font-size: 28px;
   }
}

@media (max-width: 767px) {
   main .index_subtit p {
      font-size: 24px;
   }
}

main .index_Category {
   padding: 120px 0 30px;
}

@media (max-width: 1199px) {
   main .index_Category {
      padding: 50px 0 30px;
   }
}

@media (max-width: 991px) {
   main .index_Category {
      padding: 45px 0 30px;
   }
}

@media (max-width: 767px) {
   main .index_Category {
      padding: 40px 0 30px;
   }
}

main .index_Category .index_tit p {
   text-align: center;
}

main .index_Category .index_subtit {
   width: 1170px;
   margin: 0 auto 48px;
   max-width: 100%;
}

@media (max-width: 1199px) {
   main .index_Category .index_subtit {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   main .index_Category .index_subtit {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   main .index_Category .index_subtit {
      margin-bottom: 20px;
   }
}

main .index_Category .index_subtit p {
   text-align: center;
}

main .index_Category .swiper_index_Category_box {
   position: relative;
}

main .index_Category .swiper_index_Category_box .swiper-button-prev,
main .index_Category .swiper_index_Category_box .swiper-button-next {
   position: absolute;
   top: 40%;
   width: 56px;
   height: 56px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #e6f3ec;
   border-radius: 50%;
   transition: all 0.5s;
}

main .index_Category .swiper_index_Category_box .swiper-button-prev::after,
main .index_Category .swiper_index_Category_box .swiper-button-next::after {
   content: '';
   color: #275028;
   font-size: 14px;
   transition: all 0.5s;
   font-family: iconfont;
}

main .index_Category .swiper_index_Category_box .swiper-button-prev:hover,
main .index_Category .swiper_index_Category_box .swiper-button-next:hover {
   background-color: #275028;
}

main .index_Category .swiper_index_Category_box .swiper-button-prev:hover::after,
main .index_Category .swiper_index_Category_box .swiper-button-next:hover::after {
   color: #fff;
}

main .index_Category .swiper_index_Category_box .swiper-button-prev {
   left: -120px;
}

@media (max-width: 1680px) {
   main .index_Category .swiper_index_Category_box .swiper-button-prev {
      left: 0;
   }
}

main .index_Category .swiper_index_Category_box .swiper-button-prev::after {
   content: "\e648";
}

main .index_Category .swiper_index_Category_box .swiper-button-next {
   right: -120px;
}

@media (max-width: 1680px) {
   main .index_Category .swiper_index_Category_box .swiper-button-next {
      right: 0;
   }
}

main .index_Category .swiper_index_Category_box .swiper-button-next::after {
   content: "\ea08";
}
main .index_Category .swiper_index_Category .row{
   margin: -10px -15px;
}
main .index_Category .swiper_index_Category .swiper-slide {
   padding: 10px 15px;
   /* border: 1px solid red; */
   padding-bottom: 10px;
}

main .index_Category .swiper_index_Category .swiper-slide .item {
   position: relative;
   transition: all 0.5s;
}

main .index_Category .swiper_index_Category .swiper-slide .item .img-box {
   /* padding-bottom: 135.15151515%; */
   padding-bottom:66.66666667%;
   border-radius: 8px;
}

main .index_Category .swiper_index_Category .swiper-slide .item .CategoryName {
   /* position: absolute; */
   z-index: 30;
   bottom: 32px;
   width: 100%;
   /* left: 50%; */
   /* transform: translateX(-50%); */
   /* padding-left: 32px; */
   /* padding-right: 30px; */
   margin-top: 10px;
   text-align: center;
}

@media (max-width: 1399px) {
   main .index_Category .swiper_index_Category .swiper-slide .item .CategoryName {
      padding: 0 15px;
   }
}

main .index_Category .swiper_index_Category .swiper-slide .item .CategoryName p {
   color: #222;
   font-family: "Roboto";
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
   display: flex;
   /* 150% */
}

main .index_Category .swiper_index_Category .swiper-slide .item .CategoryName p::before {
   margin-right: 12px;
   transform: translateY(5px);
   content: '';
   display: block;
   width: 2px;
   height: 20px;
   flex-shrink: 0;
   border-radius: 24px;
   background: #275028;
}

main .index_Category .swiper_index_Category .swiper-pagination {
   position: unset;
   margin-top: 50px;
   border-radius: 40px;
   border: 1px solid #E6E6E6;
   background-color: rgba(0, 0, 0, 0);
   height: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 4px;
}

@media (max-width: 1199px) {
   main .index_Category .swiper_index_Category .swiper-pagination {
      margin-top: 40px;
   }
}

@media (max-width: 991px) {
   main .index_Category .swiper_index_Category .swiper-pagination {
      margin-top: 30px;
   }
}

@media (max-width: 767px) {
   main .index_Category .swiper_index_Category .swiper-pagination {
      margin-top: 20px;
   }
}

main .index_Category .swiper_index_Category .swiper-pagination .swiper-pagination-progressbar-fill {
   position: unset;
   background: #275028;
   border-radius: 10px;
   display: block;
   height: 4px;
}

main .index_about {
   padding: 120px 0;
   background-size: cover;
   background-repeat: no-repeat;
   background: #f3f3f3 !important;
}

@media (max-width: 1199px) {
   main .index_about {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   main .index_about {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   main .index_about {
      padding: 40px 0;
   }
}

main .index_about .index_about_l {
   padding-top: 14px;
}

@media (max-width: 1199px) {
   main .index_about .index_about_l {
      padding-top: unset;
   }
}

main .index_about .index_about_l .index_tit {
   margin-bottom: 16px;
}

main .index_about .index_about_l .index_subtit {
   margin-bottom: 40px;
   width: 740px;
}

@media (max-width: 1399px) {
   main .index_about .index_about_l .index_subtit {
      width: 100%;
   }
}

@media (max-width: 1199px) {
   main .index_about .index_about_l .index_subtit {
      margin-bottom: 30px;
   }
}

@media (max-width: 991px) {
   main .index_about .index_about_l .index_subtit {
      margin-bottom: 20px;
   }
}

@media (max-width: 767px) {
   main .index_about .index_about_l .index_subtit {
      margin-bottom: 15px;
   }
}

main .index_about .index_about_l .intro {
   margin-bottom: 72px;
   width: 660px;
   max-width: 100%;
}

@media (max-width: 1199px) {
   main .index_about .index_about_l .intro {
      width: 100%;
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   main .index_about .index_about_l .intro {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   main .index_about .index_about_l .intro {
      margin-bottom: 20px;
   }
}

main .index_about .index_about_l .intro p {
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
}

main .index_about .index_about_l .bottombox {
   display: flex;
   align-items: center;
}

main .index_about .index_about_l .bottombox .more {
   margin-right: 40px;
}

main .index_about .index_about_l .bottombox .more a {
   display: flex;
   padding: 11px 34px;
   border-radius: 50px;
   background: #275028;
}

main .index_about .index_about_l .bottombox .more a:hover {
   animation: 2s infinite swing;
}

main .index_about .index_about_l .bottombox .more a span {
   color: #FFF;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 26px;
   /* 162.5% */
}

main .index_about .index_about_l .bottombox .video {
   cursor: pointer;
   display: flex;
   align-items: center;
}

main .index_about .index_about_l .bottombox .video .icon {
   margin-right: 10px;
}

main .index_about .index_about_l .bottombox .video .icon i {
   color: #275028;
   font-size: 14px;
}

main .index_about .index_about_l .bottombox .video span {
   color: #275028;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 26px;
   /* 162.5% */
}

main .index_about .index_about_l .bottombox .video:hover .icon {
   animation: 2s infinite swing;
}

main .index_about .pic {
   display: flex;
   width: 100%;
   align-items: flex-end;
}

main .index_about .pic img {
   width: 100%;
   height: auto;
}



/* main .index_news {
   padding-bottom: 120px;
}
@media (max-width: 1199px) {
   main .index_news {
      padding-bottom: 50px;
   }
}
@media (max-width: 991px) {
   main .index_news {
      padding-bottom: 45px;
   }
}
@media (max-width: 767px) {
   main .index_news {
      padding-bottom: 40px;
   }
} */
main .index_news .index_tit p {
   text-align: center;
}

main .index_news .index_subtit {
   margin-bottom: 48px;
}

@media (max-width: 1199px) {
   main .index_news .index_subtit {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   main .index_news .index_subtit {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   main .index_news .index_subtit {
      margin-bottom: 20px;
   }
}

main .index_news .index_subtit p {
   text-align: center;
}

main .index_news .slick_index_news .slick-slide {
   padding: 0 15px;
}

main .index_news .slick_index_news .slick-list {
   margin: 0 -15px;
   padding-bottom: 20px;
}

main .index_news .slick_index_news .item {
   display: flex;
   justify-content: space-between;
   flex-direction: row-reverse;

   padding: 30px 0;
   /* border-bottom: 1px solid rgba(0, 0, 0, 0.5); */
}

@media (max-width: 767px) {
   main .index_news .slick_index_news .item {
      display: block;
      padding: 20px 0;
   }
}

main .index_news .slick_index_news {
   /* border-top: 1px solid rgba(0, 0, 0, 0.5); */

}

main .index_news .slick_index_news .item .pic {
   width: 26%;
}

@media (max-width: 991px) {
   main .index_news .slick_index_news .item .pic {
      width: 40%;
   }
}

@media (max-width: 767px) {
   main .index_news .slick_index_news .item .pic {
      width: 100%;
   }
}

main .index_news .slick_index_news .item .pic .img-box {
   border-radius: 20px;
   padding-bottom: 71.11111111%;
}

main .index_news .slick_index_news .item .infobox {
   /* padding: 24px; */
   position: relative;
   /* margin-top: -60px;
   width: 100%;
   padding: 24px 40px; */
   z-index: 30;
   filter: drop-shadow(0px 5px 10px rgba(34, 34, 34, 0.1));
   transition: all 0.5s;

   width: 60%;

   display: flex;
   justify-content: space-between;
}

@media (max-width: 991px) {
   main .index_news .slick_index_news .item .infobox {
      display: block;
      width: 55%;
   }
}

@media (max-width: 767px) {
   main .index_news .slick_index_news .item .infobox {
      width: 100%;
   }
}

.gjb1 {
   width: 60%;
}

@media (max-width: 991px) {
   .gjb1 {
      width: 100%;
   }
}

@media (max-width: 767px) {
   main .index_news .slick_index_news .item .infobox {
      padding: 10px;
   }
}

main .index_news .slick_index_news .item svg {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 30;
   opacity: 1;
   width: 100%;
   padding: 0 20px;

   display: none;
}

@media (max-width: 767px) {
   main .index_news .slick_index_news .item svg {
      padding: 0 0px;
   }
}

main .index_news .slick_index_news .item svg path {
   transition: all 0.5s;
}

main .index_news .slick_index_news .item .time {
   position: relative;
   z-index: 31;
   margin-bottom: 12px;
}

@media (max-width: 1399px) {
   main .index_news .slick_index_news .item .time {
      margin-bottom: 6px;
   }
}

main .index_news .slick_index_news .item .time p {
   color: #275028;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px;
   /* 171.429% */
   text-transform: uppercase;
   transition: all 0.5s;
}

main .index_news .slick_index_news .item .tit {
   margin-bottom: 24px;
   position: relative;
   z-index: 31;
   /* min-height: 60px; */
   transition: all 0.5s;
}

@media (max-width: 1399px) {
   main .index_news .slick_index_news .item .tit {
      margin-bottom: 12px;
   }
}

main .index_news .slick_index_news .item .tit a {
   color: #222;
   font-family: "Roboto";
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
   /* 150% */
   transition: all 0.5s;
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   line-clamp: 1;
   -webkit-box-orient: vertical;
}

@media (max-width: 1199px) {
   main .index_news .slick_index_news .item .tit a {
      font-size: 18px;
   }
}

@media (max-width: 991px) {
   main .index_news .slick_index_news .item .tit a {
      font-size: 16px;
   }
}

main .index_news .slick_index_news .item .txt {
   margin-bottom: 24px;

}

@media (max-width: 1399px) {
   main .index_news .slick_index_news .item .txt {
      margin-bottom: 12px;
   }
}

main .index_news .slick_index_news .item .txt p {
   color: #222;
   font-family: "Roboto";
   font-size: 16px;

   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   line-clamp: 4;
   -webkit-box-orient: vertical;
}

main .index_news .slick_index_news .item .more {
   position: relative;
   z-index: 31;
}

main .index_news .slick_index_news .item .more a {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   background-color: #F5F5F5;
   border-radius: 5px;
   padding: 10px 15px;
   min-width: 40%;
}

main .index_news .slick_index_news .item .more a span {
   color: #000;
   font-size: 16px;
   white-space: nowrap;
   margin-right: 40px;

}

@media(max-width: 1400px) {
   main .index_news .slick_index_news .item .more a span {
      font-size: 14px;
   }
}

@media(max-width: 991px) {
   main .index_news .slick_index_news .item .more a span {
      margin-right: 20px;
   }
}

main .index_news .slick_index_news .item .more a .icon i {
   color: #444444;
   font-size: 16px;
   transition: all 0.5s;
}


/* main .index_news .slick_index_news .item:hover .infobox {
   filter: drop-shadow(0px 5px 10px rgba(0, 135, 64, 0.25));
}
main .index_news .slick_index_news .item:hover .infobox svg path {
   fill: #275028;
}
main .index_news .slick_index_news .item:hover .infobox .time p {
   color: #fff;
}
main .index_news .slick_index_news .item:hover .infobox .tit a {
   color: #fff;
}
main .index_news .slick_index_news .item:hover .infobox .more a .icon i {
   color: #fff;
} */


main .index_news .slick_index_news .slick-dots {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 28px;
}

@media (max-width: 1199px) {
   main .index_news .slick_index_news .slick-dots {
      margin-top: 20px;
   }
}

@media (max-width: 991px) {
   main .index_news .slick_index_news .slick-dots {
      margin-top: 10px;
   }
}

main .index_news .slick_index_news .slick-dots li {
   margin: 0 8px;
   width: 10px;
   height: 10px;
   border-radius: 20px;
   transition: all 0.5s;
   background-color: rgba(0, 0, 0, 0);
   border: 1px solid #275028;
}

main .index_news .slick_index_news .slick-dots .slick-active {
   width: 32px;
   background-color: #275028;
}

main .pageBanner {
   margin-top: 120px;
   background-color: #f4f4f4;
   padding: 33px 0;
}

@media (max-width: 1199px) {
   main .pageBanner {
      margin-top: 60px;
   }
}

main .pageBanner .pageTit {
   margin-bottom: 8px;
}

main .pageBanner .pageTit p {
   color: #222;
   font-family: "Roboto";
   font-size: 30px;
   font-style: normal;
   font-weight: 700;
   line-height: 40px;
   /* 133.333% */
   text-transform: uppercase;
}

@media (max-width: 1199px) {
   main .pageBanner .pageTit p {
      font-size: 28px;
   }
}

@media (max-width: 991px) {
   main .pageBanner .pageTit p {
      font-size: 24px;
   }
}

@media (max-width: 767px) {
   main .pageBanner .pageTit p {
      font-size: 20px;
   }
}

main .pageBanner .crumb ul {
   display: flex;
   align-items: center;
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
}

main .pageBanner .crumb ul li a {
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
}

main .box_about {
   padding: 80px 0 100px;
}

@media (max-width: 1199px) {
   main .box_about {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   main .box_about {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   main .box_about {
      padding: 40px 0;
   }
}
/* 
main .box_about .about_CompanyIntroduction>div:not(:last-child) {
   margin-bottom: 64px;
}

@media (max-width: 1199px) {
   main .box_about .about_CompanyIntroduction>div:not(:last-child) {
      margin-bottom: 50px;
   }
}

@media (max-width: 991px) {
   main .box_about .about_CompanyIntroduction>div:not(:last-child) {
      margin-bottom: 40px;
   }
}

@media (max-width: 767px) {
   main .box_about .about_CompanyIntroduction>div:not(:last-child) {
      margin-bottom: 30px;
   }
} */

main .box_about .about_CompanyIntroduction .box_tit {
   margin-bottom: 16px;
}

main .box_about .about_CompanyIntroduction .box_tit p {
   color: #275028;
   font-family: "Roboto";
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
   /* 150% */
}

main .box_about .about_CompanyIntroduction .intro p {
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
   text-align: left;
}

@media (max-width: 1199px) {
   main .box_about .about_CompanyIntroduction .intro p {
      font-size: 14px;
      line-height: 1.5;
   }
}

@media (max-width: 1199px) {
   main .box_about .about_CompanyIntroduction .section1 {
      padding-top: 30px;
   }
}

main .box_about .about_CompanyIntroduction .section1 .videobox {
   width: 17.1875vw;
   margin-left: 48px;
   margin-bottom: 48px;
   float: right;
   position: relative;
   border-radius: 20px;
   overflow: hidden;
   cursor: pointer;
}

@media (max-width: 1199px) {
   main .box_about .about_CompanyIntroduction .section1 .videobox {
      width: 180px;
      margin-left: 15px;
      margin-bottom: 15px;
   }
}

@media (max-width: 767px) {
   main .box_about .about_CompanyIntroduction .section1 .videobox {
      float: unset;
      margin-left: unset;
      width: 100%;
   }
}

main .box_about .about_CompanyIntroduction .section1 .videobox .pic {
   width: 100%;
}

main .box_about .about_CompanyIntroduction .section1 .videobox .pic img {
   width: 100%;
   height: auto;
}

main .box_about .about_CompanyIntroduction .section1 .videobox .videobtn {
   position: absolute;
   right: 20px;
   bottom: 20px;
}

main .box_about .about_CompanyIntroduction .section1 .videobox .videobtn .icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

main .box_about .about_CompanyIntroduction .section1 .videobox .videobtn .icon::before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(5px);
   border: 1px solid rgba(255, 255, 255, 0.5);
}

main .box_about .about_CompanyIntroduction .section1 .videobox .videobtn .icon i {
   transform: translateX(1px);
   position: relative;
   z-index: 30;
   font-size: 12px;
   color: #fff;
}

main .box_about .about_CompanyIntroduction .section2 .videobox {
   width: 23.4375vw;
   margin-right: 48px;
   margin-bottom: 48px;
   float: left;
   position: relative;
   border-radius: 20px;
   overflow: hidden;
}

@media (max-width: 1199px) {
   main .box_about .about_CompanyIntroduction .section2 .videobox {
      width: 180px;
      margin-right: 15px;
      margin-bottom: 15px;
   }
}

@media (max-width: 767px) {
   main .box_about .about_CompanyIntroduction .section2 .videobox {
      width: 100%;
      margin-right: unset;
   }
}

@media (max-width: 1199px) {

   main .box_about .about_factory,
   main .box_about .about_certificate {
      padding-top: 20px;
   }
}

@media (max-width: 767px) {

   main .box_about .about_factory .row,
   main .box_about .about_certificate .row {
      margin: 0 -7px;
   }
}

main .box_about .about_factory .row>div,
main .box_about .about_certificate .row>div {
   margin-bottom: 30px;
}

@media (max-width: 767px) {

   main .box_about .about_factory .row>div,
   main .box_about .about_certificate .row>div {
      margin-bottom: 15px;
      padding: 0 7px;
   }
}

main .box_about .about_factory .item,
main .box_about .about_certificate .item {
   position: relative;
}

main .box_about .about_factory .item .pic,
main .box_about .about_certificate .item .pic {
   position: relative;
   cursor: pointer;
}

main .box_about .about_factory .item .pic::before,
main .box_about .about_certificate .item .pic::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: calc(100% + 2px);
   height: calc(100% + 2px);
   border: 2px solid #275028;
   background: lightgray 0px -13.75px / 100% 112.5% no-repeat;
   transition: all 0.5s;
   opacity: 0;
   border-radius: 8px;
}

main .box_about .about_factory .item .pic .img-box,
main .box_about .about_certificate .item .pic .img-box {
   border-radius: 8px;
   overflow: hidden;
   padding-bottom: 66.66666667%;
}

main .box_about .about_factory .item .CertificateName,
main .box_about .about_certificate .item .CertificateName {
   pointer-events: none;
   z-index: 30;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   min-width: 240px;
   max-width: 100%;
   padding: 11px;
   background: linear-gradient(90deg, rgba(0, 135, 64, 0) 0%, #275028 25%, #275028 50%, #275028 75%, rgba(0, 135, 64, 0) 100%);
   transition: all 0.5s;
   opacity: 0;
}

main .box_about .about_factory .item .CertificateName p,
main .box_about .about_certificate .item .CertificateName p {
   text-align: center;
   color: #FFF;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
}

main .box_about .about_factory .item .videomask,
main .box_about .about_certificate .item .videomask {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   background-color: rgba(0, 135, 64, 0.8);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 30;
   transition: all 0.5s;
   opacity: 0;
   pointer-events: none;
}

main .box_about .about_factory .item .videomask .videobtn,
main .box_about .about_certificate .item .videomask .videobtn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

main .box_about .about_factory .item .videomask .videobtn .icon,
main .box_about .about_certificate .item .videomask .videobtn .icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

main .box_about .about_factory .item .videomask .videobtn .icon::before,
main .box_about .about_certificate .item .videomask .videobtn .icon::before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(5px);
   border: 1px solid rgba(255, 255, 255, 0.5);
}

main .box_about .about_factory .item .videomask .videobtn .icon i,
main .box_about .about_certificate .item .videomask .videobtn .icon i {
   transform: translateX(1px);
   position: relative;
   z-index: 30;
   font-size: 12px;
   color: #fff;
}

main .box_about .about_factory .item .videomask .icon i,
main .box_about .about_certificate .item .videomask .icon i {
   color: #fff;
   font-size: 12px;
}

main .box_about .about_factory .item:hover .pic::before,
main .box_about .about_certificate .item:hover .pic::before {
   opacity: 1;
}

main .box_about .about_factory .item:hover .pic img,
main .box_about .about_certificate .item:hover .pic img {
   transform: scale(1.1);
}

main .box_about .about_factory .item:hover .CertificateName,
main .box_about .about_certificate .item:hover .CertificateName {
   opacity: 1;
}

main .box_about .about_factory .item:hover .videomask,
main .box_about .about_certificate .item:hover .videomask {
   opacity: 1;
}

main .box_about .about_factory .sorter,
main .box_about .about_certificate .sorter {
   padding-top: 18px;
}

main .sideBar .aboutNav,
main .sideBar .CategoryList {
   margin-bottom: 30px;
}

main .sideBar .aboutNav>ul>li:not(:last-child),
main .sideBar .CategoryList>ul>li:not(:last-child) {
   margin-bottom: 16px;
}

@media (max-width: 767px) {

   main .sideBar .aboutNav>ul>li:not(:last-child),
   main .sideBar .CategoryList>ul>li:not(:last-child) {
      margin-bottom: 8px;
   }
}

main .sideBar .aboutNav>ul>li>a,
main .sideBar .CategoryList>ul>li>span {
   padding: 15px 24px;
   position: relative;
   display: flex;
   border-radius: 8px;
   background: #F5F5F5;
   transition: all 0.5s;
   cursor: pointer;
   /* 162.5% */
}

main .sideBar .aboutNav>ul>li>a span,
main .sideBar .CategoryList>ul>li>span>a {
   color: #222;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   position: relative;
   z-index: 30;
   transition: all 0.5s;
}

main .sideBar .aboutNav>ul>li>a::before,
main .sideBar .CategoryList>ul>li>a::before {
   content: '';
   width: 4px;
   height: 40px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   border-radius: 4px;
   background: #275028;
   transition: all 0.5s;
}

main .sideBar .aboutNav>ul>li>a:hover,
main .sideBar .CategoryList>ul>li>a:hover {
   background-color: #275028;
}

main .sideBar .aboutNav>ul>li>a:hover span,
main .sideBar .CategoryList>ul>li>a:hover span {
   color: #fff;
}

main .sideBar .aboutNav>ul>li>ul,
main .sideBar .CategoryList>ul>li>ul {
   padding-left: 24px;
   padding-top: 16px;
   padding-bottom: 16px;
   padding-right: 24px;
   background-color: #f7fbf9;
   display: none;
}

main .sideBar .aboutNav>ul>li>ul>li:not(:last-child),
main .sideBar .CategoryList>ul>li>ul>li:not(:last-child) {
   margin-bottom: 8px;
}

main .sideBar .aboutNav>ul>li>ul>li>a,
main .sideBar .CategoryList>ul>li>ul>li>a {
   color: #222;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
   display: flex;
   align-items: center;
   transition: all 0.5s;
}

main .sideBar .aboutNav>ul>li>ul>li>a::before,
main .sideBar .CategoryList>ul>li>ul>li>a::before {
   content: '';
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background-color: #666666;
   margin-right: 8px;
}

main .sideBar .aboutNav>ul>li>ul>li>a:hover,
main .sideBar .CategoryList>ul>li>ul>li>a:hover {
   color: #275028;
   text-decoration: underline;
}

main .sideBar .aboutNav>ul>li>ul>li>a:hover::before,
main .sideBar .CategoryList>ul>li>ul>li>a:hover::before {
   background-color: #275028;
}

main .sideBar .aboutNav>ul .active>a,
main .sideBar .CategoryList>ul .active>span {
   background-color: #275028;
}

main .sideBar .aboutNav>ul .active>a span,
main .sideBar .CategoryList>ul .active>span>a {
   color: #fff;
}

main .sideBar .download a {
   display: flex;
   flex-direction: column;
}

main .sideBar .download a .download_t {
   background-color: #f4f4f4;
   padding: 20px 24px 32px;
   border-radius: 8px 8px 0 0;
}

main .sideBar .download a .download_t .tit {
   display: flex;
   align-items: center;
   margin-bottom: 8px;
}

main .sideBar .download a .download_t .tit .icon {
   margin-right: 12px;
}

main .sideBar .download a .download_t .tit .icon i {
   color: #CB0000;
   font-size: 20px;
}

main .sideBar .download a .download_t .tit p {
   color: #222;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 26px;
   /* 162.5% */
}

main .sideBar .download a .download_t .type {
   padding-left: 32px;
}

main .sideBar .download a .download_t .type p {
   color: #444;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
}

main .sideBar .download a .download_b {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 8px 10px;
   border-radius: 0 0 8px 8px;
   background-color: #e7e7e7;
}

main .sideBar .download a .download_b .icon {
   margin-right: 8px;
}

main .sideBar .download a .download_b .icon i {
   color: #444444;
   font-size: 16px;
}

main .sideBar .download a .download_b span {
   color: #444;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 24px;
   /* 171.429% */
}

main .sorter ul {
   display: flex;
   align-items: center;
   justify-content: center;
}

main .sorter ul li {
   margin: 0 8px;
}

@media (max-width: 767px) {
   main .sorter ul li {
      margin: 0 5px;
   }
}

main .sorter ul li a {
   width: 44px;
   height: 44px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #F5F5F5;
   color: #222;
   font-family: "Roboto";
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   transition: all 0.5s;
}

@media (max-width: 767px) {
   main .sorter ul li a {
      width: 30px;
      height: 30px;
   }
}

main .sorter ul li a .icon i {
   transition: all 0.5s;
   color: #222;
   font-size: 12px;
}

main .sorter ul li:hover a {
   background-color: #275028;
   color: #fff;
}

main .sorter ul li:hover a .icon i {
   color: #fff;
}

main .sorter ul .active a {
   background-color: #275028;
   color: #fff;
}

main .sorter ul .active a .icon i {
   color: #fff;
}

main .sorter ul .none a {
   background-color: rgba(0, 0, 0, 0) !important;
   pointer-events: none;
   color: #222 !important;
}

main .sorter ul .none a .icon i {
   color: #222;
}

main .pro_Category1 {
   padding: 80px 0 100px;
}

@media (max-width: 1199px) {
   main .pro_Category1 {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   main .pro_Category1 {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   main .pro_Category1 {
      padding: 40px 0;
   }
}

main .pro_Category1 .box_intro {
   margin-bottom: 48px;
}

@media (max-width: 1199px) {
   main .pro_Category1 .box_intro {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   main .pro_Category1 .box_intro {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   main .pro_Category1 .box_intro {
      margin-bottom: 20px;
   }
}

main .pro_Category1 .box_intro p {
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
}

@media (max-width: 767px) {
   main .pro_Category1 .box_intro p {
      font-size: 14px;
      line-height: 1.5;
   }
}

@media (max-width: 767px) {
   main .pro_Category1 .row {
      margin: 0 -7px;
   }
}

main .pro_Category1 .row>div {
   margin-bottom: 30px;
}

@media (max-width: 767px) {
   main .pro_Category1 .row>div {
      margin-bottom: 15px;
      padding: 0 7px;
   }
}

main .pro_Category1 .item .pic .img-box {
   padding-bottom: 66.66666667%;
   border-radius: 8px;
}

main .pro_Category1 .item .CategoryName {
   padding: 16px;
   border-radius: 8px;
   transition: all 0.5s;
   position: relative;
}

@media (max-width: 767px) {
   main .pro_Category1 .item .CategoryName {
      padding: 6px 8px;
   }
}

main .pro_Category1 .item .CategoryName::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 135, 64, 0) 0%, rgba(0, 135, 64, 0.2) 100%);
   transition: all 0.5s;
   opacity: 0;
   border-radius: 0 0 8px 8px;
}

main .pro_Category1 .item .CategoryName a {
   color: #222;
   text-align: center;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 26px;
   /* 162.5% */
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   line-clamp: 1;
   -webkit-box-orient: vertical;
   transition: all 0.5s;
}

@media (max-width: 767px) {
   main .pro_Category1 .item .CategoryName a {
      font-size: 14px;
   }
}

main .pro_Category1 .item:hover .pic img {
   transform: scale(1.1);
}

main .pro_Category1 .item:hover .CategoryName::before {
   opacity: 1;
}

main .pro_Category1 .item:hover .CategoryName a {
   color: #275028;
}

main .pro_Category1 .sorter {
   padding-top: 18px;
}

main .pro_Category2 {
   padding: 80px 0 100px;
}

@media (max-width: 1199px) {
   main .pro_Category2 {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   main .pro_Category2 {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   main .pro_Category2 {
      padding: 40px 0;
   }
}

main .pro_Category2 .box_intro {
   margin-bottom: 48px;
}

@media (max-width: 1199px) {
   main .pro_Category2 .box_intro {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   main .pro_Category2 .box_intro {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   main .pro_Category2 .box_intro {
      margin-bottom: 20px;
   }
}

main .pro_Category2 .box_intro p {
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
}

@media (max-width: 767px) {
   main .pro_Category2 .box_intro p {
      font-size: 14px;
      line-height: 1.5;
   }
}

@media (max-width: 767px) {
   main .pro_Category2 .row {
      margin: 0 -7px;
   }
}

main .pro_Category2 .row>div {
   margin-bottom: 30px;
}

@media (max-width: 767px) {
   main .pro_Category2 .row>div {
      padding: 0 7px;
      margin-bottom: 15px;
   }
}

main .pro_Category2 .item .pic {
   border-radius: 8px;
   overflow: hidden;
   position: relative;
}

main .pro_Category2 .item .pic .img-box {
   padding-bottom: 66.66666667%;
}

main .pro_Category2 .item .pic .mask {
   z-index: 30;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.5s;
   opacity: 0;
   background-color: rgba(39, 80, 40, 0.8);
}

main .pro_Category2 .item .pic .mask .icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #fff;
}

main .pro_Category2 .item .pic .mask .icon i {
   color: #275028;
   font-size: 14px;
}

main .pro_Category2 .item .CategoryName {
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: 12px;
}

main .pro_Category2 .item .CategoryName a {
   color: #222;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px;
   /* 171.429% */
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   line-clamp: 1;
   -webkit-box-orient: vertical;
}

main .pro_Category2 .item:hover .pic .mask {
   opacity: 1;
}

main .pro_Category2 .sorter {
   padding-top: 30px;
}

main .pro_ItemList {
   padding: 80px 0 100px;
}

@media (max-width: 1199px) {
   main .pro_ItemList {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   main .pro_ItemList {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   main .pro_ItemList {
      padding: 40px 0;
   }
}

main .pro_ItemList .box_intro {
   margin-bottom: 48px;
}

main .pro_ItemList .box_intro p {
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
}

@media (max-width: 767px) {
   main .pro_ItemList .row {
      margin: 0 -7px;
   }
}

main .pro_ItemList .row>div {
   margin-bottom: 30px;
}

@media (max-width: 767px) {
   main .pro_ItemList .row>div {
      margin-bottom: 15px;
      padding: 0 7px;
   }
}

main .pro_ItemList .sorter {
   padding-top: 18px;
}

main .pro_item {
   background-color: #f5f5f5;
   border-radius: 8px;
   overflow: hidden;
   transition: all 0.5s;
}

main .pro_item .item_bottom {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

main .pro_item .item_bottom .productName {
   width: 84.84848485%;
   height: 52px;
   color: #222;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px;
   display: flex;
   align-items: center;
}

main .pro_item .item_bottom .productName a {
   /* 171.429% */
   padding-left: 20px;
   transition: all 0.5s;
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   line-clamp: 1;
   -webkit-box-orient: vertical;
}

main .pro_item .item_bottom .addcart {
   position: relative;
   width: 52px;
   flex-shrink: 0;
   height: 52px;
   background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.5s;
   border-radius: 8px 0 0 0;
   cursor: pointer;
}

main .pro_item .item_bottom .addcart::before {
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   left: -20px;
   bottom: 0;
   background: #000;
   background: radial-gradient(circle at 0 0, transparent 20px, #fff 21px);
}

main .pro_item .item_bottom .addcart .icon i {
   color: #666666;
   font-size: 16px;
   transition: all 0.5s;
}

main .pro_item:hover {
   background-color: #275028;
}

main .pro_item:hover .pic img {
   transform: scale(1.1);
}

main .pro_item:hover .item_bottom .productName a {
   color: #fff;
}

main .pro_item:hover .item_bottom .addcart .icon i {
   color: #275028;
}

main .pro_detail {
   padding-top: 80px;
   padding-bottom: 100px;
}

@media (max-width: 1199px) {
   main .pro_detail {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   main .pro_detail {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   main .pro_detail {
      padding: 40px 0;
   }
}

main .pro_detail .pro_detail_show {
   display: flex;
   margin-bottom: 60px;
}

@media (max-width: 1199px) {
   main .pro_detail .pro_detail_show {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_show {
      margin-bottom: 30px;
      flex-wrap: wrap;
   }
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_show {
      margin-bottom: 20px;
   }
}

main .pro_detail .pro_detail_show .carousel-wrap {
   width: 42.85714286%;
   flex-shrink: 0;
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_show .carousel-wrap {
      width: 100%;
   }
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-topslick {
   border-radius: 8px;
   margin-bottom: 10px;
   overflow: hidden;
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-thumbslick .slick-slide {
   padding: 0 5px;
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-thumbslick .slick-slide .item {
   border-radius: 8px;
   overflow: hidden;
   position: relative;
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-thumbslick .slick-slide .item .mask {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 30;
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-thumbslick .slick-slide .item .videobtn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-thumbslick .slick-slide .item .videobtn .icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-thumbslick .slick-slide .item .videobtn .icon::before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(5px);
   border: 1px solid rgba(255, 255, 255, 0.5);
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-thumbslick .slick-slide .item .videobtn .icon i {
   transform: translateX(1px);
   position: relative;
   z-index: 30;
   font-size: 12px;
   color: #fff;
}

main .pro_detail .pro_detail_show .carousel-wrap .pro-details-thumbslick .slick-list {
   margin: 0 -5px;
}

main .pro_detail .pro_detail_show .show_info {
   padding-left: 48px;
   padding-top: 24px;
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_show .show_info {
      padding-left: unset;
   }
}

main .pro_detail .pro_detail_show .show_info .pro_Name {
   margin-bottom: 40px;
}

@media (max-width: 1199px) {
   main .pro_detail .pro_detail_show .show_info .pro_Name {
      margin-bottom: 30px;
   }
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_show .show_info .pro_Name {
      margin-bottom: 20px;
   }
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_show .show_info .pro_Name {
      margin-bottom: 15px;
   }
}

main .pro_detail .pro_detail_show .show_info .pro_Name p {
   color: #222;
   font-family: "Roboto";
   font-size: 30px;
   font-style: normal;
   font-weight: 700;
   line-height: 40px;
   /* 133.333% */
}

@media (max-width: 1199px) {
   main .pro_detail .pro_detail_show .show_info .pro_Name p {
      font-size: 28px;
   }
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_show .show_info .pro_Name p {
      font-size: 24px;
   }
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_show .show_info .pro_Name p {
      font-size: 20px;
   }
}

main .pro_detail .pro_detail_show .show_info .Specifications,
main .pro_detail .pro_detail_show .show_info .Share {
   margin-bottom: 40px;
}

@media (max-width: 1199px) {

   main .pro_detail .pro_detail_show .show_info .Specifications,
   main .pro_detail .pro_detail_show .show_info .Share {
      margin-bottom: 30px;
   }
}

@media (max-width: 991px) {

   main .pro_detail .pro_detail_show .show_info .Specifications,
   main .pro_detail .pro_detail_show .show_info .Share {
      margin-bottom: 20px;
   }
}

@media (max-width: 767px) {

   main .pro_detail .pro_detail_show .show_info .Specifications,
   main .pro_detail .pro_detail_show .show_info .Share {
      margin-bottom: 15px;
   }
}

main .pro_detail .pro_detail_show .show_info .Specifications .tit,
main .pro_detail .pro_detail_show .show_info .Share .tit {
   padding-bottom: 8px;
   position: relative;
   margin-bottom: 8px;
}

main .pro_detail .pro_detail_show .show_info .Specifications .tit::before,
main .pro_detail .pro_detail_show .show_info .Share .tit::before {
   position: absolute;
   bottom: 0;
   left: 0;
   content: '';
   width: 20px;
   height: 2px;
   border-radius: 20px;
   background: #275028;
}

main .pro_detail .pro_detail_show .show_info .Specifications .tit p,
main .pro_detail .pro_detail_show .show_info .Share .tit p {
   color: #222;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 26px;
   /* 162.5% */
}

main .pro_detail .pro_detail_show .show_info .Specifications .intro p,
main .pro_detail .pro_detail_show .show_info .Share .intro p {
   color: #444;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
}

main .pro_detail .pro_detail_show .show_info .bottombox {
   display: flex;
   align-items: center;
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_show .show_info .bottombox {
      flex-direction: column;
   }
}

main .pro_detail .pro_detail_show .show_info .bottombox .addcart {
   margin-right: 16px;
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_show .show_info .bottombox .addcart {
      margin-right: unset;
      margin-bottom: 10px;
   }
}

main .pro_detail .pro_detail_show .show_info .bottombox>div {
   display: flex;
   align-items: center;
   padding: 11px 25px;
   border-radius: 50px;
   background: #E6F3EC;
   cursor: pointer;
   transition: all 0.5s;
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_show .show_info .bottombox>div {
      width: 100%;
      justify-content: center;
   }
}

main .pro_detail .pro_detail_show .show_info .bottombox>div .icon {
   margin-right: 12px;
}

main .pro_detail .pro_detail_show .show_info .bottombox>div .icon i {
   transition: all 0.5s;
   color: #275028;
   font-size: 16px;
}

main .pro_detail .pro_detail_show .show_info .bottombox>div span {
   transition: all 0.5s;
   color: #275028;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 26px;
   /* 162.5% */
}

main .pro_detail .pro_detail_show .show_info .bottombox>div:hover {
   background-color: #275028;
}

main .pro_detail .pro_detail_show .show_info .bottombox>div:hover .icon i {
   color: #fff;
}

main .pro_detail .pro_detail_show .show_info .bottombox>div:hover span {
   color: #fff;
}

main .pro_detail .pro_detail_box_tit {
   margin-bottom: 20px;
}

@media (max-width: 1199px) {
   main .pro_detail .pro_detail_box_tit {
      margin-bottom: 15px;
   }
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_box_tit {
      margin-bottom: 10px;
   }
}

main .pro_detail .pro_detail_box_tit p {
   color: #222;
   font-family: "Roboto";
   font-size: 30px;
   font-style: normal;
   font-weight: 700;
   line-height: 40px;
   /* 133.333% */
}

@media (max-width: 1199px) {
   main .pro_detail .pro_detail_box_tit p {
      font-size: 28px;
   }
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_box_tit p {
      font-size: 24px;
   }
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_box_tit p {
      font-size: 20px;
   }
}

main .pro_detail .pro_detail_cus {
   margin-bottom: 60px;
}

@media (max-width: 1199px) {
   main .pro_detail .pro_detail_cus {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_cus {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_cus {
      margin-bottom: 20px;
   }
}

main .pro_detail .pro_detail_cus .cusdetail {
   border-radius: 20px;
   /* background: #F5F5F5; */
   padding: 20px;
}

main .pro_detail .pro_detail_cus .cusdetail .table-box {
   width: 100%;
   overflow-x: auto;
}

main .pro_detail .pro_detail_cus .cusdetail .table-box table {
   width: max-content;
}

main .pro_detail .pro_detail_cus .cusdetail .table-box table tr td,
main .pro_detail .pro_detail_cus .cusdetail .table-box table tr th {
   border: 1px solid #222;
   padding: 8px;
   color: #222;
   font-size: 16px;
}

main .pro_detail .pro_detail_cus .cusdetail p {
   color: #222;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   /* font-weight: 700; */
   line-height: 1.4;
}

main .pro_detail .pro_detail_cus .cusdetail img {
   width: max-content;
   max-width: 100%;
}

main .pro_detail .pro_detail_msg {
   margin-bottom: 60px;
}

@media (max-width: 1199px) {
   main .pro_detail .pro_detail_msg {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   main .pro_detail .pro_detail_msg {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_msg {
      margin-bottom: 20px;
   }
}

main .pro_detail .pro_detail_msg .formbox form {
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

main .pro_detail .pro_detail_msg .formbox form .inputGroup {
   width: 49.5%;
   height: 50px;
   margin-bottom: 10px;
   position: relative;
}

@media (max-width: 767px) {
   main .pro_detail .pro_detail_msg .formbox form .inputGroup {
      width: 100%;
      height: 45px;
   }
}

main .pro_detail .pro_detail_msg .formbox form .inputGroup textarea,
main .pro_detail .pro_detail_msg .formbox form .inputGroup input {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0);
   padding-left: 20px;
   border-radius: 8px;
   border: 1px solid #CCC;
   background: #FFF;
   transition: all 0.5s;
}

main .pro_detail .pro_detail_msg .formbox form .inputGroup textarea:valid,
main .pro_detail .pro_detail_msg .formbox form .inputGroup input:valid,
main .pro_detail .pro_detail_msg .formbox form .inputGroup textarea:focus,
main .pro_detail .pro_detail_msg .formbox form .inputGroup input:focus {
   border-color: #275028;
}

main .pro_detail .pro_detail_msg .formbox form .inputGroup textarea:valid~label,
main .pro_detail .pro_detail_msg .formbox form .inputGroup input:valid~label,
main .pro_detail .pro_detail_msg .formbox form .inputGroup textarea:focus~label,
main .pro_detail .pro_detail_msg .formbox form .inputGroup input:focus~label {
   background-color: #fff;
   top: 0;
}

main .pro_detail .pro_detail_msg .formbox form .inputGroup label {
   transition: all 0.5s;
   pointer-events: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 20px;
   color: #666;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 1;
   /* 171.429% */
}

main .pro_detail .pro_detail_msg .formbox form .productName {
   width: 100%;
   height: 48px;
   margin-bottom: 10px;
}

main .pro_detail .pro_detail_msg .formbox form .productName input {
   width: 100%;
   height: inherit;
   border-radius: 8px;
   background: #275028;
   padding-left: 20px;
   color: #FFF;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px;
   /* 171.429% */
}

main .pro_detail .pro_detail_msg .formbox form .content {
   width: 100%;
   height: 120px;
   margin-bottom: 24px;
}

main .pro_detail .pro_detail_msg .formbox form .content textarea {
   padding-top: 20px;
}

main .pro_detail .pro_detail_msg .formbox form .content label {
   top: 25px;
}

main .pro_detail .pro_detail_msg .formbox form button {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 11px 35px;
   border-radius: 48px;
   background: #275028;
}

main .pro_detail .pro_detail_msg .formbox form button .icon {
   margin-right: 12px;
}

main .pro_detail .pro_detail_msg .formbox form button .icon i {
   color: #fff;
   font-size: 14px;
}

main .pro_detail .pro_detail_msg .formbox form button span {
   color: #FFF;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 26px;
   /* 162.5% */
}

main .pro_detail .pro_detail_related .slick_related .slick-slide {
   padding: 0 15px;
}

main .pro_detail .pro_detail_related .slick_related .slick-list {
   margin: 0 -15px;
}

main .news_list {
   padding: 80px 0 100px;
}

@media (max-width: 1199px) {
   main .news_list {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   main .news_list {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   main .news_list {
      padding: 40px 0;
   }
}

main .news_list>ul>li {
   transition: all 0.5s;
}

main .news_list>ul>li .news_list_item {
   padding: 30px;
   border-top: 1px solid #CCCCCC;
   display: flex;
   transition: all 0.5s;
}

@media (max-width: 1199px) {
   main .news_list>ul>li .news_list_item {
      padding: 25px;
   }
}

@media (max-width: 991px) {
   main .news_list>ul>li .news_list_item {
      padding: 20px;
      flex-wrap: wrap;
   }
}

@media (max-width: 767px) {
   main .news_list>ul>li .news_list_item {
      padding: 12px 0;
   }
}

main .news_list>ul>li .news_list_item .pic {
   width: 420px;
   flex-shrink: 0;
}

@media (max-width: 991px) {
   main .news_list>ul>li .news_list_item .pic {
      width: 100%;
   }
}

main .news_list>ul>li .news_list_item .pic .img-box {
   padding-bottom: 66.66666667%;
   border-radius: 8px;
}

main .news_list>ul>li .news_list_item .infobox {
   padding-left: 30px;
   padding-top: 16px;
}

@media (max-width: 991px) {
   main .news_list>ul>li .news_list_item .infobox {
      width: 100%;
      padding-left: unset;
   }
}

main .news_list>ul>li .news_list_item .infobox .tit {
   margin-bottom: 12px;
}

main .news_list>ul>li .news_list_item .infobox .tit a {
   transition: all 0.5s;
   color: #222;
   font-family: "Roboto";
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
   /* 150% */
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
   main .news_list>ul>li .news_list_item .infobox .tit a {
      font-size: 16px;
      line-height: 1.5;
   }
}

main .news_list>ul>li .news_list_item .infobox .time {
   margin-bottom: 12px;
   display: flex;
   align-items: center;
}

main .news_list>ul>li .news_list_item .infobox .time .icon {
   margin-right: 5px;
}

main .news_list>ul>li .news_list_item .infobox .time .icon i {
   transition: all 0.5s;
   color: #666;
   font-size: 14px;
}

main .news_list>ul>li .news_list_item .infobox .time span {
   color: #666;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
   transition: all 0.5s;
}

main .news_list>ul>li .news_list_item .infobox .intro {
   margin-bottom: 36px;
}

@media (max-width: 767px) {
   main .news_list>ul>li .news_list_item .infobox .intro {
      margin-bottom: 10px;
   }
}

main .news_list>ul>li .news_list_item .infobox .intro p {
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   line-clamp: 3;
   -webkit-box-orient: vertical;
   transition: all 0.5s;
}

@media (max-width: 767px) {
   main .news_list>ul>li .news_list_item .infobox .intro p {
      font-size: 14px;
      line-height: 1.5;
   }
}

main .news_list>ul>li .news_list_item .infobox .more a {
   display: flex;
   align-items: center;
}

main .news_list>ul>li .news_list_item .infobox .more a span {
   color: #666;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 26px;
   /* 162.5% */
   transition: all 0.5s;
}

main .news_list>ul>li .news_list_item .infobox .more a .icon {
   margin-left: 10px;
}

main .news_list>ul>li .news_list_item .infobox .more a .icon i {
   transition: all 0.5s;
   color: #555;
   font-size: 16px;
}

main .news_list>ul>li:hover {
   background-color: #275028;
}

main .news_list>ul>li:hover .news_list_item .pic img {
   transform: scale(1.1);
}

main .news_list>ul>li:hover .news_list_item .infobox .tit a {
   color: #fff;
}

main .news_list>ul>li:hover .news_list_item .infobox .time .icon i {
   color: #fff;
}

main .news_list>ul>li:hover .news_list_item .infobox .time span {
   color: #fff;
}

main .news_list>ul>li:hover .news_list_item .infobox .intro p {
   color: #fff;
}

main .news_list>ul>li:hover .news_list_item .infobox .more a .icon i {
   color: #fff;
}

main .news_list>ul>li:hover .news_list_item .infobox .more a span {
   color: #fff;
}

main .news_list>ul>li:last-child .news_list_item {
   border-bottom: 1px solid #CCCCCC;
}

main .news_list .sorter {
   padding-top: 48px;
}

main .box_contact {
   padding: 80px 0 100px;
}

@media (max-width: 1199px) {
   main .box_contact {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   main .box_contact {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   main .box_contact {
      padding: 40px 0;
   }
}

main .box_contact .container .box_contact_main {
   display: flex;
   border-radius: 8px;
   background: #FFF;
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
   main .box_contact .container .box_contact_main {
      flex-wrap: wrap;
   }
}

main .box_contact .container .box_contact_l {
   width: 480px;
   padding: 40px 32px 38px;
   border-radius: 8px;
   background: #275028;
   flex-shrink: 0;
}

@media (max-width: 991px) {
   main .box_contact .container .box_contact_l {
      width: 100%;
   }
}

@media (max-width: 767px) {
   main .box_contact .container .box_contact_l {
      padding: 20px 12px;
   }
}

main .box_contact .container .box_contact_l .companyName {
   margin-bottom: 32px;
}

@media (max-width: 991px) {
   main .box_contact .container .box_contact_l .companyName {
      margin-bottom: 20px;
   }
}

@media (max-width: 767px) {
   main .box_contact .container .box_contact_l .companyName {
      margin-bottom: 15px;
   }
}

main .box_contact .container .box_contact_l .companyName p {
   color: #FFF;
   font-family: "Roboto";
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 34px;
   /* 141.667% */
}

@media (max-width: 767px) {
   main .box_contact .container .box_contact_l .companyName p {
      font-size: 20px;
   }
}

main .box_contact .container .box_contact_l .infoList ul li:not(:last-child) {
   margin-bottom: 24px;
}

@media (max-width: 767px) {
   main .box_contact .container .box_contact_l .infoList ul li:not(:last-child) {
      margin-bottom: 10px;
   }
}

main .box_contact .container .box_contact_l .infoList ul li .item .tit {
   margin-bottom: 8px;
}

main .box_contact .container .box_contact_l .infoList ul li .item .tit p {
   color: #FFF;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 26px;
   /* 162.5% */
}

main .box_contact .container .box_contact_l .infoList ul li .item .intro p,
main .box_contact .container .box_contact_l .infoList ul li .item .intro a {
   color: #FFF;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
   transition: all 0.5s;
}

main .box_contact .container .box_contact_l .infoList ul li .item .intro a:hover {
   text-decoration: underline;
}

main .box_contact .container .box_contact_r {
   padding: 40px 34px 40px 40px;
   background: url(../images/box_contact_bg.png) no-repeat bottom right;
}

@media (max-width: 767px) {
   main .box_contact .container .box_contact_r {
      padding: 20px 12px;
   }
}

main .box_contact .container .box_contact_r .box_tit {
   margin-bottom: 8px;
}

main .box_contact .container .box_contact_r .box_tit p {
   color: #222;
   font-family: "Roboto";
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 34px;
   /* 141.667% */
}

@media (max-width: 767px) {
   main .box_contact .container .box_contact_r .box_tit p {
      font-size: 20px;
   }
}

main .box_contact .container .box_contact_r .box_intro {
   margin-bottom: 32px;
}

@media (max-width: 991px) {
   main .box_contact .container .box_contact_r .box_intro {
      margin-bottom: 20px;
   }
}

@media (max-width: 767px) {
   main .box_contact .container .box_contact_r .box_intro {
      margin-bottom: 15px;
   }
}

main .box_contact .container .box_contact_r .box_intro p {
   color: #444;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 26px;
   /* 162.5% */
}

main .box_contact .container .box_contact_r .formbox form {
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

main .box_contact .container .box_contact_r .formbox form .inputGroup {
   width: 49.5%;
   height: 48px;
   background-color: #fff;
   margin-bottom: 10px;
   position: relative;
}

@media (max-width: 767px) {
   main .box_contact .container .box_contact_r .formbox form .inputGroup {
      width: 100%;
   }
}

main .box_contact .container .box_contact_r .formbox form .inputGroup textarea,
main .box_contact .container .box_contact_r .formbox form .inputGroup input {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0);
   padding-left: 20px;
   border-radius: 8px;
   border: 1px solid #CCC;
   background: #FFF;
   transition: all 0.5s;
}

main .box_contact .container .box_contact_r .formbox form .inputGroup textarea:valid,
main .box_contact .container .box_contact_r .formbox form .inputGroup input:valid,
main .box_contact .container .box_contact_r .formbox form .inputGroup textarea:focus,
main .box_contact .container .box_contact_r .formbox form .inputGroup input:focus {
   border-color: #275028;
}

main .box_contact .container .box_contact_r .formbox form .inputGroup textarea:valid~label,
main .box_contact .container .box_contact_r .formbox form .inputGroup input:valid~label,
main .box_contact .container .box_contact_r .formbox form .inputGroup textarea:focus~label,
main .box_contact .container .box_contact_r .formbox form .inputGroup input:focus~label {
   top: 0;
   background-color: #fff;
}

main .box_contact .container .box_contact_r .formbox form .inputGroup label {
   transition: all 0.5s;
   pointer-events: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 20px;
   color: #666;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 1;
   /* 171.429% */
}

main .box_contact .container .box_contact_r .formbox form .content {
   width: 100%;
   height: 186px;
   margin-bottom: 24px;
}

main .box_contact .container .box_contact_r .formbox form .content textarea {
   padding-top: 20px;
}

main .box_contact .container .box_contact_r .formbox form .content label {
   top: 25px;
}

main .box_contact .container .box_contact_r .formbox form button {
   display: flex;
   align-items: center;
   padding: 11px 35px;
   border-radius: 48px;
   background: #275028;
}

main .box_contact .container .box_contact_r .formbox form button .icon {
   margin-right: 12px;
}

main .box_contact .container .box_contact_r .formbox form button .icon i {
   color: #fff;
   font-size: 14px;
}

main .box_contact .container .box_contact_r .formbox form button span {
   color: #FFF;
   font-family: "Roboto";
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 26px;
   /* 162.5% */
}

@media (max-width: 1199px) {
   footer {
      padding-bottom: 60px;
   }
}

footer .footer {
   border-radius: 20px 20px 0px 0px;
   background: #275028;
   padding-top: 80px;
   padding-bottom: 108px;
}

@media (max-width: 1199px) {
   footer .footer {
      padding: 50px 0;
   }
}

@media (max-width: 991px) {
   footer .footer {
      padding: 45px 0;
   }
}

@media (max-width: 767px) {
   footer .footer {
      padding: 40px 0;
   }
}

footer .footer .container {
   display: flex;
   justify-content: space-between;
}

@media (max-width: 1199px) {
   footer .footer .container {
      flex-direction: column;
   }
}

footer .footer .subscribe {
   width: 450px;
}

@media (max-width: 1199px) {
   footer .footer .subscribe {
      width: 100%;
      margin-bottom: 10px;
   }
}

footer .footer .subscribe .tit {
   margin-bottom: 48px;
}

@media (max-width: 1199px) {
   footer .footer .subscribe .tit {
      margin-bottom: 40px;
   }
}

@media (max-width: 991px) {
   footer .footer .subscribe .tit {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   footer .footer .subscribe .tit {
      margin-bottom: 20px;
   }
}

footer .footer .subscribe .tit p {
   color: #FFF;
   font-family: "Roboto";
   font-size: 44px;
   font-style: normal;
   font-weight: 700;
   line-height: 54px;
   /* 122.727% */
}

@media (max-width: 1199px) {
   footer .footer .subscribe .tit p {
      font-size: 32px;
      line-height: 1.5;
   }
}

@media (max-width: 991px) {
   footer .footer .subscribe .tit p {
      font-size: 28px;
   }
}

@media (max-width: 767px) {
   footer .footer .subscribe .tit p {
      font-size: 24px;
   }
}

footer .footer .subscribe .formbox {
   margin-bottom: 32px;
}

footer .footer .subscribe .formbox form {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 12px;
   border-bottom: 1px solid #fff;
}

footer .footer .subscribe .formbox form input {
   background-color: rgba(0, 0, 0, 0);
   color: #fff;
   font-size: 16px;
}

footer .footer .subscribe .formbox form input::placeholder {
   color: #99ADA3;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
}

footer .footer .subscribe .formbox form button {
   background-color: rgba(0, 0, 0, 0);
   color: #FFF;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px;
   /* 171.429% */
}

footer .footer .subscribe .media ul {
   display: flex;
   align-items: center;
}

footer .footer .subscribe .media ul li:not(:last-child) {
   margin-right: 24px;
}

footer .footer .subscribe .media ul li a .icon i {
   color: #fff;
   font-size: 16px;
}

footer .footer .footer_tit {
   margin-bottom: 32px;
}

@media (max-width: 1199px) {
   footer .footer .footer_tit {
      margin-bottom: 20px;
   }
}

@media (max-width: 991px) {
   footer .footer .footer_tit {
      margin-bottom: 10px;
   }
}

footer .footer .footer_tit p {
   color: #FFF;
   font-family: "Roboto";
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
   /* 150% */
   text-transform: uppercase;
}

@media (max-width: 1199px) {
   footer .footer .footer_tit p {
      font-size: 18px;
   }
}

@media (max-width: 1199px) {
   footer .footer .Products {
      width: 100%;
      margin-bottom: 10px;
   }
}

footer .footer .Products ul li:not(:last-child) {
   margin-bottom: 12px;
}

@media (max-width: 1199px) {
   footer .footer .Products ul li:not(:last-child) {
      margin-bottom: 8px;
   }
}

footer .footer .Products ul li a {
   color: #CCD6D1;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
   transition: all 0.5s;
}

footer .footer .Products ul li a:hover {
   color: #fff;
   text-decoration: underline;
}

footer .footer .contactInfo {
   width: 450px;
}

@media (max-width: 1199px) {
   footer .footer .contactInfo {
      width: 100%;
      margin-bottom: 10px;
   }
}

footer .footer .contactInfo ul li:not(:last-child) {
   margin-bottom: 12px;
}

@media (max-width: 1199px) {
   footer .footer .contactInfo ul li:not(:last-child) {
      margin-bottom: 8px;
   }
}

footer .footer .contactInfo ul li p,
footer .footer .contactInfo ul li a {
   color: #CCD6D1;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
   transition: all 0.5s;
}

footer .footer .contactInfo ul li a:hover {
   color: #fff;
   text-decoration: underline;
}

footer .copyright {
   background-color: #275028;
   padding: 13px 0;
}

footer .copyright .container {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

@media (max-width: 1199px) {
   footer .copyright .container {
      flex-direction: column;
   }
}

footer .copyright .container .copyRight_l p,
footer .copyright .container .copyRight_l a {
   color: #FFF;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
}

footer .copyright .container .copyRight_r ul {
   display: flex;
   align-items: center;
}

footer .copyright .container .copyRight_r ul li:not(:last-child) {
   padding-right: 12px;
   position: relative;
}

footer .copyright .container .copyRight_r ul li:not(:last-child)::before {
   content: '';
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
   width: 1px;
   height: 12px;
   background-color: #fff;
}

footer .copyright .container .copyRight_r ul li:not(:first-child) {
   padding-left: 12px;
}

footer .copyright .container .copyRight_r ul li a {
   color: #FFF;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
}

.box-PrivacyPolicy {
   padding: 50px 0;
}

.box-PrivacyPolicy .box-PrivacyPolicy-tit {
   margin-bottom: 20px;
}

.box-PrivacyPolicy .box-PrivacyPolicy-tit p {
   font-size: 48px;
   font-weight: bold;
   text-align: center;
   color: #000;
}

.box-PrivacyPolicy .main p,
.box-PrivacyPolicy .main li {
   color: #000;
   font-size: 16px;
}

.box-PrivacyPolicy .main ul,
.box-PrivacyPolicy .main li,
.box-PrivacyPolicy .main ol {
   list-style: initial;
}

.box-PrivacyPolicy .main li {
   margin-left: 1em;
}

.CategoryList>ul>li>ul>li.act a {
   color: #275028 !important;
   text-decoration: underline;
}

/* main .index_Category .swiper_index_Category .swiper-slide .item .img-box {

   overflow: visible;
}
main .index_Category .swiper_index_Category .swiper-slide .item .img-box::before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background: url(../images/product-mask.png) no-repeat center;
   background-size: 100% 100%;
   z-index: 2;
   position: absolute;
   left: 0;
   top: 0;
   border-radius: 15px;
}

main .index_Category .swiper_index_Category .swiper-slide:hover .item .img-box img {
   filter: drop-shadow(8px 8px 0px #275028);
   border-radius: 15px;
   overflow: hidden;
} */


main .box_about .about_CompanyIntroduction .section1 .videobox[data-src=""] .videobtn {
   display: none;
}


main .box_about .about_CompanyIntroduction .section1 .videobox[data-src=""] {
   pointer-events: none;
}


.box_about .download {
   display: none;
}


.gjlangua {}

.gjlangua {
   margin-right: 40px;
}

@media (max-width: 1199px) {
   .gjlangua {
      margin-right: 20px;
   }
}

@media (max-width: 767px) {
   .gjlangua {
      margin-right: 10px;
   }
}

.gjlangua a {
   display: flex;
   align-items: center;
}

.gjlangua a .icon {
   margin-right: 10px;
}

.gjlangua a .icon i {
   color: #275028;
   font-size: 18px;
}

.gjlangua a span {
   color: #222;
   font-family: "Roboto";
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 24px;
   /* 171.429% */
}



.gjsection2{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-top: 40px;
}
.gjsection2:first-child{
   margin-top: 0;
}

.gjsection2 {

}
.gjsection2 .gjright{
   width: 60%;
}
.gjsection2 .videobox {
   width: 35%;
   border-radius: 20px;
   overflow: hidden;
}
.gjsection2 .videobox .img-box{
   padding-bottom: calc(300 / 450 * 100%);
}
.gjsection2 .videobox img{
   width: 100%;
   height: auto;
}
@media (max-width: 1199px) {
   .gjsection2 .videobox {
      /* width: 180px; */
   }
}
@media (max-width: 991px) { 
   .gjsection2{
      flex-wrap: wrap;
   }

}
@media (max-width: 991px) { 

   .gjsection2 .gjright{
      width: 100%;
      margin-top: 20px;
   }
}
@media (max-width: 991px) {
   .gjsection2 .videobox {
      width: 100%;
   }
}