.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*/
/*首页banner*/
.banner {
  max-height: 750px;
  overflow: hidden;
  transition: 0.7s;
}
.scrollfixed {
  z-index: -1 !important;
}
.pics_wrap {
  width: 100%;
  max-height: 750px;
  overflow: hidden;
}
.html5zoo-img-0 img {
  width: 100%;
}
.html5zoo-arrow-left-0 {
  left: 10% !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 100%;
}
.html5zoo-arrow-right-0 {
  right: 10% !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 100%;
}
.html5zoo-bullet-wrapper-0 div {
  margin: 0 4px !important;
}
.html5zoo-nav-0 {
  margin-top: 10px !important;
  left: 48% !important;
}
.html5zoo-bullet-wrapper-0 {
  width: 100% !important;
}
.banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.banner ul.bb {
  position: relative;
  padding: 0px;
  margin: 0px;
  z-index: 5;
}
.banner ul.bb li {
  position: absolute;
  display: none;
}
.banner .num {
  position: absolute;
  right: 2px;
  bottom: 10px;
  z-index: 100;
}
.banner .num li {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  background: #fff;
  line-height: 18px;
  text-indent: -100px;
  overflow: hidden;
  border-radius: 10px;
}
.banner .num li.num_hover {
  background-color: #f7de07;
}
.banner .num li.num_hover a {
  color: #fff;
}
.banner .num li a {
  float: left;
  display: block;
  text-align: center;
  color: #666;
  text-decoration: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#bannerArrow,
#bannerCircle {
  display: none;
}
/*幻灯片样式2*/
#focus {
  width: 255px;
  height: 188px;
  overflow: hidden;
  position: relative;
}
#focus ul {
  height: 188px;
  position: absolute;
}
#focus ul li {
  float: left;
  width: 255px;
  height: 188px;
  overflow: hidden;
  position: relative;
  background: #000;
}
#focus ul li a img {
  height: 188px;
  width: 255px;
}
#focus ul li div {
  position: absolute;
  overflow: hidden;
}
#focus .btnBg {
  position: absolute;
  width: 255px;
  height: 20px;
  left: 0;
  bottom: 0;
  background: #000;
}
#focus .btn {
  position: absolute;
  width: 255px;
  height: 10px;
  padding: 5px 10px;
  right: 0;
  bottom: 0;
  text-align: right;
}
#focus .btn span {
  display: inline-block;
  _display: inline;
  _zoom: 1;
  width: 25px;
  height: 10px;
  _font-size: 0;
  margin-left: 5px;
  cursor: pointer;
  background: #fff;
}
#focus .btn span.on {
  background: #fff;
}
.biaoti {
  width: 100%;
  height: 133px;
  text-align: center;
}
.biaoti h3 {
  font-size: 36px;
  font-weight: bold;
  color: #039eda;
  line-height: 34px;
  height: 34px;
  background: url("../images/24bh.png") no-repeat center;
}
.biaoti h3 a{
    color: #039eda;
}
.biaoti .yi {
  height: 10px;
  font-family: Arial;
  font-size: 14px;
  line-height: 10px;
  color: #999999;
  margin-top: 17px;
}
.biaoti .xian {
  width: 1px;
  height: 26px;
  background-color: #dedede;
  margin: 13px auto 16px;
}
.biaoti p {
  letter-spacing: 1px;
  color: #666666;
  font-size: 16px;
  line-height: 15px;
  height: 15px;
}
.cpzx {
  width: 100%;
  height: 890px;
  padding-top: 80px;
  box-sizing: border-box;
}
.cpzx .fle {
  width: 290px;
  height: 556px;
  background-color: #f8f8f8;
  margin-top: 40px;
}
.cpzx .fle .biao {
  width: 290px;
  height: 110px;
  background-color: #039eda;
  text-align: center;
  padding-top: 32px;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.cpzx .fle .biao .ti {
  letter-spacing: 3px;
  color: #ffffff;
  font-size: 24px;
  line-height: 22px;
  height: 23px;
}
.cpzx .fle .biao .yi {
  font-family: Arial;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  margin-top: 13px;
}
.cpzx .fle .tis.on {
  background: #039eda url(../images/21bh.png) no-repeat 230px center;
}
.cpzx .fle .tis {
  width: 260px;
  height: 48px;
  margin-left: 15px;
  background: #039eda url(../images/21bh1.png) no-repeat 237px center;
  box-sizing: border-box;
  padding-left: 15px;
  transition: 0.3s;
  line-height: 48px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}
.cpzx .fle .tis a {
  color: #fff;
}
.cpzx .fle ul {
  box-sizing: border-box;
  padding: 0 15px;
}

.cpzx .fle ul li:hover {
  transform: translateX(6px);
}
.cpzx .fle ul li:hover a {
  color: #039eda;
}
.cpzx .fle ul li:last-child {
  border: none;
}
.cpzx .fle ul li {
  width: 100%;
  height: 55px;
  line-height: 55px;
  box-sizing: border-box;
  padding-left: 46px;
  border-bottom: 1px solid #dedede;
  font-size: 16px;
  transition: 0.5s;
}
.cpzx .fle ul li a {
  color: #666;
  transition: 0.3s;
}
.cpzx .tuw {
  width: 950px;
  margin-top: 40px;
}
.cpzx .tuw ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cpzx .tuw ul li:hover .tu {
  background-color: #e46713;
}
.cpzx .tuw ul li:hover .tu img {
  transform: scale(1.2);
}
.cpzx .tuw ul li:hover .ti {
  background: url("../images/30bh.png") no-repeat right center;
  text-indent: 5px;
  color: #039eda;
}
.cpzx .tuw ul li:hover .ti a {
  color: #039eda;
}
.cpzx .tuw ul li:hover .tu .tis {
  width: 100%;
  height: 280px;
  background-color: rgba(228, 103, 19, 0.5);
  text-align: center;
  opacity: 1;
}
.cpzx .tuw ul li:hover .tu .tis a {
  padding-top: 150px;
  box-sizing: border-box;
}
.cpzx .tuw ul li {
  flex: 0 0 290px;
  float: left;
  width: 290px;
  height: 280px;
  margin-bottom: 18px;
}
.cpzx .tuw ul li .tu {
  transition: 0.5s;
  width: 290px;
  height: 220px;
  background-color: #f8f8f8;
  box-sizing: border-box;
  padding: 1px;
  overflow: hidden;
  position: relative;
}
.cpzx .tuw ul li .tu a {
  display: block;
  width: 288px;
  height: 218px;
  overflow: hidden;
}
.cpzx .tuw ul li .tu img {
  width: 288px;
  height: 218px;
  transition: 0.5s;

}
.cpzx .tuw ul li .tu .tis {
  width: 100%;
  height: 45px;
  line-height: 40px;
  transition: 0.5s;
  position: absolute;
  bottom: 0px;
  left: 0px;
  border-left: 0 0px solid;
  background-color: rgba(228, 103, 19, 0.5);
}
.cpzx .tuw ul li .tu .tis a {
  color: #fff;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  text-align: center;
}
.ys {
  width: 100%;
  height: 1220px;
  padding-top: 56px;
  box-sizing: border-box;
  background: url("../images/16bh.png") no-repeat center top;
}
.ys .slideTxtBox1 {
  position: relative;
  height: 681px;
}
.ys .slideTxtBox1 .yy {
  width: 238px;
  height: 181px;
  background: url("../images/3bh.png") no-repeat center top;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left:0;
  border-right: 0 -104px solid;
  z-index: 999;
}
.ys .slideTxtBox1 .yy img {
  width: 193px;
  height: 136px;
  display: block;
  margin: 21px auto;
}
.ys .slideTxtBox1 .tis {
  width: 737px;
  height: 118px;
  position: absolute;
  top: 54px;
  right: 0px;
  z-index: 999;
}
.ys .slideTxtBox1 .tis .yi {
  width: 100%;
  height: 48px;
  background: url("../images/ouradvantsge.png") no-repeat right center;
}
.ys .slideTxtBox1 .tis p {
  line-height: 24px;
  height: 24px;
  margin-top: 46px;
  text-align: right;
  width: 100%;
  background: url("../images/9bh.png") no-repeat left center;
  font-size: 24px;
  color: #fff;
}
.ys .slideTxtBox1 .tis p span {
  font-size: 16px;
  margin-left: 60px;
  float: right;
}
.ys .slideTxtBox1 .arrow {
  width: 125px;
  height: 61px;
  position: absolute;
  bottom: 12px;
  right: 442px;
  border-right: 12px 442px solid;
  z-index: 999;
}
.ys .slideTxtBox1 .arrow a:hover {
  transform: translateY(-5px);
}
.ys .slideTxtBox1 .arrow a {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  background: url("../images/12bh.png") no-repeat center;
  transition: 0.5s;
}
.ys .slideTxtBox1 .arrow .next {
  float: right;
  background: url("../images/22bh.png") no-repeat center;
}
.ys .slideTxtBox1 .dhs {
  width: 400px;
  height: 36px;
  position: absolute;
  bottom: 24px;
  right: 0px;
  border-right: 24px 0px solid;
  z-index: 999;
  line-height: 36px;
}
.ys .slideTxtBox1 .dhs .dh {
  box-sizing: border-box;
  padding-left: 37px;
  font-size: 22px;
  font-weight: bold;
  color: #333;
  background: url("../images/6bh.png") no-repeat left center;
  float: left;
}
.ys .slideTxtBox1 .dhs .qq:hover {
  background: #039eda url(../images/qq1.png) no-repeat 5px center;
  border: none;
  color: #fff;
}
.ys .slideTxtBox1 .dhs .qq {
  transition: 0.5s;
  width: 98px;
  height: 36px;
  line-height: 34px;
  float: right;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  letter-spacing: 1px;
  color: #333333;
  font-size: 16px;
  box-sizing: border-box;
  padding-left: 27px;
  background: url(../images/qq.png) no-repeat 5px center;
}
.ys .slideTxtBox1 .zole {
  width: 655px;
  height: 681px;
  background: url(../images/8bh.png) no-repeat left top;
  box-sizing: border-box;
  padding: 24px 0 0 24px;
  margin-left: -24px;
}
.ys .slideTxtBox1 .zole img {
  width: 630px;
  height: 657px;
  background-color: #ffffff;
  border-radius: 20px;
}
.ys .slideTxtBox1 .zori {
  width: 560px;
  margin-top: 314px;
}
.ys .slideTxtBox1 .bd .zong:nth-child(2) .zori .ti{
	background: url("../images/no2.png") no-repeat left center;
}
.ys .slideTxtBox1 .bd .zong:nth-child(3) .zori .ti{
	background: url("../images/no3.png") no-repeat left center;
}
.ys .slideTxtBox1 .bd .zong:nth-child(4) .zori .ti{
	background: url("../images/no4.png") no-repeat left center;
}
.ys .slideTxtBox1 .zori .ti {
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
  padding-left: 122px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  background: url("../images/no1.png") no-repeat left center;
}
.ys .slideTxtBox1 .zori .jie {
  line-height: 36px;
  letter-spacing: 0px;
  color: #999999;
  font-size: 14px;
  margin-top: 40px;
}
.ys .hasMoreTab {
  position: relative;
  margin-top: 80px;
}
.ys .hasMoreTab .hd {
  width: 100%;
  height: 17px;
  line-height: 17px;
}
.ys .hasMoreTab .hd .more:hover {
  background: url("../images/25bh1.png") no-repeat right center;
}
.ys .hasMoreTab .hd .more:hover a {
  color: #039eda;
}
.ys .hasMoreTab .hd .more {
  float: right;
  width: 142px;
  display: block;
  transition: 0.3s;
  font-size: 18px;
  color: #333;
  background: url("../images/25bh.png") no-repeat right center;
}
.ys .hasMoreTab .hd .more a {
  color: #333;
  transition: 0.3s;
}
.ys .hasMoreTab .hd ul {
  float: left;
  width: 450px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ys .hasMoreTab .hd ul li.on {
  background: url("../images/19bh.png") no-repeat left center;
  color: #039eda;
}
.ys .hasMoreTab .hd ul li {
  font-size: 18px;
  cursor: pointer;
  color: #333;
  box-sizing: border-box;
  padding-left: 22px;
  background: url("../images/20bh.png") no-repeat left center;
  transition: 0.3s;
}
.ys .hasMoreTab .con {
  position: relative;
  margin-top: 46px;
}
.ys .hasMoreTab .con .prev1:hover {
  background: url("../images/13bh1.png") no-repeat center;
}
.ys .hasMoreTab .con .prev1 {
  display: block;
  transition: 0.3s;
  width: 50px;
  height: 50px;
  background: url("../images/13bh.png") no-repeat center;
  position: absolute;
  top: 87px;
  left: -90px;
}
.ys .hasMoreTab .con .next1:hover {
  background: url("../images/23bh.png") no-repeat center;
}
.ys .hasMoreTab .con .next1 {
  display: block;
  transition: 0.3s;
  width: 50px;
  height: 50px;
  background: url("../images/23bh1.png") no-repeat center;
  position: absolute;
  top: 87px;
  right: -90px;
}
.ys .hasMoreTab .con ul li:hover .tu {
  background-color: #e5f8ff;
}
.ys .hasMoreTab .con ul li:hover .tu img {
  transform: scale(1.2);
}
.ys .hasMoreTab .con ul li:hover .ti {
  text-indent: 5px;
}
.ys .hasMoreTab .con ul li:hover .ti a {
  color: #039eda;
}
.ys .hasMoreTab .con ul li {
  width: 290px;
  float: left;
  margin-right: 39px;
  height: 285px;
  margin-bottom: 18px;
}
.ys .hasMoreTab .con ul li .tu {
  transition: 0.5s;
  width: 290px;
  height: 220px;
  background-color: #f8f8f8;
  box-sizing: border-box;
  padding: 5px;
  overflow: hidden;
}
.ys .hasMoreTab .con ul li .tu a {
  display: block;
  width: 280px;
  height: 210px;
  overflow: hidden;
}
.ys .hasMoreTab .con ul li .tu img {
  width: 280px;
  height: 210px;
  transition: 0.5s;
}
.ys .hasMoreTab .con ul li .ti {
  width: 100%;
  height: 65px;
  line-height: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #333;
  transition: 0.3s;
  text-align: center;
}
.ys .hasMoreTab .con ul li .ti a {
  color: #333;
  transition: 0.3s;
}
.sz {
  width: 100%;
  height: 200px;
  background: url("../images/4bh.png") no-repeat center;
  padding-top: 74px;
  box-sizing: border-box;
}
.sz ul {
  width: 100%;
  height: 52px;
  background: url("../images/34bh.png") no-repeat center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sz ul li .shu {
  margin-top: 3px;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}
.sz ul li .shu span {
  font-family: Arial;
  font-weight: bold;
  font-size: 28px;
  float: left;
}
.sz ul li .shu em {
  font-family: Arial;
  font-weight: bold;
  font-size: 28px;
  float: left;
}
.sz ul li p {
  font-size: 16px;
  color: #fff;
  margin-top: 13px;
}
.gy {
  width: 100%;
  height: 743px;
  padding-top: 92px;
  box-sizing: border-box;
}
.gy .gyri {
  width: 655px;
  height: 584px;
  margin-top: -14px;
  margin-right: -14px;
  position: relative;
}
.gy .gyri .yy {
  width: 238px;
  height: 181px;
  background: url("../images/3bh.png") no-repeat center top;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  right: -104px;
  border-right: 0 -104px solid;
}
.gy .gyri .yy img {
  width: 193px;
  height: 136px;
  display: block;
  margin: 21px auto;
}
.gy .gyri .yy iframe {
  width: 193px;
  height: 136px;
  display: block;
  margin: 21px auto;
}
.gy .gyle {
  width: 560px;
  position: relative;
}
.gy .gyle .yi {
  width: 339px;
  height: 48px;
  background: url("../images/aboutus.png") no-repeat center;
}
.gy .gyle h3 {
  height: 22px;
  width: 185px;
  font-size: 24px;
  line-height: 22px;
  color: #333;
  background: url("../images/26bh.png") no-repeat right center;
  margin: 30px 0 55px;
}
.gy .gyle .tis {
  font-size: 18px;
  line-height: 18px;
  color: #333;
  font-weight: bold;
}
.gy .gyle .tis a {
  color: #333;
}
.gy .gyle .tis span {
  color: #666666;
  font-size: 14px;
  font-weight: normal;
  margin-left: 8px;
}
.gy .gyle .jie {
  line-height: 36px;
  letter-spacing: 0px;
  color: #999999;
  margin-top: 40px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.gy .gyle ul {
  margin-top: 50px;
  z-index: 999;
  width: 959px;
  height: 125px;
  background-color: #fff;
  margin-left: -320px;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gy .gyle ul .ti {
  width: 320px;
  height: 125px;
  background: url("../images/28bh.png") no-repeat center;
  box-sizing: border-box;
  padding-left: 130px;
  font-size: 18px;
  color: #fff;
  line-height: 125px;
}
.gy .gyle ul li:last-child {
  border: none;
}
.gy .gyle ul li:hover .tu {
  background: url("../images/g11.png") no-repeat center;
  transform: rotateY(360deg);
}
.gy .gyle ul li:hover a {
  color: #039eda;
}
.gy .gyle ul li:nth-child(3) .tu {
  background: url("../images/g2.png") no-repeat center;
}
.gy .gyle ul li:nth-child(3):hover .tu {
  background: url("../images/g21.png") no-repeat center;
}
.gy .gyle ul li:nth-child(4) .tu {
  background: url("../images/g3.png") no-repeat center;
}
.gy .gyle ul li:nth-child(4):hover .tu {
  background: url("../images/g31.png") no-repeat center;
}
.gy .gyle ul li:nth-child(5) .tu {
  background: url("../images/g4.png") no-repeat center;
}
.gy .gyle ul li:nth-child(5):hover .tu {
  background: url("../images/g41.png") no-repeat center;
}
.gy .gyle ul li {
  flex: 0 0 190px;
  float: left;
  width: 190px;
  height: 64px;
  margin-top: 31px;
  text-align: center;
  border-right: 1px solid #dedede;
  font-size: 16px;
}
.gy .gyle ul li a {
  color: #333;
  transition: 0.3s;
}
.gy .gyle ul li .tu {
  width: 100%;
  height: 30px;
  background: url("../images/g1.png") no-repeat center;
  transition: 0.7s;
  margin-bottom: 13px;
}
.al {
  width: 100%;
  height: 395px;
}
.al .picScroll-left1 {
  margin-top: 40px;
  position: relative;
}
.al .picScroll-left1 .tempWrap {
  width: 1280px !important;
}
.al .picScroll-left1 .prev:hover {
  background: url("../images/j7.png") no-repeat center;
}
.al .picScroll-left1 .prev {
  display: block;
  transition: 0.3s;
  width: 40px;
  height: 20px;
  background: url("../images/j81.png") no-repeat center;
  position: absolute;
  top: 60px;
  left: 0px;
  z-index: 999;
}
.al .picScroll-left1 .next:hover {
  background: url("../images/j71.png") no-repeat center;
}
.al .picScroll-left1 .next {
  display: block;
  transition: 0.3s;
  z-index: 999;
  width: 40px;
  height: 20px;
  background: url("../images/j8.png") no-repeat center;
  position: absolute;
  top: 60px;
  right: 0px;
}
.al ul {
  position: relative;
}
.al ul li:hover .tu img {
  transform: scale(1.2);
}
.al ul li {
  float: left;
  width: 224px;
  height: 141px;
  background-color: #ffffff;
  border: solid 1px #dedede;
  margin-right: 37.5px;
}
.al ul li .tu {
  width: 224px;
  height: 141px;
  overflow: hidden;
}
.al ul li .tu img {
  width: 224px;
  height: 141px;
  transition: 0.5s;
}
.zxk {
  width: 100%;
  height: 180px;
  background: url("../images/2bh.png") no-repeat center;
  padding-top: 64px;
  box-sizing: border-box;
}
.zxk .qq {
  width: 70px;
  height: 70px;
  background: url("../images/32bh.png") no-repeat center;
  display: block;
  float: left;
  margin-left: 390px;
  transition: 0.3s;
  border-radius: 50%;
  --color: #fff;
  --hover: #fff;
}
.zxk .dhs {
  width: 745px;
  margin-top: 16px;
  float: right;
}
.zxk .dhs .jie {
  width: 445px;
  height: 34px;
  float: left;
  background: url(../images/Provi.png) no-repeat left bottom;
}
.zxk .dhs .jie p {
  letter-spacing: 7px;
  color: #ffffff;
  line-height: 20px;
  font-size: 20px;
}
.zxk .dhs .dh {
  box-sizing: border-box;
  padding-left: 40px;
  width: 285px;
  float: right;
  line-height: 28px;
  margin-top: 2px;
  background: url("../images/7bh.png") no-repeat left center;
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}
.xw {
  width: 100%;
  height: 975px;
  padding-top: 80px;
  box-sizing: border-box;
}
.xw .slideTxtBox {
  position: relative;
  margin-top: 40px;
}
.xw .slideTxtBox .hd {
  width: 490px;
  height: 40px;
  line-height: 40px;
  float: left;
}
.xw .slideTxtBox .hd ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xw .slideTxtBox .hd ul li.on {
  background: #039eda url(../images/xw11.png) no-repeat 24px center;
}
.xw .slideTxtBox .hd ul li.on a {
  color: #fff;
}
.xw .slideTxtBox .hd ul li:nth-child(2) {
  background: url(../images/xw2.png) no-repeat 24px center;
}
.xw .slideTxtBox .hd ul li:nth-child(2).on {
  background: #039eda url(../images/xw21.png) no-repeat 24px center;
}
.xw .slideTxtBox .hd ul li:nth-child(3) {
  background: url(../images/xw3.png) no-repeat 24px center;
}
.xw .slideTxtBox .hd ul li:nth-child(3).on {
  background: #039eda url(../images/xw31.png) no-repeat 24px center;
}
.xw .slideTxtBox .hd ul li {
  font-size: 16px;
  flex: 0 0 150px;
  float: left;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  box-sizing: border-box;
  padding-left: 63px;
  background: url(../images/xw1.png) no-repeat 24px center;
  transition: 0.3s;
}
.xw .slideTxtBox .hd ul li a {
  color: #333;
  transition: 0.3s;
}
.xw .slideTxtBox .mos:hover {
  width: 118px;
  background: #039eda url(../images/jia.png) no-repeat 90px center;
  box-sizing: border-box;
  padding-left: 20px;
}
.xw .slideTxtBox .mos {
  overflow: hidden;
  width: 30px;
  height: 30px;
  background: #039eda url(../images/jia.png) no-repeat center;
  font-size: 14px;
  line-height: 30px;
  box-sizing: border-box;
  padding-left: 30px;
  color: #fff;
  margin-top: -2px;
  float: right;
  transition: 0.5s;
  border-radius: 15px;
}
.xw .slideTxtBox .bd .to {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xw .slideTxtBox .bd .to li:hover {
  border: 1px solid #039eda;
}
.xw .slideTxtBox .bd .to li:hover .ti a {
  color: #039eda;
}
.xw .slideTxtBox .bd .to li:hover .tu img {
  transform: scale(1.2);
}
.xw .slideTxtBox .bd .to li {
  flex: 0 0 400px;
  float: left;
  width: 400px;
  height: 452px;
  border: solid 1px #dedede;
  box-sizing: border-box;
  padding: 40px;
  transition: 0.3s;
}
.xw .slideTxtBox .bd .to li .shi {
  font-family: Arial;
  font-size: 18px;
  line-height: 18px;
  color: #999999;
  margin: 10px 0 35px;
}
.xw .slideTxtBox .bd .to li .shi span {
  font-family: Arial;
  font-size: 31px;
  font-weight: bold;
  color: #333333;
  float: left;
  margin-top: -4px;
  margin-right: 10px;
}
.xw .slideTxtBox .bd .to li .ti {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xw .slideTxtBox .bd .to li .ti a {
  transition: 0.3s;
}
.xw .slideTxtBox .bd .to li .jie {
  margin: 25px 0 32px;
  box-sizing: border-box;
  padding-left: 25px;
  background: url("../images/35bh.png") no-repeat left center;
  line-height: 36px;
  letter-spacing: 0px;
  color: #999999;
      display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.xw .slideTxtBox .bd .to li .tu {
  width: 320px;
  height: 151px;
  overflow: hidden;
}
.xw .slideTxtBox .bd .to li .tu img {
  width: 320px;
  height: 151px;
  transition: 0.5s;
}
.xw .slideTxtBox .bd .bo {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xw .slideTxtBox .bd .bo li:hover {
  border: 1px solid #039eda;
}
.xw .slideTxtBox .bd .bo li:hover .ti a {
  color: #039eda;
}
.xw .slideTxtBox .bd .bo li:hover .mo {
  width: 70px;
  height: 20px;
  background-color: #039eda;
  border-radius: 10px;
  display: block;
  text-align: center;
  line-height: 18px;
  color: #fff;
}
.xw .slideTxtBox .bd .bo li {
  flex: 0 0 400px;
  float: left;
  width: 400px;
  height: 150px;
  border: solid 1px #dedede;
  box-sizing: border-box;
  padding: 23px;
}
.xw .slideTxtBox .bd .bo li .ti {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  line-height: 18px;
  width: 290px;
}
.xw .slideTxtBox .bd .bo li .ti a {
  color: #333;
  transition: 0.3s;
}
.xw .slideTxtBox .bd .bo li .shi {
  color: #999999;
  font-size: 14px;
  line-height: 18px;
  float: right;
}
.xw .slideTxtBox .bd .bo li .jie {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999999;
  margin: 20px 0 18px;
}
.xw .slideTxtBox .bd .bo li .mo {
  color: #666666;
  font-size: 16px;
  transition: 0.5s;
}
.yqlj {
  width: 100%;
  height: 185px;
  background: url("../images/37ts.png") no-repeat center;
  padding-top: 60px;
  box-sizing: border-box;
}
.yqlj .ti {
  width: 80px;
  height: 48px;
  background: url(../images/10bh.png) no-repeat left top;
  font-size: 20px;
  line-height: 20px;
  float: left;
  color: #039eda;
  padding-top: 26px;
  box-sizing: border-box;
  font-weight: bold;
}
.yqlj li:hover {
  transform: translateX(8px);
}
.yqlj li:hover a {
  color: #039eda;
}
.yqlj li {
  float: left;
  line-height: 14px;
  font-size: 14px;
  color: #999999;
  margin-bottom: 20px;
  transition: 0.3s;
  margin-left: 40px;
}
.yqlj li a {
  color: #999999;
  transition: 0.3s;
}