@charset "UTF-8";
.bk {

  cursor: pointer;

  position: relative;

}

.bk:after,

.bk:before {

  content: '';

  display: block;

  position: absolute;

  border: 1px transparent solid;

  width: 0;

  height: 0;

  box-sizing: border-box;

}

.bk:after {

  left: 0;

  top: 0;

  transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;

}

.bk:before {

  right: 0;

  bottom: 0;

  transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in 0s;

}

.bk:hover:after,

.bk:hover:before {

  height: 100%;

  width: 100%;

}

.bk:hover:after {

  border-right-color: #2861bb;

  border-top-color: #2861bb;

  transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s;

}

.bk:hover:before {

  border-left-color: #2861bb;

  border-bottom-color: #2861bb;

  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;

}

.contents {

  width: 1300px;

  margin: 0 auto;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.clearfix:after {

  content: "";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

  font-size: 0;

}

.yc {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.tsy {

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.tsy:hover {

  -webkit-transform: translateY(-4px);

  transform: translateY(-4px);

}

.gd {

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.s180 {

  transform: rotateY(0);

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.s180:hover {

  transform: rotateY(108deg);

}

.img100 {

  transform: scale(1);

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.img100:hover {

  transform: scale(1.1);

}

.w100 {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.yuas {

  -webkit-animation: hang linear 2s infinite;

}

@-webkit-keyframes hang {

  0%,

  100% {

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

  }

  50% {

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

  }

}

.zyuo {

  -webkit-animation: zyuo linear 2s infinite;

}

@keyframes zyuo {

  16.65% {

    -webkit-transform: translateX(6px);

    transform: translateX(6px);

  }

  33.3% {

    -webkit-transform: translateX(-5px);

    transform: translateX(-5px);

  }

  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px);

  }

  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px);

  }

  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.flex {

  display: flex;

  justify-content: space-between;

}

.je {

  animation: jello 2s 1s infinite;

}

@-webkit-keyframes jello {

  0%,

  11.1%,

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}

body {

  overflow-x: hidden;

  position: relative;

}

.abo {

  height: 760px;

  background: #fff;

  padding: 71px 0 0;

  box-sizing: border-box;

  background-attachment: fixed;

  overflow: hidden;

}

.abo .warp {

  display: flex;

  justify-content: space-between;

}

.abo .warp .z1 {

  width: 902px;

}

.abo .warp .z1 .top {

  position: relative;

  width: 902px;

  background: url(../images/title1.png) no-repeat top right;

}

.abo .warp .z1 .top .zm {

  font-size: 72px;

  color: #eee;

  line-height: 56px;

  letter-spacing: 4px;

  font-weight: bold;

}

.abo .warp .z1 .top h3 {

  font-size: 30px;

  color: #444;

  line-height: 28px;

  font-weight: bold;

  letter-spacing: 2px;

  position: absolute;

  top: 27px;

  left: 4px;

}

.abo .warp .z1 .top p {

  font-size: 14px;

  color: #999;

  line-height: 12px;

  letter-spacing: 3px;

  margin: 20px 0 0;

}

.abo .warp .z1 h4 {

  font-size: 24px;

  color: #555;

  line-height: 25px;

  font-weight: bold;

  margin: 70px 0 27px;

}

.abo .warp .z1 .text {

  font-size: 16px;

  color: #888;

  line-height: 36px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  height: 114px;

}

.abo .warp .z1 .list {

  display: flex;

  justify-content: space-between;

  margin: 50px 0 0;

}

.abo .warp .z1 .list li {

  width: 281px;

}

.abo .warp .z1 .list li .img {

  display: block;

  width: 281px;

  height: 201px;

  overflow: hidden;

}

.abo .warp .z1 .list li .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transform: scale(1);

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.abo .warp .z1 .list li .img img:hover {

  transform: scale(1.1);

}

.abo .warp .z1 .list li .cond {

  display: block;

  line-height: 76px;

  font-size: 16px;

  color: #444;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.abo .warp .y1 {

  width: 296px;

  position: relative;

  top: -72px;

}

.abo .warp .y1 .list li {

  width: 252px;

  height: 232px;

  position: relative;

  z-index: 50;

  border-left: 1px solid #eee;

}

.abo .warp .y1 .list li::before {

  content: "";

  display: block;

  width: 0;

  height: 232px;

  position: absolute;

  background: url(../images/list1.jpg) no-repeat center;

  top: 0;

  left: 0;

  z-index: -1;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.abo .warp .y1 .list li::after {

  content: "";

  display: block;

  width: 100%;

  height: 70px;

  position: absolute;

  top: 45px;

  left: 0;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

  pointer-events: none;

}

.abo .warp .y1 .list li a {

  display: block;

  font-size: 16px;

  color: #444;

  line-height: 30px;

  text-align: center;

  padding: 130px 0 0;

  box-sizing: border-box;

}

.abo .warp .y1 .list li .zm {

  font-size: 12px;

  color: #999;

  line-height: 10px;

  text-align: center;

  margin: 7px 0 0;

}

.abo .warp .y1 .list li:nth-child(1)::after {

  background: url(../images/r1.png) no-repeat center top;

}

.abo .warp .y1 .list li:nth-child(2)::after {

  background: url(../images/r2.png) no-repeat center top;

}

.abo .warp .y1 .list .on:nth-child(1)::after {

  background: url(../images/r1s.png) no-repeat center top;

}

.abo .warp .y1 .list .on:nth-child(2)::after {

  background: url(../images/r2s.png) no-repeat center top;

}

.abo .warp .y1 .list .on {

  border: none;

}

.abo .warp .y1 .list .on::before {

  width: 609px;

}

.abo .warp .y1 .rong {

  display: block;

  width: 296px;

  height: 224px;

  overflow: hidden;

}

.abo .warp .y1 .rong img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.pro {

  height: 902px;

  background: url(../images/pro.jpg) no-repeat center top;

  padding: 41px 0 0;

  box-sizing: border-box;

}

.pro .top {

  position: relative;

}

.pro .top .zm {

  font-size: 72px;

  color: #fff;

  opacity: 0.15;

  line-height: 56px;

  letter-spacing: 4px;

  font-weight: bold;

}

.pro .top h3 a {

  display: block;

  font-size: 30px;

  color: #fff;

  line-height: 28px;

  font-weight: bold;

  letter-spacing: 2px;

  position: absolute;

  top: 27px;

  left: 4px;

}

.pro .top p {

  font-size: 14px;

  color: #fff;

  line-height: 12px;

  letter-spacing: 3px;

  margin: 20px 0 0;

}

.pro .prolist {

  margin: 53px 0 0;

  display: flex;

  justify-content: space-between;

}

.pro .prolist .hd {

  width: 186px;

  height: 555px;

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  align-content: space-between;

  margin: 50px 0 0;

}

.pro .prolist .hd li {

  width: 186px;

  height: 81px;

  padding: 0 10px;

  box-sizing: border-box;

}

.pro .prolist .hd li a {

  display: block;

  font-size: 18px;

  color: #fff;

  line-height: 81px;

  text-align: center;

  font-weight: bold;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pro .prolist .hd .on {

  background: url(../images/title2.png) no-repeat center;

}

.pro .prolist .hd .on a {

  color: #2861bb;

}

.pro .prolist .bd li {

  width: 1001px !important;

  height: 680px;

  background: #fff;

  box-shadow: 0 0 15px 0 rgba(40, 97, 187, 0.2);

  padding: 45px 55px;

  box-sizing: border-box;

  display: flex;

  justify-content: space-between;

  align-content: space-between;

  flex-wrap: wrap;

}

.pro .prolist .bd li .list {

  width: 271px;

}

.pro .prolist .bd li .list .img {

  display: block;

  width: 271px;

  height: 221px;

  overflow: hidden;

  border: 1px solid #ddd;

}

.pro .prolist .bd li .list .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transform: scale(1);

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.pro .prolist .bd li .list .img img:hover {

  transform: scale(1.1);

}

.pro .prolist .bd li .list .text {

  height: 52px;

  border-bottom: 1px solid #eee;

  box-sizing: border-box;

  padding: 0 20px 0 0;

  position: relative;

}

.pro .prolist .bd li .list .text::before {

  content: "";

  display: block;

  width: 0;

  height: 1px;

  position: absolute;

  background: #2861bb;

  bottom: -1px;

  left: 0;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.pro .prolist .bd li .list .text .cond {

  display: block;

  font-size: 14px;

  color: #666;

  line-height: 52px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pro .prolist .bd li .list .text .more {

  display: block;

  width: 11px;

  height: 52px;

  background: url(../images/more1.png) no-repeat center;

  position: absolute;

  top: 0;

  right: 0;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.pro .prolist .bd li .list:hover .text::before {

  width: 101px;

}

.pro .prolist .bd li .list:hover .text .more {

  background: url(../images/more2.png) no-repeat center;

  transform: rotateX(360deg);

}

.regese {

  height: 901px;

  background: url(../images/reg.jpg) no-repeat center top;

  background-attachment: fixed;

  position: relative;

  z-index: 50;

  padding: 222px 0 0;

  box-sizing: border-box;

}

.regese::before {

  content: "";

  display: block;

  width: 100%;

  height: 901px;

  position: absolute;

  background: url(../images/qu.png) no-repeat center;

  top: 0;

  left: 0;

  z-index: -1;

}

.regese .list {

  width: 1300px;

  height: 260px;

  position: relative;

  left: 7px;

  display: flex;

  justify-content: space-between;

}

.regese .list li {

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  height: 260px;

}

.regese .list li p {

  font-size: 18px;

  color: #666;

  line-height: 18px;

  padding-left: 25px;

  background: url(../images/title3.png) no-repeat center left;

}

.regese .list li:nth-child(2) p {

  padding-right: 25px;

  background: url(../images/title4.png) no-repeat center right;

}

.regese .kdz {

  font-size: 18px;

  color: #555;

  line-height: 18px;

  text-align: center;

  margin: 246px 0 0;

}

.regese .num {

  font-size: 30px;

  color: #555;

  line-height: 25px;

  font-weight: bold;

  text-align: center;

  margin: 37px 0 0;

  position: relative;

  z-index: 50;

}

.regese .num::before {

  content: "";

  display: block;

  width: 206px;

  height: 6px;

  position: absolute;

  background: #2861bb;

  top: 18px;

  left: 50%;

  margin-left: -103px;

  z-index: -1;

}

.regese .xun {

  display: block;

  font-size: 18px;

  color: #fff;

  font-weight: bold;

  line-height: 26px;

  text-align: center;

  width: 100px;

  height: 100px;

  background: #2861bb;

  border-radius: 50%;

  margin: 39px auto 0;

  padding: 25px 0 0;

  box-sizing: border-box;

  position: relative;

  z-index: 50;

}

.adv {

  height: 899px;

  background: url(../images/adv.jpg) no-repeat center top;

  background-attachment: fixed;

  padding: 113px 0 0;

  box-sizing: border-box;

}

.adv .top {

  position: relative;

}

.adv .top .zm {

  font-size: 72px;

  color: #fff;

  opacity: 0.15;

  line-height: 56px;

  letter-spacing: 4px;

  font-weight: bold;

}

.adv .top h3 {

  font-size: 30px;

  color: #fff;

  line-height: 28px;

  font-weight: bold;

  letter-spacing: 2px;

  position: absolute;

  top: 27px;

  left: 4px;

}

.adv .top p {

  font-size: 14px;

  color: #fff;

  line-height: 12px;

  letter-spacing: 3px;

  margin: 20px 0 0;

}

.adv .advlist {

  width: 1300px;

  margin: 82px 0 0;

  display: flex;

  justify-content: space-between;

}

.adv .advlist .hd {

  width: 801px;

  height: 530px;

  background: url(../images/yb.png) no-repeat center;

  padding: 37px 60px 45px;

  box-sizing: border-box;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-content: space-between;

}

.adv .advlist .hd li {

  width: 275px;

  height: 155px;

  position: relative;

}

.adv .advlist .hd li::before {

  content: "";

  display: block;

  width: 0;

  height: 3px;

  position: absolute;

  background: #fff;

  bottom: -24px;

  left: 50%;

  margin-left: -105px;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.adv .advlist .hd li i {

  display: block;

  width: 101px;

  height: 101px;

  margin: 0 auto;

  z-index: 50;

  position: relative;

}

.adv .advlist .hd li i::before {

  content: "";

  display: block;

  width: 24px;

  height: 24px;

  position: absolute;

  background: #7ea1d8;

  border-radius: 50%;

  top: 55px;

  left: 55px;

  z-index: -1;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.adv .advlist .hd li i::after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.adv .advlist .hd li p {

  font-size: 20px;

  color: #fff;

  line-height: 20px;

  text-align: center;

  font-weight: bold;

  margin: 32px 0 0;

}

.adv .advlist .hd .on::before {

  width: 211px;

}

.adv .advlist .hd .on i::before {

  width: 100%;

  height: 100%;

  background: #2861bb;

  transform: translateY(360deg);

  top: 0;

  left: 0;

}

.adv .advlist .hd li:nth-child(1) i::after {

  background: url(../images/y1.png) no-repeat center;

}

.adv .advlist .hd li:nth-child(2) i::after {

  background: url(../images/y2.png) no-repeat center;

}

.adv .advlist .hd li:nth-child(3) i::after {

  background: url(../images/y3.png) no-repeat center;

}

.adv .advlist .hd li:nth-child(4) i::after {

  background: url(../images/y4.png) no-repeat center;

}

.adv .advlist .bd li {

  width: 449px !important;

  height: 513px;

  background: url(../images/list2.png) no-repeat center;

  padding: 27px 25px;

  box-sizing: border-box;

}

.adv .advlist .bd li .tu {

  width: 401px;

  height: 231px;

  overflow: hidden;

}

.adv .advlist .bd li .tu img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transform: scale(1);

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.adv .advlist .bd li .tu img:hover {

  transform: scale(1.1);

}

.adv .advlist .bd li p {

  width: 353px;

  margin: 0 auto;

  font-size: 16px;

  color: #444;

  line-height: 36px;

  margin: 28px 0 0;

}

.case {

  height: 899px;

  background: url(../images/case.jpg) no-repeat center top;

  background-attachment: fixed;

  padding: 75px 0 0;

  box-sizing: border-box;

}

.case .box {

  display: flex;

  justify-content: space-between;

}

.case .box .top {

  position: relative;

}

.case .box .top .zm {

  font-size: 72px;

  color: #e2e9f4;

  line-height: 56px;

  letter-spacing: 4px;

  font-weight: bold;

}

.case .box .top h3 {

  font-size: 30px;

  color: #444;

  line-height: 28px;

  font-weight: bold;

  letter-spacing: 2px;

  position: absolute;

  top: 27px;

  left: 4px;

}

.case .box .top p {

  font-size: 14px;

  color: #999;

  line-height: 12px;

  letter-spacing: 3px;

  margin: 20px 0 0;

}

.case .box .more {

  display: block;

  width: 273px;

  height: 60px;

  background: url(../images/more3.png) no-repeat center;

  font-size: 14px;

  color: #fff;

  line-height: 60px;

  padding: 0 0 0 190px;

  box-sizing: border-box;

}

.case .caselist {

  width: 1300px;

  height: 610px;

  background: #fff;

  box-shadow: 0px 10px 20px 0px rgba(40, 97, 187, 0.1);

  padding: 50px 31px 0;

  box-sizing: border-box;

  margin: 67px 0 0;

  position: relative;

}

.case .caselist::before {

  content: "";

  display: block;

  width: 854px;

  height: 2px;

  position: absolute;

  background: url(../images/line1.png) no-repeat center;

  top: 522px;

  left: 221px;

}

.case .caselist .swiper-slide .list {

  width: 351px;

  margin: 43px 0 0;

  position: relative;

}

.case .caselist .swiper-slide .list::before {

  content: "";

  display: block;

  width: 0;

  height: 2px;

  position: absolute;

  background: #2861bb;

  top: 385px;

  left: 50%;

  margin-left: -60px;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.case .caselist .swiper-slide .list .img {

  display: block;

  width: 351px;

  height: 271px;

  overflow: hidden;

  border: 1px solid #ddd;

}

.case .caselist .swiper-slide .list .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transform: scale(1);

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.case .caselist .swiper-slide .list .img img:hover {

  transform: scale(1.1);

}

.case .caselist .swiper-slide .list .cond {

  display: block;

  font-size: 15px;

  color: #555;

  line-height: 55px;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.case .caselist .swiper-slide .list .num {

  font-size: 72px;

  color: #2861bb;

  line-height: 56px;

  font-weight: bold;

  text-align: center;

  opacity: 0;

  margin: 45px 0 0;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.case .caselist .swiper-slide-active .list {

  margin: 0;

  width: 436px;

  position: relative;

  left: -40px;

}

.case .caselist .swiper-slide-active .list::before {

  width: 120px;

}

.case .caselist .swiper-slide-active .list .img {

  width: 436px;

  height: 341px;

}

.case .caselist .swiper-slide-active .list .num {

  opacity: 1;

}

.case .caselist .swiper-button-prev {

  width: 37px;

  height: 37px;

  background: #666 url(../images/prev-case.png) no-repeat center;

  border-radius: 50%;

  top: 86%;

  left: 10%;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.case .caselist .swiper-button-prev:hover {

  background: #2861bb url(../images/prev-case.png) no-repeat center;

  box-shadow: 0px 4px 8px 0px rgba(40, 97, 187, 0.59);

}

.case .caselist .swiper-button-next {

  width: 37px;

  height: 37px;

  background: #666 url(../images/next-case.png) no-repeat center;

  border-radius: 50%;

  top: 86%;

  right: 10%;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.case .caselist .swiper-button-next:hover {

  background: #2861bb url(../images/next-case.png) no-repeat center;

  box-shadow: 0px 4px 8px 0px rgba(40, 97, 187, 0.59);

}

.news {

  height: 799px;

  background: url(../images/news.jpg) no-repeat center top;

  background-attachment: fixed;

  padding: 75px 0 0;

  box-sizing: border-box;

}

.news .top {

  position: relative;

}

.news .top .zm {

  font-size: 72px;

  color: #e2e9f4;

  line-height: 56px;

  letter-spacing: 4px;

  font-weight: bold;

}

.news .top h3 a {

  display: block;

  font-size: 30px;

  color: #444;

  line-height: 28px;

  font-weight: bold;

  letter-spacing: 2px;

  position: absolute;

  top: 27px;

  left: 4px;

}

.news .top p {

  font-size: 14px;

  color: #777;

  line-height: 12px;

  letter-spacing: 3px;

  margin: 20px 0 0;

}

.news .newlist {

  margin: 67px 0 0;

  position: relative;

}

.news .newlist .bd li {

  width: 1300px !important;

  height: 511px !important;

  background: #fff;

  box-shadow: 0px 10px 20px 0px rgba(40, 97, 187, 0.1);

  padding: 50px 60px;

  box-sizing: border-box;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-content: space-between;

}

.news .newlist .bd li .list {

  width: 351px;

  height: 108px;

  background: #f9f9f9;

  padding: 0 22px;

  box-sizing: border-box;

  border-radius: 10px;

  overflow: hidden;

}

.news .newlist .bd li .list .cond {

  display: block;

  font-size: 14px;

  color: #555;

  line-height: 58px;

  padding-left: 27px;

  border-bottom: 1px solid #e6e6e6;

  box-sizing: border-box;

  background: url(../images/title5.png) no-repeat center left;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.news .newlist .bd li .list .data {

  display: flex;

  justify-content: space-between;

}

.news .newlist .bd li .list .data i {

  font-size: 12px;

  color: #999;

  line-height: 50px;

}

.news .newlist .bd li .list .data .more {

  display: block;

  font-size: 12px;

  color: #999;

  padding-right: 30px;

  line-height: 50px;

  background: url(../images/more4.png) no-repeat center right;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.news .newlist .bd li .list:hover {

  background: #fff;

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);

}

.news .newlist .bd li .list:hover .data .more {

  background: url(..//images/more5.png) no-repeat center right;

  transform: rotateX(360deg);

}

.news .newlist .hd {

  width: 405px;

  position: absolute;

  top: -135px;

  right: 0;

  display: flex;

  justify-content: space-between;

  z-index: 50;

}

.news .newlist .hd::before {

  content: "";

  display: block;

  width: 1092px;

  height: 1px;

  background: #e5e5e5;

  position: absolute;

  top: 65px;

  right: 0;

}

.news .newlist .hd li {

  padding-left: 30px;

  position: relative;

}

.news .newlist .hd li::before {

  content: "";

  display: block;

  width: 4px;

  height: 0;

  position: absolute;

  background: #fff;

  top: 46px;

  left: 52px;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.news .newlist .hd li a {

  display: block;

  font-size: 18px;

  color: #fff;

  line-height: 30px;

}

.news .newlist .hd .on::before {

  height: 20px;

}

.news .newlist .hd li:nth-child(1) {

  background: url(../images/nt1.png) no-repeat center left;

}

.news .newlist .hd li:nth-child(2) {

  background: url(../images/nt2.png) no-repeat center left;

}

.news .newlist .hd li:nth-child(3) {

  background: url(../images/nt3.png) no-repeat center left;

}

.link {

  min-height: 100px;

  padding:40px 0;

  box-sizing: border-box;

}

.link .contents {

  display: flex;

  align-items: center;

}

.link p {

  width: 80px;

  height: 33px;

  background: #2861bb;

  font-size: 24px;

  font-weight: bold;

  line-height: 32px;

  color: #fff;

  text-align: center;

  box-sizing: border-box;

  border-radius: 4px;

  flex: 1;

}

.link .LJ {

  margin-left: 81px;

  flex: 0 0 88%;

  display: flex;

  flex-wrap: wrap;

}

.link .LJ a {

  display: block;

  font-size: 14px;

  line-height: 30px;

  color: #444;

  width:220px;

  -webkit-transition: 0.5s linear;

  transition: 0.5s linear;

}

.link .LJ a:hover {

  color: #2861bb;

}

.gs_xbt{ color:#555;}