.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: #c90000;

  border-top-color: #c90000;

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

}

.bk:hover:before {

  border-left-color: #c90000;

  border-bottom-color: #c90000;

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

}

.contents {

  width: 1200px;

  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;

  transition: 0.5s;

}

.s180 {

  transform: rotateY(0);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.s180:hover {

  transform: rotateY(108deg);

}

.img100 {

  transform: scale(1);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

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

  }

}

.flex {

  display: flex;

  justify-content: space-between;

}

.box10 {

  margin-top: 80px;

}

.box10 .plaet {

  display: flex;

  justify-content: space-between;

  position: relative;

}

.box10 .plaet .rub {

  font-size: 72px;

  font-weight: bold;

  color: #f8f8f8;

  line-height: 36px;

  position: absolute;

  top: 20px;

  left: 470px;

}

.box10 .plaet .top {

  width: 225px;

  height: 115px;

  position: relative;

}

.box10 .plaet .top::before {

  content: "";

  display: block;

  width: 268px;

  height: 97px;

  position: absolute;

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

  top: -16px;

  left: -197px;

}

.box10 .plaet .top i {

  font-size: 90px;

  font-family: Times;

  color: #c90000;

  position: absolute;

  top: 14px;

  left: 8px;

  line-height: 36px;

}

.box10 .plaet .top .zm {

  font-size: 24px;

  line-height: 36px;

  color: #bbb;

  font-family: Times;

  margin-left: 80px;

}

.box10 .plaet .top h3 {

  font-size: 24px;

  font-weight: bold;

  color: #444;

  margin-left: 80px;

}

.box10 .plaet .top p {

  font-size: 14px;

  line-height: 36px;

  color: #666;

}

.box10 .plaet .list {

  margin: 18px -22px 0 0;

  position: relative;

}

.box10 .plaet .list::before {

  content: "";

  display: block;

  width: 841px;

  height: 1px;

  position: absolute;

  background: #e5e5e5;

  top: 70px;

  left: 0;

}

.box10 .plaet .list a {

  display: block;

  font-size: 18px;

  line-height: 36px;

  height: 97px;

  color: #444;

  float: left;

  margin-right: 22px;

  position: relative;

  font-weight: bold;

  overflow: hidden;

}

.box10 .plaet .list a::before {

  content: "";

  display: block;

  width: 16px;

  height: 16px;

  position: absolute;

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

  top: 63px;

  left: -20%;

  transform: translateX(-50%);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box10 .plaet .list a:hover:before {

  left: 50%;

}

.box10 .aside {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 20px;

}

.box10 .aside li {

  width: 367px;

  margin-bottom: 40px;

}

.box10 .aside li .img {

  display: block;

  width: 376px;

  height: 281px;

  background: #f5f5f5;

  border-radius: 8px;

  box-sizing: border-box;

  overflow: hidden;

}

.box10 .aside li .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 8px;

  transform: scale(1);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box10 .aside li .img img:hover {

  transform: scale(1.1);

}

.box10 .aside li .text {

  position: relative;

  background: url(../images/cire2.png) no-repeat left bottom;

}

.box10 .aside li .text .title {

  display: block;

  font-size: 15px;

  line-height: 60px;

  color: #444;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-right: 100px;

}

.box10 .aside li .text .more {

  display: block;

  width: 19px;

  height: 60px;

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

  right: 17px;

  text-indent: -9999px;

  position: absolute;

  top: 0;

  right: 0;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box10 .aside li:hover .more {

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

}

.box20 {

  height: 783px;

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

  margin-top: 30px;

  padding-top: 55px;

  box-sizing: border-box;

}

.box20 .contents {

  position: relative;

}

.box20 .ADV{

  font-size: 72px;

  font-weight: bold;

  color: #f5f5f5;

  writing-mode:tb-rl;

  line-height: 40px;

  position: absolute;

  top: 254px;

  right: -143px;

}

.box20 .top {

  width: 225px;

  height: 115px;

  position: relative;

}

.box20 .top i {

  font-size: 90px;

  font-family: Times;

  color: #fff;

  position: absolute;

  top: 20px;

  left: 6px;

  line-height: 36px;

}

.box20 .top .zm {

  font-size: 24px;

  line-height: 36px;

  color: #fff;

  font-family: Times;

  margin-left: 86px;

}

.box20 .top h3 {

  font-size: 24px;

  font-weight: bold;

  color: #fff;

  margin-left: 86px;

}

.box20 .top p {

  font-size: 14px;

  line-height: 36px;

  color: #fff;

}

.box20 .sild10 {

  position: relative;

}

.box20 .sild10 .bd li .title {

  display: block;

  font-size: 24px;

  line-height: 61px;

  color: #fff;

  text-align: center;

  width: 251px;

  margin-top: 82px;

}

.box20 .sild10 .bd li .text {

  margin-top: 25px;

  width: 500px;

}

.box20 .sild10 .bd li .text p {

  font-size: 15px;

  color: #fff;

  line-height: 36px;

}

.box20 .sild10 .bd li img {

  display: block;

  width: 651px;

  height: 481px;

  position: absolute;

  top: -95px;

  left: 537px;

  border-radius: 20px;

}

.box20 .sild10 .hd {

  width: 71px;

  display: flex;

  justify-content: space-between;

  position: absolute;

  top: 395px;

  left: 75px;

}

.box20 .sild10 .hd li {

  width: 7px;

  height: 7px;

  background: #fff;

  border-radius: 50%;

  text-indent: -999px;

  margin-top: 20px;

}

.box20 .sild10 .hd .prev {

  width: 56px;

  height: 48px;

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

  position: absolute;

  top: 0;

  left: -76px;

  text-indent: -9999px;

  cursor: pointer;

}

.box20 .sild10 .hd .next {

  width: 56px;

  height: 48px;

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

  position: absolute;

  top: 0;

  right: -76px;

  text-indent: -9999px;

  cursor: pointer;

}

.box20 .list {

  width: 530px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: absolute;

  top: 560px;

  right: 0;

}

.box20 .list a {

  display: block;

  font-size: 17px;

  color: #555;

  padding-left: 30px;

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

  margin-bottom: 35px;

  width: 140px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.box20 .list a:hover {

  color: #c90000;

}

.box30 {

  padding-top: 66px;

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

}

.box30 .plaet {

  display: flex;

  justify-content: space-between;

}

.box30 .plaet .z1 {

  width: 320px;

}

.box30 .plaet .z1 .top {

  width: 300px;

  height: 115px;

  position: relative;

}

.box30 .plaet .z1 .top::before {

  content: "";

  display: block;

  width: 268px;

  height: 97px;

  position: absolute;

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

  top: -16px;

  left: -197px;

}

.box30 .plaet .z1 .top i {

  font-size: 90px;

  font-family: Times;

  color: #c90000;

  position: absolute;

  top: 14px;

  left: -2px;

  line-height: 36px;

}

.box30 .plaet .z1 .top .zm {

  font-size: 24px;

  line-height: 36px;

  color: #bbb;

  font-family: Times;

  margin-left: 86px;

}

.box30 .plaet .z1 .top h3 {

  font-size: 24px;

  font-weight: bold;

  color: #444;

  margin-left: 86px;

}

.box30 .plaet .z1 .top p {

  font-size: 14px;

  line-height: 36px;

  color: #666;

}

.box30 .plaet .z1 .list {

  width: 320px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 10px;

}

.box30 .plaet .z1 .list a {

  display: block;

  width: 155px;

  height: 60px;

  border: 1px solid #dcdcdc;

  box-sizing: border-box;

  font-size:13px;

  line-height: 60px;

  margin-bottom: 35px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.box30 .plaet .z1 .list a:hover {

  color: #fff;

}

.box30 .plaet .z1 .list a:nth-child(even) {

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

  padding-right: 84px;

}

.box30 .plaet .z1 .list a:nth-child(odd) {

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

  padding-left:60px;

}

.box30 .plaet .z1 .list a:nth-child(1) {

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

  background-position-x:10px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .plaet .z1 .list a:nth-child(1):hover {

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

  background-position-x:10px;

  background-color: #c90000;

}

.box30 .plaet .z1 .list a:nth-child(2) {

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

  background-position-x:100px;

  padding: 0 10px 0 15px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .plaet .z1 .list a:nth-child(2):hover {

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

  background-position-x:100px;

  background-color: #c90000;

}

.box30 .plaet .z1 .list a:nth-child(3) {

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

  background-position-x:10px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .plaet .z1 .list a:nth-child(3):hover {

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

  background-position-x:10px;

  background-color: #c90000;

}

.box30 .plaet .z1 .list a:nth-child(4) {

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

  background-position-x:100px;

   padding: 0 10px 0 15px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .plaet .z1 .list a:nth-child(4):hover {

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

  background-position-x: 84px;

  background-color: #c90000;

}

.box30 .plaet .z1 .list a:nth-child(5) {

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

  background-position-x:10px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .plaet .z1 .list a:nth-child(5):hover {

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

  background-position-x: 10px;

  background-color: #c90000;

}

.box30 .plaet .z1 .list a:nth-child(6) {

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

  background-position-x:100px;

  padding: 0 10px 0 15px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .plaet .z1 .list a:nth-child(6):hover {

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

  background-position-x:100px;

  background-color: #c90000;

}

.box30 .plaet .y1 {

  width: 788px;

  display: flex;

  justify-content: space-between;

  margin-top: 40px;

}

.box30 .plaet .y1 li {

  width: 376px;

}

.box30 .plaet .y1 li .img {

  display: block;

  width: 376px;

  height: 280px;

  border-radius: 16px;

  overflow: hidden;

}

.box30 .plaet .y1 li .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transform: scale(1);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .plaet .y1 li .img img:hover {

  transform: scale(1.1);

}

.box30 .plaet .y1 li .text {

  position: relative;

  border-bottom: 1px solid #dcdcdc;

}

.box30 .plaet .y1 li .text .title {

  display: block;

  line-height: 60px;

  font-size: 16px;

  color: #999;

  padding-right: 120px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .plaet .y1 li .text .more {

  display: block;

  width: 122px;

  height: 60px;

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

  text-indent: -9999px;

  position: absolute;

  top: 0;

  right: 0;

}

.box30 .plaet .y1 li:hover .text .title {

  color: #c90000;

}

.box30 .list {

  display: flex;

  justify-content: space-between;

  margin-top: 50px;

}

.box30 .list li {

  width: 376px;

}

.box30 .list li .img {

  display: block;

  width: 376px;

  height: 280px;

  border-radius: 16px;

  overflow: hidden;

}

.box30 .list li .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transform: scale(1);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .list li .img img:hover {

  transform: scale(1.1);

}

.box30 .list li .text {

  position: relative;

  border-bottom: 1px solid #dcdcdc;

}

.box30 .list li .text .title {

  display: block;

  line-height: 60px;

  font-size: 16px;

  color: #999;

  padding-right: 120px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box30 .list li .text .more {

  display: block;

  width: 122px;

  height: 60px;

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

  text-indent: -9999px;

  position: absolute;

  top: 0;

  right: 0;

}

.box30 .list li:hover .text .title {

  color: #c90000;

}

.box40 {

  height: 744px;

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

  margin-top: 77px;

  box-sizing: border-box;

  overflow: hidden;

}

.box40 .contents {

  display: flex;

  justify-content: space-between;

}

.box40 .z1 {

  padding-top: 60px;

  position: relative;

  width: 545px;

  box-sizing: border-box;

}

.box40 .z1 .top {

  width: 250px;

  height: 115px;

  position: relative;

}

.box40 .z1 .top i {

  font-size: 90px;

  font-family: Times;

  color: #fff;

  position: absolute;

  top: 22px;

  left: 7px;

  line-height: 36px;

}

.box40 .z1 .top .zm {

  font-size: 24px;

  line-height: 36px;

  color: #fff;

  font-family: Times;

  margin-left: 86px;

}

.box40 .z1 .top h3 {

  font-size: 24px;

  font-weight: bold;

  color: #fff;

  margin-left: 86px;

}

.box40 .z1 .top p {

  font-size: 14px;

  line-height: 36px;

  color: #fff;

}

.box40 .z1 .img {

  margin-top: 23px;

}

.box40 .z1 .com {

  font-size: 72px;

  font-weight: bold;

  color: #f5f5f5;

  height: 40px;

  writing-mode: tb-rl;

  position: absolute;

  top: 370px;

  left: -185px;

}

.box40 .y1 {

  width: 592px;

  padding-top: 83px;

  position: relative;

}

.box40 .y1 .title {

  display: block;

  font-size: 20px;

  color: #fff;

  line-height: 50px;

  padding-right: 95px;

  text-align: right;

}

.box40 .y1 p {

  font-size: 15px;

  line-height: 36px;

  color: #fff;

  width: 592px;

  text-align: right;

  margin-top: 37px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  height: 135px;

}

.box40 .y1 .list {

  display: flex;

  justify-content: space-between;

  margin-top: 90px;

  flex-wrap: wrap;

  width: 515px;

}

.box40 .y1 .list li {

  padding-left: 165px;

  width: 225px;

  height: 81px;

  position: relative;

  box-sizing: border-box;

  margin-bottom: 120px;

}

.box40 .y1 .list li a {

  display: block;

  font-size: 16px;

  line-height: 24px;

  color: #fff;

  position: relative;

  margin-top: 14px;

}

.box40 .y1 .list li a::before {

  content: "";

  display: block;

  width: 31px;

  height: 1px;

  position: absolute;

  background: #fff;

  top: 20px;

  left: -60px;

}

.box40 .y1 .list li span {

  font-size: 12px;

  line-height: 24px;

  color: #fff;

}

.box40 .y1 .list li:nth-child(1)::before {

  content: "";

  display: block;

  width: 81px;

  height: 81px;

  position: absolute;

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

  top: 0;

  left: 0;

  transform: rotateY(0);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box40 .y1 .list li:nth-child(1):hover::before {

  transform: rotateY(180deg);

}

.box40 .y1 .list li:nth-child(2)::before {

  content: "";

  display: block;

  width: 81px;

  height: 81px;

  position: absolute;

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

  top: 0;

  left: 0;

  transform: rotateY(0);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box40 .y1 .list li:nth-child(2):hover::before {

  transform: rotateY(180deg);

}

.box40 .y1 .list li:nth-child(3)::before {

  content: "";

  display: block;

  width: 81px;

  height: 81px;

  position: absolute;

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

  top: 0;

  left: 0;

  transform: rotateY(0);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box40 .y1 .list li:nth-child(3):hover::before {

  transform: rotateY(180deg);

}

.box40 .y1 .list li:nth-child(3) a {

  color: #333;

}

.box40 .y1 .list li:nth-child(3) a::before {

  background: #ccc;

}

.box40 .y1 .list li:nth-child(3) span {

  color: #333;

}

.box40 .y1 .list li:nth-child(4)::before {

  content: "";

  display: block;

  width: 81px;

  height: 81px;

  position: absolute;

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

  top: 0;

  left: 0;

  transform: rotateY(0);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box40 .y1 .list li:nth-child(4):hover::before {

  transform: rotateY(180deg);

}

.box40 .y1 .list li:nth-child(4) a {

  color: #333;

}

.box40 .y1 .list li:nth-child(4) a::before {

  background: #ccc;

}

.box40 .y1 .list li:nth-child(4) span {

  color: #333;

}

.box40 .y1 .rong {

  display: block;

  width: 252px;

  height: 330px;

  border-radius: 6px;

  overflow: hidden;

  position: absolute;

  top: 411px;

  right: -252px;

}

.box40 .y1 .rong img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box40 .y1 .rong img:hover {

  transform: scale(1.1);

}

.box50 {

  padding-top: 80px;

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

  background-position-y: 58px;

}

.box50 .top {

  width: 240px;

  height: 115px;

  position: relative;

}

.box50 .top::before {

  content: "";

  display: block;

  width: 268px;

  height: 97px;

  position: absolute;

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

  top: -16px;

  left: -197px;

}

.box50 .top i {

  font-size: 90px;

  font-family: Times;

  color: #c90000;

  position: absolute;

  top: 20px;

  left: -3px;

  line-height: 36px;

}

.box50 .top .zm {

  font-size: 24px;

  line-height: 36px;

  color: #bbb;

  font-family: Times;

  margin-left: 86px;

}

.box50 .top h3 {

  font-size: 24px;

  font-weight: bold;

  color: #444;

  margin-left: 86px;

}

.box50 .top p {

  font-size: 14px;

  line-height: 36px;

  color: #666;

}

.box50 .sild20 {

  margin-top: 20px;

  position: relative;

}

.box50 .sild20 .bd .plaet {

  display: flex;

  justify-content: space-between;

}

.box50 .sild20 .bd .plaet .img {

  display: block;

  width: 571px;

  height: 401px;

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

  overflow: hidden; border:1px solid #eee;

}

.box50 .sild20 .bd .plaet .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transform: scale(1);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box50 .sild20 .bd .plaet .img img:hover {

  transform: scale(1.1);

}

.box50 .sild20 .bd .plaet .aside {

  width: 571px;

  margin-right: 15px;

  padding-top: 5px;

  box-sizing: border-box;

}

.box50 .sild20 .bd .plaet .aside .text {

  padding: 10px 21px 0 31px;

  width: 571px;

  height: 201px;

  border-radius: 6px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  box-sizing: border-box;

}

.box50 .sild20 .bd .plaet .aside .text .paratext {

  float: left;

  width: 364px;

}

.box50 .sild20 .bd .plaet .aside .text .paratext .title {

  display: block;

  font-size: 16px;

  color: #444;

  line-height: 72px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-left: 30px;

  position: relative;

}

.box50 .sild20 .bd .plaet .aside .text .paratext .title::before {

  content: "";

  display: block;

  width: 11px;

  height: 11px;

  position: absolute;

  background: #c90000;

  left: 0;

  top: 32px;

}

.box50 .sild20 .bd .plaet .aside .text .paratext p {

  font-size: 14px;

  line-height: 30px;

  color: #777;

  display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 60PX;

}

.box50 .sild20 .bd .plaet .aside .text .data {

  width: 120px;

  height: 61px;

  font-size: 24px;

  line-height: 30px;

  color: #999;

  float: right;

  padding-left: 52px;

  box-sizing: border-box;

  border-left: 1px solid #ebebeb;

  margin-top: 54px;

}

.box50 .sild20 .bd .plaet .aside .text .data i {

  font-size: 18px;

  line-height: 30px;

  color: #9999;

  display: block;

  margin-top: 15px;

}

.box50 .sild20 .bd .plaet .aside .text:hover {

  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.09);

}

.box50 .sild20 .bd .list {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.box50 .sild20 .bd .list li {

  position: relative;

  border-bottom: 1px solid #dcdcdc;

  width: 571px;

}

.box50 .sild20 .bd .list li a {

  display: block;

  font-size: 15px;

  line-height: 75px;

  color: #555;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding-right: 100px;

  box-sizing: border-box;

  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;

}

.box50 .sild20 .bd .list li a:hover {

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

  transform: translateY(-4px);

}

.box50 .sild20 .bd .list li a:hover {

  color: #c90000;

}

.box50 .sild20 .bd .list li i {

  font-size: 15px;

  color: #999;

  line-height: 75px;

  position: absolute;

  top: 0;

  right: 0;

}

.box50 .sild20 .bd .list li:nth-child(2) {

  border-top: 1px solid #dcdcdc;

}

.box50 .sild20 .hd {

  width: 453px;

  display: flex;

  justify-content: space-between;

  position: absolute;

  top: -116px;

  right: 50px;

}

.box50 .sild20 .hd li a {

  display: block;

  width: 101px;

  height: 35px;

  background: #333;

  border-radius: 4px;

  font-size: 16px;

  line-height: 35px;

  color: #fff;

  text-align: center;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box50 .sild20 .hd .on a {

  background: #c90000;

}

.box60 {

  margin-top: 69px;

  height: 36px;

}

.box60 .contents {

  display: flex;

}

.box60 p {

  width: 86px;

  height: 36px;

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

  font-size: 18px;

  font-weight: bold;

  line-height: 36px;

  color: #fff;

  padding-left: 16px;

  box-sizing: border-box;

}

.box60 .LJ {

  margin-left: 24px;

}

.box60 .LJ a {

  font-size: 14px;

  line-height: 36px;

  color: #444;

  margin-right: 94px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.box60 .LJ a:hover {

  color: #c90000;

}