.contents {
  width: 1300px;
  margin: 0 auto;
}
.w2 {
  width: 100%;
  height: 100%;
}
.yc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gd {
  transition: 0.5s linear;
}
.gm {
  transition: 0.2s ease-out;
}
.w100 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex {
  display: flex;
  justify-content: space-between;
}
.sjctop,
.sjcbottom,
.sjcleft,
.sjcright {
  -webkit-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
}
.abo {
  background: url(../images/abo.jpg) no-repeat center top;
}
.abo .contents {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 50;
}
.abo .contents::before {
  content: "";
  display: block;
  width: 394px;
  height: 617px;
  position: absolute;
  background: url(../images/dec5.png) no-repeat center;
  top: -70px;
  left: -320px;
  z-index: 1;
}
.abo .dec2 {
  position: absolute;
  bottom: -125px;
  right: -320px;
  z-index: -1;
}
.abo .about {
  width: 951px;
  height: 863px;
  background: none;
  border-radius: 0;
  margin-left: -210px;
}
.abo .about img {
  display: block;
}
.abo .boxwarp {
  position: relative;
  width: 610px;
  display: flex;
  margin-top: 113px;
  margin-right: -30px;
}
.abo .boxwarp .text {
  font-size: 15px;
  line-height: 52px;
  color: #666;
  writing-mode: tb-rl;
  letter-spacing: 2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  height: 483px;
}
.abo .boxwarp .item {
  margin-top: 10px;
  margin-left: 53px;
  position: relative;
}
.abo .boxwarp .item::before {
  content: "{";
  position: absolute;
  top: -10px;
  left: 2px;
  font-size: 24px;
  line-height: 25px;
  color: #333;
  writing-mode: tb-rl;
}
.abo .boxwarp .item::after {
  content: "}";
  position: absolute;
  top: 270px;
  left: 2px;
  font-size: 24px;
  line-height: 25px;
  color: #333;
  writing-mode: tb-rl;
}
.abo .boxwarp .item h3 {
  font-size: 24px;
  line-height: 25px;
  color: #333;
  writing-mode: tb-rl;
  font-weight: bold;
  font-family: KaiTi;
}
.abo .boxwarp .top {
  width: 76px;
  height: 187px;
  background: url(../images/bg1.png) no-repeat center;
  border-radius: 0;
  font-size: 30px;
  line-height: 76px;
  color: #fff;
  writing-mode: tb-rl;
  font-family: KaiTi;
  letter-spacing: 6px;
  text-align: center;
  margin-left: 25px;
  margin-top: -23px;
}
.abo .boxwarp ul {
  position: absolute;
  top: 592px;
  left: 0;
  display: flex;
}
.abo .boxwarp ul li {
  display: flex;
  margin-right: 115px;
}
.abo .boxwarp ul li .art i {
  display: block;
  font-size: 38px;
  line-height: 30px;
  color: #333;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.abo .boxwarp ul li .art span {
  margin-top: 10px;
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #333;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  text-align: right;
}
.abo .boxwarp ul li .reg {
  display: flex;
  margin-left: 10px;
}
.abo .boxwarp ul li .reg em img {
  display: block;
}
.abo .boxwarp ul li .reg p {
  margin-left: 4px;
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #666;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  writing-mode: tb-rl;
}
.abo .boxwarp ul li:nth-child(2) {
  margin-right: 0;
}
.abo .boxwarp .dec {
  position: absolute;
  top: 338px;
  right: -22px;
}
.zizhi {
  margin-top: 37px;
}
.zizhi .box {
  display: flex;
  justify-content: space-between;
}
.zizhi .box .top em {
  display: flex;
  justify-content: space-between;
  width: 130px;
  margin: 0 auto;
}
.zizhi .box .top em i {
  display: block;
  font-size: 17px;
  line-height: 15px;
  color: #333;
}
.zizhi .box .top h3 {
  margin-top: 6px;
  font-size: 34px;
  line-height: 35px;
  color: #000;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.zizhi .box .more {
  margin-top: 30px;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #333;
}
.zizhi .listimg {
  display: flex;
  margin-top: 20px;
}
.zizhi .listimg li {
  width: 201px;
  margin-right: 19px;
  transition: 0.2s ease-out;
}
.zizhi .listimg li .tu {
  position: relative;
  width: 201px;
  height: 293px;
  box-sizing: border-box;
  border-radius: 0;
  z-index: 5;
}
.zizhi .listimg li .tu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 201px;
  height: 293px;
  pointer-events: none;
  background: url(../images/rongb1.png) no-repeat center;
  z-index: -1;
  transition: 0.5s linear;
}
.zizhi .listimg li .tu .img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.zizhi .listimg li .tu .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s linear;
}
.zizhi .listimg li .tu::before {
  z-index: 10;
}
.zizhi .listimg li .cond {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.zizhi .listimg li .cond i {
  position: relative;
}
.zizhi .listimg li .cond i::before {
  content: "—";
  display: block;
  position: absolute;
  top: 0;
  left: -35px;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  transition: 0.5s linear;
}
.zizhi .listimg li .cond i::after {
  content: "—";
  display: block;
  position: absolute;
  top: 0;
  right: -35px;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  transition: 0.5s linear;
}
.zizhi .listimg li .cond i span {
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  text-align: center;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.zizhi .listimg li:hover {
  transform: translateY(-5px);
}
.zizhi .listimg li:hover .tu {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.zizhi .listimg li:hover .cond i::before {
  color: #ce080d;
}
.zizhi .listimg li:hover .cond i::after {
  color: #ce080d;
}
.zizhi .listimg li:hover .cond i span {
  color: #ce080d;
  letter-spacing: 1px;
}
.pro {
  margin-top: 95px;
  height: 1222px;
  background: url(../images/pro.jpg) no-repeat center top;
  padding: 137px 0 0 0;
  box-sizing: border-box;
}
.pro .contents {
  position: relative;
}
.pro .top {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}
.pro .top p {
  margin-top: 69px;
  width: 12px;
  font-size: 14px;
  line-height: 12px;
  color: #000;
  writing-mode: tb-rl;
  letter-spacing: 1px;
}
.pro .top h3 {
  position: relative;
  width: 76px;
  height: 187px;
  background: url(../images/bg1.png) no-repeat center;
  border-radius: 0;
  padding: 20px 0 0;
  box-sizing: border-box;
  font-weight: bold;
  margin-left: 7px;
  letter-spacing: 3px;
}
.pro .top h3 a {
  display: block;
  font-size: 30px;
  line-height: 76px;
  color: #fff;
  font-family: KaiTi;
  writing-mode: tb-rl;
}
.pro .top h3::before {
  content: "";
  display: block;
  width: 26px;
  height: 14px;
  position: absolute;
  background: url(../images/title2.png) no-repeat center;
  bottom: 18px;
  left: 22px;
}
.pro .proslide .hd {
  width: 650px;
  margin-left: 660px;
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between;
}
.pro .proslide .hd li a {
  display: block;
  width: 140px;
}
.pro .proslide .hd li a .tu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 118px;
  background: url(../images/bg2.png) no-repeat center;
  border-radius: 0;
  margin: 0 auto;
  overflow: hidden;
}
.pro .proslide .hd li a .tu img {
  display: block;
  position: absolute;
  filter: drop-shadow(0px 80px #333);
  transition: 0.5s linear;
}
.pro .proslide .hd li a .item {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.pro .proslide .hd li a .item i {
  position: relative;
}
.pro .proslide .hd li a .item i::before {
  content: "{";
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  font-size: 28px;
  line-height: 30px;
  color: #333;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  font-weight: bold;
  transition: 0.5s linear;
}
.pro .proslide .hd li a .item i::after {
  content: "}";
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
  font-size: 28px;
  line-height: 30px;
  color: #333;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  font-weight: bold;
  transition: 0.5s linear;
}
.pro .proslide .hd li a .item i span {
  display: block;
  font-size: 28px;
  line-height: 30px;
  color: #333;
  text-align: center;
  max-width: 120px;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.pro .proslide .hd .on a .item i::before {
  color: #ce080d;
}
.pro .proslide .hd .on a .item i::after {
  color: #ce080d;
}
.pro .proslide .hd .on a .item i span {
  color: #ce080d;
}
.pro .proslide .hd .on a .tu img {
  transform: translateY(-80px);
}
.pro .proslide .bd li .aside {
  display: flex;
  justify-content: space-between;
}
.pro .proslide .bd li .aside .text {
  position: relative;
  display: flex;
  margin-left: 185px;
}
.pro .proslide .bd li .aside .text::before {
  content: "";
  display: block;
  width: 2px;
  height: 268px;
  position: absolute;
  background: #000;
  top: 0;
  left: 56px;
}
.pro .proslide .bd li .aside .text .cond {
  margin-top: 15px;
}
.pro .proslide .bd li .aside .text .cond i {
  position: relative;
}
.pro .proslide .bd li .aside .text .cond i::before {
  content: "{";
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 28px;
  line-height: 30px;
  color: #333;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  font-weight: bold;
  writing-mode: tb-rl;
  transition: 0.5s linear;
}
.pro .proslide .bd li .aside .text .cond i::after {
  content: "}";
  display: block;
  position: absolute;
  bottom: -14px;
  right: 0;
  font-size: 28px;
  line-height: 30px;
  color: #333;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  font-weight: bold;
  writing-mode: tb-rl;
  transition: 0.5s linear;
}
.pro .proslide .bd li .aside .text .cond i span {
  width: 30px;
  display: block;
  font-size: 28px;
  line-height: 30px;
  color: #333;
  text-align: center;
  font-family: KaiTi, Arial, Helvetica, sans-serif;
  font-weight: bold;
  writing-mode: tb-rl;
  max-height: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.pro .proslide .bd li .aside .text p {
  margin-left: 80px;
  font-size: 15px;
  line-height: 48px;
  color: #666;
  writing-mode: tb-rl;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 347px;
}
.pro .proslide .bd li .aside .text .more {
  margin-left: 60px;
  margin-top: 228px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #ce080d;
  font-weight: bold;
  writing-mode: tb-rl;
}
.pro .proslide .bd li .aside .tu {
  position: relative;
  width: 641px;
  height: 408px;
  border-radius: 0;
  z-index: 5;
  background: #e8e7e3;
  padding: 5px;
  box-sizing: border-box;
}
.pro .proslide .bd li .aside .tu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 641px;
  height: 408px;
  pointer-events: none;
  background: none;
  z-index: -1;
  transition: 0.5s linear;
}
.pro .proslide .bd li .aside .tu .img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pro .proslide .bd li .aside .tu .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s linear;
}
.pro .proslide .bd li .aside:hover .text .cond i span {
  color: #ce080d;
  letter-spacing: 1px;
}
.pro .proslide .bd li .aside:hover .tu .img img {
  transform: scale(1.1);
}
.pro .proslide .bd li .reg {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.pro .proslide .bd li .reg .list {
  width: 377px;
  height: 330px;
  background: url(../images/bg3.png) no-repeat center;
  border-radius: 0;
  padding: 18px 16px 0;
  box-sizing: border-box;
}
.pro .proslide .bd li .reg .list .tu {
  position: relative;
  width: 100%;
  height: 250px;
  box-sizing: border-box;
  border-radius: 0;
  z-index: 5;
}
.pro .proslide .bd li .reg .list .tu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  pointer-events: none;
  background: none;
  z-index: -1;
  transition: 0.5s linear;
}
.pro .proslide .bd li .reg .list .tu .img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pro .proslide .bd li .reg .list .tu .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s linear;
}
.pro .proslide .bd li .reg .list .cond {
  display: flex;
  justify-content: center;
}
.pro .proslide .bd li .reg .list .cond span {
  position: relative;
}
.pro .proslide .bd li .reg .list .cond span::before {
  content: "—";
  display: block;
  position: absolute;
  top: 0;
  left: -35px;
  font-size: 18px;
  line-height: 62px;
  color: #333;
  transition: 0.5s linear;
}
.pro .proslide .bd li .reg .list .cond span::after {
  content: "—";
  display: block;
  position: absolute;
  top: 0;
  right: -35px;
  font-size: 18px;
  line-height: 62px;
  color: #333;
  transition: 0.5s linear;
}
.pro .proslide .bd li .reg .list .cond span i {
  display: block;
  font-size: 18px;
  line-height: 62px;
  color: #333;
  text-align: center;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.pro .proslide .bd li .reg .list:hover .cond span::before {
  color: #ce080d;
}
.pro .proslide .bd li .reg .list:hover .cond span::after {
  color: #ce080d;
}
.pro .proslide .bd li .reg .list:hover .cond span i {
  color: #ce080d;
  letter-spacing: 1px;
}
.rea {
  height: 1031px;
  background: url(../images/bg4.jpg) no-repeat center top;
  padding: 123px 0 0 0;
  box-sizing: border-box;
}
.rea .contents {
  position: relative;
}
.rea .dec {
  position: absolute;
  top: 0;
  left: -15px;
}
.rea .reasonslide {
  width: 628px;
  position: absolute;
  top: -50px;
  left: 248px;
}
.rea .reasonslide li {
  position: relative;
  height: 135px;
  border-bottom: 1px dashed #ddcfb2;
  box-sizing: border-box;
  transition: 0.5s linear;
}
.rea .reasonslide li .reg {
  display: block;
  display: flex;
  align-items: center;
  height: 135px;
  font-size: 30px;
  line-height: 35px;
  color: #333;
  font-family: KaiTi;
  box-sizing: border-box;
}
.rea .reasonslide li .reg i {
  margin-right: 6px;
  display: block;
  width: 36px;
  height: 36px;
  background: none;
  border-radius: 0;
  border: solid 1px #ddcfb2;
  box-sizing: border-box;
  font-size: 30px;
  line-height: 36px;
  color: #333;
  text-align: center;
  font-family: KaiTi;
}
.rea .reasonslide li .art {
  position: absolute;
  top: 50px;
  left: 0;
  display: none;
}
.rea .reasonslide li .art .item {
  font-size: 30px;
  line-height: 35px;
  color: #333;
  font-family: KaiTi;
}
.rea .reasonslide li .art p {
  margin-top: 25px;
  font-size: 18px;
  line-height: 36px;
  color: #666;
  font-family: KaiTi;
}
.rea .reasonslide li:last-child {
  border: none;
}
.rea .reasonslide .on {
  height: 270px;
}
.rea .reasonslide .on .reg {
  display: none;
}
.rea .reasonslide .on .art {
  display: block;
}
.rea .itemaside {
  position: absolute;
  top: 0;
  right: 40px;
  z-index: 50;
  font-size: 40px;
  line-height: 65px;
  color: #333;
  font-family: KaiTi;
  writing-mode: tb-rl;
  font-weight: bold;
  height: 470px;
}
.rea .itemaside::before {
  content: "";
  display: block;
  width: 1px;
  height: 359px;
  position: absolute;
  background: #000;
  top: 0;
  left: -10px;
}
.rea .itemaside::after {
  content: "";
  display: block;
  width: 41px;
  height: 41px;
  position: absolute;
  top: 100px;
  right: 0;
  z-index: -1;
  border: 7px solid #ce080d;
  border-radius: 50%;
  box-sizing: border-box;
}
.case {
  height: 770px;
  background: url(../images/case.jpg) no-repeat center top;
}
.case .box {
  display: flex;
  justify-content: space-between;
}
.case .box .top {
  display: flex;
}
.case .box .top p {
  margin-top: 69px;
  width: 12px;
  font-size: 14px;
  line-height: 12px;
  color: #000;
  writing-mode: tb-rl;
  letter-spacing: 1px;
}
.case .box .top h3 {
  position: relative;
  width: 76px;
  height: 187px;
  background: url(../images/bg1.png) no-repeat center;
  border-radius: 0;
  font-size: 30px;
  line-height: 76px;
  color: #fff;
  font-family: KaiTi;
  writing-mode: tb-rl;
  padding: 20px 0 0;
  box-sizing: border-box;
  font-weight: bold;
  margin-left: 7px;
  letter-spacing: 3px;
}
.case .box .top h3::before {
  content: "";
  display: block;
  width: 26px;
  height: 14px;
  position: absolute;
  background: url(../images/title2.png) no-repeat center;
  bottom: 18px;
  left: 22px;
}
.case .box .item {
  margin-top: 40px;
  width: 505px;
  height: 35px;
  border-bottom: 1px solid #e3dacd;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 33px;
  color: #333;
  font-family: KaiTi;
}
.case .caseswiper {
  margin-top: -55px;
  cursor: url(../images/gesture.png), default;
}
.case .caseswiper .swiper-slide .list {
  width: 379px;
  height: 430px;
  background: url(../images/bg5.png) no-repeat center;
  border-radius: 0;
  margin-top: 74px;
  padding: 20px 20px 0;
  box-sizing: border-box;
  transition: 0.5s linear;
}
.case .caseswiper .swiper-slide .list .tu {
  position: relative;
  width: 100%;
  height: 244px;
  box-sizing: border-box;
  border-radius: 0;
  z-index: 5;
}
.case .caseswiper .swiper-slide .list .tu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 244px;
  pointer-events: none;
  background: none;
  z-index: -1;
  transition: 0.5s linear;
}
.case .caseswiper .swiper-slide .list .tu .img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.case .caseswiper .swiper-slide .list .tu .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s linear;
}
.case .caseswiper .swiper-slide .list .tu .img img {
  cursor: url(../images/gesture.png), default;
}
.case .caseswiper .swiper-slide .list .text {
  margin-top: 25px;
  padding: 0 15px;
  box-sizing: border-box;
}
.case .caseswiper .swiper-slide .list .text .cond {
  display: flex;
  justify-content: center;
}
.case .caseswiper .swiper-slide .list .text .cond span {
  position: relative;
}
.case .caseswiper .swiper-slide .list .text .cond span::before {
  content: "【";
  display: block;
  position: absolute;
  top: 0;
  left: -23px;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  transition: 0.5s linear;
}
.case .caseswiper .swiper-slide .list .text .cond span::after {
  content: "】";
  display: block;
  position: absolute;
  top: 0;
  right: -23px;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  transition: 0.5s linear;
}
.case .caseswiper .swiper-slide .list .text .cond span i {
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  text-align: center;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.case .caseswiper .swiper-slide .list .text p {
  margin-top: 15px;
  font-size: 15px;
  line-height: 35px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 70px;
}
.case .caseswiper .swiper-slide .list .text .more {
  margin-top: 30px;
  display: block;
  font-size: 18px;
  line-height: 40px;
  color: #a52b22;
  text-align: center;
}
.case .caseswiper .swiper-slide .list:hover .tu .img img {
  transform: scale(1.1);
}
.case .caseswiper .swiper-slide .list:hover .text .cond span::before {
  color: #ce080d;
}
.case .caseswiper .swiper-slide .list:hover .text .cond span::after {
  color: #ce080d;
}
.case .caseswiper .swiper-slide .list:hover .text .cond span i {
  color: #ce080d;
  letter-spacing: 1px;
}
.case .caseswiper .swiper-slide-active .list {
  margin: 0;
  position: relative;
  left: -20px;
  width: 444px;
  height: 504px;
  background: url(../images/bg6.png) no-repeat center;
  border-radius: 0;
}
.case .caseswiper .swiper-slide-next {
  display: flex;
  justify-content: flex-end;
}
.capital {
  height: 1002px;
  background: url(../images/cap.jpg) no-repeat center top;
  padding: 152px 0 0 0;
  box-sizing: border-box;
}
.capital .contents {
  position: relative;
}
.capital .dec {
  position: absolute;
  top: 372px;
  right: -310px;
}
.capital .top {
  position: absolute;
  top: -73px;
  left: 0;
  display: flex;
}
.capital .top p {
  margin-top: 69px;
  width: 12px;
  font-size: 14px;
  line-height: 12px;
  color: #000;
  writing-mode: tb-rl;
  letter-spacing: 1px;
}
.capital .top h3 {
  position: relative;
  width: 76px;
  height: 187px;
  background: url(../images/bg1.png) no-repeat center;
  border-radius: 0;
  padding: 20px 0 0;
  box-sizing: border-box;
  font-weight: bold;
  margin-left: 7px;
  letter-spacing: 3px;
}
.capital .top h3 a {
  display: block;
  font-size: 30px;
  line-height: 76px;
  color: #fff;
  font-family: KaiTi;
  writing-mode: tb-rl;
}
.capital .top h3::before {
  content: "";
  display: block;
  width: 26px;
  height: 14px;
  position: absolute;
  background: url(../images/title2.png) no-repeat center;
  bottom: 18px;
  left: 22px;
}
.capital .capitalslide .hd {
  width: 620px;
  margin-left: 682px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
}
.capital .capitalslide .hd li {
  background: url(../images/nt1.png) no-repeat center left;
  transition: 0.5s linear;
}
.capital .capitalslide .hd li a {
  padding-left: 36px;
  box-sizing: border-box;
  display: block;
  font-size: 24px;
  line-height: 35px;
  color: #333;
  font-family: KaiTi;
  font-weight: bold;
  transition: 0.5s linear;
}
.capital .capitalslide .hd .on {
  background: url(../images/nt2.png) no-repeat center left;
}
.capital .capitalslide .hd .on a {
  color: #ce080d;
}
.capital .capitalslide .bd li .aside {
  display: flex;
  justify-content: space-between;
}
.capital .capitalslide .bd li .aside .text {
  width: 562px;
  margin-left: 58px;
  margin-top: 40px;
}
.capital .capitalslide .bd li .aside .text i {
  display: block;
  height: 35px;
  font-size: 20px;
  line-height: 35px;
  color: #333;
  font-family: KaiTi;
  font-weight: bold;
  text-align: right;
  background: url(../images/title3.png) no-repeat center left;
  background-position-x: 440px;
}
.capital .capitalslide .bd li .aside .text .cond {
  position: relative;
  margin-top: 90px;
  display: block;
  width: 270px;
  font-size: 20px;
  line-height: 35px;
  color: #333;
  font-weight: bold;
  padding-left: 14px;
  box-sizing: border-box;
  margin-left: 305px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.capital .capitalslide .bd li .aside .text .cond::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 50%;
  top: 16px;
  left: 0;
}
.capital .capitalslide .bd li .aside .text p {
  font-size: 15px;
  line-height: 36px;
  color: #494949;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 72px;
  margin-top: 10px;
  text-align: right;
}
.capital .capitalslide .bd li .aside .text .data {
  font-size: 24px;
  line-height: 30px;
  color: #666;
  font-family: KaiTi;
  margin-top: 45px;
}
.capital .capitalslide .bd li .aside .tu {
  position: relative;
  width: 641px;
  height: 408px;
  border-radius: 0;
  z-index: 5;
  background: #e8e7e2;
  padding: 5px;
  box-sizing: border-box;
}
.capital .capitalslide .bd li .aside .tu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 641px;
  height: 408px;
  pointer-events: none;
  background: none;
  z-index: -1;
  transition: 0.5s linear;
}
.capital .capitalslide .bd li .aside .tu .img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.capital .capitalslide .bd li .aside .tu .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s linear;
}
.capital .capitalslide .bd li .aside:hover .text .cond {
  color: #ce080d;
  letter-spacing: 1px;
}
.capital .capitalslide .bd li .aside:hover .text .cond::before {
  background: #ce080d;
}
.capital .capitalslide .bd li .aside:hover .text .cond {
  color: #ce080d;
  letter-spacing: 1px;
}
.capital .capitalslide .bd li .aside:hover .tu .img img {
  transform: scale(1.1);
}
.capital .capitalslide .bd li .plaet {
  margin-top: 88px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 38px;
  box-sizing: border-box;
}
.capital .capitalslide .bd li .plaet .list {
  position: relative;
  height: 58px;
  width: 358px;
  padding: 0 40px 0 16px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.capital .capitalslide .bd li .plaet .list::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  background: #313131;
  border-radius: 50%;
  top: 23px;
  left: 0;
  transition: 0.5s linear;
}
.capital .capitalslide .bd li .plaet .list .cond {
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.capital .capitalslide .bd li .plaet .list .data {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 50px;
  color: #666;
}
.capital .capitalslide .bd li .plaet .list:hover::before {
  background: #ce080d;
}
.capital .capitalslide .bd li .plaet .list:hover .cond {
  color: #ce080d;
  letter-spacing: 1px;
}