section {
  padding-top: 96px;
  margin-top: -52px; }

.title2 {
  text-align: center; }
  .title2 .container {
    width: 100%;
    margin: 0 auto; }
  .title2 h3 {
    font-size: 30px;
    color: #131313;
    margin: 0;
    text-transform: uppercase;
    font-family: axis; }
  .title2 b {
    font-size: 24px;
    color: #24258E;
    display: block;
    margin-bottom: 20px; }
  .title2 p {
    font-size: 16px;
    color: #666;
    margin: 2px 0 20px; }
  .title2 span {
    color: #666; }
  .title2 a {
    display: block;
    margin: 50px auto 0;
    width: 170px;
    height: 45px;
    border: 2px solid #ccc;
    text-transform: uppercase;
    font-family: axis;
    font-weight: 700;
    text-align: center;
    line-height: 47px;
    color: #131313;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s; }
    .title2 a:hover {
      color: #50372d;
      border: 2px solid #50372d; }

.about-body .banner {
  background-position: top;
  background-repeat: no-repeat;
  height:550px;
  position: relative; overflow: hidden;}
  .about-body .banner video{width: 100%;position: relative;top: -50%;z-index: 1;opacity: .9;}
  .about-body .banner .arrow {
    width: 24px;
    height: 26px;
    position: absolute;
    bottom: 20px;
    font-size: 24px;
    color: #fff;
    left: 50%;
    margin-left: -12px; }
.about-body .about-str {
  margin: 70px 0; }
  .about-body .about-str .about-str-num {
    margin-top: 50px; }
    .about-body .about-str .about-str-num li {
      text-align: center;
      width: 200px;
      height: 100px;
      position: relative;
      margin-left: 300px; }
      .about-body .about-str .about-str-num li:first-child {
        margin-left: 0; }
      .about-body .about-str .about-str-num li:nth-of-type(2) img {
        right: 15px; }
      .about-body .about-str .about-str-num li h3 {
        color: #131313;
        font-size: 60px;
        margin: 0;
        font-family: adam !important; }
      .about-body .about-str .about-str-num li p {
        margin-top: 20px;
        color: #666;
        font-size: 16px; }
.about-body .about-factory {
  background-image: url(aimg/about-factory.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 639px; }
.about-body .about-yage {
  background-image: url(aimg/about-yage.jpg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  height: 533px; }
  .about-body .about-yage .g-container {
    position: relative; }
  .about-body .about-yage .about-yage-title h3 {
    color: #131313;
    font-size: 48px;
    margin: 0;
    padding-top: 100px;
    font-family: axis; }
  .about-body .about-yage .about-yage-title p {
    color: #666;
    font-size: 30px;
    margin-bottom: 30px; }
  .about-body .about-yage .about-yage-img {
    position: absolute;
    top: 100px;
    right: 0; }
  .about-body .about-yage .swiper {
    width: 720px;
    position: relative;
    overflow: hidden; }
    .about-body .about-yage .swiper .swiper-container {
      height: 200px; }
.about-body .about-culture {
  background-image: url(aimg/about-culture.jpg);
  background-position: top;
  background-repeat: no-repeat;
  height: 513px;
  padding-top: 100px; }
  .about-body .about-culture .about-culture-title {
    width: 700px;
    margin: 0 auto;
    color: #fff;
    text-align: center; }
    .about-body .about-culture .about-culture-title h3 {
      font-size: 30px;
      font-family: axis;
      margin: 0;
      text-transform: uppercase;
      color: #fff; }
    .about-body .about-culture .about-culture-title p {
      font-size: 24px;
      margin: 0 0 30px;
      color: #fff; }
  .about-body .about-culture .about-culture-list {
    width: 980px;
    margin: 50px auto 0;
    color: #fff; }
    .about-body .about-culture .about-culture-list li {
      width: 245px;
      text-align: center; }
      .about-body .about-culture .about-culture-list li span {
        font-size: 36px;
        margin: 0 auto;
        display: block;
        width: 82px;
        height: 82px;
        text-align: center;
        line-height: 82px;
        background-image: url(aimg/about-culture-bg.png);
        background-position: 50%;
        background-repeat: no-repeat;
        color: #fff; }
      .about-body .about-culture .about-culture-list li h4 {
        font-size: 24px;
        font-weight: 400;
        margin: 15px 0;
        color: #fff; }
      .about-body .about-culture .about-culture-list li p {
        color: #fff; }

.about-body .about-yage .swiper .swiper-button-next, .about-body .about-yage .swiper .swiper-button-prev {
  width: 33px;
  height: 33px;
  -moz-background-size: 33px 33px;
  background-size: 33px 33px; }

.about-body .about-yage .swiper .swiper-button-next, .about-body .about-yage .swiper .swiper-container-rtl .swiper-button-prev {
  background-image: url(aimg/about-next.png);
  top: 175px;
  left: 60px;
  right: auto; }

.about-body .about-yage .swiper .swiper-button-prev, .about-body .about-yage .swiper .swiper-container-rtl .swiper-button-next {
  background-image: url(aimg/about-prev.png);
  top: 175px;
  left: 0;
  right: auto; }

.about-body .about-history .about-history-swiper .swiper-button-next, .about-body .about-history .about-history-swiper .swiper-button-prev {
  width: 27px;
  height: 27px;
  -moz-background-size: 27px 27px;
  background-size: 27px 27px; }

.about-body .about-history .about-history-swiper .swiper-button-next, .about-body .about-history .about-history-swiper .swiper-container-rtl .swiper-button-prev {
  background-image: url(aimg/about-history-next.png); }

.about-body .about-history .about-history-swiper .swiper-button-prev, .about-body .about-history .about-history-swiper .swiper-container-rtl .swiper-button-next {
  background-image: url(aimg/about-history-prev.png); }

.about-body .about-honor .about-honor-swiper .swiper-button-next, .about-body .about-honor .about-honor-swiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px; }

.about-body .about-honor .about-honor-swiper .swiper-button-next, .about-body .about-honor .about-honor-swiper .swiper-container-rtl .swiper-button-prev {
  background-image: url(aimg/pro-next.png); }

.about-body .about-honor .about-honor-swiper .swiper-button-prev, .about-body .about-honor .about-honor-swiper .swiper-container-rtl .swiper-button-next {
  background-image: url(aimg/pro-prev.png); }


  


  .position_now{height:60px;line-height:60px;font-size:14px;background-color: #f1f1f1;}
.position_now a{display: inline-block;color:#707070;}
.position_now .fl{color: #707070;}
.position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;}
.position_now .fr{font-family: impact;color:#24258E;font-size:22px;}
.position_now .fr img{height:26px;display: inline-block;margin-right:8px;vertical-align: middle;}
.position_now .fr strong{font-weight:100;}
.clear{
  clear: both;
}
.fl{
  float: left;
}
.fr{
  float: right;
}

#list{margin:30px 0;}
#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1500px;margin:0 auto;}
@media(max-width:1505px ){
	#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1200px;}
}
.showlist {width:100%;/* float:left; */}
/*.showlist div *{width:100%;}*/
.showlist li{width:98%;margin:0 auto 20px;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.showlist .wrap_box{float:left;}
.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}
#showdata {display:none;}
#loaddata {text-align:center;}
.showlist li .img{overflow: hidden;}
.product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;}
.product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;}
.product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px;}
.product_list_one .item .img, .product_list_two .item .img{position: relative;overflow: hidden;}
.product_list_one .item img, .product_list_two .item img, .product_list_two .item strong, .product_list_three .item em{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.product_list_one .item:hover img, .product_list_two .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}


/* 样式一 */
.product_list_one .item .info{padding:20px;background:url(../../images/arrow.png) right 57px no-repeat;}
.product_list_one .item strong{display: block;width:95%;font-weight:100;font-size:18px;}
.product_list_one .item .line2{width:100%;height:2px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;background-color:#3da036;}
.product_list_one .item p{display: none;}
.product_list_one .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;}
.product_list_one .item:hover .info{background:url(../../images/arrow.png) right center no-repeat;}
.product_list_one .item:hover strong{border-right:1px solid #f1f1f1;}
/* 样式一 */

/* 样式二 */
.product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;}
.product_list_two .item .info strong, .product_list_three .item .info strong{display: block;color:#555;font-size:18px;font-weight:100;padding-top:30px;}
.product_list_two .item .line1{width:0%;height:1px;margin-top:8px;}
.product_list_two .item .info p, .product_list_three .item .info p{display: none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow: hidden;margin-top:8px;}
.product_list_two .item .line2{display: none;}
.product_list_two .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}
.product_list_two .item:hover strong{color:#3da036;transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);}
.product_list_two .item:hover .line1{width:100%;height:1px;background-color:#3da036;}
.product_list_two .item:hover p{transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);}
/* 样式二 */

/* 样式三 */
.product_list_three .item .info strong{padding:0;}
.product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;}
.product_list_three .item .info{padding:15px;}
.product_list_three .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#3da036;margin:0px 15px 0 0;}
.product_list_three .item:hover em{width:30px;}
.product_list_three .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}
/* 样式三 */

/* 产品内页图 */
.product_article .img1{display: none;}
.product_article .title{overflow: hidden;padding:10px 0 0;}
.product_article .title h1{text-align: center;font-size:22px;color:#333;}
.product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;}
.product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;}
.product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;}
.product_article .title .share span{display: inline-block;vertical-align: top;}
.product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;}
/* 产品内页图 */



/* ===================== 产品页 左侧 导航 ===================== */
#list .left_side{width:280px;}
#list .left_side .box_one, #list .left_side .box_two{width:260px;background-color:#24258E;padding:10px 10px;}
#list .left_side .box_one .title{text-align: center;margin-bottom:20px;}
#list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
#list .left_side .box_one .title p{color:#fff;font-size:16px;}
#list .left_side .box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;}
#list .left_side .box_one ul li a{position: relative;z-index:1;overflow: hidden;height:50px;display: block;}
#list .left_side .box_one ul li span, #list .left_side .box_one ul li em{position: absolute;display: block;width:96%;height:100%;padding-left:4%;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
#list .left_side .box_one ul li span{left:0;top:0;background-color:#fff;}
#list .left_side .box_one ul li em{right:-100%;top:0;background-color:#E90418;color:#fff;}
#list .left_side .box_one ul li a:hover span, #list .left_side .box_one ul li a.active span{top:100%;}
#list .left_side .box_one ul li a:hover em, #list .left_side .box_one ul li a.active em{right:0;}
#list .left_side .box_one ul li .son_nav{border-top:1px solid #24258E;}
#list .left_side .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;position: relative;}
#list .left_side .box_one ul li .son_nav a::after{content:'';position: absolute;left:20px;top:20px;width:8px;height:1px;background-color:#24258E;}
#list .left_side .box_one ul li .son_nav a:hover::after, #list .left_side .box_one ul li .son_nav a.active::after{background-color: #fff;}
#list .left_side .box_one ul li .son_nav span{padding-left:40px;}
#list .left_side .box_two{margin-top:10px;padding:20px 10px;}
#list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;}
#list .left_side .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;}
#list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;display: block;}
#list .left_side .box_two .more i{background-color:#E90418;}
#list .left_side .box_two .more:hover{color:#fff;background-color:#E90418;}
#list .right_side.fr{width:1009px;}


a:hover, .tran, .pub_button .pb_bg, .section_seven .item i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}