
/* 鲁晨 */

body {word-break: break-word; word-wrap: break-word;}

.header.scroll {box-shadow: 0 0 12px 0 rgba(0,0,0,.11);}

.home-about-info p {-webkit-line-clamp: 10;}


.header-tel {display: inline-flex; margin: 0 2vw 0 3vw; font-size: 16px;}
.header-tel span {font-size:1em;}
.header-tel span:nth-child(1n+2) {margin-left: 1em; }
.header-tel a:hover {color: #FACF00;}

.introduct-text {    overflow: auto; max-height: 20vw; padding-right: 15px; margin-right: -15px;}
.introduct-text * {font-size: inherit !important;}

.footer-logo img {height: 60px;}

.pbanner {background-color: #eee;}
.pbanner:after {
  content:'';position: absolute;left:0;bottom: -1px;width: 100%;height: 3px;background-color: #fff; pointer-events: none; z-index: 8;
}

.certificate-list li {width: 320px;}
.certificate-list li figure {max-width: 90%; margin: 0 auto 15px;}
.certificate-list li figure img {max-width: 100%; object-fit:scale-down;}




.introduct-imgs {width: 50%;}
.introduct-imgs figure {padding-bottom: 68%;}
/* .introduct-wr {padding: 0 8vw;} */

.news-info-v *{ max-width: 100% !important; }
.news-info-v img { height: auto !important; }


.formMiddle,
.formMiddleCenter {display: block !important;}



/* .home-about-info p
,.corpo-culture-text *
,.fiber-text *
    {text-indent: 2em;} */

.fiber-item {box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.33) !important;}

/* .fiber-item:nth-child(1n+1) {transition-delay: 0.88s; } */
/* .fiber-item:nth-child(1n+6) {transition-delay: 1.4s;box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.05);  } */

/* .fiber-item.fiber-color {
  margin-left: -45px;
  margin-top: -45px;
  width: 91px;
  height: 91px;
}
.fiber-item.fiber-color1 {
  margin-left: -36px;
  margin-top: -36px;
  width: 72px;
  height: 72px;

} */
.fiber-item span {color: inherit !important; line-height: 16px; padding: 0 2px;}
/* fiber-color */
.fiber-item.fiber-item1  {     background: #FACF00; color: #262626; transition-delay: .88s; }
/* fiber-color */
.fiber-item.fiber-item2  {     background: #FACF00; color: #262626; transition-delay: .88s; }
/* fiber-color */
.fiber-item.fiber-item3  {     background: #FACF00; color: #262626; transition-delay: .88s; }
/* fiber-color */
.fiber-item.fiber-item4  {     background: #FACF00; color: #262626; transition-delay: .88s; }
/* fiber-color */
.fiber-item.fiber-item5  {     background: #FACF00; color: #262626; transition-delay: .88s; }
/* fiber-color1 */
.fiber-item.fiber-item6  {    background: #ffffff;  color: #262626; transition-delay: 1.4s; }
/* fiber-color1 */
.fiber-item.fiber-item7  {    background: #ffffff;  color: #262626; transition-delay: 1.4s; }
/* fiber-color1.c2 */
.fiber-item.fiber-item8  {    background-color: #1F1A17; color: #fff; transition-delay: 1.1s; background-image: url("../images/bgi-wenlu.png");.bgc(@h:50%,@v:50%,@s:cover,@r:no-repeat); }
/* fiber-color1.c2 */
.fiber-item.fiber-item9  {    background-color: #1F1A17; color: #fff; transition-delay: 1.1s; background-image: url("../images/bgi-wenlu.png");.bgc(@h:50%,@v:50%,@s:cover,@r:no-repeat); }
/* fiber-color1.c2 */
.fiber-item.fiber-item10  {    background-color: #1F1A17; color: #fff; transition-delay: 1.1s; background-image: url("../images/bgi-wenlu.png");.bgc(@h:50%,@v:50%,@s:cover,@r:no-repeat); }
/* fiber-color1 */
.fiber-item.fiber-item11  {    background: #ffffff; color: #262626; transition-delay: 1.4s; }


@media screen and (min-width: 1025px) {

    .corpo-culture-text p {width: 24em; }

    .news-page-item a {line-height: 68px; display: block;}

    .culture-info {padding-right: 3vw;padding-left: 5vw;width: 55%; margin-right: -6%;}


    .footer-top {padding: 2vw 12.5vw;}
    .footer-copy {padding: 12px 12.5vw;}

    .footer-logo {margin-bottom: 20px;}
    .address p {margin-bottom: 4px;}
    .footer-navs-item dt {margin-bottom: 12px;}
    .footer-navs-item dt a {font-size: 16px;}
    .footer-navs-item dd p {margin-bottom: 6px;}
    .footer-navs-item dd p a {font-size: 14px;}

    .footer-eq p {margin-top: 10px;}


    .introduct-info {padding: 4% 0;}
}
@media screen and (max-width: 1600px) {
    .header-tel {font-size: 15px;}
    .certificate-list li {width: 300px;}
    .mtop {height: 80px;}
}

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

    .home-culture-imgs {width: 100%; }

    .news-page-item a { height: 48px; line-height: 48px;  display: block; }

    .hidePoint {position: relative; margin-top: -10px;}


    .menubtn {height: 24px; display: flex; align-content: center; align-items: center;}

    .footer-logo {margin-bottom: 24px;}
    .footer-eq {margin-top: 20px;}

    .introduct-wr,
    .introduct-imgs {width: 100%;}
    .header-tel {display: block; text-align: center; margin: 0 auto; min-width: 160px;}
    .header-tel span:nth-child(1n+2) {margin-left: 0; margin-top: 10px; }


    .footer-logo img {height: 48px;}

    .about-data-item b {opacity: 1; transform:none !important;}

    .introduct-text {max-height: unset;}

    .navs {min-width: 160px;}
    .navs li {margin-bottom: 16px;}

    .navs > li .navs-menu {
        display: none;position: relative; border-bottom: #eee solid 1px; box-shadow:none;
        left: 0;transform:none;opacity: 1;
    }
    /*, .navs > li:hover .navs-menu */
    .navs > li.active .navs-menu  {margin-top: 10px; display: block;opacity: 1; pointer-events: visible; clip-path: inset(0 0 0 0);}


    .certificate-list li {width: 48%;}


    .header .logo,
    .slidetop,
    .fadeAnime,
    .slideList >li,.slideList >div,
    .pathClie,
    .pathClie1,
    .pathClie2{
      opacity: 1 !important;
      transform: none !important;
      visibility: visible !important;
      clip-path: unset !important;
    }

}


@media screen and (max-width: 751px) {
    .fiber-item.fiber-item3,
    .fiber-item.fiber-item9 {
        width: 64px;
        height: 64px;
        margin-left: -32px;
        margin-top: -32px;
    }
}

.home-slide.swiper-slide-active .fiber-item.fiber-color1._c2, .fiber-imgs.articleShow .fiber-item.fiber-color1._c2 { transition-delay:1.1s;}


.corpo-culture-text { width: fit-content; max-width: 100%; }
.corpo-culture-text p { max-width: 100%;}

.product-li li {position: relative; z-index: 3;}
.product-li li figure {background-color: #f4f5f7;}
.product-li li figure img {object-fit:scale-down;}
.product-li li strong {height: auto; padding: 1vw 10px; line-height: 1.5;}
.product-li li .abstract {background: #f4f5f7; color: #555; font-size: 14px; line-height: 1.5; padding: 0 20px 20px;}

.news-time span {text-transform: capitalize !important;}





.virtuous-head,
.virtuous-defaul {padding-right: 80px;}
.virtuous-head > ._box,
.virtuous-defaul > ._box {    display: flex; align-items: center; width: 100%;}

.virtuous-defaul {position: relative; z-index: 2;}
.spreadBtn {position: absolute; right: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; font-size: 14px;}
.btn-cross {position: absolute; left: 50%; top: 50%; margin-left: -1em; margin-top: -1em; width: 2em; height: 2em; border-radius: 2em; -webkit-transition: all 480ms ease-out 0s; transition: all 480ms ease-out 0s; background-color: #f8cf2f; color: #ffffff; }
.btn-cross:before,
.btn-cross:after {content: " "; position: absolute; left: 50%; top: 50%; background-color: currentColor; -webkit-transition: all 320ms ease-out 50ms; transition: all 320ms ease-out 50ms; }
.btn-cross:before {width: 2px; height: 12px; margin-left: -1px; margin-top: -6px; }
.btn-cross:after {width: 12px; height: 2px; margin-left: -6px; margin-top: -1px; }
.btn-cross:hover {-webkit-transform: rotate(180deg); transform: rotate(180deg); }

li.unfold .btn-cross {-webkit-transform: rotate(360deg) !important; transform: rotate(360deg) !important; }
li.unfold .btn-cross:before {height: 0; margin-top: 0; }

/*  */
.virtuous-defaul span:nth-child(5),
.virtuous-head span:nth-child(5){margin-left:0; width: 15.41%; }

.virtuous-defaul span:last-child,
.virtuous-head span:last-child{margin-left: auto; width: 15.41%; }
@media screen and (max-width: 1024px) {
    .virtuous-defaul span,
    .virtuous-head span{display: none;}
    .virtuous-defaul span:first-child,
    .virtuous-defaul span:last-child,
    .virtuous-head span:first-child,
    .virtuous-head span:last-child{ display: block; width: 50%; margin-left: 0;}

    .virtuous-head,
    .virtuous-defaul {padding-right: 60px;}
    .spreadBtn { right: 15px; margin-top: -15px; width: 30px; height: 30px; }


}
.home-swiper .home-pagination .swiper-pagination-bullet:nth-child(6):before {
  display: block;
}
.home-swiper .home-pagination .swiper-pagination-bullet:last-child:before {
  display: none;
}

.header.animate .navs li:nth-child(2) {
  transition-delay: 0.15s;
}
.header.animate .navs li:nth-child(3) {
  transition-delay: 0.2s;
}
.header.animate .navs li:nth-child(4) {
  transition-delay: 0.25s;
}
.header.animate .navs li:nth-child(5) {
  transition-delay: 0.35s;
}
.header.animate .navs li:nth-child(6) {
  transition-delay: 0.4s;
}
.header.animate .navs li:nth-child(7) {
  transition-delay: 0.45s;
}

.honor-slide figure {padding: 20px; min-width: 160px;}
.honor-slide figure img {width: 100%;min-width: 160px;height: 300px; object-fit:scale-down;}
@media screen and (min-width: 1025px) {
    .honor-left {flex-shrink:0; width: 36%;margin-right: 4%;}
    .honor-tab {width: 56%;}
    .honor-swiper {padding: 0 66px;}


    .b-hide strong {font-size: 3vw;}

    .about-home-wrap {padding: 0 10vw;}


    .introduct-wr {padding: 0 8.5vw 0 12vw;}

}
@media screen and (max-width: 1024px) {
    .honor-tab {width: 100%;}

    .navs > li {padding: 6px 0;}

    .header-tel {font-size: 18px; margin-bottom: 20px;}
}

@media screen and (max-width: 751px) {
    .banner-slide figure {height: 100vw; margin-top: 70px;overflow: hidden;}
}

.home-title strong {margin-bottom: 0;}
.home-title small {display: none;}


.culture-text p span {color: #666;}

/*
之前的版本
<!-- <div class="culture-fixs commonCur">

  <div class="culture-item culture-item{$key+1} parallax" data-depth="0.5">
    <a href="{$vv.thumb}" class="ysq_fancy_A" data-fancybox="team" data-caption="{$vv.title}" > </a>
    <img src="{$vv.thumb}" alt=""/>
  </div>
</div> -->
*/

// .sCulture-list {
//     .oh; z-index: 1; .diflist;
//     .__item {
//         .resItem(465/1440*@P,3,1);
//         .oh; z-index: 1;
//         .ysq_fancy_A {.pa100; z-index: 9;}
//         .__pic {
//             z-index: 1; position: relative; width: 100%; height: 0; padding-bottom: 293/485*@P; background-color: #eee;
//             > img {.pa100; object-fit:cover; .ts;}
//         }
//         .__title {
//             z-index: 6; position: absolute; left: 0; bottom: 0; right: 0; padding: 20px 15px; line-height: 1.5; font-size: 16px; .cf; text-align: center;
//             background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(31, 26, 23, 0.76) 100%);
//         }

//         &:hover {
//             .__pic {
//                 > img {.tf(scale(1.05));}
//             }
//         }
//         @media screen and (max-width: 1024px) {
//             .resItem(48.5%,2,1);
//         }

//     }
// }


.sCulture-list {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
      flex-wrap: wrap;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
          align-items: stretch;
      align-content: stretch;
}
.sCulture-list:after {
  display: none;
}
.sCulture-list .__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.sCulture-list .__item:nth-child(1n+1) {
  width: 32.29166667%;
  margin-left: 1.5625%;
  margin-top: 0;
}
.sCulture-list .__item:nth-child( 3n+1) {
  margin-left: 0;
}
.sCulture-list .__item:nth-child( 1n+4) {
  margin-top: 1.5625%;
}
.sCulture-list .__item .ysq_fancy_A {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.sCulture-list .__item .__pic {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60.41237113%;
  background-color: #eee;
}
.sCulture-list .__item .__pic > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 320ms ease-out 0s;
  transition: all 320ms ease-out 0s;
}
.sCulture-list .__item .__title {
  z-index: 6;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px 15px;
  line-height: 1.5;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(31, 26, 23, 0.76)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(31, 26, 23, 0.76) 100%);
}
.sCulture-list .__item:hover .__pic > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media screen and (max-width: 1024px) {
  .sCulture-list .__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sCulture-list .__item:nth-child(1n+1) {
    width: 48.5%;
    margin-left: 3%;
    margin-top: 0;
  }
  .sCulture-list .__item:nth-child( 2n+1) {
    margin-left: 0;
  }
  .sCulture-list .__item:nth-child( 1n+3) {
    margin-top: 3%;
  }
}



/* <div class="pages"><a href="javascript:void(0);" disabled="disabled">&lt;</a><a href="javascript:;" class="active" disabled="disabled">1</a><a href="/gsdt/index_2.html">2</a><a href="/gsdt/index_2.html">&gt;</a></div> */

 
/* 页码&滚动加载 */
.pageListBox {
  padding-top: 0;
}
.pageListBox .pageList {
  position: relative;
  line-height: 36px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow-x: hidden;
}
.pageListBox .pageList ul {
  position: relative;
  float: none !important;
}
.pageListBox .pageList ul,
.pageListBox .pageList ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.pageListBox .pageList ul li {
  margin: 0 4px;
  font-size: 14px;
}
.pageListBox .pageList li > span,
.pageListBox .pageList li > a {
  display: block;
  min-width: 16px;
  height: 36px;
  padding: 0 10px;
  font-family: Arial, sans-serif, 'Microsoft YaHei', '微软雅黑';
  color: #333333;
  font-size: 14px;
  z-index: 2;
  position: relative;
  background-color: #ffffff;
  color: #333;
  -webkit-transition: all 320ms ease-out 0s;
  transition: all 320ms ease-out 0s;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.pageListBox .pageList li > span:after,
.pageListBox .pageList li > a:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: #dddddd solid 1px;
  z-index: -1;
}
.pageListBox .pageList li.active > span,
.pageListBox .pageList li.active > a {
  background-color: #facf00;

}
.pageListBox .pageList li.active > span:after,
.pageListBox .pageList li.active > a:after {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.pageListBox .pageList li a:active:after {
  -webkit-transition: all 0ms ease-out 0ms !important;
  transition: all 0ms ease-out 0ms !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-color: #fff;
}
@media screen and (min-width: 1025px) {
  .pageListBox .pageList a:hover {
    background-color: #facf00;

  }
  .pageListBox .pageList a:hover:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .pageListBox .pageList {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .pageListBox .pageList a:active {
    background-color: #facf00;

    -webkit-transition: none !important;
    transition: none !important;
  }
  .pageListBox .pageList a:active:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 750px) {
  .pageListBox .pageList ul li {
    margin-left: 4px;
    margin-right: 4px;
  }
}
