@charset "UTF-8";
@font-face {
  font-family: "gilroy-bold-4";
  src: url("../fonts/gilroy-bold-4.woff2") format("woff2"),
  url("../fonts/gilroy-bold-4.woff") format("woff"),
  url("../fonts/gilroy-bold-4.ttf") format("truetype"),
  url("../fonts/gilroy-bold-4.eot") format("embedded-opentype"),
  url("../fonts/gilroy-bold-4.svg") format("svg");
}

/*@font-face {
  font-family: "PingFangSC-Regular";
  src: url("../fonts/PINGFANG REGULAR-subfont.woff2") format("woff2"),
  url("../fonts/PINGFANG REGULAR-subfont.woff") format("woff"),
  url("../fonts/PINGFANG REGULAR-subfont.ttf") format("truetype"),
  url("../fonts/PINGFANG REGULAR-subfont.eot") format("embedded-opentype"),
  url("../fonts/PINGFANG REGULAR-subfont.svg") format("svg");
}
*/



@font-face {
  font-family: "李旭科书法1.4-subfont";
  src: url("../fonts/李旭科书法1.4-subfont.woff2") format("woff2"),
  url("../fonts/李旭科书法1.4-subfont.woff") format("woff"),
  url("../fonts/李旭科书法1.4-subfont.ttf") format("truetype"),
  url("../fonts/李旭科书法1.4-subfont.eot") format("embedded-opentype"),
  url("../fonts/李旭科书法1.4-subfont.svg") format("svg");
}

.gilroy{
  font-family: "gilroy-bold-4";
}

.view{
  width: 91.6%;
  margin-left: 8.4%;
}

.w1570{
  width: 81.77%;
  margin: 0 auto;
}


.w1540{
  width: 80.2%;
  margin: 0 auto;
}

.w1440{
  width: 75vw;
}

.m-img{
  display: none;
}
@media(max-width: 1024px){
  .w1440{
    width: 92vw;
    margin: 0 auto;
  }
  .w1540{
    width: 92vw;
    margin: 0 auto;
  }
  
}

.w1280{
  width: 66.66vw;

}
.w1390{
  width: 72.39vw;
}

.footer-wrap .w1440{
 width: 82.2%;
 margin: 0 0 0 7.4%;
}

.pfangb{
  font-weight: 600;
}
.pfangh{
  font-weight: 600;
}
.pfangm{
 font-weight: 600;
}



.mainbox{
  position:absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}










.header-wrap{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
}

.header-wrap .header-con{
  width: 100%;
  height: 2.75rem;
  padding:0 2.5rem 0 1.5rem;
  transition:all 0.3s ease 0s;
  box-sizing:border-box;
}

.header-wrap .header-con .nav-tab{
  width: 26px;
  height: 16px;
  position: relative;
  margin-right: 2.4rem;
  cursor: pointer;
}
@media(min-width: 1025px){
  .header-wrap .header-con .nav-tab{
    display: none;
  }
}
.header-wrap .header-con .nav-tab .line{
  background: #fff;
  height: 2px;
  position: absolute;
  left: 0;
}

.header-wrap .header-con .nav-tab .line1{
  width: 100%;
  top: 0;
  transform-origin: left bottom 0;
}

.header-wrap .header-con .le-tab{
  height: 100%;
  display: flex;
  align-items: center;
}
.header-wrap .header-con .nav-tab .line2{
  width: 18px;
  top: 7px;
}

.header-wrap .header-con .nav-tab .line3{
  width: 18px;
  bottom: 0;
  transform-origin: left top 0;
}

.header-wrap .header-con .logo{
  width: 7rem;
}
.header-wrap .header-con .logo img{
  transition:all 0.3s ease 0.7s;
}
.header-wrap .header-con .logo:hover img{
}
.header-wrap .header-con .logo .a{
  display: none;
}

.header-wrap .header-con .ri-tab{
 height: 100%;
 display: flex;
 align-items: center;
}

.header-wrap .header-con .ri-tab .a{
  display: none;
}

.header-wrap .header-con .ri-tab .lang{
  margin-right: 0.6rem;
  transition:all 0.3s ease 0s;
}

.header-wrap .header-con .ri-tab .lang:hover{
  transform:translateY(2px); 
}

.header-wrap .header-con .ri-tab .search{
  cursor: pointer;
  transition:all 0.3s ease 0s;
}

.header-wrap .header-con .ri-tab .search:hover{
  transform:translateY(2px); 
}


.header-wrap.inse4 .header-con{
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.header-wrap.black .header-con .nav-tab .line {
  background: #000;
}
.header-wrap.black .header-con .logo .a {
  display: block;
}
.header-wrap.black .header-con .logo img {
  display: none;
}
.header-wrap.black .header-con .ri-tab .a {
  display: block;
}
.header-wrap.black .header-con .ri-tab img{
  display: none;
}
.header-wrap.black .header-con .ri-tab .a {
  display: block;
}
.header-wrap.black .header-con .ri-tab img{
  display: none;
}

/*pc导航*/
.header-wrap.blackpc{
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}
.header-wrap.blackpc .header-con{
  background: #fff;
}
.header-wrap.blackpc .header-con .nav-tab .line {
  background: #000;
}
.header-wrap.blackpc .header-con .logo .a {
  display: block;
}
.header-wrap.blackpc .header-con .logo img {
  display: none;
}
.header-wrap.blackpc .header-con .ri-tab .a {
  display: block;
}
.header-wrap.blackpc .header-con .ri-tab img{
  display: none;
}
.header-wrap.blackpc .header-con .ri-tab .a {
  display: block;
}
.header-wrap.blackpc .header-con .ri-tab img{
  display: none;
}
.header-wrap.blackpc .header-con .nav-tab .line{
  background: #000;
}
.header-wrap.blackpc .header-con .nav-tab .line2{
  width: 100%;
  top: 7px;
}

.header-wrap.blackpc .header-con .nav-tab .line3{
  width: 100%;
  bottom: 0;
  transform-origin: left top 0;
}
/*pc导航*/
.header-wrap:before{
  content: '';
  position: absolute;
  width: 0;
  height: 2.75rem;
  background:#f1f1f1;
  left: 0;
  top: 0; 
  transition:all 0.3s ease 0.75s;
}
.header-wrap.info:before{
  width: 28.64%;
}
.header-wrap.info .header-con .nav-tab .line {
  background: #000;
}
.header-wrap.info .header-con .logo .a {
  display: block;
}
.header-wrap.info .header-con .logo img {
  display: none;
}

.header-wrap.info .header-con .logo{
  animation: logomove 0.4s ease 0.8s both;
}

@keyframes logomove {
  0% {
    transform:translateX(0); 
  }
  20% {
   transform:translateX(-10px); 
 }
 40% {
   transform:translateX(-15px); 
 }
 80% {
   transform:translateX(-5px); 
 }
 100% {
   transform:translateX(0); 
 }
}


.footer-wrap{
  background: #6a6a6a; 
}
.footer-wrap .view{
  padding-top: 1.25rem;
}


.footer-wrap .topnav{
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.25rem;
  box-sizing: border-box;
  padding-right: 2rem;
}

.footer-wrap .topnav li{
  width: 2.5rem;
}

.footer-wrap .topnav .t{
  color: #fff;
  margin-bottom: 0.5rem;
}
.footer-wrap .topnav .t a{
  color: #fff;
  margin-bottom: 0.5rem;
}

.footer-wrap .topnav .sub-list a{
  display: block;
  line-height: 2.15;
  font-size: 0.35rem;
  color: rgba(255,255,255,0.4);
}

.footer-wrap .topnav .sub-list a:hover{
 color: rgba(255,255,255,1);
}

.footer-wrap .copyright{
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 13px;
  color: #fff;
  margin-top: 1.5rem;
  box-sizing: border-box;
  padding-left: 22%;
}

.footer-wrap .copyright a{
  color: #fff;
}
.footer-wrap .copyright a img{
  width:.8rem;
}

.footer-wrap .copyright .link{
  margin:0 0.6rem;
}

.footer-wrap .bot-box .logo{
  width: 7rem;
  margin-bottom: 0.75rem;
}

.footer-wrap .bot-box .con-t{
  color: rgba(255,255,255,0.4);
  line-height: 1.71;
}

.footer-wrap .bot-top .fl{
  -display: flex;
  align-items: flex-end;
}

.footer-wrap .bot-box .fr{
  color: #fff;
}
.footer-wrap .bot-box .fr .t{
  margin-bottom: 0.5rem;
}
.bshare-custom{
  display: flex;
}
.footer-wrap .bot-box .fr .ico{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.23);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bshare-sinaminiblog{
  width: 24px!important;
  height: 18px!important;
  background:url('../../web/img/share-ico1.png')no-repeat center center!important;
  background-size: contain!important;
  padding: 0!important;
  margin: 0!important;
}
.bshare-weixin{
  width: 24px!important;
  height: 19px!important;
  background: url('../../web/img/share-ico2.png')no-repeat center center!important;
  background-size: contain!important;
  padding: 0!important;
  margin: 0!important;
}

.footer-wrap .bot-box .fr .ico1{
  margin-right: 8px;
}

.footer-wrap .mobile{
  display: none;
}
.leftbar-wrap{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 8.4vw;
  height: 50vh;
  z-index: 102;
}
.leftbar-wrap .mainbox{
  width: 100%;
  height: 7.5rem;
  left: 0;
  bottom: 0;
  top: auto;
}
.leftbar-wrap .mainbox:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background: #ea1a27;
  transition:all 0.3s ease 0s;
}
.leftbar-wrap .a{
  display: none;
}
.leftbar-wrap .mainbox{
  transition:all 0.5s ease 0.7s;
}
.leftbar-wrap.redhide .mainbox{
  opacity: 0;
}
.leftbar-wrap.red .mainbox:before{
  height: 100%;
}
.leftbar-wrap.black{
  background: none;
}
.leftbar-wrap.black .up .a{
  display: block;
}
.leftbar-wrap.black .up img{
  display: none;
}

.leftbar-wrap .mainbox{
  box-sizing:border-box;
  padding-top: 1rem;   
}

.leftbar-wrap .item .up{
 width: 100%;
 height: 1.75rem;
 line-height: 1.75rem;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
}





.leftbar-wrap .item{
  width: 100%;
  position: relative;
}

.leftbar-wrap .option{
  width: 3rem;
  height: 3rem;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 110%;
  top: 50%;
  transform:translateY(-50%); 
  z-index: 2;
  transition:all 0.3s ease 0s;
  visibility: hidden;
  opacity: 0;
}
.leftbar-wrap .option1{
  width: auto;
  height: auto;
}

.leftbar-wrap .option .telbox{
  background: #ea1a27;
  padding: 15px;
  white-space: nowrap;
  border: 1px solid #ea1a27;
  font-size: 0.4rem;
  font-weight: bold;
  color: #fff;
  border-radius: 6px;
  position: relative;
}
.leftbar-wrap .option .telbox:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-width:6px;
  border-style: solid;
  border-color:transparent #ea1a27  transparent transparent;
  left: -12px;
  top: 50%;
  transform:translateY(-50%); 
}
.leftbar-wrap .option img{
  width: 100%;
}

.leftbar-wrap .item:hover .option{
  left: 100%;
  opacity: 1;
  visibility: visible;
}



.nybody.down:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: #f7f7f7;
  z-index: 2;
}

.page-num .btns .circle11{
  display: none;
}
.page-num .btns .circle22{
  display: none;
}

.page-num .btns{
  height: 1rem;
  cursor: pointer;
  position: relative;
}
.page-num .btns:before{
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  background: rgba(255,255,255,0.5);
}
.page-num .btns.cur:before{
  display: none;
}
.page-num .btns svg {
  display: none !important;
}
.page-num .btns.cur svg {
  display: block !important;
}
.page-num .btns.cur .circle2 {
  transform-origin: center center;
  transform: rotate(-90deg);
  animation: dash 4.8s linear infinite;
  stroke-dashoffset: 62.8px;
}
.page-num .btns.cur .circle22 {
  transform-origin: center center;
  transform: rotate(-90deg);
  animation: dash 4.8s linear infinite;
  stroke-dashoffset: 62.8px;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 62.8px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

.page-num{
  position: fixed;
  z-index: 10;
  right: 2rem;
  top: 6rem;
  color: #fff;
  font-size: 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.6s cubic-bezier(0.65, 0.1, 0.65, 0.65) 0s !important;
}
.page-num .btns-w{
  width: 2rem;
}

.page-num .num{
 transform: rotateZ(270deg);
 margin-bottom: 1.5rem;
}

.page-num.left{
  left: 5.3%;
  right: auto;
  top: 30%;
}
.page-num.info{
  left: 5.3%;
  right: auto;
  top: 30%;
}
.page-num.info .num{
  font-size: 1.5rem;
  color: #d7d7d7;
}
.page-num.info:before{
 content: '';
 position: absolute;
 width: 4.5rem;
 height: 140%;
 box-sizing: border-box;
 border: 1px solid #e6e6e6;
 left: 50%;
 top: 47%;
 transform: translate(-50%,-50%);
}
.page-num.info:after{
 height: 33%;
 content: '';
 position: absolute;
 background: #e6e6e6;
 width: 1px;
 right: -4%;
 top: -56%;
}

.page-num.gray{
  left: 5.3%;
  right: auto;
  top: 30%;
  color: #dadada;
}

.page-num.gray .btns:before{
  background: #8e8e8e!important;
}


.page-num.black{
 left: 8.8%;
 right: auto;
 top: 30%;
 color: #444;
}

.page-num.black .btns:before{
  background: #a1a1a1!important;
}


.page-num.black .btns .circle11{
  display: block;
}
.page-num.black .btns .circle22{
  display: block;
}

.page-num.black .btns .circle1{
  display: none;
}
.page-num.black .btns .circle2{
  display: none;
}


.page-num.oneblack{
 color: #444;
}
.page-num.foot {
  top: -13%!important;
}
.page-num.oneblack .btns:before{
  background: #a1a1a1!important;
}


.page-num.oneblack .btns .circle11{
  display: block;
}
.page-num.oneblack .btns .circle22{
  display: block;
}

.page-num.oneblack .btns .circle1{
  display: none;
}
.page-num.oneblack .btns .circle2{
  display: none;
}



.syswiper-wrap {
  width: 100vw;
  height: 100vh;
  position: relative;
  left: 0;
  top: 0;
}
.syswiper-wrap .box-swiper {
  width: 100%;
  height: 100%;
}
.syswiper-wrap .box-swiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.syswiper-wrap .box-swiper .swiper-slide.auto {
  height: auto;
}

#wrapper {
  transition: all 0.6s cubic-bezier(0.65, 0.1, 0.65, 0.65) 0s !important;
}

.insec-one .swiper-container1{
 width: 100%;
 height: 100%;
}


.insec-one .swiper-container1 .swiper-slide{
 width: 100%;
 height: 100%;
}

.insec-one .swiper-container1 .swiper-slide video{
  object-fit: cover;
  width: 100%;
}


.insec-one .swiper-container1 .back{
  width: 100%;
  height: 100%;
  transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
}

.insec-one .swiper-container1 .swiper-slide-active .back{
  transform: scale3d(1.1, 1.1, 1);
}

.insec-one .swiper-container1 .swiper-slide .w1540{
  padding-top: 16%;

}
.insec-one .swiper-container1 .swiper-slide .con-t{
  opacity: 0;
  transition: all 1s ease 0s;
  transform: translateY(20px);
}
.insec-one .swiper-container1 .swiper-slide-active .con-t{
  opacity: 1;
  transform: translateY(0);
}
.insec-one .swiper-container1 .swiper-slide h1{
  line-height: 1.8rem;
  margin-bottom: 0.75rem;
  font-family: "李旭科书法1.4-subfont";
  font-size: 1.6rem;
  text-shadow: 0 5px 20px rgba(10,12,13,0.5);
}
@media(max-width: 767px){
  .insec-one .swiper-container1 .swiper-slide h1{
    font-size: 0.6rem;
  }
}
.insec-one .swiper-container1 .swiper-slide h3{
  font-size: 0.8rem;
  line-height: 1rem;
  text-shadow: 0 5px 20px rgba(10,12,13,0.5);
}
.insec-one .swiper-container1 .swiper-slide{
  color: #fff;
}
/*.insec-one .swiper-container1 .swiper-slide.black{
    color: #212121;
}

.insec-one .swiper-container1 .swiper-slide.black h3{
    color: #666;
    }*/



    .insec-one .swiper-container1 .banner-pagination{
      text-align: left;
      bottom: 6rem;
      box-sizing: border-box;
      padding-left: 9.5%;
    }
    .insec-one .swiper-container1 .swiper-pagination-bullet{
      opacity: 1;
      background: #fff;
      width: 50px;
      height: 4px;
      margin: 0 10px;
    }
    .insec-one .swiper-container1 .swiper-pagination-bullet-active{
      background: #ea1a27;
    }


    .insec-one .scroll-down{
      text-align: center;
      line-height: 1rem;
      color: #fff;
      left: 50%;
      transform:translateX(-50%);
      bottom: 1.25rem;
      z-index: 2; 
    }
    #wrapper .swiper-slide .scroll-down img{
      transition:all 0.3s ease 0s;
      animation: imgdown 2.5s ease 0s infinite;
    }

    @keyframes imgdown {
      0% {
        transform:translateY(0) 
      }
      33% {
        transform:translateY(7px) 
      }
      80% {
        transform:translateY(15px)
      }
      100% {
        transform:translateY(0) 
      }
    }


    #wrapper .swiper-slide .backcont{
      width: 100%;
      height: 100%;
      color: #fff;
      
    }
    #wrapper .swiper-slide .backcont .contwrap{
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }
    #wrapper .swiper-slide .backcont .w1540{
      box-sizing:border-box;
      padding: 9rem 0 0 22%;
    }
    #wrapper .swiper-slide .backcont img{
      width: 100%;
    }

    #wrapper .swiper-slide .backcont .t{
      font-size: 0.45rem;
    }

    #wrapper .swiper-slide .backcont h1{
      line-height: 1.8rem;
      margin: 0.5rem 0;
      opacity: 1;
      transition:all 0.3s ease 0.5s; 
      transform: translateY(0);
    }

    #wrapper .swiper-slide .backcont p{
      color: rgba(255,255,255,0.8);
    }

    .insec-two .mainbox{
      box-sizing:border-box;
      opacity: 0;
      transform: translateY(100%);
    }
    .insec-two .mainbox:before{
      content: '';
      position: absolute;
      width: 79.1%;
      left: 0;
      bottom: 0;
      height: calc(100% - 2.75rem);
      background: #fff;
    }
    .insec-two .mainbox .infobox{
      padding-top: 10%;
      position: relative;
      z-index: 2;
      width: 41.6vw;
      left: 28.64vw;
    }

    .insec-two .mainbox .con-tit .t{
      color: #131313;
      font-size: 0.45rem;
      margin-bottom: 0.35rem;
    }
    .insec-two .mainbox .con-tit h2{
      color: #212121;
      line-height: 1.3;
    }

    .insec-two .mainbox .cont-t{
      color: #5d5d5d;
      line-height: 1.875;
      margin: 0.6rem 0 1rem;
    }

    .insec-two .mainbox .num-wrap{
      display: flex;
      margin-bottom: 2.25rem;

    }
    .insec-two .mainbox .num-wrap .num-item{
      box-sizing:border-box;
    }
    .insec-two .mainbox .num-wrap .num-item:nth-child(1){
      width: 28.75%;
      opacity: 0;
      transition:all 0.5s ease 0.75s; 
      transform: translateY(20px);
    }
    .insec-two .mainbox .num-wrap .num-item:nth-child(2){
      width: 37.5%;
      padding-left: 2rem;
      position: relative;
      opacity: 0;
      transition:all 0.5s ease 0.85s; 
      transform: translateY(20px);
    }
    .insec-two .mainbox .num-wrap .num-item:nth-child(2):before{
      content: '';
      position: absolute;
      width: 1px;
      height: 2rem;
      background: #e6e6e6;
      left: 0;
      top: 60%;
      transform:translateY(-50%); 
    }
    .insec-two .mainbox .num-wrap .num-item:nth-child(2):after{
      content: '';
      position: absolute;
      width: 1px;
      height: 2rem;
      background: #e6e6e6;
      right: 0;
      top: 60%;
      transform:translateY(-50%); 
    }
    .insec-two .mainbox .num-wrap .num-item:nth-child(3){
      width: 33.75%;
      padding-left: 1.5rem;
      opacity: 0;
      transition:all 0.5s ease 0.95s; 
      transform: translateY(20px);
    }
    .insec-two .mainbox .num-box div{
      position: relative;
    }
    .insec-two .mainbox .num-box .num{
      font-size: 1.5rem;
      color: #ea1a27;
      position: relative;
      display: inline-block;
    }

    .insec-two .mainbox .num-box .pfangb.poa{
     font-size: 0.45rem;
     color: #131313;
     left: 107%;
     top: 0.4rem;
     white-space: nowrap;
   }

   .insec-two .mainbox .num-box p{
    color: #131313;
    line-height: 0.6rem;
    opacity: 0;

  }

  .insec-two .mainbox .readmore{
    color: #131313;
    transition:all 0.5s ease 0.8s; 
    transform: translateY(20px);
    opacity: 0;
  }

  .insec-two .mainbox .readmore a{
    position: relative;
  }

  .insec-two .mainbox .readmore a:before{
    content: '';
    position: absolute;
    width: 3.25rem;
    height: 1px;
    background: #e6e6e6;
    left: 110%;
    top: 50%;
    transform: translateY(-50%);
  }




  .insec-two .backcont h1{
    transition: all 0.3s ease 0.5s;
  }
  .insec-two .mainbox{
   transition: all 0.75s ease 0.5s;
 }

 .insec-two .mainbox .readmore{
  transition: all 0.5s ease 1.3s;
}

.insec-two .mainbox .num-wrap .num-item:nth-child(1){
  transition: all 0.5s ease 1.25s;
}
.insec-two .mainbox .num-wrap .num-item:nth-child(2){
  transition: all 0.5s ease 1.35s;
}
.insec-two .mainbox .num-wrap .num-item:nth-child(3){
 transition: all 0.5s ease 1.45s;
}



.insec-two.cur .backcont h1{
 opacity: 0!important;
 transform: translateY(-20px)!important;
}
.insec-two.cur .mainbox{
  opacity: 1;
  transform: translateY(0);
}
.insec-two.cur .mainbox .num-wrap{
  opacity: 1;
  transform: translateY(0);
}
.insec-two.cur .mainbox .num-box p{
  opacity: 1;
  transform: translateY(0);
}
.insec-two.cur .mainbox .readmore{
  transform: translateY(0);
  opacity: 1;
}

.insec-two.cur .mainbox .num-wrap .num-item:nth-child(1){
  opacity: 1;
  transform: translateY(0);
}
.insec-two.cur .mainbox .num-wrap .num-item:nth-child(2){
  opacity: 1;
  transform: translateY(0);
}
.insec-two.cur .mainbox .num-wrap .num-item:nth-child(3){
  opacity: 1;
  transform: translateY(0);
}




.insec-three .mainbox .link-item{
  width: 25%;
  height: 100%;
}
.insec-three .mainbox .mask-box{
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.85);
  color: #444;
  box-sizing:border-box;
  padding:64% 1.6rem 0; 
  position: relative;
  transition:all 0.4s ease 0s;
}

.insec-three .mainbox .tit-t{
  font-size: 1.05rem;
  margin: 1.2rem 0 1rem;
  transition:all 0s ease 0s;
}

.insec-three .link-item .img{ 
  opacity: 0;
  transition:all 0.3s ease 0s;
  transform:translateY(-10px); 
}
.insec-three .mainbox .con-t{
  color: #fff;
  line-height: 1.85;
  opacity: 0;
  transition:all 0.5s ease 0.1s;
  transform:translateY(20px); 
}
.insec-three .mainbox .detail{
  position: absolute;
  left: 1.6rem;
  bottom: 1.5rem;
  opacity: 0;
  transition:all 0.6s ease 0.3s;
  transform:translateY(20px); 
}
.insec-three .mainbox .tit-t .gilroy{
  font-size: 0.6rem;
  right: -1.2rem;
  top: -0.5rem;
}

.insec-three .link-item:hover .mask-box{ 
  background: rgba(255,255,255,0);
  color: #fff;
}

.insec-three .link-item:hover .img{ 
  opacity: 1!important;
  transform:translateY(0);
}

.insec-three .mask-box:hover .con-t{
  opacity: 1!important;
  transform:translateY(0); 
}
.insec-three .mask-box:hover .detail{
  opacity: 1!important;
  transform:translateY(0);
}
.insec-three .link-item{
  transition:all 0.8s ease 1s;
  transform:translateY(-100%); 
}

.insec-three .link-item:nth-child(2){
  transition-delay: 1.15s;
}
.insec-three .link-item:nth-child(3){
  transition-delay: 1.3s;
}
.insec-three .link-item:nth-child(4){
 transition-delay: 1.45s; 
}

.insec-three.cur .link-item{
  transform:translateY(0); 
}


#wave1{
  width: 100%;
  height: 41vh!important;
  left: 0;
  bottom: 0;
}
.insec-four .mainbox{
  z-index: 2;
}

.insec-four .contbox{
  width: 68.125vw;
  margin-left: 21.35vw;
  padding-top: 6rem;
}

.insec-four .contbox .title-tit{
  color: #444;
  margin-bottom: 1rem;
  opacity: 0;
  transform:translateY(20px);
  transition:all 1s ease 0s; 
}

.insec-four .contbox .title-tit a{
  color: #131313;
  right: 0;
  bottom: 0;
  padding-right: 3.75rem;
}

.insec-four .contbox .title-tit a:before{
  content: '';
  position: absolute;
  width: 3.25rem;
  height: 1px;
  background:#e6e6e6;
  top: 50%;
  transform:translateY(-50%);
  right: 0;  
}

.insec-four .list li{
  width: 30.6%;
  margin: 0 4.1% 0 0;
  height: 12rem;
  box-sizing:border-box;
  overflow: hidden;
}
.insec-four .list li:nth-child(3n){
  margin-right: 0;
}

.insec-four .list li.small .img{
  position: relative;
  padding-bottom: 65%;
  overflow: hidden;
}
.insec-four .list li.small .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition:all 0.3s ease 0s;
}

.insec-four .list li:hover .img img{
  transform:scale(1.05); 
}

.insec-four .list li.small .img{
  margin-bottom: 0.6rem;
}

.insec-four .list li .time{
  margin-bottom: 0.4rem;
}

.insec-four .list li h3{
  font-size: 0.6rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  color: #131313;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:1.8rem;
}
.insec-four .list li.big h3{
  color: #fff;
}

.insec-four .list li.small{
  color: #999;
}
.insec-four .list li.small .time{
  color: #999;
}

.insec-four .list li .tip{
  display: flex;
  align-items: center;
  color: #999;
}
.insec-four .list li.big .tip{
  color: #fff;
}
.insec-four .list li .tip img{
  margin-right: 0.3rem;
}
.insec-four .list li.big .mainbox{
  box-sizing:border-box;
  padding: 1.5rem 0.9rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.insec-four .list li.big a{
  color: #fff;
}
.insec-four .list li.big .img{
  padding-bottom: 120%;
  position: relative;
}
.insec-four .list li.big .img img{
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 transition:all 0.3s ease 0s;
}

.insec-four .list li.small:hover h3{
  color: #ea1a27;
}
.insec-four .list li:nth-child(1){
  opacity: 0;
  transform:translateY(20px);
  transition:all 1s ease 0.3s; 
}
.insec-four .list li:nth-child(2){
  opacity: 0;
  transform:translateY(20px);
  transition:all 1s ease 0.5s; 
}
.insec-four .list li:nth-child(3){
  opacity: 0;
  transform:translateY(20px);
  transition:all 1s ease 0.7s; 
}


.insec-two .scroll-down{
  right: 2rem;
  top: 37%;
  transform: translateY(60%);
  text-align: center;
  transition:all 1s ease 1s; 
  opacity: 0;
}
.insec-two .scroll-down p{
  transform: rotateZ(270deg);
  margin-bottom: 1rem;
  color: #fff;
}

.insec-two.cur .scroll-down{
 opacity: 1;
 transform:translateY(50%);
}


.insec-three .scroll-down{
  right: 2rem;
  top: 37%;
  transform: translateY(60%);
  text-align: center;
  transition:all 1s ease 1s; 
  opacity: 0;
}
.insec-three .scroll-down p{
  transform: rotateZ(270deg);
  margin-bottom: 1rem;
  color: #fff;
}

.insec-three .backcont h1{
  transition: all 0.3s ease 0.5s;
  transform: translateY(0);
}
.insec-three.cur .backcont h1{
 opacity: 0!important;
 transform: translateY(-20px)!important;
}
.insec-three.cur .scroll-down{
 opacity: 1;
 transform:translateY(50%);
}


.insec-four .scroll-down{
  right: 2rem;
  top: 37%;
  transform: translateY(60%);
  text-align: center;
  transition:all 1s ease 1s; 
  opacity: 0;
}
.insec-four .scroll-down p{
  transform: rotateZ(270deg);
  margin-bottom: 1rem;
  color: #444;
}


.insec-four.cur .scroll-down{
 opacity: 1;
 transform:translateY(50%);
}
.insec-four.cur .contbox .title-tit{
 opacity: 1;
 transform:translateY(0);
}
.insec-four.cur .list li:nth-child(1){
  opacity: 1;
  transform:translateY(0);
}
.insec-four.cur .list li:nth-child(2){
  opacity: 1;
  transform:translateY(0);
}
.insec-four.cur .list li:nth-child(3){
  opacity: 1;
  transform:translateY(0);
}


.insec-one:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 8.4vw;
  top:0;
  background: rgba(255,255,255,0.2);
  z-index: 2;
  display: none;
}

.insec-one .swiper-slide .black{
  background: rgba(0,0,0,0.2);
}


.insec-one:after{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  right: 10.4vw;
  top:0;
  background: rgba(255,255,255,0.2);
  z-index: 2;
  display: none;
}

.insec-one.black:before{
  background: rgba(0,0,0,0.2);
}
.insec-one.black:after{
  background: rgba(0,0,0,0.2);
}

.insec-two:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 8.4vw;
  top:0;
  background: rgba(255,255,255,0.2);
  z-index: 2;
}
.insec-two:after{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  right: 10.4vw;
  top:0;
  background: rgba(255,255,255,0.2);
  z-index: 2;
}




.insec-four:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 8.4vw;
  top:0;
  background: rgba(0,0,0,0.1);
  z-index: 2;
}






/*-------------*/


.nybody{
  width: 91.6vw;
  margin-left: 8.4vw;
  position: relative;
}

#particles-js{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


.nybody .position{
  position: relative;
  z-index: 2;
}

.nybanner{
  width: 100%;
  height: 20rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.nybanner h1{
 font-family: "李旭科书法1.4-subfont";
 font-size: 0.8rem!important;
}
.nybanner h2{
 font-family: "李旭科书法1.4-subfont";
 margin-bottom: 23px;
 font-size: 1.5rem!important;
}

@media(max-width: 767px){
  .nybanner h2 {
    margin-bottom: 10px!important;
    font-size: 0.48rem!important;
  }
  .nybanner h1 {
    font-size: 0.3rem!important;
  }
}

/*.nybanner:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 8.4vw;
  top: 0;
  background: rgba(255,255,255,0.2);
}
*/

.subwrap{
  height: 2.5rem;
  line-height: 2.5rem;
  position: relative;
  z-index: 2;
  box-sizing:border-box;
  background: #fff;


  z-index: 3;
  font-size: 0.45rem;
  padding-right: 9%;
}
.subwrap.down{
  border-bottom: 1px solid #f7f7f7;
  border-left: 1px solid #f7f7f7;
}
.subwrap .nav-container{
  transition:all 0.3s ease 0s;
}

.subwrap .nav-container.on{
  position: fixed;
  height: 2.5rem;
  line-height: 2.5rem;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  box-sizing:border-box;
  background: #fff;
  border-bottom: 1px solid #f7f7f7;
  padding:0 8.4%;
}

.subwrap .letab{
  display: flex;
  align-items: center;
  box-sizing:border-box;
  padding-left:0.75rem; 
}

.subwrap .letab a{
  color: #888;
}
.subwrap .letab a:hover {
  color: #ea1a27;
}
.subwrap .letab img{
  margin: 0 0.45rem 0 0.4rem;
}
.subwrap .letab span{
  color: #111111;
}
.subwrap.market .letab span{
  color: #a10101;
}

.subwrap .ritab{
  width: 48.8%;
  text-align: right;
}

.subwrap .ritab a{
  margin-left: 1.25rem;
}

.subwrap .ritab .swiper-slide{
  color: #111;
  width: 3.2rem;
  cursor: pointer;
}
.subwrap .ritab .swiper-slide.cur{
  color: #ea1a27;
}
.subwrap .ritab .swiper-slide:hover{
 color: #ea1a27;
}







.nybody.about .w1440{
  margin-left: 7.95%;
}

.about-info{
  padding: 3.25rem 0 2.75rem;
}

.about-info .lecon{
  width: 41.66%;
}

.about-info .riimg{
  width: 50%;
  height: 13.75rem;
}

.nybody.about .position .title{
  color: #000!important;
  line-height: 1.25;
  font-size: 1rem;
}
.nybody.about .about-info .w1440{
  width: 77vw;
  margin-left: 5.95vw;
}
.about-info .lecon .title{
  margin-bottom: 1rem;
  box-sizing:border-box;
  padding-left: 1rem;
}

.about-info .lecon .scroll-box{
  height: 10.5rem;
  color: #5d5d5d;
  line-height: 1.875;
}

.about-info .lecon .scroll-box p{
  margin-bottom: 0.5rem;
}
.about-info .lecon .scroll-box p:last-child{
  margin-bottom: 0;
}


.about-info .num-wrap{
  width: 100%;
  display: flex;
  margin-top: 1.6rem;
  justify-content: space-between;
  box-sizing: border-box;
  padding:0 0 0 1rem;
}
.about-info .num-wrap .num-item{
  width: 5rem;
}
.about-info .num-wrap .num-item:nth-child(2){
  width: 3.5rem;
}
.about-info .num-wrap .num-item:nth-child(3){
  width: 5.5rem;
}
.about-info .num-wrap .num-item:nth-child(4){
 width: 4.5rem;
}
.about-info .num-wrap .num-item:nth-child(5){
 width: 4.5rem;
}
@media(max-width: 767px){
  .about-info .num-wrap .num-item:nth-child(2){
    width: 50%;
  }
  .about-info .num-wrap .num-item:nth-child(3){
    width: 50%;
  }
  .about-info .num-wrap .num-item:nth-child(4){
    width: 50%;
  }
  .about-info .num-wrap .num-item:nth-child(5){
    width: 50%;
  }
}

.about-info .num-wrap .num{
  font-size: 1.5rem;
  color: #ea1a27;
  position: relative;
  display: inline-block;
}

.about-info .num-wrap .num .poa{
  font-size: 0.45rem;
  color: #131313;
  left: 107%;
  top: 0.4rem;
  white-space: nowrap;
}


.about-frame{
  background: #f7f7f7;
  padding: 2.5rem 0 3.75rem;
}

.about-frame .title{
  transform: translateY(20px);
}

.about-speech{
  width: 100%;
}
.about-speech .w1440{
  height: 19.5rem;
  box-sizing:border-box;
  padding: 1.75rem 0 0;
}
.about-speech .lecon{
  width: 46%;
}
.about-speech .lecon .scroll-box{
  height: 13.5rem;
}
@media(max-width: 767px){
 .about-speech .lecon .scroll-box {
  height: 8rem;
}   
}


.about-speech .lecon .title{
  margin-bottom: 0.9rem;
  color: #fff!important;
}
.about-speech .lecon .swiper-container{
  width: 100%;
  line-height: 1.875;
  -height: 9.5rem;
}
.about-speech .lecon .swiper-container p{
  margin-bottom: 0.5rem;
  color: #000;
}
.about-speech .lecon .swiper-container p:last-child{
  margin-bottom: 0;
}
.about-speech{
  position: relative;
}
.about-speech .riimg{
  width: 48%;
  left: 0;
  top:10%;
  position: absolute;

}
@media(max-width: 1024px){
  .about-speech .riimg {
    width: 31.15%;
  }
}

.about-speech .speech-next{
  width: 1.25rem;
  height: 1.25rem;
  background: url('../../web/img/swiper-r1.png')no-repeat center center;
  background-size:contain; 
  top: 92%;
  left: 1.5rem;
  right:0;
}

.about-speech .speech-prev{
  width: 1.25rem;
  height: 1.25rem;
  background: url('../../web/img/swiper-l1.png')no-repeat center center;
  background-size:contain;
  top: 92%; 
  left: 0;
}


.about-team{
 padding: 2.75rem 0 3.75rem;
}
.about-team .title{
  margin-bottom: 1.25rem;
}

.about-team .team-swiper .swiper-slide{
  position: relative;
  padding-bottom: 28.15%;
}
.about-team .team-swiper .swiper-slide p{
  font-size: 0.5rem;
  color: #fff;
  z-index: 2;
  left: 1.25rem;
  bottom: 1.25rem;
}
.about-team .team-swiper .swiper-slide img{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}


.about-team .team-next{
  width: 1.25rem;
  height: 1.25rem;
  background:url('../../web/img/swiper-r3.png')no-repeat center center;
  background-size: contain; 
  top: 57%;
  right: -2rem;
}
.about-team .team-prev{
  width: 1.25rem;
  height: 1.25rem;
  background:url('../../web/img/swiper-l3.png')no-repeat center center;
  background-size: contain; 
  top: 57%;
  left: -2rem;
}


.about-honor{
  background:#f7f7f7;
  padding: 2.75rem 0 3rem;
}


.about-honor .title{
  margin-bottom: 1.75rem;
}

.nybody.about .about-honor .w1440{
  -width: 92.05%;
  box-sizing:border-box;

}
.about-honor .swiper-container{
  padding-bottom: 2rem;
  background: url('../../web/img/tuopan.png')no-repeat center bottom;
  background-size: contain;
}
.swiper-container-horizontal>.swiper-scrollbar {
  height: 2px;
}
.swiper-scrollbar{
  background:#ddd;
  height: 2px;
}
.swiper-scrollbar-drag {
  background: #ea1a27;
}
.about-honor .swiper-container .swiper-slide{
  width: 40%;
  box-sizing:border-box;
  padding:10px 10px 0.4rem;
  margin-bottom: 1rem;
  background: #fff;
}
@media(max-width: 767px){
  .about-honor .swiper-container .swiper-slide{
   width: 300px!important;
 }
}
.about-honor .swiper-slide .img{
  width: 100%;
  position: relative;
  background:url('../../web/img/honor-imgback.png')no-repeat center center;
  background-size: 100% 100%;  
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.6rem;
}
.about-honor .swiper-slide .img img{
  width: 100%;
  max-height: 95%;
}

.about-honor .swiper-slide .con-t{
  font-size: 0.55rem;
  color: #333;
  text-align: center;
}
.about-honor .swiper-slide .con-t span{
  color: #ea1a27;
}

.about-honor .honor-next{
 width: 1.25rem;
 height: 1.25rem;
 background:url('../../web/img/swiper-r4.png')no-repeat center center;
 background-size: contain;  
 top: 0.9rem; 
 left: 96.5%;
}
.about-honor .honor-next:hover{
  background:url('../../web/img/swiper-r3.png')no-repeat center center;
  background-size: contain; 
}

.about-honor .honor-prev{
 width: 1.25rem;
 height: 1.25rem;
 background:url('../../web/img/swiper-l4.png')no-repeat center center;
 background-size: contain;
 top: 0.9rem; 
 left: 92%;
}

.about-honor .honor-prev:hover{
  background:url('../../web/img/swiper-l3.png')no-repeat center center;
  background-size: contain; 
}

@media(max-width:767px){

}


.about-care{
  height: 23.75rem;
  box-sizing:border-box;
  padding-top: 3rem;
}

.about-care .title{
  margin-bottom: 1.1rem;
  color: #fff!important;
}

.about-care .care-swiper{
  width: 100%;
}

.about-care .care-swiper .swiper-slide{
  height: 15rem;
  position: relative;
}

.about-care .care-swiper .swiper-slide .img1{
  width: 100%;
  height: 69%;
}
.about-care .care-swiper .swiper-slide .img{
  position: absolute;
}
.about-care .care-swiper .swiper-slide .img img{
  width: 100%;
  height: 100%;
}

.about-care .care-swiper .swiper-slide .img2{
 width: calc(50% - 3px);
 height: calc(31% - 6px);
}

.about-care .care-swiper .swiper-slide .img3{
 width: calc(50% - 3px);
 height: calc(31% - 6px);
}

.about-care .care-swiper .swiper-slide:nth-child(2n-1) .img1{
  left: 0;
  top: 0;
}

.about-care .care-swiper .swiper-slide:nth-child(2n-1) .img2{
  left: 0;
  bottom: 0;
}

.about-care .care-swiper .swiper-slide:nth-child(2n-1) .img3{
  right: 0;
  bottom: 0;
}

.about-care .care-swiper .swiper-slide:nth-child(2n) .img1{
  left: 0;
  bottom: 0;
}

.about-care .care-swiper .swiper-slide:nth-child(2n) .img2{
  left: 0;
  top: 0;
}

.about-care .care-swiper .swiper-slide:nth-child(2n) .img3{
  right: 0;
  top: 0;
}



.about-style{
  padding: 2.75rem 0 2.9rem;
}

.about-style .title{
  margin-bottom: 1.5rem;
}

.about-style .style-swiper{
  width: 100%;
  height: 13.25rem;
  background: #1b1b1b;
  margin-bottom: 10px;
}

.about-style .style-swiper .swiper-slide{
  width: 100%;
  height: 100%;
}

.about-style .style-swiper .swiper-slide .leimg{
  width: 73.6%;
  height: 100%;
}

.about-style .style-swiper .swiper-slide .leimg img{
  width: 100%;
}

.about-style .style-swiper .swiper-slide .ricon{
  width: 26.4%;
  box-sizing:border-box;
  padding: 1.5rem 1.25rem;
}

.about-style .style-swiper .swiper-slide .tit-t{
  color: #fff;
  margin-bottom: 0.4rem;
  font-size: 0.75rem;
}

.about-style .style-swiper .swiper-slide .con-t{
  color: #999;
  font-size: 0.375rem;
  line-height: 1.66;
}

.about-style .style-swiper .style-next{
  width: 1.25rem;
  height: 1.25rem;
  background: url('../../web/img/swiper-r4.png')no-repeat center center;
  background-size: contain;
  right: 15.27%;
  bottom: 1.5rem;
  top: auto;
}
.about-style .style-swiper .style-next:hover{
  background: url('../../web/img/swiper-r3.png')no-repeat center center;
  background-size: contain;
}
.about-style .style-swiper .style-prev{
  width: 1.25rem;
  height: 1.25rem;
  background: url('../../web/img/swiper-l4.png')no-repeat center center;
  background-size: contain;
  left: auto;
  right: 20.13%;
  bottom: 1.5rem;
  top: auto;
}
.about-style .style-swiper .style-prev:hover{
  background: url('../../web/img/swiper-l3.png')no-repeat center center;
  background-size: contain;
}


.about-style .tab-swiper .swiper-slide{
  position: relative;
  padding-bottom: 8.78%;
  overflow: hidden;
  cursor: pointer;
}
.about-style .tab-swiper .swiper-slide img{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.about-style .tab-swiper .swiper-slide .line{
  transition:all 0.3s ease 0s;
  position: absolute;
  background: #ea1a27;
}

.about-style .tab-swiper .swiper-slide .line1{
  width: 3px;
  height: 0%;
  left: 0;
  top: 0;
}
.about-style .tab-swiper .swiper-slide .line2{
  width: 0%;
  height: 3px;
  left: 0;
  top: 0;
}
.about-style .tab-swiper .swiper-slide .line3{
  width: 3px;
  height: 0%;
  right: 0;
  top: 0;
}
.about-style .tab-swiper .swiper-slide .line4{
  width: 0%;
  height: 3px;
  left: 0;
  bottom: 0;
}


.about-style .tab-swiper .swiper-slide.cur .line1{
  height: 100%;
}
.about-style .tab-swiper .swiper-slide.cur .line2{
  width: 100%;
}
.about-style .tab-swiper .swiper-slide.cur .line3{
  height: 100%;
}
.about-style .tab-swiper .swiper-slide.cur .line4{
  width: 100%;
}

.about-style .tab-swiper .swiper-slide:hover .line1{
  height: 100%;
}
.about-style .tab-swiper .swiper-slide:hover .line2{
  width: 100%;
}
.about-style .tab-swiper .swiper-slide:hover .line3{
  height: 100%;
}
.about-style .tab-swiper .swiper-slide:hover .line4{
  width: 100%;
}


.nybody.news .w1540{
  width: 80.2vw;
  margin-left: 0.75rem;
  position: relative;
  z-index: 2;
}

.news-wrap{
  padding: 2.5rem 0 3.5rem;
}

.news-wrap .lasted-news h3{
  margin-bottom: 1rem;
}

.news-wrap .lasted-news .lasted-swiper{
  height: 12.5rem;
  background: #f2f2f2;
  width: 100%;

}
#wave1{
  height: 8.5rem!important;
  left: 0;
  bottom: 0;
}

#wave1 canvas{
  width: 100%;
  height: 100%!important;
}

.news-wrap .lasted-news .lasted-swiper .imgfl{
  width: 50%;
  height: 100%;

}
.news-wrap .lasted-news .lasted-swiper .imgfl img{
  width: 100%;
  height: 100%;
}
.news-wrap .lasted-news .lasted-swiper .ricon{
  width: 50%;
  height: 100%;
  padding: 2rem 2.2rem 0;
}
.news-wrap .lasted-news .time{
  font-size: 0.45rem;
  color: #999;
  margin-bottom: 0.6rem;
}
.news-wrap .lasted-news .tit-t{
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:2.1rem;
}
.news-wrap .lasted-news .tit-t a{
  color: #131313;
}
.news-wrap .lasted-news .tit-t:hover a{
  color: #ea1a27;
}

.news-wrap .lasted-news .con-t{
  color: #444;
  line-height: 2.25;
  margin-bottom: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:1.8rem;
}


.news-wrap .lasted-news .detail{
  display: flex;
  align-items: center;
  color: #222;
}

.news-wrap .lasted-news .detail img{
  margin-left: 0.15rem;
  transition:all 0.3s ease 0s;
}

.news-wrap .lasted-news .detail:hover img{
  transform:translateX(5px); 
}



.news-wrap .lasted-news .btns-w{
  position:absolute;
  right: 0;
  top: 0;
  display: flex;
}






#btns-w {
  right: 0;
  top: 0;
}
#btns-w .btns {
  width: 48px;
  height: 48px;
  cursor: pointer;
  margin: 5px 0;
  position: relative;
}
#btns-w .btns:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #a1a1a1;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#btns-w .btns.cur:before{
  display: none;
}
#btns-w .btns svg {
  display: none !important;
}
#btns-w .btns.cur svg {
  display: block !important;
}
#btns-w .btns.cur .circle2 {
  transform-origin: center center;
  transform: rotate(-90deg);
  animation: dashnews 3s linear infinite;
  stroke-dashoffset: 69.08px;
}





@keyframes dashnews {
  0% {
    stroke-dashoffset: 69.08px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}


.news-wrap .w1540{
  position: relative;
  z-index: 2;
}
.news-wrap .main-news{
  -margin-top: 2.5rem;
}
.news-wrap .lasted-news{
  margin-bottom: 2.5rem;
}

.news-wrap .main-news h3{
  margin-bottom: 1rem;
}

.news-wrap .main-news li{
  width: 29.2%;
  margin:0 6.2% 6.2% 0; 
}

.news-wrap .main-news li:nth-child(3n){
  margin-right: 0;
}

.news-wrap .main-news li .img{
  width: 100%;
  padding-bottom: 65.77%;
  position: relative;
  overflow: hidden;
}

.news-wrap .main-news li .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition:all 0.3s ease 0s;
}
.news-wrap .main-news li:hover img{
  transform:scale(1.05); 
}

.news-wrap .main-news li .time{
  color: #999;
  margin: 0.5rem 0;
}

.news-wrap .main-news li p{
  color: #131313;
  line-height: 1.5;
  font-size: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:1.8rem;
}


.news-wrap .main-news .list{
  margin-bottom: 2rem;
}

.readmore {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  color: #222;
  cursor: pointer;
  margin-left: 50%;
  transform: translateX(-50%);
}

.insec-two .readmore{
  margin-left: 0%;
  transform: translateX(0%);
}

.readmore p{
  margin-bottom: 0.5rem;
}



.nybody.newsde .w1280{
  margin-left: 8.33vw;
}


.newsde-wrap{
  padding: 2rem 0 2.75rem;
}

.newsde-wrap .title{
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.newsde-wrap .title h3{
  margin-bottom: 0.5rem;
}

.newsde-wrap .title .time{
  font-size: 0.375rem;
  color: #999;
}


.newsde-wrap .cont-con{
  padding: 1.75rem 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  line-height: 1.66;
  font-size: 0.375rem;
}

.newsde-wrap .bot-con{
  padding-top: 0.9rem;
  line-height: 1.66;
  font-size: 0.375rem;
}

.newsde-wrap .bot-con .prev-page img{
  margin-right: 0.45rem;
}

.newsde-wrap .bot-con .next-page img{
  margin-left: 0.45rem;
}

.nybody.wenhua .subwrap .letab span{
  color: #a10101;
}

.nybody.wenhua .subwrap .ritab {
  width: 16.8%;
}


.nybody.wenhua .w1440{
  margin: 0 auto;
}


.wenhua-wrap .idea-wrap{
  padding: 2.75rem 0;
}

.wenhua-wrap .idea-wrap .title{
  margin-bottom: 1.1rem;
}

.wenhua-wrap .idea-wrap .main-con{
  width: 100%;
  height: 12.6rem;
  margin-bottom: 0.75rem;
}

.wenhua-wrap .idea-wrap .main-con .lecon{
  width: 29.15%;
  height:100%;
  background: #ea1a27;
  color: #fff;
  box-sizing:border-box;
  padding: 2rem 1.5rem 0;
}

.wenhua-wrap .idea-wrap .main-con .ricon{
  width: 70.85%;
  height:100%;
}

.wenhua-wrap .idea-wrap .lecon .ico{
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.wenhua-wrap .idea-wrap .lecon h3{
  margin-bottom: 0.75rem;
}
.wenhua-wrap .idea-wrap .lecon p{
  font-size: 0.45rem;
  line-height: 1.73;
}
.wenhua-wrap .idea-wrap .list{
  display: flex;
  justify-content: space-between;
}
.wenhua-wrap .idea-wrap .ico-swiper{
  padding-bottom: 0.5rem;
}
.wenhua-wrap .idea-wrap .swiper-slide{
  height: 6.75rem;
  box-sizing:border-box;
  border: 1px solid #dddddd;
  font-size: 0.375rem;
  color: #999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}


.wenhua-wrap .idea-wrap .swiper-slide p{
  font-size: 0.45rem;
}
.wenhua-wrap .idea-wrap .swiper-slide h4{
  font-size: 0.5rem;
  margin:0.6rem 0 0.15rem;
  color: #333;
  font-weight: bold;
}


.wenhua-wrap .idea-wrap .swiper-slide img{
  max-height: 1.1rem;
  transition:all 0.3s ease 0s;
}

.wenhua-wrap .idea-wrap .swiper-slide:hover img{
  transform:translateY(5px); 
}

.wenhua-wrap .slogan-wrap{
  width: 100%;
  height: 15rem;
  color: #fff;
  font-size: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.wenhua-wrap .slogan-wrap .title{
  margin: 0.4rem 0 0.6rem; 
}


.wenhua-wrap .song-wrap{
  padding: 2.5rem 0 2rem;
}

.wenhua-wrap .song-wrap .title{
  margin-bottom: 1rem;
}


.wenhua-wrap .song-wrap .contimg{
  text-align: center;
  margin-top: 1.5rem;
  display: none;
}

.wenhua-wrap .song-wrap .contimg img{
  width: 55.55%;
}

.wenhua-wrap .song-wrap .song-item{
  width: 100%;
  height: 1.25rem;
  line-height: 1.25rem;
  box-sizing:border-box;
  background: #f7f7f7;
  transition:all 0.3s ease 0s;
  margin-bottom: 0.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  font-size: 13px;
  position: relative;
}



.wenhua-wrap .song-wrap .song-item audio{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.wenhua-wrap .song-wrap .song-item i{
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url('../../web/img/play-ico.png')no-repeat center center;
  background-size: contain;
  margin-right: 0.3rem;
}

/*.wenhua-wrap .song-wrap .song-item:hover{
    background: #ea1a27;
    color: #fff;
}
.wenhua-wrap .song-wrap .song-item:hover i{
   background: url('../../web/img/play-ico1.png')no-repeat center center;
   background-size: contain;
   }*/
   .wenhua-wrap .song-wrap .song-item.cur{
    background: #ea1a27;
    color: #fff;
  }
  .wenhua-wrap .song-wrap .song-item.cur i{
   background: url('../../web/img/play-ico1.png')no-repeat center center;
   background-size: contain;
 }



 .nybody.mess .w1540{
  width: 80.2vw;
  margin-left: 0.75rem;
}


.mess-wrap{
  padding: 2.25rem 0 4.5rem;
}

.mess-wrap .title{
  margin-bottom: 1.75rem;
}

.mess-wrap .title .mess-btn{
  right: 0;
  top: 50%;
  transform:translateY(-50%); 
  color: #222;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.mess-wrap .title .mess-btn img{
  margin-left: 0.4rem;
  transition:all 0.3s ease 0s;
}
.mess-wrap .title .mess-btn:hover img{
  transform:translateX(5px); 
}

.mess-wrap .list li{
  width: 100%;
  height: 8rem;
  margin-bottom: 2rem;
  display: flex;

  justify-content: space-between;

}
.mess-wrap .list li:nth-child(2n){
  flex-direction: row-reverse;
}
.mess-wrap .list li .ico{
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 50%;
  background:#ea1a27; 
  display: flex;
  align-items: center;
  justify-content: center;
}

.mess-wrap .list li .main-box{
  width: 88.9%;
  height: 100%;
  position: relative;
  box-sizing:border-box;
  padding: 0.9rem 1.5rem 0;
  transition:all 0.2s ease 0s;
}

.mess-wrap .list li:nth-child(2n-1) .main-box{
 background: url('../../web/img/mess-backl.png')no-repeat center center;
 background-size: contain;
}
.mess-wrap .list li:nth-child(2n-1):hover .main-box{
 background: url('../../web/img/mess-backlw.png')no-repeat center center;
 background-size: contain;
}
.mess-wrap .list li:nth-child(2n) .main-box{
 background: url('../../web/img/mess-backr.png')no-repeat center center;
 background-size: contain;
}
.mess-wrap .list li:nth-child(2n):hover .main-box{
 background: url('../../web/img/mess-backrw.png')no-repeat center center;
 background-size: contain;
}
.mess-wrap .list li .main-box .tit-t{
  color: #111;
  font-size: 0.7rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 0.5rem;
}

.mess-wrap .list li .main-box .con-t{
  color: #444;
  line-height: 2;
  margin-bottom: 0.6rem;
}

.mess-wrap .list li .main-box .person{
  color: #888;
}


.nybody.contact .w1390{
  margin-left: 8.85vw;
  padding: 3.5rem 0 4.25rem;
}

.nybody.contact .w1390 .title{
  margin-bottom: 2.25rem;
}

.nybody.contact .w1390 .ico-wrap{
  margin-bottom: 2.25rem;
}

.nybody.contact .w1390 .ico-wrap .ico-item{
  float: left;
  margin-right: 2.25rem;
}
.nybody.contact .w1390 .ico-wrap .ico-item:last-child{
  margin-right: 0;
}

.nybody.contact .w1390 .ico-wrap span{
  color: #111;
  font-size: 0.6rem;
  line-height: 1;
}

.nybody.contact .w1390 .ico-wrap .ico{
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 0.6rem;
}

.nybody.contact .w1390 .ico-wrap .ico img{
  margin-right: 0.15rem;
}

.nybody.contact .w1390 .ico-wrap p{
  font-size: 0.45rem;
  line-height: 1.55;
  color: #333;
}

.nybody.contact .map{
  width: 100%;
  height: 15.25rem;
  box-shadow: 0 0 12px #dcdcdc;
}

.nybody.contact .map .tip{
 left: 46%;
 top: 24%;
 z-index: 2;
}


.recruit-wrap{
  padding: 2.5rem 0 5.75rem;
}

.recruit-wrap .title{
  margin-bottom: 1rem;
}

.recruit-wrap .list{
  margin-bottom: 1.5rem;
}

.recruit-wrap .list li{
  margin-bottom: 12px;
}

.recruit-wrap .list li .tab-con{
  background:#f9f9f9;
  box-sizing:border-box;
  border: 1px solid #e3e3e3; 
  color: #222;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.5rem;
  cursor: pointer;
  transition:all 0.3s ease 0s;
}


.recruit-wrap .list li .posi{
  width: 28.57%;
  box-sizing:border-box;
  padding-left: 2.4rem;
}
.recruit-wrap .list li .local{
  width: 20.12%;
}
.recruit-wrap .list li .date{
 width: 20.78%;
}
.recruit-wrap .list li .salary{
  width: 20.78%;
}

.recruit-wrap .list li .ico{
  width: 1rem;
  height: 1rem;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  background: url('../../web/img/add-ico.png')no-repeat center center;
  background-size: contain;
  transition:all 0.3s ease 0s;
}
.recruit-wrap .list li.cur .tab-con{
  color: #fff;
  background:#ea1a27; 
}
.recruit-wrap .list li.cur i{
 background: url('../../web/img/less-ico.png')no-repeat center center;
 background-size: contain;
}

.recruit-wrap .list li:hover .tab-con{
  color: #fff;
  background:#ea1a27; 
}
.recruit-wrap .list li:hover i{
 background: url('../../web/img/less-ico.png')no-repeat center center;
 background-size: contain;
}



.recruit-wrap .list li .sub-wrap{
  width: 100%;
  display: none;
  box-sizing:border-box;
  border: 1px solid #e3e3e3; 
  border-top:none; 
  background:#fff;
  padding: 1rem 2.2rem 1.5rem; 
}


.recruit-wrap .list li .sub-wrap .tit-t{
  font-size: 0.5rem;
  margin-bottom: 0.7rem;
}
.recruit-wrap .list li .sub-wrap .tit-t.tab{
  display: none;
}

.recruit-wrap .list li .sub-wrap .con-t{
  color: #222;
  font-size: 0.45rem;
  margin-bottom: 1.5rem;
}
.recruit-wrap .list li .sub-wrap .con-t p{
  margin-bottom: 0.35rem;
}

.recruit-wrap .list li .sub-wrap .con-t p:last-child{
  margin-bottom: 0;
}

.recruit-wrap .list li .sub-wrap .apply{
 font-size: 0.45rem;
 color: #222;
 display: flex;
 align-items: center;
}

.recruit-wrap .list li .sub-wrap .apply img{
  margin-left: 0.25rem;
  transition:all 0.3s ease 0s;
}

.recruit-wrap .list li .sub-wrap .apply:hover img{
  transform:translateX(5px); 
}



.messpop-wrap{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition:all 0.3s ease 0s;
}

.messpop-wrap.show{
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

.messpop-wrap .w1540{
  width: 80vw;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 10%;
  box-sizing:border-box;
  transform:translateY(-50%);
  padding: 1.75rem 3.25rem 2.5rem; 
}

.messpop-wrap .w1540 .close-btn{
  top: 1.1rem;
  right: 1.1rem;
  cursor: pointer;
  position: absolute;
  transition:all 0.3s ease 0s;
}
.messpop-wrap .w1540 .close-btn:hover{
  transform:rotateZ(45deg); 
}
.messpop-wrap .w1540 .title{
  text-align: center;
  font-size: 0.9rem;
  margin-bottom: 1.1rem;
}


.messpop-wrap .w1540 .input-item{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.messpop-wrap .w1540 .input-box{
  height: 1.75rem;
  line-height: 1.75rem;
  box-sizing:border-box;
  border: 1px solid #000;
  width: calc(50% - 5px);
  padding: 0 1.1rem;
  display: flex;
}

.messpop-wrap .w1540 .input-box .input {
  width: 83%;
  margin-left: 0.5rem;
}
.messpop-wrap .w1540 .input-box input{
  width: 100%;
}

.messpop-wrap .w1540 .input-item.mess .input-box{
  display: block;
  height: auto;
}

.messpop-wrap .w1540 .input-item.mess textarea{
  width: 100%;
  height: 1.5rem;
  box-sizing:border-box;
  line-height: 1.4;
}

.messpop-wrap .w1540 .input-box.sub{
  padding: 0;
}

.messpop-wrap .w1540 .input-box.sub input{
  width: 100%;
  height: 100%;
  background: #2f2f2f;
  color: #fff;
  font-size: 0.45rem;
}

.messpop-wrap .w1540 .input-box.code .input{ 
  width: 66%;
}

.messpop-wrap .w1540 .input-box.code .textimg{
  right: 1.1rem;
  top: 50%;
  transform:translateY(-50%); 
  width: 2rem;
  cursor: pointer;
}



.pcmap-wrap{
  position: fixed;
  width: 100vw;
  height: calc(100vh - 2.5rem);
  left: 0;
  top: 2.5rem;
  background: #fff;
  z-index: -1;
  transition:all 0.35s ease 0s;
  opacity: 0;
  visibility: hidden;
}
.pcmap-wrap.show{
  z-index: 101;
  opacity: 1;
  visibility: visible;
}
.pcmap-wrap:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 200%;
  left: 8.4vw;
  background: rgba(0,0,0,0.1);
  top: -2.5rem;
}
.pcmap-wrap:after{
  content: '';
  position: absolute;
  width: 1px;
  height: 200%;
  right: 10.4vw;
  background: rgba(0,0,0,0.1);
  top: -2.5rem;
}

.pcmap-wrap .t{
  font-weight: bold;
  font-size: 0.65rem;
  margin-bottom: 0.7rem;
}


.pcmap-wrap .sub-list a{
  display: block;
  color: #999;
  margin-bottom: 0.1rem;
}
.pcmap-wrap .sub-list a:hover{
  color: #ea1a27;
}
.pcmap-wrap .list{
  margin: 6% 0 0 17.85%;
}

.pcmap-wrap .list li{
  margin-right: 11.9vw;
  margin-bottom: 2rem;
  min-height: 7rem;
}
#msub-list{
  position: absolute;
  z-index: -1;
  visibility: hidden;
  display: none;
}
@media(max-width: 1024px){
  .pcmap-wrap{
    display: none!important;
    z-index: -2!important;
    visibility: hidden!important;
  }
}


.insec-one .swiper-container1 .swiper-slide .videoplay{
  display: none;
}

.insec-three .mobile-title{
  display: none;
}
.insec-four .readtab{
  display: none;
}


.market-wrap{
  padding: 2.25rem 0 4.5rem;
}

.market-wrap .title{
  margin-bottom: 1.1rem;
}

.market-wrap .list li{
  width: 100%;
  height: 12.25rem;

}
.market-wrap .list li{
  margin-bottom: 1.15rem;
}
.market-wrap .list li:last-child{
  margin-bottom: 0;
}
.market-wrap .list li .leimg{
  width: 50%;
  height: 100%;
}
.market-wrap .list li .conri{
  width: 50%;
  height: 100%;
  padding: 1.25rem 0 0 1.5rem;
  position: relative;
}

.market-wrap .list .conri h1{
  font-size: 1.2rem;
  color: #222;
  margin-bottom: 0.75rem;
}

.market-wrap .list .conri .scroll-box{
  color: #555;
  line-height: 2.25;
}

.market-wrap .list .conri a{
  position: absolute;
  bottom: 2.5rem;
  left: 1.5rem;
  color: #222;
}

.market-wrap .list .conri a img{
 transition: all 0.3s ease 0s;
}

.market-wrap .list .conri a:hover img{
  transform:translateX(5px); 
}

.market-wrap .list li:nth-child(2n) .leimg{
  float: right;
}

.market-wrap .list li:nth-child(2n) .conri{
  float: left;
  padding: 1.25rem 1.5rem 0 0;
}

.market-wrap .list li:nth-child(2n) .conri a{
  left: 0;
}

.marde-wrap{
  padding: 2rem 0 3.25rem;
}
.marde-wrap .w1280{
  width: 66.66vw;
  margin-left: 12.5vw;
}
.marde-wrap .main-box{
  margin-bottom: 2.7rem;
}
.marde-wrap .main-box .title{
  text-align: center;
  padding-bottom: 0.9rem;
}

.marde-wrap .main-box .title h3{
  margin-bottom: 0.45rem;
}

.marde-wrap .main-box .title p{
  color: #555;
  font-size: 0.375rem;
}

.marde-wrap .main-box .con-t{
  padding: 1.5rem 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-bottom: 0.75rem;
}
.marde-wrap .main-box .bot .prev img{
  margin-right: 0.3rem;
  transition:all 0.3s ease 0s;
}
.marde-wrap .main-box .bot .prev:hover img{
  transform:translateX(-3px); 
}
.marde-wrap .main-box .bot .next img{
  margin-left: 0.3rem;
  transition:all 0.3s ease 0s;
}
.marde-wrap .main-box .bot .next:hover img{
  transform:translateX(3px); 
}
.marde-wrap .title{
  text-align: center;
}

.marde-wrap .case-box{
  border-bottom: 1px solid #ddd;
  margin-bottom: 2.75rem;
  padding-bottom: 2.7rem;
}

.marde-wrap .case-box .title{
  margin-bottom: 0.9rem;
}

.marde-wrap .case-box .img{
  position: relative;
  overflow: hidden;
  padding-bottom: 65.8%;
  margin-bottom: 0.5rem;
}
.marde-wrap .case-box .img:hover img{
  transform:scale(1.05); 
}

.marde-wrap .case-box .case-next{
  width: 1.25rem;
  height: 1.25rem;
  background: url('../../web/img/swiper-r5.png')no-repeat center center;
  background-size: contain;
  top: 37%;
  right: -2rem;
}
.marde-wrap .case-box .case-next:hover{
 background: url('../../web/img/swiper-r3.png')no-repeat center center;
 background-size: contain;
}
.marde-wrap .case-box .case-prev{
  width: 1.25rem;
  height: 1.25rem;
  background: url('../../web/img/swiper-l5.png')no-repeat center center;
  background-size: contain;
  top: 37%;
  left: -2rem;
}
.marde-wrap .case-box .case-prev:hover{
 background: url('../../web/img/swiper-l3.png')no-repeat center center;
 background-size: contain;
}
.marde-wrap .case-box .img img{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition:all 0.3s ease 0s;
}

.marde-wrap .case-box .time{
  color: #999;
  margin-bottom: 0.5rem;
}

.marde-wrap .case-box .pfangm{
  color: #131313;
  font-size: .6rem;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:1.75rem;
}
.marde-wrap .case-box .pfangm:hover{
 color: #ea1a27;
}

.marde-wrap .param-box{
  margin-bottom: 2.75rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #ddd;
}
.marde-wrap .param-box .title{
  margin-bottom: 1rem;
}

.marde-wrap .param-box table{
  width: 100%;
}

.marde-wrap .param-box table th{
  height: 1.25rem;
  line-height: 1.25rem;
  background: #1b1b1b;
  color: #fff;
}

.marde-wrap .param-box table td{
 height: 1.25rem;
 line-height: 1.25rem;
}

.marde-wrap .param-box table tr:nth-child(2n){
  background: #dcdcdc;
}

.marde-wrap .param-box table td:first-child{
  box-sizing:border-box;
  padding-left: 1.75rem;
}

.marde-wrap .param-box table th:first-child{
  box-sizing:border-box;
  padding-left: 1.75rem;
}


.marde-wrap .net-box{
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #ddd;
}


.marde-wrap .net-box .title{
  margin-bottom: 1.75rem;
}

.marde-wrap .mess-box .title{
  margin-bottom: 0.75rem;
}

.marde-wrap .net-box .map-wrap{
  display: flex;
  justify-content: space-between;
}

.marde-wrap .net-box .map-box:first-child{
  width: 43.3%;
}
.marde-wrap .net-box .map-box:first-child span{
  left: 45%;
  top: 23%;
}

.marde-wrap .net-box .map-box:last-child{
  width:73.57%;
  text-align: center;
  margin: 0 auto;

}

.marde-wrap .net-box .map-box:last-child .img1{
  width: 6.482%;
  left: 59.8%;
  top: 37%;
}
.marde-wrap .net-box .map-box:last-child .img2{
  width: 26.567%;
  left: 44.7%;
  top: 37.5%;
}
.marde-wrap .net-box .map-box .backimg{
  width: 100%;
}

.marde-wrap .net-box .map-box:last-child span{
  left: 36%;
  bottom: 9%;
}

.marde-wrap .net-box .line1{
  width: 55.88%;
  height: 32%;
  left: 20%;
  top: 17%;
}
.marde-wrap .net-box .line2{
  width: 24.7%;
  height: 22%;
  left: 50%;
  top: 25.6%;
}
.marde-wrap .net-box .line3{
  width: 21.1%;
  height: 18%;
  left: 50%;
  top: 40%;
}
.marde-wrap .net-box .line4{
 width: 10.3%;
 height: 38%;
 right: 18%;
 top: 41%;
}
.marde-wrap .net-box .bg{
  position: absolute;
}
.marde-wrap .net-box .line1 .bg{
 height: 100%;
 width: 100%;
 background-image: url('../../web/img/market-line1.png');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: right top;
 right: 0;
 top: 0;
}
.marde-wrap .net-box .line2 .bg{
  height: 100%;
  width: 100%;
  background-image: url('../../web/img/market-line2.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  right: 0;
  top: 0;
}

.marde-wrap .net-box .line3 .bg{
 height: 100%;
 width: 100%;
 background-image: url('../../web/img/market-line3.png');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: right top;
 right: 0;
 top: 0;
}
.marde-wrap .net-box .line4 .bg{
  height: 100%;
  width: 100%;
  background-image: url('../../web/img/market-line4.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  left: 0;
  top: 0;
}
.marde-wrap .net-box.cur .line1 .bg{
 animation: widthx 2s both linear 0s;
}
.marde-wrap .net-box.cur .line2 .bg{
 animation: widthx 2s both linear 0s;
}
.marde-wrap .net-box.cur .line3 .bg{
 animation: widthx 2s both linear 0s;
}
.marde-wrap .net-box.cur .line4 .bg{
 animation: widthx 2s both linear 0s;
}
@keyframes widthx {
 0% {
   width: 0%;
 }
 100% {
   width: 100%;
 }
}


.marde-wrap .mess-box .title{
  margin-bottom: 1rem;
}

.marde-wrap .mess-box .input-item{
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5rem;
  margin-bottom: 2.25rem;
}
.marde-wrap .mess-box .input-box{
  width: 31.25%;
  margin:0 3.125% 3.125% 0;
}

.marde-wrap .mess-box .input-box:nth-child(3n){
  margin-right: 0;
}

.marde-wrap .mess-box  p{
  color: #222;
  margin-bottom: 0.25rem;
}

.marde-wrap .mess-box .input-box p span{
  color: #999;
}

.marde-wrap .mess-box .input-box .input{
  height: 1.25rem;
  line-height: 1.25rem;
  background: #f7f7f7;
  box-sizing:border-box;
  padding: 0 0.45rem;
}

.marde-wrap .mess-box .input-box input{
  width: 100%;
  background: none;
}

.marde-wrap .mess-box .input-box input::-webkit-input-placeholder { 
  color: #999;
}
.marde-wrap .mess-box .input-box input:-moz-placeholder { 
  color: #999;
}
.marde-wrap .mess-box .input-box input::-moz-placeholder { 
  color: #999;
}
.marde-wrap .mess-box .input-box input:-ms-input-placeholder {
  color: #999;
}

.marde-wrap .mess-box .text-box textarea{
  width: 100%;
  height: 5.25rem;
  background: #f7f7f7;
  box-sizing:border-box;
  padding: 0.5rem; 
}

.marde-wrap .mess-box .text-box{
  margin-bottom: 1.25rem;
}

.marde-wrap .mess-box .test-box{
 display: flex;
 color: #222;
 align-items: center;
}

.marde-wrap .mess-box .test-box .text{
  width: 4.5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  background: #f7f7f7;
  box-sizing:border-box;
  padding: 0 0.5rem;
  margin: 0 0.5rem 0 0.2rem;
}

.marde-wrap .mess-box .test-box .testimg{
 width: 4.5rem;
 height: 1.25rem;
 background: #000;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
}

.marde-wrap .mess-box .sub{
  width: 4.5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  background: #ea1a27;
  color: #fff;
  margin-top: 1.1rem;
}


.pagination{
  width:60%;
  height: 2rem;
  line-height: 2rem;
  background: #fff;
  box-shadow: 0 0 12px #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.pagination a{
  display: inline-block;
  width: 1.2rem;
  text-align: center;
  height: 1.2rem;
  line-height: 1.2rem;
  border-radius: 50%;
  color: #444;
  margin: 0 3px;
  cursor: pointer;
}
.pagination a:hover{
  background: #ea1a27;
  color: #fff;
}

.pagination .prev{
  width: auto;
  margin-right: 1.25rem;
}
.pagination .prev:hover{
  background: none;
}
.pagination .next{
  width: auto;
  margin-left: 1.25rem;
}
.pagination .next:hover{
  background: none;
}


@media(max-width: 767px){
  .pagination {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: 12px;
  }
  .pagination a {
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    margin: 0 2px;
  }
  .pagination .next {
    margin-left: 0.25rem;
  }
  .pagination .prev {
    margin-right: 0.25rem;
  }
}



.subwrap .nav-container .nav-tab{
 display: none;
}
.subwrap .nav-container.on .nav-tab{
  display: block;
}
#btn-bar1{
display: none;
  width: 26px;
  height: 16px;
  position: relative;
  margin-right: 2.4rem;
  cursor: pointer;
  left: -2.5rem;
  top: -50%;
  transform: translateY(-50%);
}

#btn-bar1 .line{
  background: #333;
  height: 2px;
  position: absolute;
  left: 0;
}

#btn-bar1 .line1{
  width: 100%;
  top: 0;
  transform-origin: left bottom 0;
}


#btn-bar1 .line2{
  width: 18px;
  top: 7px;
}

#btn-bar1 .line3{
  width: 18px;
  bottom: 0;
  transform-origin: left top 0;
}

@media(max-width: 1024px){
  .subwrap .nav-container .nav-tab{
   display: none;
 }
 .subwrap .nav-container.on .nav-tab{
  display: none;
}
}

/*产品认证*/

.authen-wrap{
 padding: 1.25rem 0 2rem;   
}


.authen-wrap .title{
  margin-bottom: 1rem;
}
.authen-wrap .list{
  width: 100%;
  margin-bottom: 1rem;
}

.authen-wrap .list li{
  width: 22.675%;
  margin: 0 3.1% 1.4rem 0;
  box-sizing:border-box;
  color: #131313;
  font-size: 0.6rem;
  cursor: pointer;
}

.authen-wrap .list li:nth-child(4n){
  margin-right: 0;
}


.authen-wrap .list li .img{
  position: relative;
  padding-bottom: 82.8%;
  overflow: hidden;
  box-sizing:border-box;
  border: 1px solid #ddd;
  margin-bottom: 0.6rem;
}

.authen-wrap .list li .img img{
  transition:all 0.3s ease 0s; 
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.authen-wrap .list li:hover img{
  transform:scale(1.05); 
}

.authen-pop{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition:all 0.5s ease 0s;

}
.authen-pop.show{
  visibility: visible;
  z-index: 1000;
  opacity: 1;
  background: rgba(0,0,0,0.8);
}



.authen-pop .pop-swiper{
  width: 39.6vw;
  margin: 11% auto 0;
}

.authen-pop .close-btn {
  left: 50%;
  transform: translateX(-50%);
  top: 12%;
  cursor: pointer;
}

.authen-pop .pop-swiper .title{
  text-align: center;
  margin-bottom: 0.75rem;
}
.authen-pop .pop-swiper .title h3{
  font-size: 0.75rem;
  color: #fff;
  margin-bottom: 0.25rem;
}
.authen-pop .pop-swiper .title p{
  color: #666;
}

.authen-pop .pop-prev{
  width: 1.25rem;
  height: 1.25rem;
  background: url('../../web/img/swiper-l2.png')no-repeat center center;
  background-size: contain;
  left: 0;
}

.authen-pop .pop-prev:hover{
  background: url('../../web/img/swiper-l3.png')no-repeat center center;
  background-size: contain;
}

.authen-pop .pop-next{
  width: 1.25rem;
  height: 1.25rem;
  background: url('../../web/img/swiper-r2.png')no-repeat center center;
  background-size: contain;
  right: 0;
}

.authen-pop .pop-next:hover{
  background: url('../../web/img/swiper-r3.png')no-repeat center center;
  background-size: contain;
}

@media(max-width: 1024px){
  .authen-pop .pop-swiper {
    width: 50.6vw;
    margin: 34% auto 0;
  }
}

@media(max-width: 767px){
  .authen-wrap {
    padding: 0.75rem 0 1rem;
  }
  .authen-wrap .title {
    margin-bottom: 0.75rem;
  }
  .authen-wrap .list {
    margin-bottom: 0.5rem;
  }
  .authen-wrap .list li {
    width: 49%;
    margin: 0 2% 0.75rem 0;
    font-size: 0.34rem;
    cursor: pointer;
  }
  .authen-wrap .list li .img {
    margin-bottom: 0.2rem;
  }
  .authen-wrap .list li:nth-child(2n){
    margin-right: 0;
  }
  .authen-pop .pop-swiper {
    width: 80vw;
    margin: 45% auto 0;
  }
  .authen-pop .pop-next {
    width: 0.75rem;
    height: 0.75rem;
    top: 68%;
    right: 0.1rem;
  }
  .authen-pop .pop-prev {
    width: 0.75rem;
    height: 0.75rem;
    top: 68%;
    left: 0.1rem;
  }
  .authen-pop .pop-swiper .title h3 {
    font-size: 0.4rem;
    margin-bottom: 0.1rem;
  }
  .authen-pop .pop-swiper .title p {
    font-size: 0.28rem;
  }
}




.pc_head_list{
 width: 55%;
 left: 57%;
 transform: translateX(-50%);
 z-index: 2;
 font-weight: bold;
 font-size: 0.4rem;
 top: 37%;
}
@media(max-width: 1366px){
  .pc_head_list{
   width: 60%;
 }
}

.pc_head_list li{
  position: relative;
  float: left;
  margin: 0 .7rem;
}

.pc_head_list li a{
  cursor: pointer;
  color: #fff;
}
.pc_head_list li .a{
  text-shadow: 0 3px 20px rgb(10 12 13);
}

.header-wrap.black .pc_head_list li .a{
  text-shadow: 0 0 0 rgb(10 12 13);
}
.header-wrap.black .pc_head_list li a{
  color: #333;
}
.pc_head_list .sub_box {
  position: absolute;
  width: 200%;
  top: 1.2rem;
  left: 50%;
  background: rgba(255,255,255,1);
  transform: translateX(-50%);
  text-align: center;
  padding: 0.2rem 0;
  visibility: hidden;
  opacity: 0;
  transition:all 0.3s ease 0s;
  box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}
.pc_head_list .sub_box:before{
  content: '';
  position: absolute;
  width:100%;
  height: 1rem;
  left: 50%;
  transform:translateX(-50%);
  top: -1rem;
  z-index: 2; 
}
.pc_head_list li:hover .sub_box{
 top: 1rem;
 visibility: visible;
 opacity: 1;
}
.pc_head_list .sub_box a {
  display: block;
  height: 0.8rem;
  line-height: 0.8rem;
  width: 100%;
  font-size: 0.375rem;
  color: #333;
}
.pc_head_list .sub_box a:hover{
  color: #ea1a27;
}
.header-wrap.black .pc_head_list li a:hover{
  color: #ea1a27;
}
@media(max-width: 1024px){
  .pc_head_list{
    display: none;
  }
}