.jz {

  position: absolute;

  display: block;

  margin: auto;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}

.flex {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.fd:hover,

.fd:focus {

  -webkit-animation: fd 1s;

  animation: fd 1s;

  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);

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

  transform: translateY(-3px);

}

@-webkit-keyframes fd {

  0% {

    box-shadow: 0 0 0 0 var(--hover);

  }

}

@keyframes fd {

  0% {

    box-shadow: 0 0 0 0 var(--hover);

  }

}

@keyframes float {

  0% {

    transform: rotate(10deg);

  }

  25% {

    transform: rotate(-10deg);

  }

  50% {

    transform: rotate(10deg);

  }

  75% {

    transform: rotate(-10deg);

  }

  100% {

    transform: rotate(10deg);

  }

}

.banner {

  width: 100%;

  height: 550px;

  position: relative;

  overflow: hidden;

}

.banner .slideBox {

  position: relative;

}

.banner .bd ul {

  width: 100%;

}

.banner .bd ul li {

  width: 100%;

  position: relative;

  height: 550px;

}

.banner .bd ul li img {

  width: 100%;

  height: 100%;

}

.banner .prev {

  width: 50px;

  height: 50px;

  display: block;

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

  transition: 0.5s;

  position: absolute;

  top: 50%;

  left: 150px;

  z-index: 999;

  transform: translateY(-25px);

}

.banner .next {

  width: 50px;

  height: 50px;

  display: block;

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

  transition: 0.5s;

  transform: translateY(-25px);

  position: absolute;

  top: 50%;

  right: 150px;

  z-index: 999;

}

.banner .hd {

  width: 100px;

  height: 10px;

  position: absolute;

  bottom: 40px;

  left: 50%;

  border-left: 40px 50% solid;

  transform: translateX(-50%);

  z-index: 999;

}

.banner .hd ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.banner .hd ul li.on {

  background-color: #0268bd;

}

.banner .hd ul li {

  transition: 0.5s;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.8);

}

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

  .banner {

    height: 480px;

  }

  .banner .bd ul li {

    height: 480px;

  }

}

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

  .banner {

    height: 412px;

  }

  .banner .bd ul li {

    height: 412px;

  }

}

.xps {

  width: 100%;

  height: 100px;

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

  line-height: 100px;

  color: #444;

  font-size: 16px;

}

.xps .center {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.xps .ti {

  box-sizing: border-box;

  padding-left: 58px;

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

  font-size: 20px;

  color: #fff;

}

.xps .dh {

  height: 101px;

  line-height: 101px;

  box-sizing: border-box;

  padding-left: 55px;

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

  font-size: 30px;

  color: #444;

}

.xps .topxunpan {

  margin-top: 32px;

}

.xps .topxunpan .xp {

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

  position: relative;

  box-sizing: border-box;

  padding-left: 53px;

  line-height: 35px;

  cursor: pointer;

}

.xps .topxunpan .xp img {

  margin-right: 2px;

  margin-right: 5px;

  vertical-align: baseline;

}

.xps .topxunpan .topxunpan a {

  line-height: 34px;

  color: #333;

  float: right;

  font-size: 14px;

  display: inline-block;

  transition: 0.7s;

}

.xps .topxunpan .topxunpan a:hover {

  color: #999;

}

.xps .topxunpan .topxunpan a::after {

  content: '|';

  margin-left: 5px;

  margin-right: 5px;

  color: #aaaaaa;

}

.xps .topxunpan .xp #xunpantip {

  z-index: 999999999999999999999;

  position: absolute;

  top: 45px;

  left: 50%;

  width: 180px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  color: #333;

  font-size: 14px;

  -webkit-transform: translateX(-50%) scale(0);

  -moz-transform: translateX(-50%) scale(0);

  -o-transform: translateX(-50%) scale(0);

  -ms-transform: translateX(-50%) scale(0);

  transform: translateX(-50%) scale(0);

  -webkit-transition: transform 0.4s, opacity 0.4s;

  -moz-transition: transform 0.4s, opacity 0.4s;

  -o-transition: transform 0.4s, opacity 0.4s;

  -ms-transition: transform 0.4s, opacity 0.4s;

  transition: transform 0.4s, opacity 0.4s;

  background-color: #fff;

  border-radius: 4px;

  opacity: 0;

}

.xps .topxunpan .xp #xunpantip::after {

  content: '';

  position: absolute;

  top: -16px;

  left: 50%;

  width: 0;

  height: 0;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  border: 8px solid transparent;

  border-bottom-color: #fff;

}

.xps .topxunpan .xp #xunpantip.xunpantextactive {

  -webkit-transform: translateX(-50%) scale(1);

  -moz-transform: translateX(-50%) scale(1);

  -o-transform: translateX(-50%) scale(1);

  -ms-transform: translateX(-50%) scale(1);

  transform: translateX(-50%) scale(1);

  opacity: 1;

  z-index: 999999999999999999999;

}

.xps .topxunpan .xp #xunpantip {

  z-index: 999999999999999999999;

  position: absolute;

  top: 45px;

  left: 50%;

  width: 180px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  color: #fff;

  font-size: 14px;

  -webkit-transform: translateX(-50%) scale(0);

  -moz-transform: translateX(-50%) scale(0);

  -o-transform: translateX(-50%) scale(0);

  -ms-transform: translateX(-50%) scale(0);

  transform: translateX(-50%) scale(0);

  -webkit-transition: transform 0.4s, opacity 0.4s;

  -moz-transition: transform 0.4s, opacity 0.4s;

  -o-transition: transform 0.4s, opacity 0.4s;

  -ms-transition: transform 0.4s, opacity 0.4s;

  transition: transform 0.4s, opacity 0.4s;

  background-color: #0268bd;

  border-radius: 4px;

  opacity: 0;

}

.xps .topxunpan .xp #xunpantip::after {

  content: '';

  position: absolute;

  top: -16px;

  left: 50%;

  width: 0;

  height: 0;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  border: 8px solid transparent;

  border-bottom-color: #0268bd;

}

.xps .topxunpan .xp #xunpantip.xunpantextactive {

  -webkit-transform: translateX(-50%) scale(1);

  -moz-transform: translateX(-50%) scale(1);

  -o-transform: translateX(-50%) scale(1);

  -ms-transform: translateX(-50%) scale(1);

  transform: translateX(-50%) scale(1);

  opacity: 1;

  z-index: 999999999999999999999;

}

.biaoti {

  float: left;

  width: 121px;

  height: 476px;

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

  box-sizing: border-box;

  padding: 106px 32px 0 58px;

}

.biaoti h3 {

  writing-mode: tb-rl;

  color: #fff;

  font-weight: bold;

  font-size: 30px;

  line-height: 30px;

}

.biaoti h3 a {

  color: #fff;

}

.biaoti p {

  writing-mode: tb-rl;

  font-size: 16px;

  line-height: 29px ;

  color: #fff;

  margin-top: 19px;

}

.about {

  width: 100%;

  height: 694px;

  padding-top: 69px;

  box-sizing: border-box;

}

.about .zi {

  width: 457px;

  margin-left: 72px;

  float: left;

  background: url(../images/ti1.png) no-repeat center 48px;

}

.about .zi .ti {

  font-size: 18px;

  line-height: 18px;

  color: #484848;

  font-weight: bold;

}

.about .zi .ti a {

  color: #484848;

}

.about .zi .jie {

  line-height: 32px;

  letter-spacing: 0px;

  color: #777777;

  margin-top: 60px;

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical; width:400px;

}

.about .zi .yy {

  margin-top: 38px;

}







.about .zi .yy img {

  width: 250px;

  background-color: #1847a0;

  border: solid 3px #eeeeee;

  display: block;

}



.about .zi .yy{ position:absolute; top:132px; right:-250px;}





.about .tu {

  position: absolute;

  top: 0px;

  right: 0px;

  width: 650px;

  height: 550px;

}

.about .tu img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.about ul {

  width: 1281px;

  height: 150px;

  background-color: #ffffff;

  border-radius: 0px 10px 10px 0px;

  margin-left: -310px;

  box-sizing: border-box;

  padding: 37px 76px 0 360px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

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

  z-index: 999;

  position: relative;

}

.about ul li:nth-child(2) i {

  margin-left: 0;

  font-size: 20px;

  font-weight: bold;

  font-family: simsun;

  font-weight: normal;

}

.about ul li.on span {

  color: #0268bd;

}

.about ul li.on i {

  color: #0268bd;

}

.about ul li.on em {

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

}

.about ul li:nth-child(2) em {

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

}

.about ul li:nth-child(2).on em {

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

}

.about ul li:nth-child(3) em {

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

}

.about ul li:nth-child(3).on em {

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

}

.about ul li {

  width: 203px;

  height: 73px;

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

}

.about ul li span {

  float: left;

  font-size: 36px;

  line-height: 28px;

  font-weight: bold;

  color: #666666;

  transition: 0.3s;

}

.about ul li i {

  color: #666666;

  font-size: 18px;

  float: left;

  display: block;

  margin: 5px 0 0 6px;

  transition: 0.3s;

}

.about ul li em {

  transition: 0.3s;

  float: right;

  width: 26px;

  height: 26px;

  margin: 2px 16px 0 0;

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

}

.about ul li p {

  text-align: right;

  color: #666666;

  margin-top: 25px;

  font-size: 16px;

  line-height: 15px;

}

.product {

  width: 100%;

  height: 960px;

  background: url("../images/bg2.jpg") no-repeat left center;

  padding-top: 67px;

  box-sizing: border-box;

}

.product .biaoti {

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

}

.product .biaoti h3 {

  color: #0268bd;

}

.product .biaoti h3 a {

  color: #0268bd;

}

.product .biaoti p {

  color: #666666;

}

.product .box {

  float: right;

  width: 1130px;

  height: 836px;

  background-color: #ffffff;

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

}

.product .box .classify {

  width: 100%;

  height: 121px;

  background-color: #f5f5f5;

  position: relative;

  overflow: hidden;

}

.product .box .classify ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  box-sizing: border-box;

  padding: 0 130px 0 110px;

}

.product .box .classify ul li.on {

  border-bottom: 3px solid #fbaf04;

}

.product .box .classify ul li.on a {

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

}

.product .box .classify ul li {

  line-height: 117px;

  box-sizing: border-box;

  border-bottom: 3px solid transparent;

  min-width: 180px;

  transition: 0.3s;

  text-align: center;

}

.product .box .classify ul li a {

  display: inline-block;

  box-sizing: border-box;

  padding-left: 34px;

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

  font-size: 18px;

  color: #444444;

  transition: 0.3s;

}

.product .box .classify ul .mo {

  display: block;

  width: 117px;

  height: 121px;

  background: #fbaf04 url(../images/jia.png) no-repeat 25px center;

  position: absolute;

  top: 0px;

  right: -60px;

  border-radius: 50%;

}

.product .box .pic {

  width: 100%;

  box-sizing: border-box;

  padding: 0 50px;

}

.product .box .pic ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.product .box .pic ul li:hover .tu img {

  transform: scale(1.2);

}

.product .box .pic ul li {

  margin-top: 40px;

  width: 316px;

  height: 292px;

}

.product .box .pic ul li .tu {

  width: 316px;

  height: 231px;

  background-color: #f5f5f5;

  border-radius: 0px 8px 0px 8px;

  overflow: hidden;

}

.product .box .pic ul li .tu img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 1s;

}

.product .box .pic ul li .ti {

  width: 100%;

  height: 40px;

  margin-top: 20px;

}

.product .box .pic ul li .ti a {

  display: block;

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

  box-sizing: border-box;

  padding-right: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  height: 40px;

  line-height: 19px;

  color: #444444;

  font-size: 15px;

}

.reason {

  width: 100%;

  height: 800px;

  padding-top: 70px;

  box-sizing: border-box;

}

.reason .slideTxtBox1 {

  width: 1110px;

  float: left;

}

.reason .slideTxtBox1 .bd {

  height: 445px !important;

}

.reason .slideTxtBox1 .bd img {

  float: left;

  display: block;

  width: 650px;

  height: 445px;

}

.reason .slideTxtBox1 .bd .zi {

  float: right;

  width: 400px;

  margin-top: 70px;

}

.reason .slideTxtBox1 .bd .zi .ti {

  color: #444444;

  font-size: 24px;

  line-height: 24px;

  font-weight: bold;

}

.reason .slideTxtBox1 .bd .zi .jie {

  line-height: 32px;

  letter-spacing: 0px;

  color: #777777;

  font-size: 16px;

  margin-top: 42px;

}

.reason .slideTxtBox1 .hd {

  width: 1103px;

  height: 221px;

  background-color: #ffffff;

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

}

.reason .slideTxtBox1 .hd ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  padding-top: 25px;

  box-sizing: border-box;

  padding: 25px 30px 0;

}

.reason .slideTxtBox1 .hd ul li.on {

  transform: translateX(5px);

}

.reason .slideTxtBox1 .hd ul li.on i {

  color: #fbaf04;

}

.reason .slideTxtBox1 .hd ul li.on .xian::before {

  background: #fbaf04;

}

.reason .slideTxtBox1 .hd ul li {

  width: 237px;

  height: 196px;

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

  box-sizing: border-box;

  padding: 80px 0 0 52px;

  cursor: pointer;

  transition: 0.5s;

}

.reason .slideTxtBox1 .hd ul li em {

  color: #999999;

  font-family: arial;

  font-size: 14px;

  line-height: 36px;

}

.reason .slideTxtBox1 .hd ul li i {

  margin-left: 18px;

  line-height: 36px;

  color: #999999;

  font-family: arial;

  font-size: 50px;

  transition: 0.3s;

}

.reason .slideTxtBox1 .hd ul li .xian::before {

  content: "";

  width: 11px;

  height: 11px;

  background-color: #0268bd;

  border-radius: 50%;

  position: absolute;

  top: -5px;

  right: 4px;

  transition: 0.5s;

}

.reason .slideTxtBox1 .hd ul li .xian {

  width: 124px;

  height: 1px;

  background-color: #cccccc;

  position: relative;

}

.reason .slideTxtBox1 .hd ul li p {

  margin: 18px 0 0 38px;

  color: #333;

  font-size: 16px;

  line-height: 15px;

}

.case {

  width: 100%;

  height: 995px;

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

}

.case .biaoti {

  position: absolute;

  top: 0px;

  right: 0px;

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

}

.case .biaoti h3 {

  color: #0268bd;

}

.case .biaoti h3 a {

  color: #0268bd;

}

.case .biaoti p {

  color: #666666;

}

.case .left {

  margin-top: 14px;

  width: 1072px;

}

.case .left .to {

  width: 832px;

  height: 164px;

  box-sizing: border-box;

  padding-bottom: 58px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.case .left .to li {

  min-width: 168px;

  height: 23px;

  line-height: 23px;

  color: #444444;

  font-size: 18px;

  box-sizing: border-box;

  padding-left: 53px;

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

  margin-bottom: 30px;

}

.case .left .picScroll-left {

  width: 100%;

}

.case .left .picScroll-left .bd {

  width: 100%;

}

.case .left .picScroll-left .bd li:hover .tu img {

  transform: scale(1.2);

}

.case .left .picScroll-left .bd li:hover .ti a {

  background: url(../images/mo2.png) no-repeat 463px 4px;

}

.case .left .picScroll-left .bd li {

  width: 500px;

  position: relative;

  margin-right: 70px;

}

.case .left .picScroll-left .bd li::before {

  content: '';

  display: block;

  transition: 0.7s;

  width: 0px;

  height: 1px;

  position: absolute;

  bottom: 0px;

  left: 0px;

  border-left: 0 0px solid;

  background: #0268bd;

}

.case .left .picScroll-left .bd li:hover:before {

  width: 100%;

}

.case .left .picScroll-left .bd li .tu {

  width: 100%;

  height: 351px;

  background-color: #ffffff;

  box-sizing: border-box;

  padding: 3px;

}

.case .left .picScroll-left .bd li .tu a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.case .left .picScroll-left .bd li .tu a img {

  width: 100%;

  height: 100%;

  transition: 1s;

}

.case .left .picScroll-left .bd li .ti {

  width: 100%;

  margin-top: 29px;

  height: 60px;

  border-bottom: 1px solid #e0e0e0;

}

.case .left .picScroll-left .bd li .ti a {

  display: block;

  width: 100%;

  font-size: 16px;

  color: #444444;

  line-height: 16px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  box-sizing: border-box;

  padding-right: 40px;

  background: url(../images/mo1.png) no-repeat 463px 4px;

  transition: 0.5s;

}

.case .left .picScroll-left .bd li .ti a p {

  color: #999999;

  margin-top: 10px;

  font-size: 12px;

  line-height: 12px;

}

.case .left .picScroll-left .hd {

  width: 678px;

  height: 14px;

  margin: 82px auto 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.case .left .picScroll-left .hd a {

  display: block;

  width: 224px;

  height: 14px;

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

}

.case .left .picScroll-left .hd .next {

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

}

.case .left .picScroll-left .hd ul {

  width: 106px;

  height: 14px;

  padding-top: 1px;

  box-sizing: border-box;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.case .left .picScroll-left .hd ul li.on {

  background-color: #0268bd;

}

.case .left .picScroll-left .hd ul li {

  transition: 0.5s;

  font-size: 0;

  width: 12px;

  height: 12px;

  border: solid 1px #0268bd;

  box-sizing: border-box;

  border-radius: 50%;

}

.case .left .ly {

  width: 822px;

  height: 91px;

  margin-top: 114px;

  position: relative;

}

.case .left .ly #tel {

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

  margin-left: 62px;

}

.case .left .ly input {

  width: 300px;

  height: 30px;

  border-bottom: solid 1px #ddd;

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

  display: block;

  transition: 0.7s;

  font-size: 14px;

  font-weight: normal;

  line-height: 30px;

  letter-spacing: 0px;

  color: #999;

  box-sizing: border-box;

  padding-left: 40px;

  float: left;

}

.case .left .ly input::placeholder {

  font-size: 14px;

  line-height: 30px;

  letter-spacing: 0px;

  color: #999;

}

.case .left .ly #codeText {

  width: 100%;

  height: 30px;

  box-sizing: border-box;

  color: #999;

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

}

.case .left .ly .yzm {

  position: relative;

  width: 300px;

  height: 30px;

  font-weight: normal;

  margin-top: 29px;

  margin-left: 62px;

  float: left;

}

.case .left .ly #imgCode {

  position: absolute;

  display: block;

  width: 90px;

  height: 36px;

  bottom: 0;

  right: 1px;

  color: #999;

  background-color: #999;

}

.case .left .ly #btn {

  width: 101px;

  height: 91px;

  background-color: #fbaf04;

  border-radius: 0px 6px 6px 0px;

  display: block;

  line-height: 24px;

  letter-spacing: 0px;

  color: #ffffff;

  outline: none;

  cursor: pointer;

  font-size: 16px;

  box-sizing: border-box;

  padding: 22px 28px;

  position: absolute;

  top: 0px;

  right: 0px;

  text-align: center;

}

.case .left .ly #contant {

  width: 300px;

  height: 30px;

  transition: 0.7s;

  color: #999;

  font-size: 14px;

  line-height: 28px;

  border-bottom: solid 1px #ddd;

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

  margin-top: 29px;

  display: block;

  float: left;

  box-sizing: border-box;

  padding-left: 40px;

}

.case .left .ly #contant::placeholder {

  font-size: 14px;

  line-height: 28px;

  letter-spacing: 0px;

  color: #999;

}

.news {

  width: 100%;

  height: 875px;

}

.news .biaoti {

  position: absolute;

  top:50px;

  left: 0px;

  z-index: 9;

  height: 400px;

  padding-top: 95px;

}

.news .hd {

  width: 150px;

  height: 340px;

  position: absolute;

  top:480px;

  left: -15px;

}

.news .hd li.on {

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

}

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

  background: url(../images/xw2.png) no-repeat center 18px;

}

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

  background: url(../images/xw3.png) no-repeat center 18px;

}

.news .hd li {

  width: 100%;

  height: 100px;

  text-align: center;

  margin-top:5px;

  transition: 0.5s;

  background: url(../images/xw1.png) no-repeat center 18px;

  padding-top: 63px;

  box-sizing: border-box;

  color: #484848;

  font-size: 16px;

  line-height: 15px;

}

.news .hd li a {

  color: #484848;

}

.news .bd {

  width: 1110px !important;

  float: right;

}

.news .bd .to {

  margin-top: 64px;

  height: 400px;

  width: 100%;

}

.news .bd .to .tu:hover img {

  transform: scale(1.2);

}

.news .bd .to .tu {

  float: left;

  width: 571px;

  height: 401px;

  background-color: #f8f8f8;

  border-radius: 30px 0px 30px 0px;

  overflow: hidden;

}

.news .bd .to .tu img {

  width: 100%;

  height: 100%;

  transition: 1s;

}

.news .bd .to ul {

  float: right;

  width: 480px;

}

.news .bd .to ul li.on {

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

}

.news .bd .to ul li {

  width: 100%;

  height: 200px;

  border-bottom: 1px solid #eee;

  box-sizing: border-box;

  padding: 52px 40px 0 30px;

  transition: 0.5s;

}

.news .bd .to ul li .ti {

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #444444;

  font-size: 16px;

  box-sizing: border-box;

  padding-left: 30px;

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

  transition: 0.3s;

}

.news .bd .to ul li .ti a {

  color: #444444;

}

.news .bd .to ul li .jie {

  line-height: 30px;

  letter-spacing: 0px;

  color: #777777;

  margin-top: 23px;

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.news .bd .bo {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.news .bd .bo li {

  width: 520px;

  height: 85px;

  border-bottom: 1px solid #eee;

  position: relative;

  line-height: 77px;

  padding-top: 8px;

  box-sizing: border-box;

}

.news .bd .bo li::before {

  content: '';

  display: block;

  transition: 0.7s;

  width: 0px;

  height: 1px;

  position: absolute;

  bottom: 0px;

  left: 0px;

  border-left: 0 0px solid;

  background: #0268bd;

}

.news .bd .bo li:hover:before {

  width: 100%;

}

.news .bd .bo li .ti {

  float: left;

  box-sizing: border-box;

  padding-left: 32px;

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

  width: 400px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 15px;

  color: #555555;

}

.news .bd .bo li .ti a {

  color: #555555;

}

.news .bd .bo li .shi {

  float: right;

  color: #999999;

  font-size: 15px;

}

.yqlj {

  width: 100%;

  height: 101px;

  background-color: #f5f5f5;

  padding-top: 35px;

  box-sizing: border-box;

}

.yqlj .ti {

  float: left;

  width: 81px;

  height: 33px;

  background-color: #0268bd;

  border-radius: 4px;

  line-height: 33px;

  text-align: center;

  font-size: 24px;

  font-weight: bold;

  color: #fff;

}

.yqlj li:hover {

  transform: translateX(5px);

}

.yqlj li:hover a {

  color: #0268bd;

}

.yqlj li {

  float: left;

  margin-left: 50px;

  transition: 0.3s;

  line-height: 33px;

}

.yqlj li a {

  color: #444444;

  transition: 0.3s;

}

@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

  22.2% {

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

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

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

  }

  33.3% {

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

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

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

  }

  44.4% {

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

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

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

  }

  55.5% {

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

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

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

  }

  66.6% {

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

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

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

  }

  77.7% {

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

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

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

  }

  88.8% {

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

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

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

  }

}