@import "base.css";
@import "swiper.min.css";
@import "animate.min.css";
@import "../font/IMPACT/IMPACT.css";
@import "../font/iconfont/iconfont.css";
@import "pictureViewer.css";

@font-face {
    font-family: "EastmanRomanTrial-Extrabold";
    src:  url("fonts/EastmanRomanTrial-Extrabold.otf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */    
    font-style: normal;
    font-weight: normal;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #e2e1e1;
}

::-webkit-scrollbar-thumb {
    background-color: #199ed8;
}

::-webkit-scrollbar-track {
    background-color: #e2e1e1;
}
body{
    font-size: 14px;
    line-height: 1.42857143;
}
*{
    word-break: break-word !important;
    font-family: Arial !important;
}

a {
    color:inherit;
    transition: all .5s;
}
.s_btn1:before {
    content:"";
    position:absolute;
    display:block;
    transition:all .6s;
    width:100%;
    height:0;
    border-radius:50%;
    left:50%;
    top:50%;
    padding-top:100%;
    transform:translateX(-50%) translateY(-50%)
}
.s_btn1:hover:before {
    animation:s_btnstyle1 .75s;
    z-index:1
}
@keyframes s_btnstyle1 {
  0% {
    background:rgba(0,0,0,.25);
    transform:translateX(-50%) translateY(-50%) scale(0)
  }
  to {
    background:0 0;
    transform:translateX(-50%) translateY(-50%) scale(1)
  }
}

.catname-En{    
    text-transform:Capitalize;
}
.svg-icon{
    font-size: 16px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -3px;
    fill: currentColor;
}
.img-center {
    text-align: center;
    font-size: 0;
}
.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.img-cover {
    overflow: hidden;
}
.img-cover span {
    display: block;
    width: 100%;
    background: no-repeat center / cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.s_title {
    font-size: 16px;
    color: #333;
    line-height: 1;
    text-align: left;
    font-weight: 400;
    font-family: Microsoft YaHei,微软雅黑;
}


/*分页管理 start*/

#pages a ,
#pages span {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    min-width: 30px;
    margin: 0 3px;
    padding:0 5px;
    text-align: center;

    font-size:14px;
    color:#8a8a8a;
    border-style:solid;
    border-width:1px;
    border-color:#ebebeb;
    border-radius:2px;
    font-family:Arial;
    background-color:rgba(255,255,255,0)
}
#pages .a:hover {
  color:#409eff;
  border-color:#409eff;
  background-color:rgba(255,255,255,0)
}
#pages span {
  background-color:#222a35;
  color:#fff;
  border-color:#222a35;
}
#pages a:hover {
  color:#409eff;
  border-color:#409eff
}
#pages a:not([href]) {
    border-color: #ebebeb;
    color: #8a8a8a;
    background-color: #f4f4f5;
}
#pages a:hover:not([href]) {
    background-color: #f4f4f5;
    color: #c0c4cc;
    border-color: #f4f4f5;
}
#pages span:hover {
    opacity: 0.8;
}
/*分页管理 end*/

.width-maxno {
    max-width: none !important;
}
.main {
    position: relative;
    width: 90%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}
.header {
    background-color: rgb(255,255,255,0.85);
    min-height: 0px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0);
    margin-top: 0px;
    max-width: none;
    transition: all .5s;
}
.header .topbar {
    max-height:35px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.header .topbar .icon{
    font-size: 16px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -3px;
    fill: currentColor;
    overflow: hidden;
}
.header .topbar .s_title{
    font-size: 14px;
    line-height: normal;
}
.header .topbar ul{

}
.header .topbar ul li{
    margin-right:30px;
}
.header .topbar ul li:last-of-type{
    margin-right:0px;
}

.header .logo{
    overflow: hidden;
    max-width: 200px;
    margin-right: 5px;
    margin-top: 0px;
    margin-left: 0px;
}
.header .searchicon-box{
    display: block;
    width:50px;
    text-align: center;
    font-size:18px;
    margin-right:10px;
}
.header .searchicon-box:hover{
    color:red;
}
.header .languageNav{    
    width: 120px;
    height:40px;
    position: relative;
}
.header .languagebox{
    width: 100%;
    position: absolute;
    background: none;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.4);
    z-index: 10;
    right: 0;
}
.header .languagebox:hover{
    background-color: rgba(255, 255, 255, 0.9);
}
.header .languagebox .switchbtn{
    height:32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .languageNav svg{
    transition: all ease .3s;
    margin: 2px 0 0 7px;
    transform: rotate(0deg);
}
.header .languageNav ul{
    padding-bottom: 8px;
    display: none;
    margin-top:-5px;
}
.header .languageNav ul a{
    display: block;
    padding: 5px 20px;
    color: rgb(0 0 0 / 40%);
    transition: all ease .3s;
}
.header .nav{

}
.header .nav .menu-item>a{
    position: relative;
    font-size: 16px;
    padding: 0 0.8vw;
    line-height: 70px;
    display: block;
    text-align: center;
    text-transform:Capitalize;
}
.header .nav .child-menu{
    display: none;
    height: auto;
    padding: 15px 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f2f2f2;
    width: 220px;
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 99;
    transform: translateX(-50%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #91BF30;
}
.header .nav .child-menu p{
    position: relative;
    width: 100%;
}
.header .nav .child-menu a{
    font-size: 15px;
    padding: 0 10px;
    line-height: 35px;
    display: block;
    text-align: center;
    color: rgba(255,255,255,.8);
    opacity: 1;
    transition: all ease .3s;
}
.header .nav .menu-item:hover .child-menu {
}
.header .nav .menu-item>a::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    border: 8px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: transparent transparent #91BF30 transparent;
    opacity: 0;
    transition: all .5s ease;
}
.header .menu-item:hover>a::before {
    color: #91BF30;
    opacity: 1;
    bottom: 0px;
}

.header.active{
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    transition: all .5s;
}
.header.active .topbar{
    background-color: #f3f3f3;
}

/*首页幻灯片开始*/
.index-banner {
  height:100vh;
  max-height:1000px
}

.index-banner {
  height:100vh;
  max-height:1000px
}
.index-banner .swiper-container {
  width:100%;
  height:100%;
  overflow:hidden
}
.index-banner .swiper-wrapper {
  height:inherit
}
.index-banner .swiper-slide {
  height:inherit;
  background:#fff;
  z-index:10
}
.index-banner .p_slide {
  background-position:center center;
  background-size:cover
}
.index-banner .p_img {
  width:100%;
  height:100%;
  overflow:hidden
}
.index-banner .p_img img {
  display:block;
  width:100%;
  left:0px;
  top:0px;
  object-fit:cover;
  filter:unset;
  max-height:1000px;
  height:100vh
}
.index-banner .swiper-slide img {
  position:relative;
  transition:all 1s ease 2.5s;
  transform:perspective(1000px) translate3d(0, 0, 100px)
}
.index-banner .swiper-slide.swiper-slide-active img {
  transition:all 3s ease 0s;
  transform:perspective(1000px) translate3d(0, 0, 0px)
}
.index-banner .custom-bullet {
  background:#ccc
}
.index-banner .p_info {
  width:50%;
  position:absolute;
  right:50%;
  top:50%;
  z-index:9;
  display:flex;
  transform:translateX(50%) translateY(-50%);
  align-items:center;
  text-align:center
}
.index-banner .p_info div {
  width:100%
}
.index-banner .p_subtitle {
  line-height:2;
  padding:5px 0
}
.index-banner .swiper-container-vertical {
  height:400px
}
.index-banner .p_video {
  width:100%;
  height:100%;
  z-index:3;
  overflow:hidden;
  margin-right:0;
  margin-left:auto;
  position:relative
}
.index-banner .p_video .videoContent {
  width:100%;
  height:100%
}
.index-banner .video_cover {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:url() repeat;
  z-index:21;
  opacity:1
}
.index-banner .p_video video {
  width:100%;
  height:100%;
  background:#000;
  object-fit:cover
}
.index-banner video {
  width:100%!important;
  height:100%!important;
  object-fit:cover
}
.index-banner .p_videoPoster {
  position:absolute;
  width:100%;
  height:100%;
  z-index:2;
  cursor:pointer
}
.index-banner .p_videoPoster::before {
  content:" ";
  position:absolute;
  width:100%;
  height:100%;
  z-index:2;
  background:url('../../images/yb/playVideo.png') no-repeat center center
}
.index-banner .p_videoPoster img {
  width:100%;
  height:100%;
  object-fit:cover
}
.index-banner .p_videoInfo {
  display:none
}
.index-banner .swiper-slide .ind_ban_tex {
  position:absolute;
  text-align:left;
  width:90%;
  top:25%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:5;
  display:block;
  max-width:none
}
.index-banner .swiper-slide .ind_ban_tex .ind_ban_con {
  width:100%;
  display:block
}
.index-banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
  overflow:hidden;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px
}
.index-banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
  margin-bottom:0px;
  margin-left:auto;
  max-width:50vw;
  margin-right:auto
}
.index-banner .swiper-slide .ind_ban_con .ind_ban_tex_en {
  font-size:2.2vw;
  line-height:1.2;
  font-family:"EastmanRomanTrial-Extrabold";
  color:#ffffff;
  text-shadow:1px 0 1px rgba(0, 0, 0, 0.5);
  transform:translateY(30px);
  opacity:0;
  margin-bottom:10px;
  letter-spacing:10
}
.index-banner .swiper-slide.swiper-slide-active .ind_ban_con .ind_ban_tex_en {
  transition:all 2s ease 0.5s;
  transform:translateX(0);
  opacity:1;
  font-family:"EastmanRomanTrial-Extrabold";
  letter-spacing:10;
  display:none
}
.index-banner .swiper-slide .ind_ban_tex .b_line {
  width:80px;
  margin:0px 0px 30px;
  height:4px;
  background:#fff;
  transform:translateY(30px);
  opacity:0;
  border-radius:25px;
  display:none
}
.index-banner .swiper-slide.swiper-slide-active .ind_ban_tex .b_line {
  transition:all 2s ease 1.2s;
  transform:translateX(0);
  opacity:1
}
.index-banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
  color:#ffffff;
  font-size:3.5vw;
  font-weight:normal;
  text-align:center;
  text-transform:capitalize;
  line-height:1.2;
  text-shadow:3px 0 3px rgba(0, 0, 0, 0.5);
  transform:translateY(30px);
  font-weight:900;
  opacity:0;
  margin-bottom:0px
}
.index-banner .swiper-slide.swiper-slide-active .ind_ban_tex_title .t_big {
  transition:all 2s ease 0.8s;
  transform:translateX(0);
  opacity:1;
  letter-spacing:0px
}
.index-banner .swiper-slide .ind_ban_tex .ind_ban_tex_info p {
  color:#ffffff;
  font-size:1.3vw;
  line-height:1.5;
  text-align:center;
  text-shadow:3px 0 10px rgba(22, 78, 145, 0.4);
  transform:translateY(30px);
  opacity:0;
  white-space:pre-line
}
.index-banner .swiper-slide.swiper-slide-active .ind_ban_tex .ind_ban_tex_info p {
  transition:all 2s ease 1.4s;
  transform:translateX(0);
  opacity:1
}
.index-banner .swiper-pagination-bullets {
  bottom:3%
}
.index-banner .swiper-pagination-bullet {
  width:12px;
  height:12px;
  border-radius:10px;
  background-color:rgba(255, 255, 255, 1);
  margin:0 8px;
  opacity:1;
  transition:all 0.4s ease
}
.index-banner .swiper-pagination-bullet-active {
  background:#fff;
  width:53px
}
.index-banner .p_button {
  display:inline-block;
  margin-top:40px;
  border:solid 2px #f4ac1b;
  background-color:#f4ac1b;
  width:100%;
  max-width:160px;
  padding:10px 10px;
  color:#fff;
  text-align:center;
  font-size:16px;
  opacity:0;
  transform:translateY(40px);
  transition:all ease .3s,transform ease .8s .9s,opacity ease .8s .9s
}
.index-banner .swiper-slide-active .p_button {
  opacity:1;
  transform:translateY(0px);
  display:none
}
.index-banner .p_button:hover {
  border:solid 2px #f4ac1b;
  background-color:rgba(0, 0, 0, 0);
  color:#f4ac1b
}
.index-banner .shade {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:50%;
  background-blend-mode:normal;
  background-size:cover;
  background-image:linear-gradient(90deg, rgb(2, 77, 161, 0), 30%, rgb(2, 77, 161, 0));
  z-index:2
}
@media screen and (max-width:768px) {
.index-banner {
    margin-top:60px;
    max-height:240px;
  }
.index-banner .videoContent video {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    height:100%;
    width:auto
  }
.index-banner .p_img img {
    display:block;
    width:100%;
    left:0px;
    top:0px;
    object-fit:cover;
    filter:unset;
    max-height:240px
  }
.index-banner .swiper-container {
    width:100%;
    height:100%;
    overflow:hidden;
    max-height:240px
  }
.index-banner .swiper-slide {
    height:100%
  }
.index-banner .p_info {
    width:100%;
    z-index:9;
    text-align:center
  }
.index-banner .p_subtitle {
    display:none
  }
.index-banner .p_summary {
    display:none
  }
.index-banner .swiper-pagination-bullet {
    width:8px;
    height:8px;
    margin:0 4px
  }
.index-banner .swiper-pagination-bullet-active {
    width:20px
  }
.index-banner .swiper-slide .ind_ban_tex .ind_ban_tex_info p {
    font-size:14px
  }
.index-banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
    margin-bottom:0px
  }
.index-banner .swiper-slide .ind_ban_tex .b_line {
    width:30px;
    margin:10px 0px 10px;
    height:2px
  }
.index-banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
    font-size:24px;
    line-height:1.5
  }
.index-banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
    max-width:100%;
    margin-top:10px;
    display:none
  }
  #c_banner_015_P_146-17139575011800 .an {
    width:120px;
    background-image:linear-gradient( 90deg ,#d0231d 0%,#b52e29 100%);
    height:40px;
    line-height:40px
  }
.index-banner .swiper-slide .ind_ban_con .ind_ban_tex_en {
    font-size:6vw
  }
.index-banner .p_button {
    display:none
  }
}

/*首页幻灯片 结束*/

/*首页产品栏目 开始*/
.index-product-category{
    padding-top: 3%;
    padding-bottom: 3%;
}

.index-product-category .title{
    line-height: normal;
    font-size: 2.5vw;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: center;
    font-weight: bold;
}
.index-product-category .desc{
    line-height: 1.5;
    font-size: 16px;
    font-family: Microsoft YaHei,微软雅黑;
    text-align: center;
    margin-top: 10px;
    max-width: 1000px;
    width:80%;
    margin-left: auto;
    margin-right: auto;
}
.index-product-category .category-item{

}
.index-product-category .category-item a{
    display: block;
    line-height: 1.3;
    padding: 15px 0px;
    font-size: 18px;
    font-family: Microsoft YaHei,微软雅黑;
    text-align: center;
    border: 1px solid #888;
    border-radius: 100px;
    transition: all .5s;
}
.index-product-category .category-item a:hover{
    border: 1px solid #739726;
    background-color: #739726;
    color: #fff;
    transition: all .5s;
}

/*首页产品栏目 结束*/

/*首页产品幻灯 开始*/
.index-product-box {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-image: url(../../images/yb/index-product-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.index-product-slide {
    min-height: 0px;
    background-image: url(../../images/yb/index-product-slide-bg.jpg);
    background-repeat: no-repeat;
    background-position: top -50px center;
    padding-top: 2%;
    margin-bottom: 2%;
    background-size: contain;
}
.index-product-slide .product-thumb-box{
    width:60%;
    float:left;
}
.index-product-slide .product-thumb-box .s_img img{
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
.index-product-slide .product-detail-box{
    width:40%;
    float:right;
}
.index-product-slide .product-detail-box .product-detai{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 90%;
    padding: 14%;
    background-color: #91BF30;
    height: 31em;
    margin-left: auto;
    margin-right: 0px;
}
.index-product-slide .product-detail-box .product-detai .s_title{
    line-height: normal;
    font-size: 26px;
    font-weight: bold;
}
.index-product-slide .product-detail-box .product-detai .s_title a{
    color: #fff;
}
.index-product-slide .product-detail-box .product-detai .s_desc{
    line-height: 1.8;
    font-size: 14px;
    margin-top: 15px;
    text-align: left;
}
.index-product-slide .product-detail-box .product-detai .s_desc a{
    color: rgba(255,255,255,1);
}

.index-product-slide .product-detail-box .product-detai .s_btns{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-top: 30px;
}
.index-product-slide .product-detail-box .product-detai .s_btns .btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    padding: 0px;
    line-height: 45px;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #fff;
    border-radius: 100px;
    transition: all .5s;
}
.index-product-slide .product-detail-box .product-detai .s_btns .btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.index-product-slide .product-detail-box .product-detai .s_btns .btn:hover{
    transition: all .5s;
    background-color: #739726;
    border: 1px solid #739726;
}
.index-product-slide .product-detail-box .product-detai .s_btns .btn:hover:after{
    opacity: 1;
}
.index-product-slide  .swiper-button-next:after,
.index-product-slide  .swiper-button-prev:after {
  font-size:26px
}
.index-product-slide  .swiper-button-prev {
  left:auto;
  right:80px
}
.index-product-slide  .swiper-button-next,
.index-product-slide  .swiper-button-prev {
font-size:26px;
  z-index:1;
  top:69%;
  border:1px solid #fff;
  border-radius:100%;
  width:50px;
  height:50px;
  color:#fff;
  transition:all .5s;
  background-size:20px auto;
}
.index-product-slide  .swiper-button-next:hover,
.index-product-slide  .swiper-button-prev:hover {
  border:1px solid #739726;
  color:#739726;
  transition:all .5s
}



/*首页产品幻灯 结束*/

/*首页产品列表幻灯 开始*/
.index-product-list-slide {
    min-height: 0px;
    padding-top: 0px;
    padding-bottom: 5%;
    background-color: rgba(255,255,255,0);
    margin-top: -30px;
}
.index-product-list-slide .main{
    padding:0 60px;
}
.index-product-list-slide .swiper-slide{
    padding-top: 20px;
}

.index-product-list-slide .swiper-slide .prod-item-box{
    width: 100%;
    background-color: rgba(255,255,255,1);
    transition: all .5s;
    margin-top: 20px;
    padding-bottom: 20px;
}
.index-product-list-slide .swiper-slide img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all .5s ease;
    object-fit: cover;
}
.index-product-list-slide .swiper-slide .s_title{
    line-height: 1.3;
    font-size: 16px;
    font-family: Microsoft YaHei;
    text-align: center;
    color: rgba(51,51,51,1);
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.index-product-list-slide .swiper-slide .s_desc{
    line-height: 1.3;
    font-size: 14px;
    font-family: Arial;
    padding-left: 10px;
    padding-right: 10px;
    height: 4em;
    padding-top: 0px;
    padding-bottom: 20px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.index-product-list-slide .swiper-slide .s_btns{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-top: 30px;
}
.index-product-list-slide .swiper-slide .s_btns .btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 90%;
    padding: 0px;
    line-height: 30px;
    font-size: 14px;
    background-color: #91BF30;
    color: #fff;
    border: 1px solid #91BF30;
    border-radius: 100px;
    transition: all .5s;
    margin-left: auto;
    margin-right: auto;
}
.index-product-list-slide .swiper-slide .s_btns .btn span{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}
.index-product-list-slide .swiper-slide .s_btns .btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.index-product-list-slide .swiper-slide .s_btns .btn:hover{
    transition: all .5s;
    background-color: #739726;
    border: 1px solid #739726;
}
.index-product-list-slide .swiper-slide .s_btns .btn:hover:after{
    opacity: 1;
}

.index-product-list-slide .swiper-slide .prod-item-box:hover{
    margin-top: 0px;
    transition: all .5s;
    border-radius: 15px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}

.index-product-list-slide .swiper-button-next,
.index-product-list-slide .swiper-button-prev {
    width:40px;
    height:40px;
    background-color:#a0ceff;
    background-color:#a0ceff;
    border-radius:100%;
    transition:all ease .3s;
    transform:translateY(-10px);
    z-index:10;
    left:0;
    top:60%;
    background-size:15px auto;
}
.index-product-list-slide .swiper-button-next::after,
.index-product-list-slide .swiper-button-prev::after {
    font-size:12px;
    font-weight:bold;
    color:#fff
}
.index-product-list-slide .swiper-button-next {
    right:0;
    left:auto
}
.index-product-list-slide .swiper-button-next:hover,
.index-product-list-slide .swiper-button-prev:hover {
    background-color:#77b9ff
}
@media screen and (max-width:768px) {
    .index-product-list-slide .swiper-button-next,
    .index-product-list-slide .swiper-button-prev {
        top:40%
    }
}
/*首页产品列表幻灯 结束*/


/*首页解决方案 开始*/
.index-solution-box{
    padding-top: 3%;
    padding-bottom: 3%;
}

.index-solution-box .title{
    line-height: normal;
    font-size: 2.5vw;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: center;
    font-weight: bold;
}
.index-solution-box .desc{
    line-height: 1.5;
    font-size: 16px;
    font-family: Microsoft YaHei,微软雅黑;
    text-align: center;
    margin-top: 10px;
    max-width: 1000px;
    width:80%;
    margin-left: auto;
    margin-right: auto;
}
.index-solution-box .links-box{
    max-width: 1000px;
    width:80%;
    margin-left: auto;
    margin-right: auto;
}
.index-solution-box .link-item{
    text-align: center;
}
.index-solution-box .link-item a{
    line-height: normal;
    font-size: 20px;
    font-family: Arial;
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
    color: #91BF30;
    text-align: center;
}
.index-solution-box .link-item i.bi{
    font-size: 20px;
    color: #91BF30;
}

.index-solution-box .images-box .item-box{
    position: relative;
    overflow: hidden;
}
.index-solution-box .images-box ._img{
/*    position: absolute;*/
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow: hidden;
}
.index-solution-box .images-box ._img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}

.index-solution-box .images-box .item-box:hover ._img img{

    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}

.index-solution-box .images-box .text_box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    padding-left: 30px;
    position: absolute;
    left: 0;
    bottom: -80px;
    transition: all .5s;
    z-index: 2;
}
.index-solution-box .images-box .text_box .p_title{
    line-height: normal;
    font-size: 26px;
    font-family: Microsoft YaHei,微软雅黑;
    color: rgba(255,255,255,1);
    font-weight: bold;
    width: 100%;
}
.index-solution-box .images-box .text_box .p_title a{
    color: #fff;
}

.index-solution-box .images-box .text_box .s_btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    padding: 0px;
    line-height: 45px;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #fff;
    border-radius: 100px;
    margin-top: 80px;
    transition: all .5s;
}
.index-solution-box .images-box .text_box .s_btn span{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
    color: #fff;
}
.index-solution-box .images-box .text_box .s_btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.index-solution-box .images-box .item-box:hover .text_box{
    bottom: 50px;
    transition: all .5s;
}
.index-solution-box .images-box .item-box:hover .s_btn {
    margin-top: 30px;
    transition: all .5s;
}
.index-solution-box .images-box .item-box .s_btn:hover {
    background-color: #739726;
    border: 1px solid #739726;
}
/*首页解决方案 结束*/


/*首页关于我们 开始*/

.index-about-box {
    min-height: 0px;
    background-image: url(../../images/yb/index-about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding-top: 6%;
    padding-bottom: 6%;
}
.index-about-box .about-detail{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 48%;
    margin-left: auto;
    margin-right: 0px;
}

.index-about-box .about-detail .title{
    line-height: normal;
    font-size: 2.5vw;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: left;
    color: rgba(255,255,255,1);
    font-weight: bold;
}
.index-about-box .about-detail .s_title{
    line-height: normal;
    font-size: 20px;
    font-family: Microsoft YaHei,微软雅黑;
    color: rgba(255,255,255,1);
    margin-top: 10px;
    font-weight: bold;
}
.index-about-box .about-detail .desc{
  line-height: 1.6;
  font-size: 14px;
  font-family: Microsoft YaHei,微软雅黑;
  color: rgba(255,255,255,1);
  margin-top: 20px;
}

.index-about-box .about-detail .nums-box{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
}
.index-about-box .about-detail  .nums-box .p_num{
    font-size: 50px;
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
    /*font-family: "EastmanRomanTrial-Extrabold" !important;*/
}
.index-about-box .about-detail  .nums-box p{
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    width: 100%;
    display: block;
    line-height: 30px;
}
.index-about-box .about-detail .s_btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    padding: 0px;
    line-height: 45px;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #fff;
    border-radius: 100px;
    margin-top: 80px;
    transition: all .5s;
}
.index-about-box .about-detail .s_btn span{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
    color: #fff;
}
.index-about-box .about-detail .s_btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.index-about-box .about-detail .s_btn:hover {
    background-color: #739726;
    border: 1px solid #739726;
}

/*首页关于我们 结束*/


/*首页新闻 开始*/
.index-news-box {
    min-height: 0px;
    padding-top: 5%;
    padding-bottom: 5%;
}
.index-news-box .title{
    line-height: normal;
    font-size: 2.5vw;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.index-news-box .news-list{
    margin-top: 2%;
}
.index-news-box .news-list .new-item{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    padding-top: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(228,228,228,1);
    transition: all .5s;
}
.index-news-box .news-list .new-item .n-info .s_date{
    min-height: 20px;
    font-size: 14px;
    color: rgba(173,173,173,1);
    line-height: 1;
    font-family: Arial;
    transition: all .5s;
}
.index-news-box .news-list .new-item .n-info .s_title{
  line-height: 1.3;
  height:4em;
  font-size: 18px;
  font-family: Microsoft YaHei;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 5px;
  transition: all .5s;
  font-weight: bold;
}
.index-news-box .news-list .new-item .n-info .s_desc{
  line-height: 1.3;
  font-size: 14px;
  font-family: Arial;
  margin-top: 10px;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index-news-box .news-list .new-item .n-thumb{
      display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}
.index-news-box .news-list .new-item .n-thumb img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all .5s ease;
    object-fit: cover;
}
.index-news-box .news-list .new-item:hover{
    border-top-color: #739726;  
}
.index-news-box .news-list .new-item:hover .s_date{
    color: #739726;
}
.index-news-box .news-list .new-item:hover .s_title{
    color: #739726;
}
.index-news-box .news-list .new-item:hover .n-thumb img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

/*首页新闻 结束*/

/*首页服务 开始*/
.index-service-box {
    position: relative;
    min-height: 0px;
    background-image: url(../../images/yb/bg_black.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    overflow: hidden;
    padding-top: 9%;
    padding-bottom: 10%;
}
.index-service-box .service-video-bg {
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:0
}
.index-service-box .service-video-bg:before {
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-color:rgb(0,0,0,0.3);
    z-index:1
}
.index-service-box .service-video-bg video {
    width:100%;
    display:block
}
.index-service-box .service-video-bg .p_video {
    position:relative;
}
.index-service-box .service-video-bg .cover {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.index-service-box .service-video-bg .cover .coverImage {
    width:100%;
    height:100%
}
.index-service-box .service-video-bg .cover .coverImage img {
    width:100%;
    height:100%;
    object-fit:contain
}
.index-service-box .service-video-bg .cover .playBtn {
    position:absolute;
    width:80px;
    height:80px;
    z-index:2;
    left:50%;
    top:50%;
    margin:-40px auto auto -40px;
    cursor:pointer
}
.index-service-box .service-video-bg:before{
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0,0,0,0.3);
    z-index: 1;
}
.index-service-box .title{
    line-height: normal;
    font-size: 2.5vw;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: center;
    width: 90%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255,255,255,1);
}
.index-service-box .desc{
    line-height: 1.8;
    font-size: 16px;
    font-family: Microsoft YaHei,微软雅黑;
    text-align: center;
    margin-top: 20px;
    color: rgba(255,255,255,1);
    max-width: 1024.08px;
    margin-left: auto;
    margin-right: auto;
}
.index-service-box .links-box{
    margin-top: 20px;
    max-width: 1000px;
    width:80%;
    margin-left: auto;
    margin-right: auto;

}
.index-service-box .link-item{
    text-align: center;
}
.index-service-box .link-item a{
    line-height: normal;
    font-size: 20px;
    font-family: Arial;
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
    color: rgba(255,255,255,1);
    text-align: center;
}
.index-service-box .link-item i.bi{
    font-size: 20px;
    color: rgba(255,255,255,1);
}
.index-service-box .s_btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    padding: 0px;
    line-height: 45px;
    font-size: 16px;
    background-color: initial;
    border: 1px solid #fff;
    border-radius: 100px;
    margin: 80px auto 0;
    transition: all .5s;
}
.index-service-box .s_btn span{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
    color: #fff;
}
.index-service-box .s_btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.index-service-box .s_btn:hover {
    background-color: #739726;
    border: 1px solid #739726;
}
/*首页服务 结束*/




/*底部菜单 开始*/
.footer {
    color:#333;    
    background-color: #fff;
}


.footer .footer-form{
    min-height: 0px;
    background-color: #91BF30;
    padding-bottom: 3%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 3%;
}
.footer .footer-form .s_form-control{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.footer .footer-form textarea{
      border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: calc(6.5em + 0.75rem + 2px);
}
.footer .footer-form button{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    background-color: #739726;
    overflow: hidden;
    color: #fff;
}

.footer .form_title{
    line-height: normal;
    font-size: 34px;
    text-align: left;
    color: rgba(255,255,255,1);
    font-weight: bold;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    padding-right: 5%;
}
.footer .footer-menu .menu-box{
    position: relative;
}
.footer .footer-menu .menu-item .title{
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 20px;
}
.footer .footer-menu .menu-item .title a{
    color: #000;
}
.footer .footer-menu .menu-item .child-menu p{
    font-size: 13px;
    font-weight: normal;
    line-height: 2.5;

}
.footer .footer-menu .menu-item .child-menu span{
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.footer  .footer-contact{
    flex: 0 0 370px;
    border-left: 1px solid #dedede;
    padding-left: 60px;

}
.footer  .footer-contact .s_title{
    line-height: normal;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: rgba(255,255,255,1);
    padding-left: 0px;
    margin-top: 5px;
}
.footer  .footer-contact .s_title a{
    color: rgba(255,255,255,1);
}
.footer  .footer-contact .whatapp_title{
    font-size: 13px;
    font-family: Arial;
    color: #000;
    line-height: 1.7;
    max-width: none;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 0px;
}
.footer  .footer-contact .s_subtitle{
    font-size: 32px;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 0rem;
    font-family: "f3cac639-aa37-4abd-a3b7-497e00ced591" !important;
}
.footer  .footer-contact .s_subtitle a{
    color: #333;

}



.footer .footer-menu{
    min-height: 0px;
    padding-top: 4%;
    padding-bottom: 10px;
    background-color: #fff;
}
.footer .footer-info{
    margin-top:50px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    color:#333;
    padding:10px 0;
}

.footer .footer-info .s_title{
    font-size: 14px;
    color:rgba(255, 255, 255, 0.5)
}
.footer .footer-info .p_item{
    padding:0 15px;
    height:20px;
    position: relative;
}
.footer .footer-info .p_item:after{
    position: absolute;
    top:0px;
    right:0px;
    width:1px;
    height:14px;
    content:'';
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
}
.footer .footer-info .p_item:last-of-type:after{
    display: none;
}
.footer .footer-info .p_item a{
    color:rgba(255, 255, 255, 0.5)
}

/*底部菜单 结束*/

.subcurmb{
    height:100%;
}
.subcurmb a{
    color: rgba(0,0,0,0.9);
    text-transform:Capitalize;
}
.subcurmb i{
  color: rgba(0,0,0,0.9);
    line-height: 1;
    font-size:14px;
    padding:0 3px;
}
.subcurmb a:hover{
  color: #0a58ca;
}


/*******产品中心 开始*******/
/*头部栏目 start*/
.banner-product {
    min-height: 230px;
    background-color: #91BF30;
    padding-top:170px;
}
.banner-product .catname{
line-height: normal;
  font-size: 36px;
  font-family: "EastmanRomanTrial-Extrabold" !important;
  color: rgba(255,255,255,1);
  font-weight: bold;
}
.banner-product .subcurmb{


}
.banner-product .subcurmb a{
    color: rgba(255,255,255,0.9);
}
.banner-product .subcurmb i{
    color: rgba(255,255,255,0.9);
}
.banner-product .subcurmb a:hover{
    color: rgba(255,255,255,1);
}


.banner-product-mini{
    height: 105px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: #fff;
}


/*头部栏目 end*/
.product-box {    
  padding-top: 3%;
  padding-bottom: 3%;
}
.prolist-left {
    width:20%;
    min-width: 310px;
    user-select: none;
    font-size: 14px;
}
.prolist-left .menu-item ._parent{    
    display: flex;
    justify-content: space-between;
    position: relative;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    transition: all ease .3s;
    width: 100%;
    color: #333;
    background: #f1f1f1;
    font-weight: bold;
}
.prolist-left .menu-item ._parent a{
    width: 100%;
    padding-left: 15px;
    display: flex;
    justify-content: flex-start;
}
.prolist-left .menu-item ._parent a{

}
.prolist-left .menu-item ._parent .arrbtm{
    width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid rgba(0,0,0,0.05);
    transition: border-left ease .3s;
}
.prolist-left .menu-item ._parent .arrbtm i{
    margin: 0;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    width: auto;
    height: 14px;
    right: 15px;
    pointer-events: none;
}

.prolist-left .menu-item.active ._parent{
    background: #739726;
    color: #fff;
    border-bottom: 1px solid #739726;
}
.prolist-left .menu-item.active ._parent a,
.prolist-left .menu-item.active ._parent  .arrbtm{
    color:#fff !important;
}
.prolist-left .menu-item ._parent:hover a,
.prolist-left .menu-item ._parent:hover .arrbtm{
    color: #739726;
    border-left-color:rgba(255,255,255,0.1);
}
.prolist-left .menu-item.active .menu-child{

}
.prolist-left .menu-child{    
    height:0px;
    overflow: hidden;
    transition: all ease .8s;
}
.prolist-left .menu-item.active .menu-child,
.prolist-left .menu-child.show{
    height:auto;
}
.prolist-left .menu-child li{    
    display: flex;
    justify-content: space-between;
    position: relative;
    line-height: 50px;
    border-bottom: 1px solid #ece9e9;
    font-size: 16px;
    transition: all ease .3s;
    width: 100%;
    color: #666;
    background: #f9f9f9;
}
.prolist-left .menu-child li a{
    width: 100%;
    padding-left: 15px;
    display: flex;
    justify-content: flex-start;
}
.prolist-left .menu-child li.active a{
    color: #739726;    
    font-weight: bold;
}
.prolist-left .menu-child li:hover a{
    color: #739726;        
}
.prolist-left .contact-box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    background-color: rgba(249,249,249,1);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.prolist-left .contact-box .title{
    line-height: normal;
    text-align: left;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}
.prolist-left .contact-box ul li{
    line-height: normal;
    font-size: 16px;
    font-family: Arial;
    text-align: left;
    padding-right: 0px;
    margin-top: 12px;
}

.prolist-left .contact-box  .s_btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    padding: 0px;
    line-height: 36px;
    font-size: 16px;
    background-color: #91BF30;
    border: 1px solid #91BF30;
    color: #fff;
    border-radius: 100px;
    margin-top: 20px;
    transition: all .5s;
}
.prolist-left .contact-box  .s_btn span{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
    color: #fff;
}
.prolist-left .contact-box  .s_btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.prolist-left .contact-box  .s_btn:hover {
    background-color: #739726;
    border: 1px solid #739726;
}
.product-box .items-box .catname{
    width: 100%;
    line-height: 1;
    font-size: 34px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 3%;
    border-bottom: 1px solid #ddd;
    text-transform:Capitalize;
}

.product-box .items-box .porduct-item{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    transition: all .5s;
    margin-top: 0px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.product-box .items-box .porduct-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.product-box .items-box .porduct-item:hover img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}

.product-box .items-box .porduct-item .s_title{
    line-height: 1.3;
    font-size: 16px;
    font-family: Microsoft YaHei;
    text-align: center;
    color: rgba(51,51,51,1);
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    width: 100%;
}
.product-box .items-box .porduct-item .s_desc{
    line-height: 1.3;
    font-size: 14px;
    font-family: Arial;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 20px;
    color:rgba(136,136,136,1);
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-box .items-box .porduct-item .s_btns{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}
.product-box .items-box .porduct-item .s_btns .btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 90%;
    padding: 0px;
    line-height: 36px;
    font-size: 14px;
    background-color: #91BF30;
    color: #fff;
    border: 1px solid #91BF30;
    border-radius: 100px;
    transition: all .5s;
    margin-left: auto;
    margin-right: auto;
}
.product-box .items-box .porduct-item .s_btns .btn span{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}
.product-box .items-box .porduct-item .s_btns .btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.product-box .items-box .porduct-item:hover a{
    color: #91BF30;
}
.product-box .items-box .porduct-item .s_btns .btn:hover{
    transition: all .5s;
    background-color: #739726;
    border: 1px solid #739726;
}
.product-box .items-box .porduct-item .s_btns .btn:hover:after{
    opacity: 1;
}

.product-box .items-box .porduct-item .product-box:hover{
    margin-top: 0px;
    transition: all .5s;
    border-radius: 15px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}

.pro-company {
  font-size: 18px;
  line-height: 25px;
}

/*******产品中心 结束*******/
.banner-sub {
    position: relative;
}
.banner-sub ._img{
    width:100%;
    min-height: 500px;
}
.banner-sub ._img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.banner-sub .text{
    position: absolute;
    text-align: center;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-sub .banner_curmbs{
    position: absolute;
    text-align: center;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);

    margin-top: -33px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.banner-sub .banner_curmbs .subcurmb a{
    color: rgba(255,255,255,0.9);
}
.banner-sub .banner_curmbs .subcurmb i{
    color: rgba(255,255,255,0.9);
}
.banner-sub .banner_curmbs .subcurmb a:hover{
    color: rgba(255,255,255,1);
}

.banner-sub .text .catname{
    line-height: normal;    font-size: 36px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    color: rgba(255,255,255,1);
    letter-spacing: 3px;
    text-shadow: 3px 3px 5px #082a36;
    text-transform:Capitalize;
}
.child-menu-box {
    min-height: 0px;
    background-color: rgba(246,246,246,1);
    padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
}
.child-menu-box .menu-item a{
    position: relative;
    display: inline-block;
    line-height: 74px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    padding: 0px 30px;
    transition: all .3s;
    height: auto;
    text-transform:Capitalize;
}
.child-menu-box .menu-item .active{
    color: #91BF30;
    font-weight: bold;
}
.child-menu-box .menu-item:hover{
    color: #91BF30;
}
.child-menu-box .menu-item a::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}
.child-menu-box .menu-item:last-of-type a::after {
    display: none;
}
/*******新闻中心 开始*******/
.news-box {    
    padding-top: 3%;
    padding-bottom: 3%;
}
.news-title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.news-title .catename{
    text-transform:Capitalize;
    font-size: 16px;
    color: #333;
    line-height: 1;
    text-align: left;
    font-weight: 400;
    font-size: 30px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
}
.news-list .news-item {
    width: 100%;
    margin-bottom: 20px;
    padding:20px 30px;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    margin-left: 0px;
    background-color: rgb(248 250 251);
}
.news-list .news-item .thumb-box{
    width: 22%;
    max-width: 460px;
    min-width: 300px;
    margin-right:30px;
}
.news-list .news-item .thumb-box .s_img{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow: hidden;
}
.news-list .news-item .thumb-box .s_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.news-list .news-item:hover .thumb-box .s_img img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
.news-list .news-item .news-info{
    margin-right:30px;
}
.news-list .news-item .news-info .s_title{
     line-height: 1.3;
    font-size: 22px;
    color: rgba(51,51,51,1);
    font-family: Microsoft YaHei;
    font-weight: bold;
}
.news-list .news-item .news-info .s_desc{
    font-size: 14px;
    color: rgba(153,153,153,1);
    line-height: 1.8;
    padding-top: 10px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: Microsoft YaHei,微软雅黑;
    text-align: left;
    font-weight: normal;
}
.news-list .news-item .news-info .s_btns .s_btn1{
      display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 120px;
    border-radius: 50px;
    padding: 0px;
    line-height: 36px;
    background-color: rgba(64, 158, 255, 0);
    border-color: #cfcfcf;
    color: #999;
    margin-top: 20px;
    transition: all .5s;
}
.news-list .news-item .news-info .s_btns .s_btn1:hover{
    background-color: #91BF30;
    border-color: #91BF30;
    color: #fff;
}
.news-list .news-item .news-date{
    width:100px;
    display: flex;
    flex-direction: column;
    align-items: end;
    color: rgba(153,153,153,1);
}
.news-list .news-item .news-date .year{
    min-height: 20px;
    font-size: 14px;
    text-align: right;
    line-height: 1;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    margin-top: 20px;

    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
.news-list .news-item .news-date .date{
    min-height: 20px;
    font-size: 32px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: right;
    line-height: 1.5;

    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
.news-list .news-item:hover{
    margin-left: 5px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.news-list .news-item:hover .news-info .s_title{
    color: #91BF30;
}
.news-list .news-item:hover .news-date{
    color: #91BF30;
}
/*******新闻中心 结束*******/

/*******新闻详情 开始*******/
.news-detail {
    width: 100%;
    margin:0 auto;
    background-color: rgba(247,247,247,1);
    padding-top: 60px;
    padding-bottom: 60px;
}
.news-detail .news-content{
    background:#fff;
    padding:30px;
}
.news-detail .news-content .content-title{
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: normal;
    color: rgba(68,68,68,1);
    line-height: 1.3;
}
.news-detail .news-content .content-body{
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    font-family: Microsoft YaHei;
    text-align: left;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 20px auto;
    padding: 20px 0;
}
.news-detail .news-content .content-body p{
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    font-family: Microsoft YaHei;
    text-align: left;
    margin-bottom:15px;
}
.news-detail .news-content .content-body p:last-of-type{
    margin-bottom:0;
}
.news-detail .news-content .content-exp{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    margin-top: 20px auto 0;
    max-width: 1400px;
}
.news-detail .news-content .content-exp span{
    line-height: 2;
    color: rgba(85,85,85,1);
    font-size: 14px;
    margin-right: 10px;
}
.news-detail .news-content .content-exp a{
    line-height: 2;
    color: rgba(85,85,85,1);
    font-size: 14px;
}
.news-detail .news-content .content-exp a:hover{
    color: #409eff;
}

.detail-date {
    padding:20px 0 40px;
}
.detail-date .year{
    min-height: 20px;
    font-size: 22px;
    color: #91BF30;
    line-height: 1;
    font-family: "EastmanRomanTrial-Extrabold" !important;
}
.detail-date .date{
    min-height: 20px;
    font-size: 32px;
    color: #91BF30;
    line-height: 1;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    margin-top: 15px;
    padding-left: 0px;
}
.detail-line {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.detail-line .d_title{
    line-height: normal;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-weight: 400;
    font-family: Microsoft YaHei,微软雅黑;
}
.detail-line .d_cont{
    line-height: normal;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-weight: 400;
    font-family: Microsoft YaHei,微软雅黑;
}
.news-detail .related-box .related-title {
    line-height: 1.2;
    max-width: none;
    font-size: 22px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    font-weight: bold;
    text-align: left;
    margin-left: 0px;
    margin-right: auto;
    color: rgba(51,51,51,1);
}
.news-detail .related-box .related-list {
    margin-top: 20px;
}
.news-detail .related-box .related-list .related-item{
  margin-bottom: 30px;
}
.news-detail .related-box .related-list .related-item .item-info{
    width: 100%;
    padding-top: 15px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(228,228,228,1);
    transition: all .5s;
}
.news-detail .related-box .related-list .related-item .item-info .s_date{
    min-height: 20px;
    font-size: 14px;
    color: rgba(173,173,173,1);
    line-height: 1;
    font-family: Arial;
}
.news-detail .related-box .related-list .related-item .item-info .s_title{
    line-height: 1.3;
    font-size: 18px;
    font-family: Microsoft YaHei;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 5px;
    transition: all .5s;
}
.news-detail .related-box .related-list .related-item .s_thumb{
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}
.news-detail .related-box .related-list .related-item .s_thumb .s_img{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow: hidden;
}
.news-detail .related-box .related-list .related-item .s_thumb .s_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.news-detail .related-box .related-list .related-item:hover .s_thumb .s_img img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
/*******新闻详情 结束*******/


/*******产品详情 开始*******/

.product-detail {}
@media (max-width: 1000px) {
    .product-thumb::before{
        padding-top:80% !important;
    }
}
@media (max-width: 1200px) and (min-width: 1000px) {
    .product-thumb::before{
        padding-top:80% !important;
    }
}
@media (max-width: 1600px) and (min-width: 1200px) {
    .product-thumb::before{
        padding-top:70% !important;
    }
}

@media (max-width: 1800px) and (min-width: 1600px) {
    .product-thumb::before{
        padding-top:60% !important;
    }
}
@media (max-width: 1920px) and (min-width: 1800px) {
    .product-thumb::before{
        padding-top:56% !important;
    }
}
@media (min-width: 1921px) {
    .product-thumb::before{
        padding-top:50% !important;
    }
}

.product-header {
    background-color: rgba(247,247,247,1);
}

.product-title {
    line-height: normal;
    font-size: 2.5vw;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: center;
    font-weight: bold;    
    text-transform:Capitalize;
}


.relevant-list .porduct-item{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    transition: all .5s;
    margin-top: 0px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.relevant-list .porduct-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.relevant-list .porduct-item:hover img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}

.relevant-list .porduct-item .s_title{
    line-height: 1.3;
    font-size: 16px;
    font-family: Microsoft YaHei;
    text-align: center;
    color: rgba(51,51,51,1);
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    width: 100%;
}
.relevant-list .porduct-item .s_desc{
    line-height: 1.3;
    font-size: 14px;
    font-family: Arial;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 20px;
    color:rgba(136,136,136,1);
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.relevant-list .porduct-item .s_btns{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}
.relevant-list .porduct-item .s_btns .btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 90%;
    padding: 0px;
    line-height: 36px;
    font-size: 14px;
    background-color: #91BF30;
    color: #fff;
    border: 1px solid #91BF30;
    border-radius: 100px;
    transition: all .5s;
    margin-left: auto;
    margin-right: auto;
}
.relevant-list .porduct-item .s_btns .btn span{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}
.relevant-list .porduct-item .s_btns .btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.relevant-list .porduct-item:hover a{
    color: #91BF30;
}
.relevant-list .porduct-item .s_btns .btn:hover{
    transition: all .5s;
    background-color: #739726;
    border: 1px solid #739726;
}
.relevant-list .porduct-item .s_btns .btn:hover:after{
    opacity: 1;
}

.relevant-list .porduct-item .product-box:hover{
    margin-top: 0px;
    transition: all .5s;
    border-radius: 15px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}

.product-thumb  img{
    object-fit: cover;
}
.thumb-span img {
    object-fit: cover;
}

.product-detail {
    height: 100%;
}
.product-detail h3 {
    margin-top: 0;
    font-size: 32px;
    color: #333;
    line-height: 30px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.product-detail .product-biaoqian {
    border-top: 1px solid #e5e5e5;
    color:#666;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.product-detail .product-biaoqian span {
    font-size: 16px;
    padding: 0 5px;
}

.product-detail .product-crumbs {
    font-size:14px;
    color:#999;
}
.product-detail .product-crumbs a{
    color:#999;
}
.product-detail .product-option {
    color:#666;
    padding: 14px 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.product-detail .product-option li {
    width: 50% !important;
    float: left;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}

.product-detail .product-linkman {
    padding: 10px 0;
    /*border-bottom:1px solid #c9c9c9;*/
    overflow: hidden;
}

.product-detail .product-linkman p {
    height: 30px;
    line-height: 30px;
}


.product-detail .s_btns{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}
.product-detail .s_btns .btn{
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 90%;
    padding: 0px;
    line-height: 44px;
    background-color: #91BF30;
    color: #fff;
    border: 1px solid #91BF30;
    border-radius: 100px;
    transition: all .5s;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}
.product-detail .s_btns>div:first-of-type .btn{
    background-color: initial;
    color:#91BF30;
}
.product-detail .s_btns .btn span{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}
.product-detail .s_btns .btn::after{
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.product-detail .s_btns .btn:hover{
    background-color: #739726;
    border: 1px solid #739726;
}
.product-detail .s_btns>div:first-of-type .btn:hover{
    background-color: #739726;
    border: 1px solid #739726;
    color:#fff;
}
.product-detail .s_btns .btn:hover:after{
    opacity: 1;
}

.product_box {
    text-align: justify;
    padding: 0 0 1rem 0;
}

.product_box p {
    text-align: justify;
    padding-top: 1rem;
    line-height: 2rem;
}

.product_box img {
    max-width: 100% !important;
    height: 100% !important;
}


.product-qiugou {}

.product-qiugou .form-group {
    position: relative;
    background: #f4f4f4;
    overflow: hidden;
    border-radius: 0px;
}

.product-qiugou .form-group label {
    position: absolute;
    line-height: 50px;
    left: 15px;
    top: 0;
    color: #ababab;
    font-weight: 100;
    transition: all .3s;
}

.product-qiugou .form-group input {
    color: #ababab;
    height: 50px;
    line-height: 50px;
    padding-left: 7em;
    border: none;
    background: none;
    box-shadow: none;
    transition: all .3s;
}

.product-qiugou .form-group textarea {
    padding: 10px 0 20px 7em;
    color: #ababab;
    line-height: 30px;
    border: none;
    background: none;
    box-shadow: none;
    transition: all .3s;
}

.product-qiugou h3 {
    text-align: left;
    margin-bottom: 25px;
}

.product-qiugou input[type=submit] {
    width: 250px;
    height: 50px;
    background: #85bb35;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border: none;
    box-shadow: none;
    font-size: 18px;
}

.product-qiugou .form-group:hover textarea,
.product-qiugou .form-group:hover input,
.product-qiugou .form-group:hover label {
    background: #eee;
    color: #004599;
}

.product-qiugou input[type=submit]:hover {
    background: #004599;
    color: #fff;
}


.cent-English {
    font-family:'MontserratBold';
}
.number-English {
    font-family:'BebasNeue';
}
/*******产品详情 结束*******/


/*******单页-关于我们 开始*******/
.top-about-box {    
    min-height: 0px;
    background_radio: 2;
    display-radio: 1;
    background-fill-value: background-image;
    background-image: url(../../images/yb/page-abouts-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding-top: 200px;
    padding-bottom: 6%;
}
.top-about-box .shuju-left{
    flex: 0 0 40%;
    align-self: flex-end;
    margin-bottom: 5%;
}
.top-about-box .shuju-left .p_item{
    max-width: 100%;
    max-height: 100%;
    margin-top: 5%;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
}
.top-about-box .shuju-left .p_num{
}
.top-about-box .shuju-left .p_num{
    font-size: 50px;
    color: rgba(255, 255, 255, 1);
    font-family: "MontserratBold" !important;
}
.top-about-box .shuju-left .p_plus{
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
}
.top-about-box .about-right .cat_title{
    line-height: normal;
    font-size: 36px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: left;
    color: rgba(255,255,255,1);
}
.top-about-box .about-right  .cat_title.sub{
    line-height: normal;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: left;
    color: rgba(255,255,255,1);
    font-size: 24px;
}
.top-about-box .about-right .content-box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    background-color: rgba(255,255,255,1);
    padding: 30px;
    margin-top: 3%;
}
.top-about-box .about-right .content-box p{
    font-size: 15px;
    color: #333333;
    line-height: 1.8;
    font-family: Microsoft YaHei;
    text-align: left;
}

.page-about-photos {

    min-height: 0px;
    padding-top: 3%;
    padding-bottom: 3%;
    max-height: none;
    background-color: rgba(255,255,255,1);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.page-about-photos  .photos-items{
    display: none;
}
.page-about-photos  .photos-items.active{
    display: block;
}

.page-about-photos  .photos-items .photo-item .s_img{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow: hidden;
}
.page-about-photos  .photos-items .photo-item .s_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.page-about-photos  .photos-items .photo-item:hover .s_img img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
.page-about-photos  .photos-pages {
    margin-top:50px;
    text-align: center;
}
.page-about-photos .photos-pages  span {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    min-width: 30px;
    margin: 0 3px;
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
    color: #8a8a8a;
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-radius: 2px;
    font-family: Arial;
    background-color: rgba(255,255,255,0);
    cursor: pointer;
}
.page-about-photos  .photos-pages span:hover {
  color: #409eff;
  border-color: #409eff;
}
.page-about-photos  .photos-pages span.active {
    background-color: #222a35;
    color: #fff;
    border-color: #222a35;
}

.page-about-culture {
    min-height: 0px;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: rgba(248,248,248,1);
}
.page-about-culture .title{
    line-height: normal;
    font-size: 36px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: left;
    color: rgba(0,0,0,1);
    text-align: center;
}
.page-about-culture .content{
    margin-top: 4%;
}
.page-about-culture .content .p_item{
    border-left: 1px solid #ddd;
}

.page-about-culture .content .p_item_box{
    padding:20px;
    transition: all .5s;
}
.page-about-culture .content .p_item_box:hover{
    margin-top: -15px;
}
.page-about-culture .content .p_item_box .s_title{
    line-height: normal;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}
.page-about-culture .content .p_item_box .s_title .bi{
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size:35px;
}
.page-about-culture .content .p_item_box .s_content{
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.page-about-culture .content .p_item_box:hover .s_title{
    color: #91BF30;
}

.page-about-structure {
    min-height: 0px;
    padding-top: 5%;
    padding-bottom: 5%;
}
.page-about-structure .title{
    line-height: normal;
    font-size: 36px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    text-align: left;
    color: rgba(0,0,0,1);
    text-align: center;
}
.page-about-structure .content{
    margin-top: 20px;
}
.page-about-structure .content p{
    font-size: 15px;
    color: #333333;
    line-height: 1.8;
    font-family: Microsoft YaHei;
    text-align: left;
}


/*******单页-关于我们 结束*******/

/*******单页-图片列表 结束*******/

.page-title{

    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.page-title .catname{
    line-height: normal;
    font-size: 36px;
    font-family: "EastmanRomanTrial-Extrabold" !important;
    color: rgba(0,0,0,1);
    font-weight: bold;
}
.about-photos {
    min-height: 0px;
    padding-top: 3%;
    padding-bottom: 3%;
    max-height: none;
    background-color: rgba(255,255,255,1);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.about-photos  .photo-item .s_img{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow: hidden;
}
.about-photos  .photo-item .s_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.about-photos  .photo-item:hover .s_img img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
/*******单页-图片列表 结束*******/



/*******单页-联系我们 开始*******/


.page-contact {
    position: relative;
    background-image: url(../../images/yb/index-about-bg.jpg);
    height: 110vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 30px 0;
    z-index: 667
}

.page-contact .contact-info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 6px;
    padding: 0 5%;
}

.page-contact .contact-info-detail {
    width: 43.4%;
    padding: 50px 40px 50px 80px;
    background: #fff
}

.page-contact .contact-item {
    margin-bottom: 3rem
}

.page-contact .contact-info h1 {
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 2rem
}

.page-contact .contact-item-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: .4rem;
    position: relative;
    line-height: 2.2rem
}

.page-contact .contact-item-title .icon {
    position: absolute;
    right: 100%;
    margin-right: 1.2rem;
    width: 2.2rem;
    height: 2.2rem
}

.page-contact .contact-item-title .icon3 {
    width: 1.9rem;
    height: 1.9rem
}

.page-contact .contact-item-title .icon4 {
    width: 2.4rem;
    height: 2.4rem
}

.page-contact .contact-item-detail {
    font-size: 1rem
}

.page-contact .contact-info-map {
    width: 56.6%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #fbfbfb
}

.page-contact .contact-info-map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.filter-selector .selectivity-placeholder,.filter-selector .selectivity-single-selected-item {
    padding: 0 20px 0 0;
    max-width: calc(100% - 30px)!important
}
/*******单页-联系我们 结束*******/

/*******单页-解决方案 开始*******/
.solutions-box {
    max-width: 1200px;
}
.solutions-title {    
    padding: 50px 0 50px;
    text-align: center;
    color: #191f22;
    font-size: 36px;
}
.solutions-box .list .solution-item {
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
.solutions-box .list .solution-item .thumb-box{
    width: 100%;
}
.solutions-box .list .solution-item .thumb-box .s_img{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow: hidden;
}
.solutions-box .list .solution-item .thumb-box .s_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.solutions-box .list .solution-item:hover .thumb-box .s_img img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
.solutions-box .list .solution-item .solution-info{
}
.solutions-box .list .solution-item .solution-info .s_title{
    margin-top: 20px;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #191f22;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 60px;
    padding-left: 2px;
}
.solutions-box .list .solution-item:hover .solution-info .s_title{
    color: #91BF30;
}
/*******单页-解决方案 结束*******/
.page-light-bg {
    background: #F8F8F8;
}
/*******单页-解决方案 开始*******/
.support-box {
    max-width: 1200px;
}
.support-title {    
    padding: 50px 0 50px;
    text-align: center;
    color: #191f22;
    font-size: 36px;
}

/*前言*/

.support-foreword {
    margin: 5% 0
}
.support-foreword .inner {
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    position: relative
}
.support-foreword .inner .inner-one:nth-of-type(1) {
    width: 50%;
    float: right
}
.support-foreword .inner .inner-one img {
    width: 100%;
    display: block
}
.support-foreword .inner .inner-one:nth-of-type(2) {
    width: 50%;
    float: left;
    overflow: hidden
}
.support-foreword .inner .inner-one:nth-of-type(2) img {
    transition: all .5s
}
.support-foreword .inner .inner-one:nth-of-type(2):hover img {
    transform: scale(1.05);
    transition: all .5s
}
.support-foreword .inner .inner-one .r-inner {
    position: absolute;
    width: calc(45% - 20px);
    left: 55%;
    margin-left: 0;
    top: 50%;
    transform: translate(0,-50%)
}
.support-foreword .inner .inner-one .r-inner div:nth-of-type(1) {
    color: #1D1D1D;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 20px
}
.support-foreword .inner .inner-one .r-inner div:nth-of-type(2) {
    font-size: 18px;
    color: #3e3e3e;
    line-height: 30px
}


.support-list .support-item {
    height: 100%;
    transition-property: all;
    transition-duration: 0.6s;
    cursor: pointer;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    background: #fff
}
.support-list .support-item .thumb-box{
    width: 100%;
}
.support-list .support-item .thumb-box .s_img{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    overflow: hidden;
}
.support-list .support-item .thumb-box .s_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.support-list .support-item:hover .thumb-box .s_img img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
.support-list .support-item .support-info{

}
.support-list .support-item .support-info .s_title{
    font-size: 36px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 20px
}
.support-list .support-item .support-info .s_desc{
    font-size: 18px;
    color: #3e3e3e;
    line-height: 30px
}
.support-list .support-item:hover {
    box-shadow: 0 12px 12px -10px rgba(0,0,0,.15)
}
.support-list .support-item:hover .support-info .s_title{
    color: #91BF30;
}



.support-dealer {
    margin: 5% 0
}
.support-dealer .content {
    margin: 0 auto;
    position: relative;
    overflow: hidden
}
.support-dealer .content .btn1 {
    width: 300px;
    height: 60px;
    text-align: center;
    line-height: 56px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -150px
}
.support-dealer .content .banner {
    width: 100%
}
.support-dealer .content .btn1:hover {
    background: #e60012;
    transition: all .2s;
    cursor: pointer;
    border-color: #e60012
}
/*******单页-解决方案 结束*******/