@charset "UTF-8";

/* 通用样式 */
p {
  margin: 0;
}


input,
textarea {
  border: none;
  outline: none;
  background-color: transparent;
}

img {
  vertical-align: middle;
}

.p1920 {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

.wd1200 {
  width: 1200px;
  margin: 0 auto;
}

.bw {
  width: 100%;
}

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.clearboth {
  height: 0px;
  line-height: 0px;
  overflow: hidden;
  clear: both;
  font-size: 0px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.dfc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ovimg,
.ibw,
.miw,
.iml,
.imgbig {
  overflow: hidden;
}

.imgbig img {
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.imgbig:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.ovimg img {
  width: 100%;
  min-height: 100%;
}

.ibw img {
  width: 100%;
  height: auto;
}

.miw img {
  max-width: 100%;
  max-height: 100%;
}

.iml {
  text-align: center;
}

.iml img {
  transform: translateY(-2px);
  vertical-align: middle;
}

.bgmax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.bgmin {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.fh {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**/
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.max1560{
  max-width: 1590px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.max1200{
  max-width: 1230px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.head-bg{
  padding:18px 0;
}

.head-index{
  align-items: center;
}

.head-index .logo{

}

.head-index .logo img{
  max-width: 100%;
}

.head-index .tnav{
  width: 55%;
}



@-webkit-keyframes myfirst {

    0% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }



    50% {

        -webkit-transform: translate(0px, -10px);

        transform: translate(0px, -10px);

    }



    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}



@keyframes myfirst {

    0% {

        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);

    }

    50% {

        -webkit-transform: translate(0px, -10px);
        transform: translate(0px, -10px);

    }

    100% {

        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);

    }

}
.gl {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
  z-index: 9999;
  -webkit-animation: myfirst 1.5s infinite;
  animation: myfirst 1.5s infinite;
}


/**/
.solve-bg{
  background: url(../imgs/b55fdf5d34fb159e69810024b292d208ecd5700f.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.st{
  text-align: center;
}

.st .st1{
  color: #222222;
  font-size: 1.6rem;
}

.st .st2{
  color: #222222;
  font-size: 2rem;
  font-weight: 600;
  padding-top: 0.8rem;
}
.c2-con{margin-top: 3.5rem;}
.c2-con ul{padding: 0 3.6rem;}
.c2-con ul li{position: relative;}
.c2-con ul li:last-child{border-right: 0;}
.c2-con ul li .count-title{color: #ff0018;display:inline-block;font-size: 2.8rem;font-weight: 600;font-family: "Arial";}
.c2-con ul li dt{color: #333333;display:inline-block;padding-left: 10px;font-weight: normal;font-size: 0.9rem;}
.c2-con ul li p{color: #333333;font-size: 0.9rem;}

.solve-list{
  margin-top: 5rem;
}

.solve-list li{
  width: 31.8%;
  padding: 2rem 1rem;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.solve-list li .img0{
  text-align: center;
}

.solve-list li .img0 .img2{
  display: none;
}

.solve-list li .img0 img{
  max-width: 100%;
}

.solve-list li .wz1{
  text-align: center;
  color: #333333;
  font-size: 1.1rem;
  padding: 1rem 0;
}

.solve-list li .wz2{
  color: #666666;
  font-size: 0.8rem;
  line-height: 1.75;
}

.solve-list li .wz3{
  text-align: center;
  color: #fff;
  font-size: 14px;
   width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  border-radius: 30px;
  background: #d50a1d;
  margin-top: 1.75rem;
}

.solve-list li:hover{
  background: #d50a1d;
}

.solve-list li:hover .img0 .img1{
  display: none;
}

.solve-list li:hover .img0 .img2{
  display: block;
}

.solve-list li:hover .wz1{
  color: #fff;
}

.solve-list li:hover .wz2{
  color: #fff;
}

.solve-list li:hover .wz3{
  background: #fff;
  color: #333333;
}


@media(max-width: 767px){
  .solve-bg{
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .st .st1{
    font-size: 16px;
  }
  .st .st2{
    font-size: 18px;
  }
  .c2-con{
    margin-top: 5%;
  }
  .c2-con ul{
    padding: 0;
    flex-wrap: wrap;
  }
  .c2-con ul li{
    width: 50%;
    margin-bottom: 5%;
  }
  .c2-con ul li .count-title{
    font-size: 20px;
  }
  .c2-con ul li dt{
    padding-left: 5px;
    font-size: 14px;
  }
  .c2-con ul li p{
    font-size: 14px;
  }
  .solve-list{
    margin-top: 5%;
    flex-wrap: wrap;
  }
  .solve-list li{
    width: 100%;
    margin-bottom: 3%;
  }
  .solve-list li .wz1{
    font-size: 16px;
  }
  .solve-list li .wz2{
    font-size: 12px;
  }
}

/**/

.zn-index{
  margin-top: 1rem;
  overflow: hidden;
}

.zn-index .list2{
  
}

.zn-index .list2 li {
  width: 20%;
  position: relative;
}

.zn-index .list2 li .img1 img{
  /* width: 100%; */
}


.zn-index .list2 li .wz{
  position: absolute;
  bottom: 3.5rem;
  left: 2rem;
}

.zn-index .list2 li .wz .wz1{
  font-size: 3.2rem;
  font-family: "Arial";
  color: rgba(255, 255, 255, 0.4);
  -moz-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
  -webkit-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
  -ms-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
  line-height: 1;
}

.zn-index .list2 li .wz .wz2{
  color: #ffffff;
  font-size: 1.4rem;
  margin-top: -1.2rem;
}

.zn-index .list2 li .wz .wz3{
  width: 24px;
  height: 1px;
  background: #ffffff;
  margin-top: 1rem;
}

.zn-index .list2 li .hh{
  position: absolute;
  right: 0;
  bottom: 0;
  background: #d50a1d;
  width: 81%;
  padding: 1.1rem 2rem;
  height: 12.5rem;
  display: none;
}

.zn-index .list2 li .hh .hh11{
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.zn-index .list2 li .hh .hh1{
  color: #fff;
  font-size: 1.4rem;
}

.zn-index .list2 li .hh .hh2{
  width: 24px;
  height: 2px;
  background: rgba(255, 255, 255, 0.4);
  margin: 0.5rem 0;
}

.zn-index .list2 li .hh .hh3{
  color: #ffffff;
  font-size: 0.8rem;
  line-height: 1.5;
}
.zn-index .list2 li .hh .hh4{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12rem;
  font-family: "Arial";
  color: rgba(255, 255, 255, 0.4);
  -moz-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
  -webkit-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
  -ms-transform: matrix( 0.94980285181427,0,0,0.94980285181427,0,0);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1;
}

@keyframes animationName1 {
    0% {
      width:20%
    }
   
    100% {
         width:40%
    }
}

.zn-index .list2 li.on{
  animation-name: animationName1;
 animation-duration: 1s;
 animation-fill-mode: both;
}


.zn-index .list2 li.on .wz{
  display: none;
}

.zn-index .list2 li.on .hh{
  display: block;
}

@media(max-width: 767px){
  .zn-index{
    margin-top: 5%;
  }
  .zn-index .list2{
    flex-wrap: wrap;
  }
  .zn-index .list2 li{
    width: 100%;
    margin-bottom: 3%;
  }
  .zn-index .list2 li .img1 img{
    width: 100%;
  }
  .zn-index .list2 li.on{
    width: 100%;animation: none;
  }
  .zn-index .list2 li .wz .wz1{
    font-size: 40px;
  }
  .zn-index .list2 li .wz .wz2{
    font-size: 20px;
  }
  .zn-index .list2 li.on .hh{
    height: auto;
    width: 90%;
    padding: 5% 5%;
  }
  .zn-index .list2 li .hh .hh1{
    font-size: 16px;
  }
  .zn-index .list2 li .hh .hh3{
    font-size: 14px;
  }
}



/**/
.efficiency-bg{
  background: url(../imgs/5b93681381cf51e9f78b7bb81d00a1d7a6532113.jpg) no-repeat bottom center;

  margin:15px 0;
  padding: 4rem 0;
}

.efficiency-index{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.efficiency-index .et{
  color: #ffffff;
  font-size: 2rem;
  font-weight: 600;
}

.efficiency-index .ew{
  margin-top: 2.5rem;
}

.efficiency-index .ew p{
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2;
}

.efficiency-index .ea{
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  border-radius: 30px;
  background: #d50a1d;
  margin-top: 3rem;
}

.efficiency-index .ea a{
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

@media(max-width: 767px){
  .efficiency-bg{
    padding: 8% 0;
  }
  .efficiency-index .et{
    font-size: 20px;
  }
  .efficiency-index .ew{
    margin-top: 5%;
  }
  .efficiency-index .ew p{
    font-size: 14px;
  }
}

/**/
.future-bg{
  background: url(../imgs/722d5d4bfcd702269e86c2850bc26320c6aed14d.jpg) no-repeat top center;
  background-size: 100% 100%;
  margin-top: 4px;
  padding: 4rem 0;
  background-attachment: fixed
}

.future-index{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.future-index .ft{
  color: #ffffff;
  font-size: 2rem;
  font-weight: 600;
}

.future-index .fw{
  
}

.future-index .fw p{
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2;
}

.future-index .fa{
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  border-radius: 30px;
  background: #d50a1d;
  margin-top:1rem;
}

.future-index .fa a{
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.future-roll{
  overflow: hidden;
  width: 100%;
  margin-top: 4.1rem;
  position: relative;
}
.future-swiper{
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

.future-swiper img{
  width: 100%;
}

.swiper-wrapper{
  
}

.p1prev {
  width: 26px;
  height: 49px;
  background: url(../imgs/3918bb998ad2106317f8ac5268fcfc3d367ce93c.png) no-repeat center center;
  outline: none;
  z-index: 99;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.p1next {
  width: 26px;
  height: 49px;
  background: url(../imgs/3021ab7d8555e40f90e74fc2a52fe7bdedc230a2.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}


@media(max-width: 767px){
  .future-bg{
    padding: 8% 0;
  }
  .future-index .ft{
    font-size: 20px;
  }
  .future-index .fw{
    margin-top: 5%;
  }
  .future-index .fw p{
    font-size: 14px;
  }
  .future-roll{
    margin-top: 5%;
  }
  .p1prev{
    display: none;
  }
  .p1next{
    display: none;
  }
}



/**/
.mySwiper{
  overflow: hidden;
  margin-top: 4.5rem;
  position: relative;
}

.mySwiper .p2prev{
  position: absolute;
  left: 4%;
  bottom: 0;
  z-index: 999;
}

.mySwiper .p2prev img{
  max-width: 100%;
  margin-right: 15px;
}

.mySwiper .p2next{
  position: absolute;
  right: 4%;
  bottom: 0;
  z-index: 999;
}

.mySwiper .p2next img{
  max-width: 100%;
  margin-left: 15px;
}

.mySwiper .swiper-slide a{
  display: block;
}

.mySwiper .swiper-slide a .img1{
  box-shadow: none;
  margin: 15px 0;
}

.mySwiper .swiper-slide a .img1 img{
  width: 100%;
}

.mySwiper .swiper-slide a .wz{
  opacity: 0;
}

.mySwiper .swiper-slide a .wz1{
  color: #333333;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 1.25rem 0;
}

.mySwiper .swiper-slide a .wz2{
  color: #666666;
  font-size: 14px;
  line-height: 22px;
}

.mySwiper .swiper-slide.swiper-slide-active a .img1{
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
} 

.mySwiper .swiper-slide.swiper-slide-active a .wz{
  opacity: 1;
} 

@media(max-width: 767px){
  .mySwiper{
    width: 96%;
    margin: 0 auto;
    margin-top: 5%;
  }
  .mySwiper .swiper-slide a .wz1{
    font-size: 18px;
    padding: 10px 0;
  }
  .mySwiper .swiper-slide a .wz2{
    font-size: 14px;
  }
  .mySwiper .p2prev{
    right: 30%;
    left: initial;
    display: none;
  }
  .mySwiper .p2next{
    display: none;
  }

}


/**/
.area-index{
  margin-top: 6.5rem;
  margin-bottom: 5.5rem;
}

.art{
  text-align: center;
  color: #333333;
  font-weight: 600;
  font-size: 2rem;
}

.area-list{
  margin-top: 3.4rem;
}

.area-list li{
  width: 23.3%;
  text-align: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.area-list li .a1{
  background: #d50a1d;
  padding: 1rem 0;
}

.area-list li .a1 .img1 img{
  max-width: 100%;
}

.area-list li .a1 .wz1{
  color: #fff;
  font-size: 1.1rem;
  padding-top: 10px;
}

.area-list li .a2{
  background: #fff;
  padding-top: 1.75rem;
  padding-bottom: 3rem;
}

.area-list li .a2 p{
  color: #666666;
  font-size: 14px;
  margin-bottom: 10px;
}
.area-list li:hover{
  background: #585858;
}
.area-list li:hover .a1{
  background: #585858;
}

.area-list li:hover .a2{
  background: #585858;
}

.area-list li:hover .a2 p{
  color: #fff;
}


@media(max-width: 767px){
  .area-index{
    margin-top: 8%;
  }
  .art{
    font-size: 20px;
  }
  .area-list{
    margin-top: 5%;
    flex-wrap: wrap;
  }
  .area-list li{
    width: 48%;
    margin-bottom: 5%;
  }
  .area-list li .a1 .wz1{
    font-size: 16px;
  }
  .area-list li .a2{
    padding: 5% 0;
  }
  .area-list li .a2 p{
    margin-bottom: 5px;
  }
}

/**/
.foot-bg{
  background: #585858;
  padding-top: 2.7rem;
  padding-bottom: 1.5rem;
}

.foot-bg h3{
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.foot-index{

}

.footl{
  width: 65.38461538461538%;
}

.footl span{
  display: block;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 0;
}
.m11{
  margin-bottom: 10px;
}
.m01{
  width: 32%;
}
.m01 .form-control1{
  background: #fff;
  border: 1px solid #d2d2d2;
  height: 36px;
  width: 100%;
  text-indent: 10px;
}
.m01 ::input{
  padding: 0;
  width: 100%;
  height: 36px;
  color: #d2d2d2;
  font-size: 12px;
  
}

.m01 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #d2d2d2;
}
.m01 ::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #d2d2d2;
}
.m01 ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #d2d2d2;
}
.m01 ::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d2d2d2;
}

.yan{
  background: #fff;
  border: 1px solid #d2d2d2;
  height: 36px;
  width: 100%;
}

.yan .form-control2{
  width: 74%;
  text-indent: 10px;
}
.yan ::input{
  padding: 0;
  width: 100%;
  height: 36px;
  color: #d2d2d2;
  font-size: 12px;
  border: none;
  padding: 0;
  
}

.yan .yimg{
}

.yan .yimg img{
  
}

.m33{
  margin-top: 10px;
}

.m33 span i{
  color: #ff0018;
  font-size: 16px;
  margin-right: 5px;
}

.m33 textarea{
  width: 100%;
  padding: 0;
  font-size: 12px;
  color: #d2d2d2;
  background: #fff;
  border: 1px solid #d2d2d2;
  height: 76px;
  text-indent: 10px;
  line-height: 36px;
}

.m33 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #d2d2d2;
}
.m33 ::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #d2d2d2;
}
.m33 ::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #d2d2d2;
}
.m33 ::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d2d2d2;
}

.tijiao{
  width: 150px;
  background: #d50a1d;
  text-align: center;
  line-height: 42px;
  color: #fff;
  margin-top: 20px;
  font-size: 16px;

}

.tijiao .btn:hover{
  color: #fff;
   border: none;
}

.tijiao .btn:focus{
  outline:none;
  outline-offset: 0;
  box-shadow: none;
}


.footr{
  margin-top: 35px;
  width: calc(100% - 70%);
}

.footr p{
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
}

.cop-bg{
  background: #585858;
  border-top: 1px solid #707070;
  padding: 10px 0;
}

.cop-index{
  font-size: 14px;
  color:rgba(255,255,255,.5);
  line-height: 30px;
}

.cop-index a{
  color:rgba(255,255,255,.5);
}

@media(max-width: 767px){
  body{
    padding-bottom: 50px;
  }
  .foot-bg{

  }
  .foot-bg h3{
    font-size: 20px;
  }
  .foot-index{
    flex-wrap: wrap;
  }
  .footl{
    width: 100%;
  }
  .m11{
    flex-wrap: wrap;
  }
  .m01{
    width: 100%;
  }
  .m22{
    flex-wrap: wrap;
  }
  .footl span{
    font-size: 14px;
  }
  .footr{
    width: 100%;
  }
  .footr p{
    font-size: 14px;
  }
}

.xypg-right-content{ font-size:16px; line-height: 30px;;}

.c3 {
  padding-top: 2vw;
  padding-bottom: 4vw;
  background: url("../imgs/10812a4fe7a97684861144a9b297985c9d02b274.png") no-repeat 50% 0;
  background-size: cover; }
  .c3 h2 {
    font-size: 14px;
    color: #333333;
    font-weight: 500; }
  .c3 .tit {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 2.1875vw; }
    .c3 .tit h3 {
      font-size: 30px;
      line-height: 36px;
      color: #333333; }
      @media (max-width: 1025px) {
        .c3 .tit h3 {
          font-size: 22px;
          line-height: 28px; } }
    .c3 .tit a.ck {
      position: relative;
      width: 140px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 10px;
      border-bottom: 2px solid #053f91;
      color: #053f91; }
      @media (max-width: 480px) {
        .c3 .tit a.ck {
          width: 100px; } }
  .c3 .con {margin-top: 3.18vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .c3 .con .list1 {
      width: 42.77%; }
      @media (max-width: 780px) {
        .c3 .con .list1 {
          width: 100%; } }
      .c3 .con .list1 li {
        position: relative; }
        .c3 .con .list1 li .img img {
          width: 100%; }
        .c3 .con .list1 li .timex {
          color: #fff;
          font-size: 12px;
          position: absolute;
          right: 1.88vw;
          top: 1.88vw;
          z-index: 1;
          text-align: center;
          line-height: 1; }
          .c3 .con .list1 li .timex b {
            font-size: 36px;
            display: block;
            margin-top: 4px; }
        .c3 .con .list1 li .zi {
          font-size: 18px;
          line-height: 30px;
          color: #ffffff;
          position: absolute;
          left: 1.71vw;
          z-index: 1;
          bottom: 1.61vw;
          width: 47%; }
          @media (max-width: 780px) {
            .c3 .con .list1 li .zi {
              font-size: 16px;
              line-height: 24px; } }
    .c3 .con .c3-2 {
      width: 55.2%; }
      @media (max-width: 780px) {
        .c3 .con .c3-2 {
          width: 100%;
          margin-top: 30px; } }
      .c3 .con .c3-2 .list2 {
        margin-left: -0.805vw;
        margin-right: -0.805vw;
        display: flex;
        flex-wrap: wrap;
        height: 100%; }
        .c3 .con .c3-2 .list2 li {
          padding: 0 0.805vw;
          width: 50%; }
          @media (max-width: 780px) {
            .c3 .con .c3-2 .list2 li {
              width: 100%; }
              .c3 .con .c3-2 .list2 li:nth-child(1) {
                margin-bottom: 20px; } }
          .c3 .con .c3-2 .list2 li a {
            display: block;
            background: #fff;
            padding: 1.875vw 2.083vw 2.1875vw;
            height: 100%;
            position: relative; }
            @media (max-width: 780px) {
              .c3 .con .c3-2 .list2 li a {
                padding: 25px; } }
          .c3 .con .c3-2 .list2 li h3 {
            color: #004098;
            font-size: 14px;
            margin-bottom: 25px;
            line-height: 24px; }
            @media (max-width: 780px) {
              .c3 .con .c3-2 .list2 li h3 {
                margin-bottom: 15px; } }
          .c3 .con .c3-2 .list2 li h4 {
            font-size: 18px;
            color: #333333;
            line-height: 24px;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            transition: all .3s ease-out; }
            @media (max-width: 780px) {
              .c3 .con .c3-2 .list2 li h4 {
                font-size: 16px; } }
          .c3 .con .c3-2 .list2 li dd {
            font-size: 14px;
            line-height: 24px;
            color: #888888;
            padding-top: 20px;
            margin-top: 22px;
            border-top: 1px solid #333333;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
            @media (max-width: 780px) {
              .c3 .con .c3-2 .list2 li dd {
                padding-top: 10px;
                margin-top: 12px; } }
          .c3 .con .c3-2 .list2 li .sc {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            position: absolute;
            bottom: 2.1875vw;
            left: 0;
            width: 100%;
            padding: 0 2.083vw; }
            @media (max-width: 780px) {
              .c3 .con .c3-2 .list2 li .sc {
                position: static;
                margin-top: 20px;
                padding: 0; } }
            .c3 .con .c3-2 .list2 li .sc .timex {
              color: #888888;
              font-size: 12px;
              text-align: center;
              line-height: 1; }
              .c3 .con .c3-2 .list2 li .sc .timex b {
                font-size: 36px;
                display: block;
                margin-top: 4px; }
          .c3 .con .c3-2 .list2 li:hover h4 {
            color: #004098; }

            .page-banner .nybt{ display: none;}