table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}    /* 重置table属性 */
img {
	vertical-align: middle;
  -webkit-transition: 0.6s all; 
  -moz-transition: 0.6s  all; 
  -ms-transition: 0.6s  all; 
  transition: 0.6s  all;
}  /* 图片在当前行内的垂直位置 */

/*清除浮动*/
.clearfix{
	overflow: hidden;
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	color: #212121;
	font-weight: normal;			
	font-family: 'Montserrat-Bold';
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {      
  font-family: 'Montserrat-Bold';  
  color: #212121;
}
h2,h2 a{
  font-size: 36px;
}
h3,h3 a{
  font-family: 'Montserrat-Medium';
  font-size: 18px;
}
h4,h4 a{
  font-size: 16px;
}
h5,h5 a{
  font-size: 14px;
}
h6,h6 a{
  font-size: 12px;
}

.float-left{
	float: left;
}
.float-right{
	float: right;
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-200px, 0, 0)}to{opacity:1;transform:none}}
.fadeInLeft{
	animation-name:fadeInLeft
}
@keyframes fadeInRight{
	from{opacity:0;transform:translate3d(200px, 0, 0)}
	to{opacity:1;transform:none}}
.fadeInRight{
	animation-name:fadeInRight
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.padding-top{
	padding-top: 100px;
}
.paddinga-top{
  padding-top: 90px;
}
.padding{
  padding: 100px 0;
}
.paddinga{
  padding: 90px 0;
}
.margin-top{
    margin-top: 100px;
}
.margina-top{
    margin-top: 90px;
}
@keyframes bounce-down {     
    25% {transform: translateY(-3px);}
    50%{transform: translateY(0);}
    75% {transform: translateY(3px);}
    100% {transform: translateY(0);}
}
@keyframes bounce-down2 {     
    25% {transform: translateY(-30px);}
    50%{transform: translateY(0);}
    75% {transform: translateY(15px);}
    100% {transform: translateY(0);}
}
@keyframes scale2 { 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.4);transform:scale(1.4);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}
@keyframes scale1 { 
from {-webkit-transform:scale(0.6);transform:scale(0.6);}
  50% {-webkit-transform:scale(1);transform:scale(1);}
  to {-webkit-transform:scale(0.6);transform:scale(0.6);} 
}

.wpa{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wpb{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.lg-01{
  width: 50%;
}
.lg-02 li{
  width: 48.8%;
  margin-left: 2.4%;
}
.lg-02 li:nth-child(2n+1){
  margin-left: 0;
}
.lg-03 li{
  width: 31%;
}
.lg-03 li{
  margin-left: 2.33%;
}
.lg-03 li:nth-child(3n+1){
  margin-left: 0;
}
.lg-04 li{
  width: 23%;
  margin-left: 2.66%;
}
.lg-04 li:nth-child(4n+1){
  margin-left: 0;
}
.mg-04 li{
  width: 25%;
}
.lg-05 li{
  width: 20%;
}
@media screen and (max-width: 1580px){  
  .padding-top{
      padding-top: 80px;
  }
  .paddinga-top,.paddinga{
      padding-top: 70px;
  }
  .padding{
        padding: 80px 0;
  }
  .paddinga{
    padding: 70px 0;
  }
  .margin-top{
      margin-top: 80px;
  }
}
@media screen and (max-width: 960px){
  .lg-01,.lg-02 li,.lg-03 li,.lg-04 li,.lg-05 li,.mg-04 li{
  width: 100%;
  }
  .lg-02 li,.lg-03 li,.lg-04 li{
    margin-left: 0;
  }
  .lg-04 li:nth-child(4){
    margin-top: 40px;
  }
  .padding-top,.paddinga-top,.paddinga{
    padding-top: 50px;
  }
  .padding,.paddinga{
    padding: 50px 0;
  }
  .margin-top,.margina-top{
      margin-top: 50px;
  }
}

/*滚动条整体粗细样式*/
::-webkit-scrollbar {
    /*高宽分别对应横竖滚动条的尺寸*/
    width: 8px;
    height: 8px;
}

/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
    /* 颜色 */
    /* background:#b6b6b6!important; */
    /* 线性渐变背景 */
    background: rgba(0, 0, 0, 0.1) !important;
}

/*滚动条轨道*/
::-webkit-scrollbar-track {
    border-radius: 10px !important;
    background: #ededed !important;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container{
  width: 100%;
  overflow: hidden;
}
.swiper-slide {
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
}

.head-top {
  position: relative;
  z-index: 11;
  width: 100%;
  height: 56px;
  background: var(--color-noticeboard-backgroud);
}

.head-fl {
  line-height: 56px
}

.head-fl span {
  margin-right: 20px
}

.head-fl span i {
  display: inline-block;
  margin-top: 10px;
  margin-right: 12px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  background: rgba(176, 176, 176, .3);
  font-size: 16px;
  color: #fff
}

.head-fl span b {
  font-size: 16px;
  font-weight: 500;
  color: #fff
}

.head-searchbg {
  float: left;
  width: 204px;
  height: 32px;
  margin-top: 11px;
  border-radius: 50px;
  background: rgba(255, 255, 255, .24)
}

.head-searchbg input {
  float: left;
  width: 160px;
  height: 32px;
  padding-left: 24px;
  font-size: 13px;
  color: #fff;
  border: none;
  outline: none;
  background: 0 0;
  outline: none
}

.head-searchbg button {
  float: right;
  width: 44px;
  height: 32px;
  background: 0 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  outline: none
}

.head-searchbg button::before {
  /* content: '\e727'; */
  font-size: 22px;
  color: #fff;
  opacity: .7;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.head-searchbg button:hover::before {
  opacity: 1
}

.lang-show {
  position: relative;
  float: left;
  padding: 17px 0 15px
}

.lang-show .show-current {
  padding-left: 30px
}

.lang-show .show-current img {
  margin-right: 12px
}

.lang-show .show-current span {
  display: inline-block;
  margin-top: 2px;
  font-size: 14px;
  color: #fff;
  vertical-align: top
}

.lang-show .show-current span i::before {
  /* content: '\e60c'; */
  margin-left: 10px;
  margin-top: 2px;
  font-size: 14px;
  opacity: .8
}

.lang-show .lang-hide {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 9;
  min-width: 120px;
  padding: 5px 15px 15px;
  background: #fff;
  box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, .1)
}

.lang-show .lang-hide {
  margin-top: 5px
}

.lang-show .lang-hide a {
  display: block;
  margin-top: 10px;
  font-size: 14px
}

.lang-show .lang-hide img {
  border-radius: 50%;
  margin-right: 10px
}

.lang-show .lang-hide a:hover span {
  color: var(--color-noticeboard-backgroud)
}

.header-height {
  height: 90px
}

.header {
  position: relative;
  width: 100%;
  height: 90px;
  background: #fff;
  z-index: 10;
  font-size: 0;
  box-shadow: 1px 2px 10px 2px rgba(0, 0, 0, .08)
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 10
}

.head-logo {
  width: 16%;
  margin-top: 18px;
  vertical-align: top
}

.head-nav {
  width: 66%;
  margin-top: 38px;
  text-align: center
}

.head-nav ul {
  width: 100%
}

.head-nav li {
  position: relative;
  display: inline-block;
  padding: 0 21px;
  height: 52px
}

.head-nav li h3.down {
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.head-nav li h3 b::before {
  /* content: '\e60c'; */
  display: inline-block;
  margin-left: 10px;
  margin-top: 2px;
  font-size: 14px;
  color: #2a2a2a;
  vertical-align: top
}

.head-nav li a {
  display: block;
  padding: 0 2px;
  font-size: 17px
}

.head-nav li h3 a {
  color: #212121;
  font-family: montserrat-medium
}

.head-nav li h3 a:hover {
  text-decoration: none
}

.head-nav li h3:hover,
.head-nav li h3.current {
  border-bottom: 1px solid #41924d
}

.head-nav li h3:hover a,
.head-nav li h3.current a {
  color: var(--color-noticeboard-backgroud);
  padding-bottom: 3px
}

.head-nav li h3.down:hover b::before,
.head-nav li h3.down.current b::before {
  color: var(--color-noticeboard-backgroud)
}

.nav-slidedown {
  display: none;
  position: absolute;
  width: 312px;
  top: 47px;
  left: 0;
  padding: 0 20% 18px;
  background: #fff;
  text-align: left;
  z-index: 2;
  box-shadow: 2px 3px 6px 2px rgba(0, 0, 0, .1)
}

.head-nav li .nav-slidedown a {
  height: auto;
  padding-top: 18px;
  font-size: 15px;
  color: #666
}

.head-nav li .nav-slidedown a:hover {
  color: var(--color-noticeboard-backgroud)
}

.header .href {
  margin-top: 22px
}

.href a {
  display: inline-block;
  padding: 14px 48px;
  background: var(--color-noticeboard-backgroud);
  font-size: 15px;
  color: #fff;
  font-family: montserrat-bold;
  border-radius: 50px
}

.href a:hover {
  background: #358e43;
  text-decoration: none
}

.mobile-height {
  display: none;
  height: 60px
}

.mobile-nav {
  display: none;
  width: 100%;
  height: 60px;
  background: #fff;
  z-index: 999;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1)
}

.m-navico {
  font-weight: 700;
  font-size: 22px;
  line-height: 60px
}

.m-navlist {
  position: fixed;
  left: -80%;
  top: 0;
  bottom: 0;
  width: 76%;
  padding: 0 0 20px;
  background: #fff;
  box-shadow: 1px 2px 8px 3px rgba(0, 0, 0, .2);
  z-index: 999
}

.m-navlist .m-listtop {
  padding: 20px;
  font-size: 24px
}

.m-navlist .m-listtop img {
  width: 146px
}

.m-navlist .m-listtop span {
  float: right;
  font-size: 24px;
  color: #999;
  font-weight: 100;
  line-height: 36px;
  opacity: .8
}

.m-navlistcon {
  margin-left: 20px
}

.m-navlistcon ul {
  display: none
}

.m-navlistcon span {
  display: block;
  border-bottom: 1px solid #dedede;
  overflow: hidden
}

.m-navlistcon span a {
  display: inline-block;
  width: 70%;
  padding: 15px 0;
  font-size: 16px;
  color: #000009;
  float: left
}

.m-navlistcon span a.current,
.m-navlistcon li a.current {
  color: var(--color-noticeboard-backgroud)
}

.m-navlistcon span i {
  text-align: right;
  width: 24%;
  float: right;
  font-size: 18px;
  padding: 15px 6% 15px 0
}

.m-navlistcon ul li {
  margin-left: 20px;
  border-bottom: 1px solid #dedede
}

.m-navlistcon ul li a {
  display: block;
  padding: 15px 0;
  font-size: 15px;
  color: #666
}

.m-navlistcon ul li a b {
  padding-left: 10px
}

.m-navlistcon .xla-three {
  border-top: 1px solid #dedede;
  padding-left: 20px
}

.m-navtap {
  padding-left: 6%
}

.m-navtap,
.m-navcenter {
  float: left
}

.m-navcenter {
  width: 57%;
  margin-top: 13px;
  padding-left: 36px;
  text-align: center
}

.m-navcenter img {
  width: 136px
}

.m-navright {
  float: right
}

.m-navright .href a {
  margin-top: 12px;
  margin-right: 20px;
  padding: 12px;
  font-size: 12px
}

.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s
}

.cd-popup {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 1000
}

.cd-popup .div_info {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15%;
  margin-top: -15%;
  float: none;
  max-height: 100%;
  overflow: auto
}

.div_info {
  width: 30%;
  padding: 55px;
  background: #fff;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, .1);
  border-radius: 24px
}

.div_info h3 {
  padding-bottom: 20px;
  font-size: 28px;
  color: #333;
  line-height: 24px;
  letter-spacing: 1px;
  font-family: montserrat-bold
}

.div_info input,
.div_info textarea {
  display: block;
  width: 100%;
  height: 52px;
  margin: 0 auto;
  margin-top: 20px;
  padding-left: 30px;
  font-size: 15px;
  border: none;
  background: #fafafa;
  border: 1px solid #eee;
  outline: none;
  border-radius: 8px
}

.div_info button {
  width: 100%;
  height: 56px;
  font-size: 15px;
  color: #fff;
  background: #da632e;
  margin-top: 30px;
  border: none;
  outline: none;
  letter-spacing: 1px;
  font-family: montserrat-bold;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all;
  border-radius: 8px
}

.div_info button:hover {
  background: #358e43;
  cursor: pointer
}

.div_info textarea {
  height: 166px;
  padding: 20px 30px;
  line-height: 30px
}

.cd-popup-close {
  position: absolute;
  right: 7%;
  top: 41px;
  font-size: 26px;
  line-height: 42px;
  color: #999
}

.cd-popup-close:hover {
  text-decoration: none
}

.crmFormVali-error {
  color: #a94442;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: calc(50% - 6px)
}

.input-position {
  position: relative
}

.banner {
  position: relative;
  width: 100%;
  height: calc(100vh - 146px);
  min-height: 800px;
  z-index: 2;
  box-sizing: border-box
}

.banner .swiper-container {
  height: 100%
}

.banner li {
  text-align: center;
  overflow: hidden
}

.banner li span img {
  min-width: 100%;
  min-height: 100%
}

.banner-text {
  position: absolute;
  left: 0%;
  top: 15%;
  width: 56.8%;
  min-height: 504px;
  text-align: left;
  z-index: 1
}

.banner-text h1 {
  font-size: 53px;
  color: #fff;
  line-height: 84px
}

.banner-text h1 b {
  padding: 2px 7px;
  font-style: normal;
  background: rgba(255, 255, 255, .22)
}

.banner-text p {
  margin-top: 30px;
  font-size: 18px;
  color: #fff;
  line-height: 36px
}

.main-href {
  margin-top: 50px
}

.main-href a {
  display: inline-block;
  padding: 17px 60px;
  background: #da632e;
  color: #fff;
  font-size: 16px;
  font-family: montserrat-bold;
  cursor: pointer;
  border-radius: 50px
}

.main-href a:hover {
  background: #db784c;
  text-decoration: none
}

.banner .main-href a {
  padding: 17px 82px
}

.mouse {
  display: inline-block;
  font-size: 29px;
  margin-right: 18px;
  line-height: 30px;
  color: #fff;
  -webkit-animation: bounce-down 1s linear infinite;
  animation: bounce-down 1s linear infinite;
  vertical-align: top
}

.banner-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 34.2%;
  height: 133px;
  padding: 54px 0 0 60px;
  background: var(--color-noticeboard-backgroud);
  z-index: 9;
  cursor: pointer
}

.banner-bottom p {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  margin-top: 0;
  font-family: montserrat-medium;
  vertical-align: top
}

.banner .container {
  position: relative;
  height: 100%;
  top: 0
}

.banner .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 64px
}

.banner .swiper-pagination span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 20px;
  background: #fff;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -ms-transition: .5s all;
  transition: .5s all
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
  background: var(--color-noticeboard-backgroud);
  width: 28px
}

.banner .swiper-pagination span:hover {
  opacity: .8
}

.banner .swiper-pagination span.swiper-pagination-bullet-active:hover {
  opacity: 1
}

.width-auto {
  position: relative;
  width: 1400px;
  margin: 0 auto
}

.title {
  width: 90%;
  margin-top: -10px
}

.title h1,
.title h1 a {
  font-size: 36px
}

.title p {
  margin-top: 30px;
  font-size: 18px
}

.home-what {
  position: relative
}

.home-what::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 133px;
  background: #3f914b
}

.home-what ul li {
  position: relative;
  width: 21.5%;
  margin-left: 4.66%;
  margin-top: 50px;
  padding-bottom: 3px
}

.home-what ul li .home-goodscon {
  position: relative;
  width: 100%
}

.goods-border {
  background: #fff;
  border-radius: 50%;
  overflow: hidden
}

.home-what ul li span {
  display: block;
  width: 100%;
  padding: 0 1px
}

.home-what ul li span img {
  width: 100%;
  border-radius: 50%;
  overflow: hidden
}

.goods-border {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -2px;
  left: 0;
  z-index: -1;
  box-sizing: border-box;
  background: #e6e6e6
}

.goods-border::after {
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 100%;
  transform: translateY(0);
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.home-what ul li .home-goodscon:hover .goods-border::after {
  animation: ad_width .6s linear forwards;
  background: var(--color-icon-primary)
}

.home-what h3 {
  position: absolute;
  bottom: -3px;
  width: 100%;
  text-align: center
}

@keyframes ad_width {
  from {
      height: 0
  }

  to {
      height: 100%
  }
}

.home-industry {
  width: 100%;
  background-image: url(../images/bg01.webp);
  background-attachment: fixed
}

@keyframes pulsing {
  from {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  50% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

.home-industry .title h2,
.home-industry .title p {
  color: #fff
}

.home-about {
  position: relative;
  overflow: hidden
}

.home-aboutfl {
  position: relative;
  width: 46%;
  height: 100%;
  border-bottom-left-radius: 50px;
  overflow: hidden
}

.home-aboutfl img {
  width: 100%
}

.home-aboutfl:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.home-abvideo {
  position: absolute;
  right: 40px;
  bottom: 30px
}

.home-abvideo span {
  position: relative;
  display: inline-block;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  background: var(--color-icon-primary);
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 63px;
  cursor: pointer;
  vertical-align: top
}

.home-abvideo span::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid rgba(3, 114, 20, .6);
  animation: scale2 2s linear infinite
}

.home-aboutfl:hover span::after {
  display: block
}

.videos {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .5);
  text-align: center;
  z-index: 999;
  overflow: hidden
}

.videos #video {
  position: fixed;
  left: 10%;
  top: 10vh;
  width: 80%;
  height: 80vh;
  background: #000;
  z-index: 999
}

.vclose {
  position: absolute;
  right: 3%;
  top: 5%;
  width: auto;
  cursor: pointer
}

.vclose::before {
  content: '\e640';
  font-size: 32px;
  color: #fff
}

.home-aboutfr {
  width: 47.8%;
  margin-top: 30px
}

.home-aboutfr .title {
  width: 100%;
  text-align: left
}

.home-aboutnum {
  padding-right: 11.9%
}

.home-aboutnum div {
  position: relative;
  width: 45%;
  padding: 20px;
  margin-top: 20px;
  border-bottom: 2px solid #dbdbdb
}

.home-aboutnum div::after {
  content: ' ';
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.home-aboutnum div:hover::after {
  animation: border_width .5s linear forwards;
  background: var(--color-icon-primary)
}

@keyframes border_width {
  from {
      width: 0
  }

  to {
      width: 100%
  }
}

.home-aboutnum span {
  display: block;
  color: #212121;
  font-size: 15px
}

.home-aboutnum span b {
  margin-right: 10px;
  font-size: 26px;
  font-weight: 100;
  font-family: montserrat-bold
}

.home-aboutnum p {
  font-size: 17px;
  line-height: 20px;
  color: #212121
}

.home-aboutfr .main-href {
  margin-top: 60px;
  text-align: left
}

.tit-text h1 {
  font-size: 56px;
  line-height: 66px;
  color: #fff;
  text-align: center;
  text-shadow: -1px -1px 0 #a3a3a3, 1px -1px 0 #a3a3a3, -1px 1px 0 #a3a3a3, 1px 1px 0 #a3a3a3
}

.home-choose ul {
  margin-top: 40px
}

.home-choose li span {
  display: block;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.home-choose ul {
  margin-top: 60px
}

.home-choose ul li {
  position: relative;
  padding-bottom: 30px;
  text-align: center;
  border-bottom: 2px solid #d4e0d7;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.home-choose ul li span {
  display: block;
  width: 121px;
  height: 105px;
  margin: 0 auto;
  font-size: 52px;
  color: var(--color-noticeboard-backgroud);
  line-height: 105px;
  text-align: center;
  background: url(../images/bg02.webp) no-repeat
}

.home-choose ul li span img {
  max-height: 100px;
  max-width: 100px;
}

.home-choose ul li:nth-child(4) span {
  font-size: 46px
}

.home-choose ul li:hover {
  transform: translate(0, -15px);
  -webkit-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px)
}

.home-choose ul li h3 {
  margin-top: 35px;
  font-family: montserrat-bold
}

.home-choose ul li::after {
  content: ' ';
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: 50%;
  width: 100%;
  height: 2px;
  transform: translate(-50%);
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.home-choose ul li:hover::after {
  animation: border_width .5s linear forwards;
  background: var(--color-icon-primary)
}

.home-work {
  width: 100%;
  background-image: url(../images/bg03.webp);
  background-attachment: fixed
}

.home-work .title h2,
.home-work .title p {
  color: #fff
}

.home-work ul {
  margin-top: 40px
}

.home-work li {
  margin-top: 20px;
  padding: 0 40px;
  border-left: 1px solid rgba(255, 255, 255, .5);
  text-align: center;
  line-height: 121px
}

.home-work li img {
  max-width: 100%;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.home-work li img:hover {
  transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -o-transform: translate(0, -5px)
}

.home-application .container {
  align-items: end
}

.home-application .main-href {
  margin-bottom: 20px
}

.home-applicationlist {
  position: relative;
  width: 25%;
  height: 100%
}

.home-applicationlist span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%
}

.home-applicationlist span img {
  width: 100%
}

.home-applicationlist span i {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/mb.png);
  background-size: auto 100%
}

.home-applicationlist h3 {
  position: absolute;
  left: 0;
  bottom: 35px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: montserrat-bold
}

.home-application .title {
  width: 50%;
  margin-top: 10px;
  padding-right: 9%;
  padding-bottom: 40px
}

.mengban {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .75);
  text-align: center;
  padding: 70px 36px
}

.mengban h4 {
  font-size: 18px;
  color: #fff
}

.mengban p {
  margin-top: 30px;
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6
}

.home-news ul {
  margin-top: 10px
}

.home-news ul li {
  margin-top: 30px;
  padding: 34px 38px;
  border: 2px solid #eee;
  border-bottom-left-radius: 40px;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.home-news ul li h3 {
  min-height: 60px;
  line-height: 30px;
  font-family: montserrat-bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.home-news ul li span {
  display: block;
  width: 64px;
  height: 64px;
  font-size: 30px;
  color: #fff;
  border-radius: 50%;
  background: var(--color-text-button);
  text-align: center;
  line-height: 64px
}

.home-news ul li p {
  min-height: 60px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.home-news ul li i {
  display: block;
  margin: 24px 0 15px;
  font-size: 14px;
  color: #666;
  font-style: normal
}

.view-more {
  margin-top: 30px
}

.view-more a {
  color: var(--color-text-button);
  font-size: 16px;
  font-family: montserrat-bold
}

.home-news ul li .view-more a i {
  display: inline-block;
  margin: 0;
  margin-left: 20px;
  margin-top: 12px;
  font-size: 22px;
  line-height: 0;
  color: var(--color-noticeboard-backgroud);
  vertical-align: top
}

.home-news ul li:hover {
  background: var(--color-text-button)
}

.home-news ul li:hover h3,
.home-news ul li:hover p,
.home-news ul li:hover a,
.home-news ul li:hover i {
  color: #fff
}

.home-news ul li:hover span {
  background: #499955
}

.home-news ul li:hover a i {
  color: #fff;
  text-decoration: none
}

.gotop {
  position: fixed;
  right: 10px;
  top: 50%;
  display: none;
  z-index: 11
}

.gotop a {
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #298737;
  margin: 10px 0;
  color: #fff;
  text-align: center;
  line-height: 45px;
  box-shadow: 1px 2px 6px 2px rgb(0, 0, 0, .1);
  cursor: pointer
}

.gotop a i.qico-email {
  font-size: 30px
}

.gotop a i.qico-up {
  font-size: 22px
}

.gotop a:hover {
  background: #358e43;
  text-decoration: none
}

.mobile-footer {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: var(--color-text-button);
  z-index: 99;
  box-shadow: 1px 2px 8px 4px rgba(0, 0, 0, .1)
}

.mobile-foot a {
  float: left;
  width: 25%;
  height: 60px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-right: 1px solid #268f36;
  box-sizing: border-box
}

.mobile-foot a:last-child {
  border-right: none
}

.mobile-foot a:hover {
  text-decoration: none
}

.mobile-foot i {
  display: block;
  height: 28px;
  margin: 3px auto;
  font-size: 20px;
  color: #fff;
  line-height: 34px
}

.mobile-foot i.m-home {
  font-size: 32px
}

.mobile-foot i.m-pro {
  font-size: 36px
}

.mobile-foot i.m-contact {
  font-size: 32px
}

.footer {
  padding: 80px 0 60px;
  background: #11141e
}

.foot-logo {
  padding-bottom: 30px;
  border-bottom: 1px solid #292c35
}

.foot-logo span {
  display: block;
  margin-top: 30px
}

.foot-logo span a {
  margin-left: 20px;
  opacity: .6
}

.foot-logo span a i {
  font-size: 22px;
  color: #fff
}

.foot-logo span a:nth-child(1) i {
  font-size: 24px
}

.foot-logo span a:nth-child(3) i {
  font-size: 24px
}

.foot-logo span a:nth-child(4) i {
  font-size: 20px
}

.foot-logo span a:hover {
  opacity: 1
}

.foot-con {
  margin-top: 50px
}

.foot-con div {
  width: 32%;
  margin-right: 7%
}

.foot-con div:first-child {
  width: 20%
}

.foot-con h3 {
  margin-bottom: 30px;
  font-size: 21px;
  color: #fff;
  font-family: montserrat-bold
}

.foot-con li a {
  display: block;
  margin-bottom: 20px;
  font-size: 15px;
  color: #fff;
  opacity: .5;
  margin-right: 10px;
}

.foot-con li a:hover {
  text-decoration: underline;
  opacity: 1
}

.foot-con div.newsletter {
  width: 44%;
  margin-right: 0;
  margin-left: 4%
}

.foot-con div.newsletter p {
  font-size: 15px;
  color: #fff;
  line-height: 32px;
  margin-top: -6px;
  opacity: .5
}

.newsletter form {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px
}

.newsletter input {
  width: 70%;
  height: 64px;
  padding-left: 25px;
  font-size: 13px;
  background: rgba(255, 255, 255, .05);
  color: #fff;
  outline: none;
  border: none
}

.newsletter button {
  width: 30%;
  height: 64px;
  font-size: 13px;
  font-family: montserrat-bold;
  background: #046915;
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.newsletter button:hover {
  background: #358e43
}

.foot-txt {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 80px
}

.foot-txt p {
  margin-top: 0;
  font-size: 12px;
  color: #505259
}

.foot-txt p a {
  margin-left: 60px;
  color: #505259;
  text-decoration: underline
}

.foot-txt p a:hover {
  color: #fff
}

.foot-gotop {
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  cursor: pointer
}

.foot-gotop i {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  margin-top: 1px;
  color: #fff;
  vertical-align: top;
  -webkit-animation: bounce-down 1s linear infinite;
  animation: bounce-down 1s linear infinite
}

.small-banner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.small-banner .ban-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}

.small-banner .ban-txt .title h1,
.small-banner .ban-txt .title p {
  color: #fff
}

.small-banner .ban-txt .title {
  width: 66%
}

.small-banner .ban-txt .title p {
  opacity: .9;
  line-height: 34px
}

.ban-pic img {
  min-width: 100%;
  min-height: 385px
}

.crumbs {
  padding: 18px 0;
  border-bottom: 1px solid #ddd
}

.crumbs a,
.crumbs i,
.crumbs span {
  font-size: 13px;
  color: #666
}

.crumbs i {
  margin: 0 8px;
  font-style: normal
}

.about-usleft {
  width: 42.4%;
  padding: 0 5.3%;
  background: url(../images/bg04.png) repeat-x left 70%;
  background-size: auto 61.4%
}

.about-usleft span {
  display: block;
  overflow: hidden
}

.about-usleft img {
  width: 100%
}

.about-usleft img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.about-usright {
  width: 51.4%;
  margin-top: 25px
}

.about-usright p {
  margin-top: 30px
}

.number {
  margin-top: 55px
}

.number .home-aboutnum {
  padding-right: 0
}

.number .home-aboutnum div {
  width: 23%;
  margin-left: 2.66%;
  padding: 35px 30px;
  margin-top: 0
}

.number .home-aboutnum div:nth-child(4n+1) {
  margin-left: 0
}

.number .home-aboutnum div i {
  display: block;
  width: 20px;
  height: 16px;
  margin-bottom: 20px;
  background: var(--color-text-button)
}

.number .home-aboutnum span {
  font-size: 16px
}

.number .home-aboutnum span b {
  font-size: 42px
}

.number .home-aboutnum p {
  font-size: 16px
}

.about-videofl {
  width: 43.8%;
  margin-top: 20px
}

.about-videofl span {
  display: block;
  width: 92px;
  height: 2px;
  margin-bottom: 25px;
  background: #81b889
}

.about-videofl .main-href {
  margin-top: 40px
}

.about-videofr {
  position: relative;
  width: 48.2%;
  height: 100%;
  padding: 0 35px 40px 0;
  background: url(../images/bg05.webp) no-repeat right bottom
}

.about-videofr span {
  display: block;
  overflow: hidden
}

.about-videofr span img {
  width: 100%
}

.about-videofr:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.about-videofr .pulse {
  position: absolute;
  left: -43px;
  bottom: 12px;
  width: 87px;
  height: 87px;
  background: var(--color-icon-primary);
  border-radius: 100%;
  cursor: pointer
}

.about-videofr .pulse i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -11px;
  z-index: 2;
  font-size: 24px;
  color: #fff
}

.about-videofr .ring {
  position: absolute;
  background: inherit;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  opacity: .2;
  animation: pulsing 2.5s ease-out infinite
}

.about-choose {
  width: 100%;
  background: url(../images/bg06.webp) no-repeat;
  background-size: 100% 100%
}

.about-choose .title {
  margin: -10px auto 0;
  text-align: center
}

.about-choose ul {
  margin-top: 10px
}

.about-choose .wp {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.about-choose li {
  margin-top: 30px;
  padding: 50px 30px;
  background: #3c8f49;
  text-align: center;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.about-choose li:hover {
  background: var(--color-icon-primary)
}

.about-choose li:hover span {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH
}

.about-choose li span {
  display: block;
  font-size: 90px;
  color: #fff;
  line-height: 70px;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -ms-transition: .5s all;
  transition: .5s all
}

.about-choose li:nth-child(2) span {
  font-size: 80px
}

.about-choose li:nth-child(3) span {
  font-size: 60px
}

.about-choose li:nth-child(4) span {
  font-size: 80px
}

.about-choose li h3 {
  margin-top: 35px;
  color: #fff;
  font-family: montserrat-bold
}

.about-choose li p {
  margin-top: 30px;
  color: #fff
}

.about-factory .title {
  margin: -10px auto 0;
  text-align: center
}

.factory-list {
  margin-top: 30px
}

.factory-list li {
  overflow: hidden
}

.factory-list li img {
  width: 100%
}

.factory-list li img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.home-scenarioshd {
  margin-top: 50px;
  text-align: center
}

.home-ny {
  display: inline-block;
  height: 15px;
  overflow: hidden
}

.home-ny .swiper-button-prev,
.home-ny .swiper-button-next {
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 20px;
  line-height: 15px;
  color: #74b375;
  cursor: pointer;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.home-ny .swiper-button-prev {
  position: relative;
  z-index: 1
}

.home-ny .swiper-button-next {
  margin-left: 17px
}

.home-ny .swiper-button-prev:hover,
.home-ny .swiper-button-next:hover {
  color: #469947;
  border: none
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top
}

.swiper-pagination {
  text-align: center;
  margin-top: 7px;
  margin-left: 26px;
  vertical-align: top;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination-progress {
  display: inline-block;
  width: 914px;
  height: 2px;
  background: #cbd2d6
}

.goods-tanktit .about-tanktitcon {
  width: 85%;
  margin: 0 auto
}

.about-tanktitcon i {
  display: block;
  font-size: 96px;
  line-height: 48px;
  color: #9ac7a1;
  font-family: montserrat-bold;
  text-align: center;
  font-style: normal
}

.goods-tanktit .about-tanktitcon h2 {
  padding-top: 15px;
  font-size: 37px;
  color: #fff;
  line-height: 60px;
  text-shadow: -1px -1px 0 #aaa, 1px -1px 0 #aaa, -1px 1px 0 #aaa, 1px 1px 0 #aaa;
  letter-spacing: 1px;
  text-align: center
}

.goods-tanktit .about-tanktitcon h2 b {
  text-shadow: none;
  color: var(--color-icon-primary)
}

.goods-send {
  width: 56%;
  margin: 0 auto;
  padding: 0 10px;
  margin-top: 25px;
  border-bottom: 2px solid #eee
}

.goods-send input {
  width: 90%;
  height: 84px;
  padding-left: 10px;
  font-size: 17px;
  color: #333;
  font-family: montserrat-medium;
  border: none;
  outline: none
}

.goods-send button {
  width: 10%;
  height: 84px;
  font-size: 30px;
  color: var(--color-noticeboard-backgroud);
  background: 0 0;
  text-align: right;
  outline: none
}

.goods-certifications .container {
  position: relative
}

.goods-certifications .title {
  margin: -10px auto 0;
  text-align: center
}

.goods-certifications .swiper-container {
  width: 86.4%;
  margin: 0 auto;
  margin-top: 40px
}

.goods-certifications li img {
  width: 100%
}

.goods-certifications .swiper-slide {
  width: 25.86%;
  padding: 17px;
  background: #fff;
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid #bfbfbf;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  -webkit-transform: scale(.8);
  transform: scale(.75)
}

.goods-certifications .swiper-slide-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 10
}

.goods-certifications .swiper-slide-prev,
.goods-certifications .swiper-slide-next {
  -webkit-transform: scale(.85);
  -moz-transform: scale(.85);
  -ms-transform: scale(.85);
  transform: scale(.85);
  z-index: 5
}

.goods-certifications .cert-btn a {
  position: absolute;
  top: 50%;
  margin-top: 50px;
  display: block;
  width: 66px;
  height: 66px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 66px;
  background: #74b375;
  border-radius: 50%;
  z-index: 2
}

.goods-certifications .cert-btn a:hover {
  background: #469947;
  text-decoration: none
}

.goods-certifications .cert-btn a.swiper-button-prev {
  left: 0
}

.goods-certifications .cert-btn a.swiper-button-next {
  right: 0
}

.fs_gallery {
  background: rgba(0, 0, 0, .9);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000
}

.fs_gallery_close {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 30px;
  height: 30px;
  color: #ccc;
  font-size: 52px;
  font-weight: 100;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 102;
  font-family: "qico" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fs_gallery_close:before {
  content: "\e674";
}

.fs_gallery_close:hover {
  color: #fff
}

.fs_gallery_prev,
.fs_gallery_next {
  position: absolute;
  width: 80px;
  color: #ccc;
  font-size: 30px;
  cursor: pointer;
  z-index: 101
}

.fs_gallery_prev:hover,
.fs_gallery_next:hover {
  opacity: 1
}

.fs_gallery_prev {
  left: 0;
  top: 0;
  bottom: 0;
  background: url(../images/arrowsl1.png) no-repeat center
}

.fs_gallery_next {
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/arrowsr1.png) no-repeat center;
  opacity: .8
}

.fs_gallery_prev:before {
  content: "";
  position: absolute;
  height: 30px;
  margin-top: -30px;
  top: 50%;
  left: 35px
}

.fs_gallery_next:before {
  content: "";
  position: absolute;
  height: 30px;
  margin-top: -30px;
  top: 50%;
  left: 35px
}

.fs_gallery_shuft {
  position: relative;
  width: 9999999px
}

.fs_gallery_shuft:after {
  clear: both;
  content: "";
  display: block
}

.fs_gallery_shuft_item {
  float: left;
  position: relative;
  background-image: url(data:image/gif;base64,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);
  background-position: center center;
  background-repeat: no-repeat
}

.fs_gallery_shuft_item img {
  box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%
}

.goods-list {
  background: #f8f8f8
}

.goods-list .title {
  margin: -10px auto 0;
  text-align: center
}

.goods-listcon ul {
  margin-top: 15px
}

.goods-listcon ul li {
  padding: 10px 10px 20px;
  margin-top: 30px;
  background: #fff;
  text-align: center;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.goods-listcon ul li:hover {
  transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px)
}

.goods-listcon ul li img {
  width: 100%
}
.goods-listcon ul li h3{margin: 15px 0 0;
height: 80px; font-family: montserrat-bold;
display: flex;
justify-content: center;
align-items: center;}
.goods-listcon ul li h3 a{font-size:17px;
 line-height: 22px;
max-height: 66px;
overflow: hidden;
display: block;
}

.goods-listcon ul li p {
  margin-top: 10px
}

.goods-listcon ul li p b {
  font-weight: 100;
  color: var(--color-noticeboard-backgroud)
}

.page {
  margin-top: 40px;
  text-align: center
}

/* #pagesize {
  display: inline-block
}

#pagesize ul li {
  display: inline-block;
  vertical-align: top
}

#pagesize a {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 6px;
  font-size: 15px;
  color: #999;
  line-height: 28px
}

#pagesize a:hover,
#pagesize a.active {
  background: #358e43;
  color: #fff
}

#pagesize ul li a.disabled {
  color: #000;
  background: #fff
}

#pagesize ul li i {
  font-size: 22px
} */

/* #pagesize ul li:first-child a,
#pagesize ul li:last-child a {
  display: inline-block;
  width: 11px;
  height: 28px;
  font-size: 0
} */

/* #pagesize ul li:first-child a {
  margin-right: 52px;
  background: url(../images/jt01.png) no-repeat center
}

#pagesize ul li:first-child a.disabled:hover {
  background: url(../images/jt01.png) no-repeat center;
  cursor: default
}

#pagesize ul li:last-child a {
  margin-left: 52px;
  background: url(../images/jt02.png) no-repeat center
}

#pagesize ul li:last-child a.disabled:hover {
  background: url(../images/jt02.png) no-repeat center;
  cursor: default
}

#pagesize ul li:first-child a:hover {
  background: url(../images/jt01s.png) no-repeat center
}

#pagesize ul li:last-child a:hover {
  background: url(../images/jt02s.png) no-repeat center
} */

.goods-advanpic {
  width: 48.6%;
  overflow: hidden
}

.goods-advanpic img {
  width: 100%
}

.goods-advanpic img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.goods-advancon .title {
  width: 45%;
  margin-top: 70px
}

.goods-advantages ul {
  margin-top: 20px
}

.goods-advantages ul li {
  width: 48%;
  padding: 50px 42px 40px;
  border-bottom: 2px solid #e5f1e7;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.goods-advantages ul li span {
  font-size: 34px;
  color: var(--color-noticeboard-backgroud);
  line-height: 34px
}

.goods-advantages ul li p {
  margin-top: 30px
}

.goods-advantages ul li:hover {
  transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  border-bottom: 2px solid #358e43
}

.goods-application {
  width: 100%;
  background: url(../images/bg07.webp) no-repeat;
  background-size: 100% 100%
}

.goods-application .title {
  margin: -10px auto 0;
  text-align: center
}

.goods-application ul {
  margin-top: 15px
}

.goods-application ul li {
  position: relative;
  margin-top: 30px;
  overflow: hidden
}

.goods-application ul li:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.goods-application ul li img {
  width: 100%
}

.goods-application ul li .goods-mb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/mb.png) repeat-x;
  background-size: auto 100%
}

.goods-application ul li h3 {
  position: absolute;
  left: 0;
  bottom: 28px;
  width: 100%;
  padding: 0 20px;
  color: #fff
}

.goods-moreapp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(19, 132, 36, .89);
  display: flex;
  align-items: center;
  padding: 20px 60px;
  cursor: pointer
}

.goods-moreapp h4 {
  font-size: 18px;
  color: #fff;
  line-height: 30px
}

.goods-application ul li .goods-moreapp i {
  display: inline-block;
  margin-top: 20px;
  font-size: 22px;
  color: #fff
}

.goods-which .title {
  margin: -10px auto 0;
  text-align: center
}

.goods-which ul {
  margin-top: 45px;
  overflow: hidden
}

.goods-which ul li {
  margin-top: -1px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  line-height: 154px;
  text-align: center
}

.goods-which ul li:nth-child(5n+1) {
  border-left: none
}

.goods-which ul li img {
  max-width: 86%
}

.goods-which ul li:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.goods-service .title {
  margin: -10px auto 0;
  text-align: center
}

.goods-service ul {
  margin-top: 10px
}

.goods-service ul li {
  position: relative;
  padding: 38px 48px;
  margin-top: 30px;
  border: 2px solid #eee;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.goods-service ul li:after {
  content: ' ';
  position: absolute;
  z-index: 2;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.goods-service ul li:hover::after {
  animation: border_width .5s linear forwards;
  background: var(--color-icon-primary)
}

.goods-service ul li:hover {
  transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px)
}

.goods-service ul li span {
  display: block;
  width: 102px;
  height: 102px;
  font-size: 60px;
  color: var(--color-noticeboard-backgroud);
  background: #cde3d0;
  border-radius: 50%;
  text-align: center;
  line-height: 102px
}

.goods-service ul li:nth-child(2) span {
  font-size: 54px
}

.goods-service ul li:nth-child(3) span {
  font-size: 62px
}

.goods-service ul li:nth-child(4) span {
  font-size: 54px
}

.goods-service ul li h3 {
  margin-top: 25px;
  font-family: montserrat-bold
}

.goods-service ul li p {
  font-size: 17px
}

.foot-other {
  background: url(../images/bg08.webp) no-repeat;
  background-size: 100% 100%
}

.footother-fl {
  width: 46%;
  margin-top: 30px
}

.footother-top span {
  font-size: 16px;
  font-family: montserrat-bold;
  color: #fff
}

.footother-top h1 {
  margin-top: 25px;
  font-size: 46px;
  color: #fff
}

.footother-top p {
  margin-top: 35px;
  line-height: 34px;
  font-size: 26px;
  color: #fff
}

.contact-listnameone li h3 {
  margin-top: 40px;
  font-size: 22px;
  color: #fff;
  font-family: montserrat-bold
}

.contact-listnameone li p {
  font-size: 20px;
  color: #fff
}

.footother-fr {
  width: 44%
}

.footother-fr .div_info {
  width: 100%;
  box-shadow: none;
  border-radius: 0
}

.footother-fr .div_info input {
  height: 49px
}

.footother-fr .div_info textarea {
  height: 142px
}

.goods-applitow {
  background: 0 0
}

.goods-applitow .container {
  border-top: 1px solid #b3d4b8
}

.goods-features {
  background: #f8f8f8
}

.goods-features .title,
.goods-about .title {
  margin: -10px auto 0;
  text-align: center
}

.goods-features ul {
  margin-top: 10px
}

.goods-features ul li {
  margin-top: 30px;
  border-bottom: 1px solid #dfeae1;
  overflow: hidden
}

.goods-features ul li img {
  width: 100%
}

.goods-features ul li:hover img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.goods-features ul li div {
  padding: 40px 30px
}

.goods-features ul li div h3 {
  font-size: 24px;
  font-family: montserrat-bold
}

.goods-about .home-aboutnum {
  padding-right: 0
}

.goods-about .home-aboutnum span {
  font-size: 26px;
  font-family: montserrat-bold;
  color: var(--color-noticeboard-backgroud)
}

.goods-about .home-aboutnum span b {
  font-size: 34px
}

.goods-about .home-aboutnum div {
  width: 25%;
  margin-top: 35px;
  border-bottom: none;
  text-align: center
}

.goods-about .home-aboutnum div p {
  line-height: 30px
}

.goods-about .home-aboutnum div::after {
  display: none
}

.goods-about .factory-list {
  margin-top: 40px
}

.goods-listthree {
  background: #f8f8f8 url(../images/bg09.webp) no-repeat;
  background-size: 100% 100%
}

.goods-cutting .title {
  margin: -10px auto 0;
  text-align: center
}

.goods-cutting ul {
  margin-top: 45px
}

.goods-cutting ul li {
  padding: 10px;
  border: 1px solid #eee;
  text-align: center;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all;
  display: flex;
  align-items: center;
  justify-content: center
}

.goods-cutting ul li img {
  max-width: 100%
}

.goods-cutting ul li:hover {
  transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px)
}

.goods-cutting table {
  margin-top: 50px
}

.goods-cutting table th,
.goods-cutting table td {
  height: 98px;
  padding: 20px 0;
  font-size: 18px;
  color: #666;
  border: 1px solid #eee;
  text-align: center;
  line-height: 30px
}

.goods-cutting table th span {
  text-decoration: underline
}

.goods-cutting table td i {
  font-size: 26px;
  color: #666
}

.goods-cutting table td b {
  font-size: 26px;
  font-family: montserrat-medium
}

.goods-cutting .main-href {
  text-align: center
}

.googs-resistant {
  background: #f8f8f8
}

.googs-resistant .title {
  margin: -10px auto 50px;
  text-align: center
}

.goods-recon {
  margin-top: 30px
}

.goods-recon div {
  overflow: hidden
}

.goods-recon div img {
  width: 100%
}

.goods-recon div img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.goods-recontxt {
  padding: 56px;
  display: flex;
  align-items: center;
  background: #fff
}

.goods-recontxt h3 {
  font-size: 26px;
  font-family: montserrat-bold
}

.goods-recontxt p {
  font-size: 18px
}

.newsmain {
  margin-top: 50px;
  margin-bottom: 90px
}

.news li {
  padding: 40px 20px 50px;
  margin-top: 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.news li span {
  font-size: 14px;
  color: #666
}

.news li h3 {
  margin-top: 25px;
  font-size: 22px;
  font-family: montserrat-bold
}

.news li h3 a {
  font-size: 22px;
  font-family: montserrat-bold
}

.news .main-href {
  margin-top: 30px
}

.news .main-href i {
  margin-right: 12px;
  margin-top: 12px;
  font-size: 22px;
  color: #fff;
  vertical-align: top
}

.news .main-href a {
  width: 188px;
  height: 44px;
  padding: 0 20px;
  line-height: 44px;
  font-size: 14px;
  font-family: montserrat-regular;
  text-align: center
}

.news .main-href a:last-child {
  margin-left: 30px
}

.news .lg-02 li {
  width: 48%;
  margin-left: 4%
}

.news .lg-02 li:nth-child(2n+1) {
  margin-left: 0
}

.news .page {
  margin-top: 50px
}

.news-detail h2 {
  width: 40%;
  font-size: 26px;
  line-height: 40px
}

.news-detailtit {
  padding-bottom: 70px;
  border-bottom: 1px solid #ddd
}

.news-detailtit div span {
  display: block;
  width: 44px;
  height: 44px;
  margin-left: 60px;
  margin-right: 15px;
  font-size: 22px;
  color: #fff;
  line-height: 44px;
  border-radius: 50%;
  background: var(--color-icon-primary);
  text-align: center
}

.news-detailtit .n-nr div:nth-child(2) span {
  font-size: 30px
}

.news-detailtit div p {
  margin-top: 8px
}

.news-detailpic {
  padding: 60px 0;
  border-bottom: 1px solid #ddd
}

.news-detailpic span {
  display: block;
  width: 28.7%;
  overflow: hidden
}

.news-detailpic span img {
  width: 100%
}

.news-detailpic span img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.news-detailpic div {
  width: 62%;
  display: flex;
  align-items: center
}

.news-detailpic div p {
  font-size: 18px
}

.details h3 {
  margin-top: 50px;
  font-size: 20px;
  font-family: montserrat-bold;
  color: #000009
}

.details p {
  margin-top: 30px
}

.study-fenye {
  width: 100%;
  min-height: 30px;
  overflow: hidden;
  margin-top: 70px;
  padding-bottom: 70px;
  border-bottom: 1px solid #eee
}

.fenye-prev,
.fenye-next {
  width: 40%
}

.fenye-center {
  width: 20%;
  text-align: center
}

.fenye-center a {
  font-size: 16px;
  color: #666
}

.fenye-center a:hover {
  color: #212121
}

.fenye-prev span {
  float: left
}

.fenye-prev span a,
.fenye-next span a {
  color: #666;
  font-size: 16px
}

.fenye-prev span a i {
  font-size: 14px;
  margin-right: 10px;
  color: #999
}

.fenye-prev span a:hover,
.fenye-prev span a:hover i,
.fenye-next span a:hover,
.fenye-next span a:hover i {
  color: #212121;
  text-decoration: none
}

.fenye-prev h3 {
  float: left;
  height: 26px;
  margin-left: 20%
}

.fenye-prev h3 a,
.fenye-next h3 a {
  font-size: 18px;
  color: #212121
}

.fenye-prev h3 a:hover,
.fenye-next h3 a:hover {
  font-size: 18px;
  text-decoration: underline;
  color: var(--color-noticeboard-backgroud)
}

.fenye-next span {
  float: right
}

.fenye-next span a i {
  font-size: 14px;
  margin-left: 10px;
  color: #999
}

.fenye-next h3 {
  float: right;
  margin-right: 20%
}

.application .about-tanktitcon h2 {
  font-size: 36px
}

.application .about-tanktitcon i {
  font-size: 0;
  line-height: auto
}

.application .about-tanktitcon span {
  display: block;
  margin-top: 20px;
  text-align: center
}

.application ul {
  margin-top: 50px
}

.application li {
  margin-top: 40px;
  text-align: center
}

.application li span {
  display: block;
  overflow: hidden
}

.application li img {
  width: 100%
}

.application li img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.application li h3 {
  margin-top: 25px
}

.application li h3 a {
  font-size: 22px;
  font-family: montserrat-bold
}

.application li p {
  margin-top: 15px
}

.application-detailcon {
  margin-top: 60px;
  padding-bottom: 70px;
  border-bottom: 1px solid #eee
}

.application-detailfl {
  width: 46%;
  margin-top: 30px
}

.application-detailfl p {
  font-size: 18px
}

.application-detailfl .main-href i {
  margin-left: 0;
  margin-right: 15px;
  font-size: 26px;
  color: #fff;
  line-height: 16px;
  vertical-align: top
}

.application-detailfl .main-href a:first-child {
  margin-right: 20px
}

.application-detailfr {
  width: 48.5%;
  padding: 0 30px 30px 0;
  background: url(../images/bg10.webp) no-repeat right bottom;
  background-size: 78% 93%;
  overflow: hidden
}

.application-detailfr img {
  width: 100%
}

.other-scenarios .title {
  margin: -10px auto 0;
  text-align: center
}

.scenarios-listcon {
  position: relative;
  margin-top: 45px
}

.scenarios-listcon h3 {
  margin-top: 20px;
  text-align: center
}

.scenarios-listcon span {
  display: block;
  overflow: hidden
}

.scenarios-listcon span img {
  width: 100%
}

.scenarios-listcon span img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.bt-auto div {
  position: absolute;
  top: 50%;
  margin-top: -48px;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  z-index: 8;
  cursor: pointer;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.bt-auto div.swiper-button-prev,
.bt-auto div.swiper-button-next {
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 66px;
  background: rgba(2, 110, 18, .75)
}

.bt-auto div.swiper-button-prev {
  left: -35px
}

.bt-auto div.swiper-button-next {
  right: -35px
}

.bt-auto div.swiper-button-prev:hover,
.bt-auto div.swiper-button-next:hover {
  background: var(--color-noticeboard-backgroud)
}

.contact-input {
  width: 100%;
  padding: 70px 0 90px;
  overflow: hidden
}

.contact-list ul {
  width: 52%;
  margin-top: 60px
}

.contact-list li {
  margin-bottom: 70px;
  overflow: auto
}

.contact-list li i {
  float: left;
  width: 54px;
  margin-top: 5px;
  margin-right: 36px;
  font-size: 54px;
  color: var(--color-icon-primary)
}

.contact-list li:nth-child(2) i {
  font-size: 62px
}

.contact-list li:nth-child(3) i {
  font-size: 32px;
  margin-top: 20px
}

.contact-list li div {
  float: left
}

.contact-list li h3 {
  font-family: montserrat-bold;
  font-size: 24px;
  color: var(--color-noticeboard-backgroud)
}

.contact-list li p {
  margin-top: 18px;
  font-size: 17px
}

.contact-input .div_info {
  width: 42%;
  height: 100%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08)
}

.contact-map ul {
  margin: 45px 0 90px;
  overflow: auto
}

.contact-map li {
  width: 30.2%;
  margin-left: 4.7%;
  margin-top: 45px
}

.contact-map li span {
  display: block;
  width: 59px;
  height: 59px;
  margin-bottom: 28px;
  font-size: 38px;
  color: #fff;
  text-align: center;
  line-height: 59px;
  background: var(--color-noticeboard-backgroud);
  border-radius: 50%
}

.contact-map li:nth-child(3) span {
  font-size: 35px
}

.contact-map li:nth-child(4) span {
  font-size: 36px
}

.contact-map li:nth-child(6) span {
  font-size: 29px
}

.contact-map li h6 {
  padding-top: 25px;
  font-size: 14px;
  color: #666;
  font-family: montserrat-regular;
  border-top: 1px solid #cbcbcb
}

.contact-map li p {
  margin-top: 15px;
  font-size: 15px;
  line-height: 28px;
  color: #212121
}

.map {
  overflow: hidden
}

.map img {
  width: 100%
}

.map img:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02)
}

.product-detail {
  margin-top: 70px
}
.product-detail-container {
     display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-detailfl {
  position: relative;
  width: 48%;
  height: 100%
}

.product-detailbd {
  border: 1px solid #e9e9e9
}

.product-detailbd {
  width: 100%
}

.tempWrap {
  width: 100%
}

.product-detailbd li img {
  width: 100%
}

.product-detailbd li img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.product-detailhd {
  width: 100%;
  margin-top: 14px;
  display: flex;
  justify-content: center
}

.pro-center {
  width: 100%
}

.pro-center .tempWrap {
  margin: 0 auto
}

.detail-btn a {
  position: absolute;
  top: 50%;
  display: block;
  width: 44px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  font-size: 24px;
  color: #ddcec3;
  margin-top: -82px;
  z-index: 1;
  background: #da632e
}

.detail-btn a.prev {
  left: 0
}

.detail-btn a.next {
  right: 0
}

.detail-btn a.prev:hover,
.detail-btn a.next:hover {
  color: #fff;
  text-decoration: none;
  background: #da632e;
}

.product-detailhd ul {
  text-align: center;
  overflow: hidden
}

.product-detailhd ul li {
  display: inline-block;
  width: 14%;
  margin-right: 19px;
  padding-top: 5px;
  overflow: hidden;
  cursor: pointer
}

.product-detailhd ul li.on {
  background: url(../images/ico46.png) no-repeat center top
}

.product-detailhd ul li.on img {
  border: 1px solid #da632e;
}

.product-detailhd ul li img {
  width: 100%;
  padding: 3px;
  border: 1px solid #e9e9e9;
  -webkit-transition: 0s all;
  -moz-transition: 0s all;
  -ms-transition: 0s all;
  transition: 0s all;
  box-sizing: border-box
}

.product-detailfr {
  width: 47.9%
}

.product-detailfr p {
  padding-right: 20px;
  margin-top: 15px;
  line-height: 29px;
  font-size: 15px
}

.product-detailfr p i {
  display: inline-block;
  margin: 0 25px 0 30px;
  font-size: 22px;
  line-height: 30px;
  color: var(--color-icon-primary);
  vertical-align: top
}

.product-detailfr p:nth-child(2) {
  margin-top: 26px
}

.pro-tit {
  padding-bottom: 30px;
  border-bottom: 1px solid #eee
}

.pro-tit h1 {
  padding: 0 20px;
  margin-top: 20px;
  font-size: 26px;
  line-height: 40px;
  color: #212121;
  font-family: montserrat-bold
}

.pro-tit span {
  display: block;
  width: 52px;
  height: 52px;
  margin-top: 30px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 52px;
  background: var(--color-noticeboard-backgroud);
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.pro-tit span:hover {
  background: #138424
}

.product-detail .main-href {
  padding-top: 40px;
  margin-top: 30px;
  padding-left: 20px;
  text-align: left;
  border-top: 1px solid #eee
}

.product-detail .main-href a {
  font-size: 14px
}

.detail-height {
  width: 100%;
  height: 82px;
  margin-top: 50px
}

.detail-maodian {
  width: 100%;
  height: 82px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  background: #fff;
  font-size: 0;
  z-index: 20;
  text-align: center;
  box-sizing: border-box
}

.sticky {
  position: fixed;
  top: 100px;
  z-index: 9
}
  
@media screen and (max-width: 992px) {
  .sticky{
    top: 110px;
 }
}
 
@media screen and (max-width: 768px) {
 .sticky{
    top: 80px;
 }
}

@media screen and (max-width: 480px) {
 .sticky{
    top: 60px;
 }
}

.detail-maodian li {
  display: inline-block;
  margin: 0 25px
}

.detail-maodian li a {
  display: block;font-weight: 700;
  padding: 0 10px;
  line-height: 80px;
  color: #333;
  font-size: 18px;
  -webkit-transition: .1s all;
  -moz-transition: .1s all;
  -ms-transition: .1s all;
  transition: .1s all
}

.detail-maodian li.current a,
.detail-maodian li a:hover {
  border-bottom: 2px solid #da632e;
  color: #da632e;
  text-decoration: none
}

.detail-maodian li:last-child a {
  margin-right: 0
}

.detail-title {
  padding-bottom: 30px
}

.detail-title h5 {
  font-size: 22px;
  color: #212121
}


.description td,
.description th {
  padding: 8px 0;
  line-height: 30px;
  text-align: left;
  border: 1px solid #ddd
}

.description th {
  width: 21%;
  padding-left: 36px;
  font-family: montserrat-medium;
  font-size: 15px;
  color: #212121
}

.description td {
  padding-right: 20px;
  padding-left: 30px;
  font-size: 15px
}

.detail-title p {
  font-size: 17px
}
.pro-scroll {
  padding: 70px 0 0;
}

.description-list {
  margin-top: 40px;
  padding-bottom: 48px;
  border-bottom: 1px solid #ddd
}

.description-list div {
  width: 10.8%;
  margin-left: 4%;
  margin-top: 30px;
  text-align: center
}

.description-list div:nth-child(7n+1) {
  margin-left: 0
}

.description-list div img {
  width: 100%;
  border-radius: 50%
}

.description-list div h3 {
  margin-top: 25px;
  font-size: 17px;
  font-family: montserrat-medium
}

.description-color {
  position: relative;
  margin-top: 60px;
  overflow: hidden
}

.circle {
  position: absolute;
  left: -265px;
  top: -110px;
  width: 660px;
  height: 660px;
  background: rgba(3, 114, 20, .9);
  border-radius: 50%
}

.color-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 234px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center
}

.color-conphd li {
  cursor: pointer
}

.color-conpbd li {
  border-radius: 50%;
  background: #fff
}

.color-conpbd li img {
  width: 289px;
  border-radius: 50%
}

.color-conphd .color-dian {
  position: relative;
  width: 37px;
  height: 37px;
  text-align: center
}

.color-conphd .color-dian img {
  position: relative;
  width: 23px;
  margin-top: 7px;
  z-index: 1
}

.color-conphd p {
  margin-top: 4px;
  margin-left: 20px;
  font-size: 17px;
  font-family: montserrat-medium;
  color: #fff
}

.color-conphd span {
  margin-top: 18px
}

.color-conphd .color-ring {
  position: absolute;
  background: inherit;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  background: rgba(255, 255, 255, .4);
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -ms-transition: .5s all;
  transition: .5s all
}

.color-conphd li:hover .color-ring,
.color-conphd li.on .color-ring {
  background: rgba(255, 255, 255, .7)
}

.color-conphd li:first-child {
  margin-left: -25px
}

.color-conphd li:nth-child(2) {
  margin-left: -3px
}

.color-conphd li:nth-child(3) {
  margin-top: 25px;
  margin-left: -8px
}

.color-conphd li:nth-child(3) span {
  margin-top: 10px
}

.color-conphd li:nth-child(4) {
  margin-left: -26px;
  margin-top: 30px
}

.color-conphd li:nth-child(4) p {
  margin-top: 28px
}

.color-conphd li:nth-child(4) .color-dian {
  margin-top: 25px
}

.color-conphd li:nth-child(4) span {
  margin-top: 0
}

.features ul {
  margin-top: 10px
}

.features li {
  width: 14.2%;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 30px;
  margin-left: 2.96%;
  border-bottom: 2px solid #e6e6e6
}

.features li:first-child {
  margin-left: 0
}

.features li h3 {
  max-width: 170px;
  font-size: 18px;
  line-height: 30px
}

.features li span {
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 16px;
  margin-top: 10px;
  background: var(--color-icon-primary)
}

.scenario .container {
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd
}

.scenario li {
  text-align: center
}

.scenario li h3 {
  margin-top: 25px;
  font-family: montserrat-bold
}

.scenario li p {
  margin-top: 15px
}

.scenario li span {
  display: block;
  overflow: hidden
}

.scenario li img {
  width: 100%
}

.scenario li img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03)
}

.postion {
  position: relative
}

.postion .swiper-button-prev,
.postion .swiper-button-next {
  position: absolute;
  top: 25%;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  z-index: 1;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 66px;
  cursor: pointer;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all;
  background:#da632e;
}

.postion .swiper-button-prev {
  left: -33px
}

.postion .swiper-button-next {
  right: -33px
}

.postion .swiper-button-prev:hover,
.postion .swiper-button-next:hover {
  background:#da8235
}

.detail-faq {
  overflow: hidden
}

.faq-con {
  margin-top: -20px
}

.faq-sideMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden
}

.faq-list {
  width: 48%
}

.faq-sideMenu h3 {
  padding-top: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
  cursor: pointer
}

.faq-sideMenu h3 span {
  float: left;
  width: 82%;
  font-size: 18px;
  color: #4a4a4a;
  line-height: 30px;
  font-family: montserrat-medium;
  letter-spacing: 0
}

.faq-txt {
  display: none;
  padding-bottom: 25px;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden
}

.faq-txt p {
  margin-top: 0;
  line-height: 26px;
  font-size: 16px;
  color: #666
}

.faq-sideMenu h3.on {
  border: none
}

.faq-sideMenu h3 em {
  float: right;
  width: 15px;
  height: 15px;
  margin-right: 20px;
  margin-top: 6px;
  cursor: pointer
}

.faq-sideMenu h3 em::before {
  content: '\e604';
  font-size: 17px;
  color: #4a4a4a;
  font-weight: 700
}

.faq-sideMenu h3.on em::before {
  content: '\e605';
  width: 15px;
  height: 15px;
  font-size: 17px
}

.faq-sideMenu h3.on {
  padding-bottom: 10px
}

.related .goods-listcon {
  background: 0 0
}

.related .goods-listcon ul {
  margin-top: 0
}

.related .goods-listcon ul li {
  margin-top: 0;
  border: 1px solid #ddd
}

.related .goods-listcon ul li:hover {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0)
}

.related .postion .swiper-button-prev,
.related .postion .swiper-button-next {
  top: 50%;
  margin-top: -33px
}

.related ul {
  margin-top: 10px
}

.list-link {
  margin-top: 10px
}

.list-link a {
  padding: 5px 10px;
  font-size: 15px;
  color: var(--color-noticeboard-backgroud);
  font-family: montserrat-medium;
  border-bottom: 1px solid #81b889
}

.related .list-link a i {
  margin-left: 10px;
  font-size: 13px
}

.list-link a:hover {
  opacity: .7;
  text-decoration: none
}

.detail-inquiry .div_info {
  width: 100%;
  padding: 0;
  box-shadow: none
}

.detail-inquiry .div_info button {
  width: 296px;
  margin-top: 50px;
  font-size: 16px;
  border-radius: 30px
}

.detail-inquiry .input-position {
  overflow: hidden
}

.detail-inquiry .input-position div.b-t {
  position: relative;
  width: 48%;
  margin-left: 2%;
  float: left;
}

.detail-inquiry .input-position input {
  height: 62px;
  padding-left: 0;
  font-size: 18px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ddd;
  background: #fff
}

.detail-inquiry textarea {
  padding-left: 0;
  font-size: 18px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ddd;
  background: #fff
}

.detail-inquiry .input-position div.b-t:nth-child(2n+1) {
  margin-left: 0
}

.detail-inquiry {
  padding-bottom: 90px
}

@media screen and (min-width:1921px) {
  .foot-other {
      background-position: center bottom
  }

  .banner-bottom {
      width: 40%
  }
}

@media screen and (max-width:1580px) {

  .width-auto {
      width: 78%
  }

  .head-logo {
      width: 18%;
      margin-top: 13px
  }

  .head-logo img {
      width: 100%
  }

  .header {
      height: 76px
  }

  .head-nav {
      width: 62%;
      margin-top: 30px
  }

  .head-nav li {
      height: 46px;
      padding: 0 22px
  }

  .nav-slidedown {
      top: 45px
  }

  .head-nav li a {
      font-size: 16px
  }

  .href a {
      padding: 14px 38px;
      font-size: 14px
  }

  .header .href {
      margin-top: 16px
  }

  .div_info {
      width: 36%
  }

  .cd-popup .div_info {
      top: 80px;
      margin-left: -18%;
      margin-top: 0;
      max-height: 76%
  }

  .banner {
      height: auto;
      min-height: auto
  }

  .banner li span img {
      width: 100%
  }

  .banner-text {
      min-height: auto
  }

  .banner-text h1 {
      font-size: 42px;
      color: #fff;
      line-height: 64px
  }

  .banner-text p {
      font-size: 17px;
      line-height: 30px
  }

  .banner-bottom {
      height: 90px;
      padding: 30px 0 0 60px
  }

  .home-what::after {
      width: 310px;
      height: 90px
  }

  .process .home-processcon {
      background-size: 80% auto
  }

  .banner .swiper-pagination {
      bottom: 32px
  }

  .main-href {
      margin-top: 40px
  }

  .banner .main-href a {
      padding: 15px 72px
  }

  .head-top {
      height: 46px
  }

  .head-fl {
      line-height: 46px
  }

  .head-fl span i {
      margin-top: 5px
  }

  .head-fl span b {
      font-size: 14px
  }

  .header-height {
      height: 76px
  }

  .head-searchbg {
      margin-top: 7px
  }

  .lang-show {
      padding: 12px 0 10px
  }

  .lang-show .lang-hide {
      top: 40px
  }

  h2,
  h2 a {
      font-size: 32px
  }

  .title p {
      font-size: 17px
  }

  .main-href a {
      padding: 16px 50px;
      font-size: 15px
  }

  .home-aboutfr {
      margin-top: 20px
  }

  .title p {
      margin-top: 20px
  }

  .home-aboutnum div {
      margin-top: 10px
  }

  .home-aboutfr .main-href {
      margin-top: 50px
  }

  .tit-text h1 {
      font-size: 44px
  }

  .home-work ul {
      margin-top: 20px
  }

  .home-work li {
      line-height: 90px
  }

  .home-application .title {
      padding-right: 4%;
      padding-bottom: 10px
  }

  .mengban {
      padding: 40px 20px
  }

  .mengban p {
      margin-top: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 7
  }

  .footer {
      padding: 60px 0 40px
  }

  .foot-con h3 {
      font-size: 20px
  }

  .ban-pic img {
      height: 320px;
      min-height: 320px
  }

  .number .home-aboutnum span b {
      font-size: 32px
  }

  .about-choose li p {
      margin-top: 20px
  }

  .about-choose li {
      padding: 40px 20px
  }

  .about-choose li span {
      line-height: 46px;
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8)
  }

  .about-tanktitcon i {
      font-size: 80px
  }

  .goods-tanktit .about-tanktitcon h2 {
      font-size: 31px;
      line-height: 48px
  }

  .goods-certifications .swiper-slide {
      width: 27.2%
  }

  .goods-certifications .cert-btn a {
      width: 56px;
      height: 56px;
      line-height: 56px;
      margin-top: 62px
  }

  .goods-advancon .title {
      margin-top: 42px
  }

  .footother-top h1 {
      margin-top: 20px;
      font-size: 34px
  }

  .footother-top p {
      margin-top: 20px;
      font-size: 20px
  }

  .contact-listnameone li p {
      font-size: 18px
  }

  .postion .swiper-container {
      padding-right: 1px
  }

  .detail-inquiry .input-position input {
      font-size: 16px
  }

  .detail-inquiry .div_info button {
      font-size: 15px
  }

  .contact-list li i {
      -webkit-transform: scale(.9);
      -moz-transform: scale(.9);
      -ms-transform: scale(.9);
      transform: scale(.9)
  }

  .contact-list li div {
      width: 82%
  }

  .contact-list li {
      margin-bottom: 40px
  }

  .cd-popup .div_info input {
      height: 48px
  }

  .cd-popup .div_info {
      padding: 40px
  }

  .cd-popup .div_info h3 {
      padding-bottom: 15px
  }

  .cd-popup .div_info textarea {
      height: 150px
  }

  .cd-popup-close {
      top: 24px
  }

  .swiper-pagination-progress {
      width: 620px
  }

  .pro-tit h1 {
      width: 90%
  }

  .goods-recon div img {
      width: auto;
      height: 100%
  }

  .goods-service ul li span {
      width: 90px;
      height: 90px;
      line-height: 90px;
      -webkit-transform: scale(.9);
      -moz-transform: scale(.9);
      -ms-transform: scale(.9);
      transform: scale(.89)
  }

  .color-conphd li:nth-child(3) span {
      display: inline-block;
      width: 72%
  }

  .color-conphd li:nth-child(3) span img {
      width: 100%
  }

  .color-conphd li:nth-child(1) span {
      width: 50%
  }

  .color-conphd li:nth-child(2) span {
      width: 60%
  }

  .color-conphd li:nth-child(4) span {
      width: 60%
  }

  .color-conphd li span img {
      width: 100%
  }
}

@media screen and (max-width:1420px) {
  .head-logo img {
      width: 100%
  }

  .href a {
      padding: 14px 30px
  }

  .head-nav li {
      padding: 0 25px
  }

  .banner-text h1 {
      font-size: 36px;
      line-height: 52px
  }

  .mengban p {
      margin-top: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4
  }

  .head-nav li {
      padding: 0 14px
  }

  .about-usright,
  .about-videofl {
      margin-top: 0
  }

  .about-usright p {
      margin-top: 20px
  }

  .swiper-pagination-progress {
      width: 520px
  }

  .goods-certifications .swiper-slide {
      width: 28%
  }

  .goods-advancon .title {
      margin-top: 0
  }

  .goods-advantages ul li {
      padding: 40px 32px 30px
  }

  .goods-moreapp h4 {
      font-size: 16px
  }

  .goods-moreapp {
      padding: 20px
  }

  .goods-cutting table td img {
      width: 18px
  }

  .goods-recon div img {
      width: auto;
      height: 100%
  }

  .pro-tit h1 {
      margin-top: 0
  }

  .detail-maodian li {
      display: inline-block;
      margin: 0 16px
  }

  .description-list {
      margin-top: 20px
  }

  .color-con {
      padding-left: 65px
  }

  .features li h3 {
      max-width: 116px
  }

  .application ul {
      margin-top: 0
  }

  .news {
      margin-top: 10px;
      margin-bottom: 60px
  }

  .news-detailtit {
      padding-bottom: 40px
  }

  .news-detailpic div p {
      margin-top: 10px
  }

  .news-detailpic div p {
      font-size: 17px
  }

  .contact-input {
      padding: 60px 0
  }

  .contact-list li i {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8)
  }

  .contact-list li div {
      width: 80%
  }

  .contact-list li h3 {
      font-size: 22px
  }

  .contact-list li p {
      margin-top: 10px
  }

  .contact-map ul {
      margin: 20px 0 60px
  }

  .goods-tanktit .about-tanktitcon h2 {
      font-size: 28px
  }

  .color-conphd p {
      margin-left: 12px
  }
}

@media screen and (max-width:1280px) {
  .head-nav li {
      padding: 0 10px
  }

  .href a {
      padding: 14px
  }

  .head-logo {
      margin-top: 18px
  }

  .banner-text {
      width: 66%
  }

  .banner-text h1 {
      font-size: 28px;
      line-height: 36px
  }

  .banner-text p {
      font-size: 16px;
      line-height: 36px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2
  }

  .head-nav li {
      padding: 0 6px
  }

  .head-nav li a {
      font-size: 14px
  }

  .href a {
      font-size: 13px
  }

  .head-nav li .nav-slidedown a {
      font-size: 14px
  }

  .home-what::after {
      width: 180px
  }

  .home-what h3 {
      position: static
  }

  .home-work li {
      padding: 0 20px
  }

  h2,
  h2 a {
      font-size: 28px
  }

  .mengban p {
      -webkit-line-clamp: 2
  }

  .number .home-aboutnum span b {
      display: block
  }

  .small-banner .ban-txt .title {
      width: 70%
  }

  .footother-fr {
      width: 50%
  }

  .footother-fr .div_info {
      padding: 50px 40px
  }

  .contact-listnameone li h3 {
      margin-top: 30px
  }

  .contact-listnameone li p {
      margin-top: 15px
  }

  .footother-top p {
      font-size: 20px;
      line-height: 30px
  }

  .detail-maodian li {
      margin: 0
  }

  .detail-maodian li a {
      font-size: 13px
  }

  .color-conphd li:nth-child(4) .color-dian {
      margin-top: 22px
  }

  .color-conpbd li img {
      width: 260px
  }

  .features li {
      width: 31%;
      margin-top: 30px;
      margin-left: 2.33%
  }

  .features li:nth-child(3n+1) {
      margin-left: 0
  }

  .features ul {
      margin-top: 0
  }

  .application-detailfl .main-href a {
      margin-bottom: 10px
  }

  .news .main-href a {
      width: 140px;
      vertical-align: top
  }

  .contact-list li div {
      width: 74%
  }

  .contact-list li i {
      margin-right: 20px
  }

  .contact-input .div_info {
      width: 48%
  }

  .contact-list ul {
      margin-top: 20px
  }

  .div_info textarea {
      line-height: 26px
  }

  .news-detail h2 {
      width: 49%
  }

  .goods-application ul li .goods-moreapp i {
      margin-top: 10px;
      font-size: 16px
  }

  .goods-moreapp h4 {
      line-height: 26px
  }

  .color-conphd li:nth-child(4) span {
      width: 260px
  }

  .color-conphd li:nth-child(4) .color-dian {
      margin-top: 8px
  }

  .color-conphd li:nth-child(4) p {
      margin-top: 12px
  }

  .home-application .main-href {
      margin-bottom: 10px;
      margin-top: 20px
  }
}

@media screen and (max-width:1100px) {
  .home-what ul li {
      width: 23%;
      margin-left: 2%
  }

  .product-detailfl {
      width: 100%
  }

  .product-detailfr {
      width: 100%;
      margin-top: 50px
  }

  .pro-tit span {
      margin-top: 0
  }

  .home-aboutnum span b {
      display: block
  }

  .goods-about .home-aboutnum span b {
      display: inline-block
  }
}

@media screen and (max-width:960px) {

  .width-auto {
      width: 88%
  }

  .videos #video {
      top: 30vh;
      height: auto;
      min-height: 20vh
  }

  .header,
  .header-top,
  .header-height {
      display: none
  }

  .mobile-nav,
  .mobile-footer,
  .mobile-height {
      display: block
  }

  .head-link {
      display: none
  }

  .head-fl span b {
      font-size: 14px
  }

  .lang-show .show-current {
      padding: 0 0 0 24px
  }

  .lang-show .lang-hide {
      left: auto;
      right: -42%;
      top: 46px;
      margin-top: 2px
  }

  .head-fl {
      line-height: 48px
  }

  .head-fl span i {
      margin-top: 7px
  }

  .head-top {
      position: relative;
      height: 48px
  }

  .lang-show {
      padding: 13px 0 11px
  }

  .head-searchbg {
      display: none
  }

  .cd-popup .div_info {
      width: 86%;
      margin-left: -43%
  }

  .div_info {
      padding: 30px
  }

  .cd-popup-close {
      top: 15px
  }

  .div_info button {
      margin-top: 28px
  }

  .banner-bottom {
      display: none
  }

  .mobile-height {
      position: relative;
      z-index: 9
  }

  .banner-text {
      width: 100%;
      left: 0
  }

  .banner .swiper-pagination {
      margin-left: 5px
  }

  .banner-text h3 {
      font-size: 32px
  }

  .main-href a {
      font-size: 14px
  }

  .main-href a:nth-child(2) {
      margin-left: 0;
      margin-top: 10px;
      padding: 15px 49px
  }

  p {
      font-size: 15px;
      line-height: 24px
  }

  .banner-text {
      top: 24%
  }

  .banner-text p {
      display: none
  }

  .banner .swiper-pagination {
      bottom: 37px
  }

  .home-what::after {
      width: 120px;
      height: 54px
  }

  .banner-text {
      top: 20%
  }

  .main-href {
      margin-top: 30px
  }

  .banner .swiper-pagination {
      bottom: 24px
  }

  .banner .swiper-pagination span {
      width: 10px;
      height: 10px;
      margin-right: 15px
  }

  .banner .swiper-pagination span.swiper-pagination-bullet-active {
      width: 22px
  }

  .title {
      width: 100%
  }

  .home-what ul li {
      width: 100%;
      margin-left: 0;
      padding: 0 20px
  }

  .home-what ul li {
      margin-top: 30px
  }

  .title p {
      font-size: 16px
  }

  .home-industry {
      background-image: url(../images/m-bg01.webp);
      background-size: auto 100%
  }

  h2,
  h2 a {
      font-size: 26px
  }

  .home-aboutfl,
  .home-aboutfr {
      width: 100%
  }

  .home-aboutfr {
      margin-top: 40px
  }

  .home-aboutnum div {
      width: 100%
  }

  .tit-text h1 {
      font-size: 25px;
      line-height: 40px
  }

  .home-choose ul {
      margin-top: 0
  }

  .home-choose ul li {
      margin-top: 30px
  }

  .home-work ul li {
      width: 50%
  }

  .home-application .title {
      width: 100%;
      margin-top: 0
  }

  .home-applicationlist {
      width: 100%;
      margin-top: 20px
  }

  .mengban p {
      -webkit-line-clamp: 9
  }

  .home-news ul li p,
  .home-news ul li h3 {
      -webkit-line-clamp: 12
  }

  .footer {
      padding: 50px 0 80px
  }

  .foot-logo div:first-child img {
      width: 160px
  }

  .foot-logo span {
      margin-top: 6px
  }

  .foot-logo span a {
      margin-left: 12px
  }

  .foot-con div,
  .foot-con div:first-child,
  .foot-con div.newsletter {
      width: 100%;
      margin-left: 0
  }

  .foot-con {
      margin-top: 20px;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .foot-con div {
      margin-top: 20px;
      margin-right: 0
  }

  .foot-con li a {
      margin-bottom: 15px
  }

  .foot-txt {
      margin-top: 50px;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .foot-gotop {
      margin-top: 20px
  }

  .small-banner .ban-txt .title {
      width: 100%
  }

  .small-banner .ban-txt .title p {
      line-height: 24px;
      font-size: 15px
  }

  .title h1,
  .title h1 a {
      font-size: 28px
  }

  .about-usleft,
  .about-usright {
      width: 100%
  }

  .about-usright {
      margin-top: 30px
  }

  .number {
      margin-top: 0
  }

  .number .home-aboutnum div {
      width: 100%
  }

  .number .home-aboutnum p {
      margin-top: 10px
  }

  .number .home-aboutnum span b {
      font-size: 30px
  }

  .number .home-aboutnum div i {
      width: 14px;
      height: 12px
  }

  .number .home-aboutnum div {
      padding: 30px;
      margin-left: 0
  }

  .about-videofl {
      width: 100%
  }

  .about-videofr {
      width: 94%;
      margin-left: 6%;
      margin-top: 30px;
      background-size: 90% 80%;
      padding: 0 25px 30px 0
  }

  .about-videofr .pulse {
      width: 66px;
      height: 66px;
      left: -22px;
      bottom: -4px
  }

  .about-videofr .pulse img {
      width: 17px;
      margin-top: -9px;
      margin-left: -7px
  }

  .swiper-pagination-progress {
      width: 120px
  }

  .goods-tanktit .about-tanktitcon,
  .goods-send {
      width: 100%
  }

  .goods-tanktit .about-tanktitcon h2 {
      font-size: 19px;
      line-height: 30px
  }

  .about-tanktitcon i {
      font-size: 60px;
      line-height: 26px
  }

  .goods-send input {
      font-size: 16px
  }

  .goods-certifications .swiper-container {
      padding-right: 1px
  }

  .goods-certifications .cert-btn a {
      margin-top: 92px
  }

  #pagesize a {
      margin: 0 1px
  }

  #pagesize ul li:first-child a {
      margin-right: 10px
  }

  #pagesize ul li:last-child a {
      margin-left: 10px
  }

  .goods-advanpic,
  .goods-advancon .title,
  .goods-advantages ul li {
      width: 100%
  }

  .goods-advancon .title {
      margin-top: 30px
  }

  .goods-which ul li {
      width: 50%
  }

  .goods-which ul li:nth-child(5n+1) {
      border-left: 1px solid #eee
  }

  .goods-which ul li:nth-child(2n+2) {
      border-right: 1px solid #eee
  }

  .goods-service ul li {
      padding: 30px
  }

  .goods-service ul li span {
      width: 80px;
      height: 80px;
      line-height: 80px;
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8)
  }

  .footother-fl {
      width: 100%;
      margin-top: 0
  }

  .foot-other {
      padding-bottom: 90px;
      background: url(../images/m-bg08.webp) no-repeat center;
      background-size: auto 100%
  }

  .footother-fr {
      width: 100%;
      margin-top: 30px
  }

  .footother-fr .div_info {
      padding: 40px 30px
  }

  .footother-top h1 {
      font-size: 30px
  }

  .footother-top p {
      font-size: 17px
  }

  .contact-listnameone li p {
      font-size: 15px
  }

  .div_info h3 {
      font-size: 26px
  }

  .goods-about .home-aboutnum div {
      width: 100%;
      margin-top: 0
  }

  .goods-cutting ul {
      margin-top: 15px
  }

  .goods-cutting ul li {
      margin-top: 10px
  }

  .goods-cutting table {
      margin-top: 30px
  }

  .goods-cutting table th,
  .goods-cutting table td {
      display: block;
      width: 100%;
      height: auto;
      padding: 10px 0;
      font-size: 16px
  }

  .goods-cutting table td img {
      width: 16px
  }

  .goods-recontxt {
      padding: 40px
  }

  .goods-recon div img {
      width: 100%
  }

  .application-detailfl {
      width: 100%;
      margin-top: 0
  }

  .application-detailcon {
      margin-top: 40px
  }

  .application-detailfr {
      width: 100%;
      margin-top: 30px
  }

  .application-detailcon {
      padding-bottom: 50px
  }

  .details h3 {
      margin-top: 30px
  }

  .details p {
      margin-top: 20px
  }

  .fenye-prev h3 a,
  .fenye-next h3 a {
      font-size: 15px
  }

  .fenye-prev h3 a:hover,
  .fenye-next h3 a:hover {
      font-size: 16px
  }

  .fenye-prev span a,
  .fenye-next span a {
      font-size: 14px
  }

  .bt-auto div.swiper-button-prev {
      left: -20px
  }

  .bt-auto div.swiper-button-next {
      right: -20px
  }

  .newsmain {
      margin-top: 0
  }

  .news .lg-02 li {
      width: 100%;
      margin-left: 0
  }

  .news .main-href a:nth-child(2) {
      padding: 0 20px
  }

  .news .main-href a:last-child {
      margin-left: 15px;
      margin-top: 0
  }

  .newsmain {
      margin-bottom: 50px
  }

  .news-detail h2 {
      width: 100%
  }

  .news-detailtit div span {
      margin-left: 0;
      margin-right: 10px
  }

  .news-detail h2 {
      font-size: 20px;
      line-height: 26px
  }

  .news-detailtit {
      margin-top: -15px;
      padding-bottom: 30px
  }

  .news-detailtit div {
      margin-top: 15px
  }

  .news-detailtit div p {
      margin-right: 20px
  }

  .news-detailpic {
      padding: 40px 0
  }

  .news-detailpic span,
  .news-detailpic div {
      width: 100%
  }

  .news-detailpic div {
      margin-top: 20px
  }

  .study-fenye {
      margin-top: 50px;
      padding-bottom: 40px
  }

  .contact-list ul {
      width: 100%;
      margin-top: 0
  }

  .contact-input {
      padding: 40px 0
  }

  .contact-list li h3 {
      font-size: 20px
  }

  .contact-list li div {
      width: 70%
  }

  .contact-input .div_info {
      width: 100%
  }

  .contact-map li {
      width: 100%;
      margin-left: 0;
      margin-top: 20px
  }

  .contact-map li span img {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8)
  }

  .pro-tit h1 {
      font-size: 20px;
      line-height: 28px
  }

  .product-detail {
      margin-top: 40px
  }

  .product-detailfr p {
      margin-top: 10px
  }

  .detail-maodian li a {
      line-height: 42px
  }

  .detail-maodian,
  .detail-height {
      height: 128px
  }

  .description th,
  .description td {
      display: block;
      width: 100%;
      margin-top: -1px
  }

  .description td {
      padding-left: 36px
  }

  .description-list div {
      width: 31%;
      margin-left: 3.3%
  }

  .description-list div:nth-child(3n+1) {
      margin-left: 0
  }

  .description-list {
      margin-top: 0;
      padding-bottom: 40px
  }

  .description-color {
      margin-top: 40px
  }

  .detail-title {
      padding-top: 40px
  }

  .features li {
      width: 100%
  }

  .features li h3 {
      max-width: 100%
  }

  .features li {
      margin-top: 20px;
      padding-bottom: 20px;
      margin-left: 0
  }

  .features ul {
      margin-top: -20px
  }

  .features li h3 {
      font-size: 17px
  }

  .postion .swiper-button-prev {
      left: -20px
  }

  .postion .swiper-button-next {
      right: -20px
  }

  .faq-list {
      width: 100%
  }

  .faq-sideMenu h3 {
      padding: 20px 0
  }

  .faq-sideMenu h3 span {
      font-size: 16px;
      line-height: 24px
  }

  .detail-inquiry .div_info {
      margin-top: -20px
  }

  .detail-inquiry .input-position div.b-t {
      width: 100%;
      margin-left: 0;
      margin-top: 10px;
      font-size: 15px
  }

  .detail-inquiry .div_info button {
      width: 100%
  }

  .detail-inquiry .div_info button {
      font-size: 14px
  }

  .detail-inquiry {
      padding-bottom: 50px
  }

  .cd-popup .div_info {
      top: 50%;
      margin-top: -254px
  }

  .news .main-href a {
      width: 168px;
      display: block
  }

  .news .main-href a:last-child {
      margin-left: 0;
      margin-top: 10px
  }

  .contact-map li span {
      -webkit-transform: scale(.9);
      -moz-transform: scale(.9);
      -ms-transform: scale(.9);
      transform: scale(.9)
  }

  .color-conphd li {
      margin-top: 20px
  }

  .color-conphd li:nth-child(4) {
      margin-top: 30px
  }

  .color-conphd li:nth-child(4) .color-dian {
      margin-top: -4px
  }

  .color-conphd li:nth-child(4) p {
      margin-top: 3px
  }

  .color-conphd li:nth-child(1) span {
      width: 30%
  }

  .color-conphd li:nth-child(2) span {
      width: 50%
  }

  .color-conphd li:nth-child(3) span {
      width: 62%
  }

  .color-conphd li:nth-child(4) span {
      width: 30%
  }
}

@media screen and (max-width:620px) {
  .banner-text {
      top: 18px
  }

  .banner-text .main-href {
      display: none
  }

  .mobile-choose li div {
      padding: 30px 40px
  }

  .mobile-choose li div p {
      display: none
  }

  .color-conpbd li img {
      width: 200px
  }

  .color-con {
      padding-left: 20px
  }

  .color-conphd span {
      display: none
  }

  .color-conphd li:nth-child(3) span {
      display: none
  }

  .color-conphd li:first-child {
      margin-left: -17px
  }

  .color-conphd li:nth-child(2) {
      margin-top: 15px;
      margin-left: 12px
  }

  .color-conphd li:nth-child(3) {
      margin-top: 15px;
      margin-left: 15px
  }

  .color-conphd li:nth-child(4) {
      margin-top: 15px;
      margin-left: -10px
  }

  .circle {
      position: absolute;
      left: -265px;
      top: -110px;
      width: 460px;
      height: 460px
  }

  .color-bg img {
      height: 260px
  }

  .color-conphd p {
      font-size: 12px;
      max-width: 50px
  }

  .color-conphd li {
      margin-top: 0
  }
}

@media screen and (max-width:375px) {
  .mobile-choose li div {
      padding: 20px 40px
  }

  .mobile-choose li div span {
      margin-top: 15px
  }

  .color-conphd p {
      display: none
  }
}

@media screen and (max-width:340px) {
  .head-fl span {
      margin-right: 0
  }

  .m-navcenter {
      width: 48%;
      padding-left: 26px
  }

  .detail-maodian li a {
      padding: 0 5px;
      font-size: 12px
  }

  .ban-pic img {
      height: 340px;
      min-height: 340px
  }

  .div_info textarea {
      height: 204px
  }
}