.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);

  }

}

.banner {

  width: 100%;

  height: 750px;

  position: relative;

  box-sizing: border-box;

  padding-left: 176px;

}

.banner .slideBox {

  position: relative;

}

.banner .ti {

  position: absolute;

  top: 20px;

  left: 0px;

  line-height: 175px;

  writing-mode: tb-rl;

  letter-spacing: 11.8px;

  color: #666666;

  font-size: 16px;

}

.banner .alone {

  width: 44px;

  height: 122px;

  position: absolute;

  bottom: 16px;

  left: 64px;

  border-left: 16px 64px solid;

  z-index: 99;

}

.banner .alone .dh:hover {

  overflow: visible;

}

.banner .alone .dh {

  width: 44px;

  height: 44px;

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

  position: relative;

  cursor: pointer;

  overflow: hidden;

}

.banner .alone .dh p {

  position: absolute;

  top: 0px;

  left: 44px;

  background: #fff;

  line-height: 44px;

  border-radius: 22px;

  box-sizing: border-box;

  padding: 0 20px;

  font-size: 16px;

  color: #333;

}

.banner .alone .ly {

  display: block;

  width: 44px;

  height: 44px;

  margin-top: 34px;

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

}

.banner .bd ul {

  width: 100%;

}

.banner .bd ul li {

  width: 100%;

  position: relative;

  height: 750px;

}

.banner .bd ul li img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.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: 100px;

  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: 100px;

  z-index: 999;

}

.banner .hd {

  width: 80px;

  height: 10px;

  position: absolute;

  bottom: 30px;

  left: 50%;

  border-left: 30px 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: #ffa70d;

}

.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: 656px;

  }

  .banner .bd ul li {

    height: 656px;

  }

}

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

  .banner {

    height: 562px;

  }

  .banner .bd ul li {

    height: 562px;

  }

}

.biaoti {

  float: left;

  height: 105px;

  width: 650px;

  position: relative;

  margin-left: -160px;

  box-sizing: border-box;

  padding: 11px 0 0 160px;

  transition: 1s;

}

.biaoti .shu {

  position: absolute;

  top: 0px;

  left: 0px;

  display: block;

}

.biaoti .yi {

  float: left;

  display: block;

}

.biaoti h3 {

  font-size: 32px;

  line-height: 32px;

  color: #333;

  float: left;

  margin: 14px 0 0 10px;

}

.biaoti h3 a {

  color: #333;

}

.biaoti p {

  letter-spacing: 16.6px;

  color: #666666;

  margin-top: 30px;

  font-size: 16px;

  line-height: 16px;

}

.product {

  width: 100%;

  height: 1007px;

  padding-top: 65px;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;

}

.product .slideTxtBox1 {

  margin-top: 55px;

  position: relative;

}

.product .hd {

  position: absolute;

  top: 0px;

  left: 0px;

  z-index: 999;

  width: 660px;

  height: 180px;

  box-sizing: border-box;

  padding-right: 62px;



}

.product .hd .mo{

  width: 31px;

  height: 8px;

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

  display: block;

   position: absolute;

   right: 0;

   top: 50px;

}

.product .hd ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.product .hd ul li.on i::after {

  transform: scale(1);

}

.product .hd ul li.on p {

  color: #ffa70d;

}

.product .hd ul li {

  width: 100px;

  text-align: center;

}

.product .hd ul li i {

  display: block;

  width: 100%;

  height: 100px;

  position: relative;

  border-radius: 50%;

}

.product .hd ul li i::after {

  width: 76px;

  height: 24px;

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

  content: "";

  position: absolute;

  bottom: -20px;

  left: 50%;

  border-left: -20px 50% solid;

  transition: 0.5s;

  margin-left: -38px;

  transform: scale(0);

}

.product .hd ul li i img {

  width: 100%;

  height: 100%;

  transition: 1s;

  border-radius: 50%;

}

.product .hd ul li p {

  font-size: 16px;

  line-height: 16px;

  color: #333;

  margin-top: 17px;

  transition: 0.3s;

}

.product .bd {

  width: 100%;

  height: 705px !important;

}

.product .bd .yi {

  width: 100%;

  height: 598px;

  margin-top: -148px;

}

.product .bd .yi .zi {

  float: left;

  width: 610px;

  margin-top: 335px;

}

.product .bd .yi .zi:hover .ti {

  color: #ffa70d;

}

.product .bd .yi .zi .ti {

  display: block;

  width: 100%;

  height: 45px;

  border-bottom: 1px solid #eee;

  position: relative;

  font-size: 22px;

  line-height: 22px;

  color: #333;

  font-weight: bold;

  transition: 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.product .bd .yi .zi .ti::before {

  content: '';

  display: block;

  transition: 0.7s;

  width: 0px;

  height: 1px;

  position: absolute;

  bottom: 0px;

  left: 0px;

  border-left: 0 0px solid;

  background: #ffa70d;

}

.product .bd .yi .zi .ti:hover:before {

  width: 100%;

}

.product .bd .yi .zi .jie {

  margin: 17px 0 37px;

  width: 100%;

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  line-height: 32px;

  letter-spacing: 0px;

  color: #666666;

  font-size: 15px;

}

.product .bd .yi .zi .mo {

  display: block;

  width: 187px;

  height: 47px;

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

  font-size: 15px;

  line-height: 47px;

  color: #333;

  transition: 0.3s;

}

.product .bd .yi .tu {

  display: block;

  float: right;

  width: 603px;

  height: 520px;

  background: #eee;

  overflow: hidden;

  box-sizing: border-box;

  padding: 14px;

}

.product .bd .yi .tu:hover img {

  transform: scale(1.2);

}

.product .bd .yi .tu img {

  width: 100%;

  height: 100%;

  transition: 1s;

}

.product .bd ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.product .bd ul li:hover .tu img {

  transform: scale(1.2);

}

.product .bd ul li:hover .ti {

  color: #ffa70d;

}

.product .bd ul li {

  width: 390px;

  height: 255px;

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

  float: left;

}

.product .bd ul li .tu {

  display: block;

  float: left;

  width: 332px;

  height: 255px;

  overflow: hidden;

}

.product .bd ul li .tu img {

  width: 100%;

  height: 100%;

  transition: 1s;

}

.product .bd ul li .ti {

  display: block;

  float: right;

  width: 58px;

  height: 100%;

  line-height: 58px;

  padding-bottom: 70px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  letter-spacing: 3.2px;

  color: #333333;

  font-size: 16px;

  transition: 0.3s;

  writing-mode: tb-rl;

  padding-top: 50px;

  box-sizing: border-box;

}

.reason {

  width: 100%;

  height: 860px;

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

  padding-top: 46px;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;

}

.reason .pic {

  width: 316px;

  height: 558px;

  position: absolute;

  top: -38px;

  right: -152px;

  text-align: center;

}

.reason .pic img:last-child {

  margin-top: 20px;

}

.reason .biao {

  width: 100%;

  height: 95px;

  position: relative;

  z-index: 999;

}

.reason .biao img {

  display: block;

}

.reason .biao h3 {

  margin-top: 17px;

  font-size: 24px;

  line-height: 24px;

  font-weight: bold;

  color: #333;

}

.reason .biao::after {

  width: 299px;

  height: 17px;

  background-color: #000000;

  opacity: 0.1;

  position: absolute;

  top: 36px;

  left: -85px;

  content: "";

  z-index: -1;

}

.reason .slideTxtBox1 {

  width: 100%;

  margin-top: 60px;

  position: relative;

  height: 480px;

}

.reason .slideTxtBox1 .dh {

  position: absolute;

  bottom: 4px;

  left: 646px;

  border-left: 4px 646px solid;

  z-index: 99;

}

.reason .slideTxtBox1 .dh p {

  font-size: 16px;

  line-height: 16px;

  color: #333;

  margin-bottom: 20px;

}

.reason .slideTxtBox1 .dh .qq {

  display: block;

  float: left;

  width: 50px;

  height: 50px;

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

}

.reason .slideTxtBox1 .dh .tel {

  float: left;

  margin-left: 14px;

  font-family: arial;

  font-size: 18px;

  color: #333;

  line-height: 50px;

}

.reason .slideTxtBox1 .dh .tel i {

  font-weight: bold;

  font-family: arial;

  font-size: 26px;

  color: #333;

}

.reason .slideTxtBox1 .arrow {

  width: 126px;

  height: 60px;

  position: absolute;

  bottom:120px;

  left: 646px;

  border-left: 185px 646px solid;

  z-index: 999;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.reason .slideTxtBox1 .arrow a {

  display: block;

  width: 59px;

  height: 59px;

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

}

.reason .slideTxtBox1 .arrow .next {

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

}

.reason .slideTxtBox1 .tu {

  width: 569px;

  height: 480px;

  float: left;

}

.reason .slideTxtBox1 .tu img {

  width: 100%;

  height: 100%;

}

.reason .slideTxtBox1 .zi {

  width: 450px;

  float: left;

  margin: -87px 0 0 77px;

}

.reason .slideTxtBox1 .zi .shu {

  height: 17px;

  line-height: 17px;

  width: 155px;

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

  font-family: arial;

  font-size: 24px;

  color: #333;

}

.reason .slideTxtBox1 .zi .ti {

  font-size: 24px;

  line-height: 24px;

  font-weight: bold;

  color: #333;

  margin: 66px 0 25px;

}

.reason .slideTxtBox1 .zi .yi {

  color: #999999;

  font-family: arial;

  font-size: 14px;

  line-height: 11px;

}

.reason .slideTxtBox1 .zi em {

  display: block;

  margin: 17px 0 17px 2px;

  width: 1px;

  height: 40px;

  background-color: #333333;

}

.reason .slideTxtBox1 .zi .jie {

  line-height: 30px;

  letter-spacing: 0px;

  color: #666666;

  font-size: 14px;

}

.about {

  width: 100%;

  height: 900px;

  padding-top: 82px;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;

}

.about .pic {

  width: 698px;

  height: 829px;

  position: absolute;

  top: 22px;

  right: 0px;

}

.about .tit {

  transition: 1s;

  float: right;

  width: 525px;

  margin-right: 116px;

  text-align: right;

  height: 190px;

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

  padding-top: 27px;

  box-sizing: border-box;

}

.about .tit p {

  font-size: 20px;

  line-height: 20px;

  letter-spacing: 8.4px;

  color: #333333;

}

.about .tit span {

  display: block;

  margin: 9px 0 20px;

  color: #999999;

  font-family: arial;

  font-size: 12px;

  line-height: 11px;

}

.about .tit .liao {

  float: right;

  width: 325px;

  margin-right: 20px;

}

.about .tit .liao .zx {

  display: block;

  line-height: 58px;

  font-size: 16px;

  color: #333;

  float: left;

}

.about .tit .liao .zx i {

  font-family: arial;

  font-size: 14px;

  color: #999;

}

.about .tit .liao .qq {

  display: block;

  float: right;

  width: 58px;

  height: 58px;

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

}

.about .ti {

  font-size: 25px;

  line-height: 25px;

  font-weight: bold;

  color: #333;

}

.about .yin {

  color: #999999;

  margin: 15px 0 35px;

  font-size: 14px;

  line-height: 14px;

}

.about .jie {

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  width: 865px;

  line-height: 36px;

  letter-spacing: 0px;

  color: #666666;

  font-size: 16px;

}

.about .mo {

  display: block;

  width: 187px;

  height: 47px;

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

  font-size: 15px;

  line-height: 47px;

  color: #333;

  transition: 0.3s;

  margin: 40px 0 44px;

}

.about ul {

  float: left;

  width: 680px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.about ul li.on::after {

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

}

.about ul li {

  width: 300px;

  height: 157px;

  background-color: #ffffff;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);

  position: relative;

  box-sizing: border-box;

  padding: 60px 0 0 32px;

}

.about ul li::after {

  width: 51px;

  height: 51px;

  position: absolute;

  top: 53px;

  right: -25px;

  content: "";

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

  transition: 0.3s;

}

.about ul li p {

  font-size: 20px;

  line-height: 20px;

  color: #333;

}

.about ul li span {

  display: block;

  color: #999999;

  margin-top: 12px;

  font-family: arial;

  font-size: 14px;

  line-height: 10px;

}

.about ul li img {

  position: absolute;

  top: 0px;

  right: 0px;

}

.about .yy {

  width: 252px;

  height: 190px;

  float: left;

  margin: -22px 0 0 113px;

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

  box-sizing: border-box;

  padding: 20px;

}

.about .yy img {

  width: 100%;

  height: 100%;

}

.case {

  width: 100%;

  height: 996px;

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

  padding-top: 208px;

  box-sizing: border-box;

  overflow: hidden;

}

.case .mo {

  display: block;

  width: 187px;

  height: 47px;

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

  font-size: 15px;

  line-height: 47px;

  color: #333;

  transition: 0.3s;

  float: right;

  margin-top: 16px;

}

.case .xian {

  width: 100%;

  height: 1px;

  background-color: #e5e5e5;

  margin: 26px 0 40px;

}

.case .alone {

  width: 100%;

  position: relative;

  height: 468px;

}

.case .alone .tu {

  float: left;

  width: 575px;

  height: 468px;

  overflow: hidden;

}

.case .alone .tu:hover img {

  transform: scale(1.2);

}

.case .alone .tu img {

  width: 100%;

  height: 100%;

  transition: 1s;

}

.case .alone .zi {

  float: right;

  width: 658px;

  margin-top: 2px;

}

.case .alone .zi:hover .ti {

  color: #ffa70d;

}

.case .alone .zi .ti {

  display: block;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 20px;

  line-height: 20px;

  color: #333;

  transition: 0.3s;

}

.case .alone .zi .jie {

  display: -webkit-box;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  width: 100%;

  line-height: 36px;

  letter-spacing: 0px;

  color: #666666;

  margin-top: 17px;

  font-size: 14px;

}

.case .alone .picScroll-left {

  width: 658px;

  height: 336px;

  position: absolute;

  bottom: 0px;

  right: 0px;

  border-right: 0 0px solid;

}

.case .alone .picScroll-left .arrow {

  width: 100%;

  height: 19px;

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

  position: absolute;

  bottom: 0px;

  left: 0px;

  border-left: 0 0px solid;

  box-sizing: border-box;

  padding: 0 310px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.case .alone .picScroll-left .arrow a {

  display: block;

  width: 50%;

  height: 19px;

  cursor: pointer;

}

.case .alone .picScroll-left .bd {

  width: 100%;

  overflow: hidden;

}

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

  float: left;

  width: 305px !important;

  margin-right: 48px;

}

.case .alone .picScroll-left .bd li:hover .pic img {

  transform: scale(1.2);

}

.case .alone .picScroll-left .bd li:hover .text {

  color: #ffa70d;

}

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

  width: 100%;

  height: 240px;

  border-radius: 40px 0px 40px 0px;

  display: block;

  margin-bottom: 15px;

  overflow: hidden;

}

.case .alone .picScroll-left .bd li .pic img {

  width: 100%;

  height: 100%;

  transition: 1s;

}

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

  float: left;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 250px;

  font-size: 16px;

  line-height: 16px;

  color: #666666;

  transition: 0.3s;

}

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

  float: right;

  color: #999999;

  font-family: arial;

  font-size: 14px;

  line-height: 16px;

}

.news {

  width: 100%;

  height: 928px;

  overflow: hidden;

}

.news .tit {

  transition: 1s;

  float: right;

  width: 525px;

  text-align: right;

  height: 203px;

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

  padding-top: 27px;

  box-sizing: border-box;

}

.news .tit p {

  font-size: 20px;

  line-height: 20px;

  letter-spacing: 8.4px;

  color: #333333;

}

.news .tit span {

  display: block;

  margin: 9px 0 20px;

  color: #999999;

  font-family: arial;

  font-size: 12px;

  line-height: 11px;

}

.news .tit .liao {

  float: right;

  width: 325px;

  margin-right: 12px;

}

.news .tit .liao .zx {

  display: block;

  line-height: 58px;

  font-size: 16px;

  color: #333;

  float: left;

}

.news .tit .liao .zx i {

  font-family: arial;

  font-size: 14px;

  color: #999;

}

.news .tit .liao .qq {

  display: block;

  float: right;

  width: 58px;

  height: 58px;

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

}

.news .slideTxtBox1 {

  width: 100%;

  position: relative;

}

.news .slideTxtBox1 .hd {

  width: 267px;

  position: absolute;

  top: -9px;

  left: 0px;

  z-index: 999;

}

.news .slideTxtBox1 .hd li.on {

  background: #ffa70d;

  border: 1px solid #ffa70d;

}

.news .slideTxtBox1 .hd li.on a {

  background: url(../images/xw11.png) no-repeat 73px center;

  color: #fff;

}

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

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

}

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

  background: url(../images/xw21.png) no-repeat 73px center;

}

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

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

}

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

  background: url(../images/xw31.png) no-repeat 73px center;

}

.news .slideTxtBox1 .hd li {

  margin-bottom: 35px;

  width: 100%;

  height: 69px;

  background-color: #ffffff;

  border-radius: 6px;

  border: solid 1px #b5b5b5;

  transition: 0.5s;

}

.news .slideTxtBox1 .hd li a {

  display: block;

  line-height: 68px;

  box-sizing: border-box;

  padding-left: 113px;

  font-size: 18px;

  color: #333;

  transition: 0.5s;

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

}

.news .slideTxtBox1 .bd .to {

  width: 940px;

  float: right;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  height: 303px;

}

.news .slideTxtBox1 .bd .to li:hover .ti {

  color: #ffa70d;

}

.news .slideTxtBox1 .bd .to li:hover .mo {

  color: #ffa70d;

}

.news .slideTxtBox1 .bd .to li {

  width: 402px;

}

.news .slideTxtBox1 .bd .to li .ti {

  display: block;

  width: 310px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 16px;

  line-height: 16px;

  color: #333;

  transition: 0.3s;

  float: left;

}

.news .slideTxtBox1 .bd .to li .shi {

  float: right;

  line-height: 16px;

  color: #999999;

  font-family: arial;

  font-size: 14px;

}

.news .slideTxtBox1 .bd .to li .jie {

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin: 23px 0;

}

.news .slideTxtBox1 .bd .to li .mo {

  font-family: arial;

  font-size: 14px;

  color: #999999;

  line-height: 10px;

}

.news .slideTxtBox1 .bd .to li .mo i:nth-child(5),

.news .slideTxtBox1 .bd .to li .mo li:nth-child(8) {

  margin-left: 6px;

}

.news .slideTxtBox1 .bd .to li .mo i {

  font-family: arial;

  font-size: 14px;

}

.news .slideTxtBox1 .bd .bo {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.news .slideTxtBox1 .bd .bo li:hover .tu img {

  transform: scale(1.2);

}

.news .slideTxtBox1 .bd .bo li:hover .ti {

  color: #ffa70d;

}

.news .slideTxtBox1 .bd .bo li {

  width: 364px;

}

.news .slideTxtBox1 .bd .bo li .tu {

  display: block;

  width: 100%;

  height: 248px;

  background: #eeeeee;

  box-sizing: border-box;

  padding: 6px;

  margin-bottom: 25px;

}

.news .slideTxtBox1 .bd .bo li .tu a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.news .slideTxtBox1 .bd .bo li .tu a img {

  width: 100%;

  height: 100%;

  transition: 1s;

}

.news .slideTxtBox1 .bd .bo li .ti {

  display: block;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 16px;

  line-height: 16px;

  color: #333;

  transition: 0.3s;

}

.news .slideTxtBox1 .bd .bo li .jie {

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin: 22px 0;

}

.news .slideTxtBox1 .bd .bo li .mo {

  font-family: arial;

  font-size: 14px;

  color: #999999;

  line-height: 10px;

}

.news .slideTxtBox1 .bd .bo li .mo i:nth-child(5),

.news .slideTxtBox1 .bd .bo li .mo li:nth-child(8) {

  margin-left: 6px;

}

.news .slideTxtBox1 .bd .bo li .mo i {

  font-family: arial;

  font-size: 14px;

}