.contents {

  width: 1300px;

  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 {

  transform: perspective(1px) translateZ(0);

  transition-duration: 0.3s ease-out;

}

.tsy:hover {

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

  transform: translateY(-4px);

}

.gd {

  transition: 0.5s linear;

}

.gm {

  transition: 0.2s ease-out;

}

.img100 {

  transform: scale(1);

  transition: 0.5s linear;

}

.img100:hover {

  transform: scale(1.1);

}

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

}

.pro {

  margin: 80px 0 0;

}

.pro .contents {

  position: relative;

}

.pro .top em {

  display: block;

  height: 81px;

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

  background-position-x: 15px;

   font-size: 16px; line-height: 81px; color: #8c8c8c;;

  letter-spacing: 20px;

}

.pro .top h3 {

  margin: 15px 0 0;

}

.pro .top h3 a {

  display: block;

  font-size: 32px;

  line-height: 31px;

  color: #333;

  font-weight: bold;

  letter-spacing: 2px;

}

.pro .top h3 a i {

  color: #ad2321;

  font-weight: bold;

}

.pro .titlelist {

  display: flex;

  margin: 60px 0 0;

}

.pro .titlelist li {

  position: relative;

  z-index: 50;

  width: 216px;

  height: 280px;

  background-image: linear-gradient(90deg, #fafafa 0%, #f2f2f2 100%), linear-gradient(#ffffff, #ffffff);

  background-blend-mode: normal,

                normal;

}

.pro .titlelist li::before {

  content: "";

  display: block;

  width: 258px;

  height: 342px;

  position: absolute;

  top: -31px;

  left: -19px;

  z-index: -1;

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

  opacity: 0;

  transition: 0.5s linear;

}

.pro .titlelist li a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 53px 0 0;

  box-sizing: border-box;

}

.pro .titlelist li a i {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  border: solid 1px rgba(173, 35, 33, 0.25);

  margin: 0 auto;

}

.pro .titlelist li a i img {

  display: block;

  position: absolute;

}

.pro .titlelist li a span {

  margin: 44px 0 0;

  display: block;

  font-size: 17px;

  line-height: 20px;

  color: #333;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pro .titlelist li:hover::before {

  opacity: 1;

}

.pro .titlelist li:hover a span {

  color: #fff;

}

.pro .titlelist li:nth-child(1)::before {

  opacity: 1;

}

.pro .titlelist li:nth-child(1) a span {

  color: #fff;

}

.pro .proslide {

  position: relative;

  margin: 113px 0 0;

}

.pro .proslide .bd li {

  display: flex;

  justify-content: space-between;

}

.pro .proslide .bd li .text {

  width: 615px;

  margin: 35px 0 0;

}

.pro .proslide .bd li .text .cond {

  position: relative;

  display: flex;

  height: 40px;

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

}

.pro .proslide .bd li .text .cond::before {

  content: "";

  display: block;

  width: 320px;

  height: 1px;

  position: absolute;

  bottom: -5px;

  left: 0;

  background: #ebebeb;

}

.pro .proslide .bd li .text .cond i {

  display: block;

  padding-left: 34px;

  font-size: 20px;

  line-height: 40px;

  color: #333;

  font-weight: bold;

  max-width: 350px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pro .proslide .bd li .text .cond span {

  display: block;

  font-size: 14px;

  line-height: 40px;

  color: #a6a6a6;

}

.pro .proslide .bd li .text p {

  margin: 70px 0 0;

  font-size: 15px;

  line-height: 36px;

  color: #8c8c8c;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: 72px;

}

.pro .proslide .bd li .text .more {

  margin: 70px 0 0;

  display: block;

  width: 360px;

  height: 80px;

  background: #ad2321;

  border-radius: 40px;

  font-size: 16px;

  line-height: 80px;

  color: #fff;

  font-weight: bold;

  padding-left: 54px;

  box-sizing: border-box;

}

.pro .proslide .bd li .tu {

  position: relative;

  width: 580px;

  height: 420px;

  box-sizing: border-box;

  z-index: 50;

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

}

.pro .proslide .bd li .tu::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 580px;

  height: 420px;

  pointer-events: none;

  background: none;

  z-index: -1;

  transition: 0.5s linear;

}

.pro .proslide .bd li .tu .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.pro .proslide .bd li .tu .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s linear;

}

.pro .proslide .arr {

  position: absolute;

  top: 292px;

  left: 195px;

  width: 160px;

  height: 70px;

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

  display: flex;

  justify-content: space-between;

}

.pro .proslide .arr .prev {

  width: 80px;

  height: 70px;

  cursor: pointer;

}

.pro .proslide .arr .next {

  width: 80px;

  height: 70px;

  cursor: pointer;

}

.pro .listimg {

  display: flex;

  justify-content: space-between;

  margin: 50px 0 0;

}

.pro .listimg li {

  width: 300px;

  background: #f7f7f7;

  transition: 0.5s linear;

}

.pro .listimg li .tu {

  position: relative;

  width: 300px;

  height: 200px;

  box-sizing: border-box;

  z-index: 50;

}

.pro .listimg li .tu::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 300px;

  height: 200px;

  pointer-events: none;

  background: none;

  z-index: -1;

  transition: 0.5s linear;

}

.pro .listimg li .tu .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.pro .listimg li .tu .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s linear;

}

.pro .listimg li .text {

  position: relative;

  width: 100%;

  height: 60px;

  padding-right: 75px;

  padding-left: 30px;

  box-sizing: border-box;

}

.pro .listimg li .text .cond {

  display: block;

  font-size: 16px;

  line-height: 60px;

  color: #333;

  transition: 0.5s linear;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pro .listimg li .text::before {

  content: "";

  display: block;

  width: 2px;

  height: 16px;

  position: absolute;

  top: 24px;

  left: 15px;

  background: #333;

}

.pro .listimg li:hover {

  box-shadow: 0 0 20px 0 rgba(173, 35, 33, 0.1);

}

.pro .listimg li:hover .tu .img img {

  transform: scale(1.1);

}

.pro .listimg li:hover .text::before {

  background: #ad2321;

}

.pro .listimg li:hover .text .cond {

  color: #ad2321;

  letter-spacing: 1px;

}

.pro .dec {

  position: absolute;

  top: 0;

  right: -310px;

}

.rea {

  height: 1143px;

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

  padding: 165px 0 0;

  box-sizing: border-box;

}

.rea .contents {

  position: relative;

}

.rea .top em {

  display: block;

  height: 81px;

  /* background: url(../images/t6.png) no-repeat center top; */

  background-position-x: 15px;

   font-size: 16px; line-height: 81px; color: #fff;;

  letter-spacing: 20px;

  text-align: center;

}

.rea .top h3 {

  margin: 15px 0 0;

  display: block;

  font-size: 32px;

  line-height: 31px;

  color: #333;

  font-weight: bold;

  letter-spacing: 2px;

  text-align: center;

}

.rea .top h3 i {

  color: #fff;

  font-weight: bold;

  text-align: center;

}

.rea .reasonslide {

  position: relative;

  width: 557px;

  margin: 185px 0 0;

}

.rea .reasonslide::before {

  content: "";

  display: block;

  width: 20px;

  height: 2px;

  position: absolute;

  top: 170px;

  left: 0;

  background: #ad2321;

}

.rea .reasonslide .pageState {

  display: flex;

  justify-content: space-between;

  width: 305px;

  margin-bottom: 60px;

  font-size: 14px;

  line-height: 30px;

  color: #d1aeb2;

  font-family: Arial, Helvetica, sans-serif;

}

.rea .reasonslide .pageState span {

  font-size: 20px;

  line-height: 30px;

  color: #ad2321;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

}

.rea .reasonslide .bd li .art b {

  display: block;

  font-size: 20px;

  line-height: 20px;

  color: #333;

  font-weight: bold;

}

.rea .reasonslide .bd li .art i {

  margin: 18px 0 0;

  display: block;

  font-size: 12px;

  line-height: 15px;

  color: #333;

  opacity: 0.2;

}

.rea .reasonslide .bd li p {

  margin: 50px 0 0;

  font-size: 15px;

  line-height: 40px;

  color: #333;

}

.rea .reasonslide .tel {

  margin: 80px 0 0;

  width: 240px;

  height: 56px;

  background: #fff url(../images/tel2.png) no-repeat center left;

  border-radius: 28px;

  font-size: 20px;

  line-height: 56px;

  color: #333;

  font-family: Arial, Helvetica, sans-serif;

  padding-left: 76px;

  font-weight: bold;

  box-sizing: border-box;

}

.rea .reasonslide .arr {

  position: absolute;

  top: 499px;

  left: 421px;

  z-index: 50;

  height: 45px;

  width: 105px;

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

  display: flex;

  justify-content: space-between;

}

.rea .reasonslide .arr .prev {

  width: 45px;

  height: 45px;

  cursor: pointer;

}

.rea .reasonslide .arr .next {

  width: 45px;

  height: 45px;

  cursor: pointer;

}

.rea .reasonslide .hd {

  position: absolute;

  top: 272px;

  left: -209px;

  width: 21px;

  height: 100px;

  display: flex;

  justify-content: space-between;

  flex-direction: column;

}

.rea .reasonslide .hd li {

  width: 21px;

  height: 21px;

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

}

.rea .reasonslide .hd .on {

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

}

.rea .dec {

  position: absolute;

  top: 685px;

  left: -310px;

}

.rea .regart {

  position: absolute;

  top: 60px;

  left: -225px;

}

.rea .regart i {

  display: block;

  font-size: 20px;

  line-height: 30px;

  color: #333;

  font-family: Arial, Helvetica, sans-serif;

}

.rea .regart span {

  display: block;

  font-size: 14px;

  line-height: 30px;

  color: #333;

  font-family: Arial, Helvetica, sans-serif;

  padding-left: 25px;

}

.pres {

  height: 1262px;

  background: #f7f7f7;

  padding: 160px 0 0;

  box-sizing: border-box;

}

.pres .contents {

  display: flex;

  justify-content: space-between;

  position: relative;

}

.pres .aside {

  width: 640px;

}

.pres .aside .art {

  width: 640px;

  height: 680px;

  padding: 20px 20px 0;

  background: #fff;

  box-sizing: border-box;

}

.pres .aside .art .tu {

  position: relative;

  width: 100%;

  height: 430px;

  box-sizing: border-box;

  z-index: 50;

}

.pres .aside .art .tu::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 430px;

  pointer-events: none;

  background: none;

  z-index: -1;

  transition: 0.5s linear;

}

.pres .aside .art .tu .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.pres .aside .art .tu .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s linear;

}

.pres .aside .art .text {

  position: relative;

  width: 100%;

  height: 92px;

  padding-right: 40px;

  padding-left: 0;

  border-bottom: 1px solid #e6e6e6;

  box-sizing: border-box;

}

.pres .aside .art .text .cond {

  display: block;

  font-size: 18px;

  line-height: 92px;

  color: #333;

  transition: 0.5s linear;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pres .aside .art .text p {

  margin: 20px 0 0;

  font-size: 15px;

  color: #808080;

  line-height: 40px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: 80px;

}

.pres .aside .art .text .more {

  position: absolute;

  top: 32px;

  right: 0;

  display: block;

  width: 30px;

  height: 30px;

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

  transition: 0.5s linear;

}

.pres .aside .art:hover .tu .img img {

  transform: scale(1.1);

}

.pres .aside .art:hover .text .cond {

  color: #ad2321;

  letter-spacing: 1px;

}

.pres .aside .reg {

  display: flex;

  flex-wrap: wrap;

  margin: 41px 0 0;

}

.pres .aside .reg .list {

  width: 280px;

  margin-right: 50px;

}

.pres .aside .reg .list .tu {

  position: relative;

  width: 100%;

  height: 210px;

  box-sizing: border-box;

  z-index: 50;

  padding: 10px;

}

.pres .aside .reg .list .tu::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 210px;

  pointer-events: none;

  background: #fff;

  z-index: -1;

  transition: 0.5s linear;

}

.pres .aside .reg .list .tu .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.pres .aside .reg .list .tu .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s linear;

}

.pres .aside .reg .list .text {

  position: relative;

  width: 100%;

  height: 60px;

  padding-right: 100px;

  padding-left: 10px;

  box-sizing: border-box;

}

.pres .aside .reg .list .text .cond {

  display: block;

  font-size: 18px;

  line-height: 60px;

  color: #333;

  transition: 0.5s linear;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pres .aside .reg .list .text .cond {

  border-bottom: 1px solid #e6e6e6;

}

.pres .aside .reg .list .text .more {

  position: absolute;

  top: 22px;

  right: 0;

  display: block;

  width: 30px;

  height: 30px;

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

  transition: 0.5s linear;

}

.pres .aside .reg .list:hover .text .cond {

  color: #ad2321;

  letter-spacing: 1px;

}

.pres .aside .reg .list:hover .text .more {

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

}

.pres .aside .reg .list:nth-child(2n) {

  margin-right: 0;

}

.pres .plaet {

  width: 610px;

}

.pres .plaet .top em {

  display: block;

  height: 81px;

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

  background-position-x: 15px;

   font-size: 16px; line-height: 81px; color: #8c8c8c;;

  letter-spacing: 20px;

  text-align: right;

}

.pres .plaet .top h3 {

  margin: 15px 0 0;

  display: block;

  font-size: 32px;

  line-height: 31px;

  color: #333;

  font-weight: bold;

  letter-spacing: 2px;

  text-align: right;

}

.pres .plaet .top h3 i {

  color: #ad2321;

  font-weight: bold;

}

.pres .plaet .reg {

  margin: 80px 0 0;

  display: flex;

  flex-wrap: wrap;

}

.pres .plaet .reg .list {

  width: 280px;

  margin-bottom: 43px;

  margin-right: 50px;

}

.pres .plaet .reg .list .tu {

  position: relative;

  width: 100%;

  height: 210px;

  box-sizing: border-box;

  z-index: 50;

  padding: 10px;

}

.pres .plaet .reg .list .tu::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 210px;

  pointer-events: none;

  background: #fff;

  z-index: -1;

  transition: 0.5s linear;

}

.pres .plaet .reg .list .tu .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.pres .plaet .reg .list .tu .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s linear;

}

.pres .plaet .reg .list .text {

  position: relative;

  width: 100%;

  height: 60px;

  padding-right: 100px;

  padding-left: 10px;

  box-sizing: border-box;

}

.pres .plaet .reg .list .text .cond {

  display: block;

  font-size: 18px;

  line-height: 60px;

  color: #333;

  transition: 0.5s linear;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pres .plaet .reg .list .text .cond {

  border-bottom: 1px solid #e6e6e6;

}

.pres .plaet .reg .list .text .more {

  position: absolute;

  top: 22px;

  right: 0;

  display: block;

  width: 30px;

  height: 30px;

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

  transition: 0.5s linear;

}

.pres .plaet .reg .list:hover .text .cond {

  color: #ad2321;

  letter-spacing: 1px;

}

.pres .plaet .reg .list:hover .text .more {

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

}

.pres .plaet .reg .list:nth-child(2n) {

  margin-right: 0;

}

.pres .plaet .art {

  margin: 50px 0 0;

}

.pres .plaet .art p {

  font-size: 14px;

  line-height: 15px;

  color: #333;

  text-align: right;

  letter-spacing: 8px;

}

.pres .plaet .art em {

  margin: 27px 0 0;

  display: block;

  font-size: 12px;

  line-height: 10px;

  color: #333;

  opacity: 0.2;

  text-align: right;

  letter-spacing: 13px;

}

.pres .dec {

  position: absolute;

  top: 965px;

  right: -310px;

}

.honur {

  height: 750px;

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

}

.honur .contents {

  display: flex;

  justify-content: space-between;

  position: relative;

}

.honur .aside .top em {

  display: block;

  height: 81px;

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

  background-position-x: 15px;

  font-size: 16px;

  line-height: 81px;

  color: #8c8c8c;

  letter-spacing: 20px;

}

.honur .aside .top h3 {

  margin: 15px 0 0;

  display: block;

  font-size: 32px;

  line-height: 31px;

  color: #333;

  font-weight: bold;

  letter-spacing: 2px;

}

.honur .aside .top h3 i {

  color: #ad2321;

  font-weight: bold;

}

.honur .aside ul {

  margin: 111px 0 0;

  width: 400px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.honur .aside ul li {

  position: relative;

  width: 160px;

  height: 50px;

  background: #333;

  border-radius: 25px;

  margin-bottom: 50px;

}

.honur .aside ul li::before {

  content: "";

  display: block;

  width: 50px;

  height: 50px;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  transition: 0.5s linear;

}

.honur .aside ul li a {

  display: block;

  font-size: 16px;

  line-height: 50px;

  color: #fff;

  padding-left: 65px;

  width: 100%;

  height: 100%;

  box-sizing: border-box;

}

.honur .aside ul .on {

  background: #ad2321;

}

.honur .aside ul li:nth-child(1)::before {

  background: #ad2321 url(../images/ico1.png) no-repeat center;

}

.honur .aside ul li:nth-child(2)::before {

  background: #ad2321 url(../images/ico2.png) no-repeat center;

}

.honur .aside ul li:nth-child(3)::before {

  background: #ad2321 url(../images/ico3.png) no-repeat center;

}

.honur .aside ul li:nth-child(4)::before {

  background: #ad2321 url(../images/ico4.png) no-repeat center;

}

.honur .aside ul .on:nth-child(1)::before {

  background: #333 url(../images/ico1.png) no-repeat center;

}

.honur .aside ul .on:nth-child(2)::before {

  background: #333 url(../images/ico2.png) no-repeat center;

}

.honur .aside ul .on:nth-child(3)::before {

  background: #333 url(../images/ico3.png) no-repeat center;

}

.honur .aside ul .on:nth-child(4)::before {

  background: #333 url(../images/ico4.png) no-repeat center;

}

.honur .aside .art {

  margin: 90px 0 0 35px;

}

.honur .aside .art i {

  display: block;

  font-size: 18px;

  line-height: 20px;

  color: #333;

  letter-spacing: 22px;

}

.honur .aside .art i:nth-child(2) {

  margin-left: 154px;

  margin-top: 29px;

  margin-bottom: 31px;

}

.honur .aside .art span {

  display: block;

  font-size: 12px;

  line-height: 11px;

  color: #333;

  opacity: 0.2;

  text-transform: uppercase;

}

.honur .dec {

  width: 280px;

  height: 566px;

  position: absolute;

  top: 378px;

  left: -270px;

}

.honur .plaet {

  position: relative;

  width: 710px;

  margin: 31px 0 0;

}

.honur .plaet li {

  width: 164px;

}

.honur .plaet li .rong {

  position: relative;

  width: 170px;

  height: 248px;

  box-sizing: border-box;

  z-index: 50;

}

.honur .plaet li .rong::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 164px;

  height: 238px;

  pointer-events: none;

  background: none;

  z-index: -1;

  transition: 0.5s linear;

}

.honur .plaet li .rong .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.honur .plaet li .rong .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s linear;

}

.honur .plaet li:hover .rong .img img {

  transform: scale(1.1);

}

.honur .plaet li:nth-child(1) {

  position: absolute;

  top: 0;

  left: 0;

}

.honur .plaet li:nth-child(2) {

  position: absolute;

  top: 88px;

  left: 204px;

}

.honur .plaet li:nth-child(2) .rong {

  width: 170px;

  height: 251px;

}

.honur .plaet li:nth-child(3) {

  position: absolute;

  top: 420px;

  left: -55px;

}

.honur .plaet li:nth-child(3) .rong {

  width: 245px;

  height: 235px;

}

.honur .plaet li:nth-child(4) {

  position: absolute;

  top: 285px;

  left: 409px;

}

.honur .plaet li:nth-child(4) .rong {

  width: 244px;

  height: 180px;

}

.honur .plaet li:nth-child(5) {

  position: absolute;

  top: 465px;

  left: 262px;

}

.honur .plaet li::before {

  content: "";

  display: block;

  width: 183px;

  height: 266px;

  position: absolute;

  top: -8px;

  left: -8px;

  z-index: 50;

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

}

.honur .plaet li:nth-child(5) .rong {

  width: 245px;

  height: 180px;

}

.honur .plaet li:nth-child(5)::before{

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

  background-size: 100% 100%;

  height: 195px;

  width: 260px;

}

.honur .plaet li:nth-child(3) .rong {

  height: 180px;

}

.honur .plaet li:nth-child(3)::before{

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

  background-size: 100% 100%;

  height: 195px;

  width: 260px;

}

.honur .plaet li:nth-child(6) .rong {

  height: 180px;

  width: 245px;

}

.honur .plaet li:nth-child(6)::before{

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

  background-size: 100% 100%;

  height: 195px;

  width: 260px;

}

.honur .plaet li:nth-child(4) .rong {

  height:162px;

}

.honur .plaet li:nth-child(4)::before{

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

  background-size: 100% 100%;

  height: 180px;

  width: 260px;

}

.honur .plaet li:nth-child(6) {

  position: absolute;

  top: 465px;

  left: 555px;

}

.abo {

  height: 1020px;

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

  padding: 88px 0 0;

  box-sizing: border-box;

}

.abo .contents {

  position: relative;

}

.abo .top em {

  display: block;

  height: 81px;

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

  background-position-x: 15px;

  font-size: 16px; line-height: 81px; color: #8c8c8c;;

  letter-spacing: 20px;

  text-align: center;

}

.abo .top h3 {

  margin: 15px 0 0;

  display: block;

  font-size: 32px;

  line-height: 31px;

  color: #333;

  font-weight: bold;

  letter-spacing: 2px;

  text-align: center;

}

.abo .top h3 i {

  color: #ad2321;

  font-weight: bold;

  text-align: center;

}

.abo .warp {

  margin: 95px 0 0;

}

.abo .warp h3 {

  font-size: 30px;

  line-height: 30px;

  color: #333;

  font-weight: bold;

}

.abo .warp .text {

  margin: 70px 0 0;

  width: 630px;

  font-size: 15px;

  line-height: 36px;

  color: #333;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  height: 136px;

}

.abo .warp .tel {

  margin: 75px 0 0;

  width: 240px;

  height: 56px;

  background: #ad2321 url(../images/tel3.png) no-repeat center left;

  border-radius: 28px;

  font-size: 20px;

  line-height: 56px;

  color: #fff;

  font-family: Arial, Helvetica, sans-serif;

  padding-left: 76px;

  font-weight: bold;

  box-sizing: border-box;

}

.abo .warp ul {

  margin: 173px 0 0 15px;

  width: 1130px;

  display: flex;

}

.abo .warp ul li a {

  display: flex;

  height: 45px;

}

.abo .warp ul li a i {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 45px;

  height: 45px;

  background: #333;

  border-radius: 50%;

  transition: 0.5s linear;

}

.abo .warp ul li a i img {

  display: block;

  position: absolute;

}

.abo .warp ul li a span {

  margin-left: 12px;

  display: block;

  font-size: 18px;

  line-height: 45px;

  color: #333;

  font-weight: bold;

}

.abo .warp ul li:nth-child(1) {

  margin-right: 193px;

}

.abo .warp ul li:nth-child(2) {

  margin-right: 131px;

}

.abo .warp ul li:nth-child(3) {

  margin-right: 289px;

}

.abo .warp ul .on a i {

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

}

.abo .about {

  position: absolute;

  top: 27px;

  right: -310px;

  width: 943px;

  height: 668px;

}

.abo .about img {

  display: block;

}

.abo .dec {

  position: absolute;

  top: 611px;

  left: -310px;

}

.coop {

  margin: 62px 0 98px;

}

.coop .top em {

  display: block;

  height: 81px;

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

  background-position-x: 15px;

  font-size: 16px; line-height: 81px; color: #8c8c8c;;

  letter-spacing: 20px;

  text-align: right;

}

.coop .top h3 {

  margin: 15px 0 0;

  display: block;

  font-size: 32px;

  line-height: 31px;

  color: #333;

  font-weight: bold;

  letter-spacing: 2px;

  text-align: right;

}

.coop .top h3 i {

  color: #ad2321;

  font-weight: bold;

}

.coop .coopsilde {

  margin: 125px 0 0;

  position: relative;

}

.coop .coopsilde .bd li {

  display: flex;

  flex-wrap: wrap;

}

.coop .coopsilde .bd li .item {

  position: relative;

  width: 260px;

  height: 140px;

  box-sizing: border-box;

  z-index: 50;

  border: solid 1px #e5e5e5;

  padding: 15px 0;

}

.coop .coopsilde .bd li .item::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 260px;

  height: 140px;

  pointer-events: none;

  background: none;

  z-index: -1;

  transition: 0.5s linear;

}

.coop .coopsilde .bd li .item .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.coop .coopsilde .bd li .item .img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  transition: 0.5s linear;

  background: #fff;

}

.coop .coopsilde .arr {

  position: absolute;

  top: -140px;

  left: 260px;

  display: flex;

  justify-content: space-between;

  width: 260px;

  height: 140px;

  border: solid 1px #e5e5e5;

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

  padding: 48px 30px 0;

  box-sizing: border-box;

}

.coop .coopsilde .arr .prev {

  width: 45px;

  height: 45px;

  cursor: pointer;

}

.coop .coopsilde .arr .next {

  width: 45px;

  height: 45px;

  cursor: pointer;

}

.case .contents {

  position: relative;

}

.case .warp {

  position: relative;

}

.case .warp .box {

  display: flex;

  justify-content: space-between;

  margin-bottom: 52px;

}

.case .warp .box .top em {

  display: block;

  height: 81px;

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

  background-position-x: 15px;

  font-size: 16px;

  line-height: 81px;

  color: #8c8c8c;

  letter-spacing: 20px;

}

.case .warp .box .top h3 {

  margin: 15px 0 0;

  display: block;

  font-size: 32px;

  line-height: 31px;

  color: #333;

  font-weight: bold;

  letter-spacing: 2px;

}

.case .warp .box .top h3 i {

  color: #ad2321;

  font-weight: bold;

}

.case .warp .box .hd {

  margin: 47px 0 0;

  width: 580px;

  display: flex;

  justify-content: space-between;

}

.case .warp .box .hd li {

  position: relative;

  width: 170px;

  height: 50px;

  background: #333;

  border-radius: 25px;

}

.case .warp .box .hd li::before {

  content: "";

  display: block;

  width: 50px;

  height: 50px;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  background: #ad2321 url(../images/c1.png) no-repeat center;

  transition: 0.5s linear;

}

.case .warp .box .hd li a {

  display: block;

  font-size: 16px;

  line-height: 50px;

  color: #fff;

  padding-left: 65px;

  width: 100%;

  height: 100%;

  box-sizing: border-box;

}

.case .warp .box .hd .on {

  background: #ad2321;

}

.case .warp .box .hd .on::before {

  background: #333 url(../images/c1.png) no-repeat center;

}

.case .warp .bd li {

  display: flex;

  width: 1300px;

}

.case .warp .bd li .list {

  width: 350px;

}

.case .warp .bd li .list .tu {

  position: relative;

  width: 100%;

  height: 240px;

  box-sizing: border-box;

  z-index: 50;

  padding: 5px;

  background: #f2f2f2;

}

.case .warp .bd li .list .tu::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 240px;

  pointer-events: none;

  background: none;

  z-index: -1;

  transition: 0.5s linear;

}

.case .warp .bd li .list .tu .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.case .warp .bd li .list .tu .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s linear;

}

.case .warp .bd li .list .text {

  position: relative;

  width: 100%;

  height: 64px;

  padding-right: 129px;

  padding-left: 0;

  box-sizing: border-box;

}

.case .warp .bd li .list .text .cond {

  display: block;

  font-size: 18px;

  line-height: 64px;

  color: #333;

  transition: 0.5s linear;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.case .warp .bd li .list .text .cond {

  border-bottom: 1px solid #e6e6e6;

}

.case .warp .bd li .list:nth-child(1) {

  margin-right: 75px;

}

.case .warp .bd li .list:nth-child(2) {

  margin-right: 75px;

  width: 450px;

  height: 414px;

  background: #f2f2f2;

}

.case .warp .bd li .list:nth-child(2) .tu {

  padding: 10px;

  height: 330px;

}

.case .warp .bd li .list:nth-child(2) .text {

  width: 320px;

  margin: 0 auto;

  padding: 0;

}

.case .warp .bd li .list:nth-child(2) .text .cond {

  text-align: center;

  height: 84px;

  line-height: 84px;

}

.case .warp .arr {

  position: absolute;

  top: 626px;

  left: 0;

  z-index: 50;

  width: 201px;

  height: 45px;

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

  display: flex;

  justify-content: space-between;

}

.case .warp .arr .prev {

  width: 45px;

  height: 45px;

  cursor: pointer;

}

.case .warp .arr .next {

  width: 45px;

  height: 45px;

  cursor: pointer;

}

.case .tel {

  display: none;

  position: absolute;

  top: 640px;

  left: 50%;

  transform: translateX(-50%);

  width: 240px;

  height: 56px;

  background: #fff url(../images/tel2.png) no-repeat center left;

  border-radius: 28px;

  font-size: 20px;

  line-height: 56px;

  color: #333;

  font-family: Arial, Helvetica, sans-serif;

  padding-left: 76px;

  font-weight: bold;

  box-sizing: border-box;

}

.capital {

  height: 1047px;

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

  padding: 170px 0 0;

  box-sizing: border-box;

  margin: 70px 0 0;

}

.capital .contents {

  position: relative;

}

.capital .dec {

  position: absolute;

  top: -335px;

  right: -145px;

}

.capital .dec img {

  display: block;

}

.capital .warp {

  margin-bottom: 52px;

}

.capital .warp .box {

  display: flex;

  justify-content: space-between;

  margin-bottom: 52px;

}

.capital .warp .box .top em {

  display: block;

  height: 81px;

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

  background-position-x: 15px;

  font-size: 16px; line-height: 81px; color: #8c8c8c;;

  letter-spacing: 20px;

}

.capital .warp .box .top h3 {

  margin: 15px 0 0;

}

.capital .warp .box .top h3 a {

  display: block;

  font-size: 32px;

  line-height: 31px;

  color: #333;

  font-weight: bold;

  letter-spacing: 2px;

}

.capital .warp .box .top h3 a i {

  color: #ad2321;

  font-weight: bold;

}

.capital .warp .box .hd {

  margin: 47px 0 0;

  width: 550px;

  display: flex;

  justify-content: space-between;

}

.capital .warp .box .hd li {

  position: relative;

  width: 160px;

  height: 50px;

  background: #333;

  border-radius: 25px;

}

.capital .warp .box .hd li::before {

  content: "";

  display: block;

  width: 50px;

  height: 50px;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  transition: 0.5s linear;

}

.capital .warp .box .hd li a {

  display: block;

  font-size: 16px;

  line-height: 50px;

  color: #fff;

  padding-left: 65px;

  width: 100%;

  height: 100%;

  box-sizing: border-box;

}

.capital .warp .box .hd .on {

  background: #ad2321;

}

.capital .warp .box .hd li:nth-child(1)::before {

  background: #ad2321 url(../images/nt1.png) no-repeat center;

}

.capital .warp .box .hd li:nth-child(2)::before {

  background: #ad2321 url(../images/nt2.png) no-repeat center;

}

.capital .warp .box .hd li:nth-child(3)::before {

  background: #ad2321 url(../images/nt3.png) no-repeat center;

}

.capital .warp .box .hd .on:nth-child(1)::before {

  background: #333 url(../images/nt1.png) no-repeat center;

}

.capital .warp .box .hd .on:nth-child(2)::before {

  background: #333 url(../images/nt2.png) no-repeat center;

}

.capital .warp .box .hd .on:nth-child(3)::before {

  background: #333 url(../images/nt3.png) no-repeat center;

}

.capital .warp .bd li .art {

  display: flex;

  justify-content: space-between;

}

.capital .warp .bd li .art .aside {

  width: 390px;

}

.capital .warp .bd li .art .aside .tu {

  position: relative;

  width: 390px;

  height: 270px;

  box-sizing: border-box;

  z-index: 50;

}

.capital .warp .bd li .art .aside .tu::before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 390px;

  height: 270px;

  pointer-events: none;

  background: none;

  z-index: -1;

  transition: 0.5s linear;

}

.capital .warp .bd li .art .aside .tu .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.capital .warp .bd li .art .aside .tu .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s linear;

}

.capital .warp .bd li .art .aside .text {

  position: relative;

  height: 155px;

  padding: 27px 63px 0 0;

  box-sizing: border-box;

  border-bottom: 1px solid #e6e6e6;

}

.capital .warp .bd li .art .aside .text .cond {

  display: block;

  font-size: 16px;

  line-height: 30px;

  color: #333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.5s linear;

}

.capital .warp .bd li .art .aside .text p {

  margin: 10px 0 0;

  font-size: 14px;

  line-height: 28px;

  color: #808080;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: 56px;

}

.capital .warp .bd li .art .aside .text .more {

  position: absolute;

  top: 26px;

  right: 0;

  display: block;

  width: 45px;

  height: 45px;

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

}

.capital .warp .bd li .art .aside:hover .tu .img img {

  transform: scale(1.1);

}

.capital .warp .bd li .art .aside:hover .text .cond {

  color: #ad2321;

  letter-spacing: 1px;

}

.capital .warp .bd li .art .plaet {

  width: 860px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-content: flex-start;

}

.capital .warp .bd li .art .plaet .list {

  width: 400px;

  height: 75px;

  background: #fff;

  border-radius: 6px;

  padding: 0 90px 0 19px;

  box-sizing: border-box;

  margin-bottom: 42px;

  transition: 0.5s linear;

  position: relative;

}

.capital .warp .bd li .art .plaet .list .cond {

  display: block;

  font-size: 16px;

  line-height: 75px;

  color: #333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.5s linear;

}

.capital .warp .bd li .art .plaet .list .data {

  font-size: 12px;

  line-height: 75px;

  color: #bfbfbf;

  position: absolute;

  top: 0;

  right: 19px;

  transition: 0.5s linear;

}

.capital .warp .bd li .art .plaet .list:hover {

  background: #ad2321;

}

.capital .warp .bd li .art .plaet .list:hover .cond {

  color: #fff;

  letter-spacing: 1px;

}

.capital .warp .bd li .art .plaet .list:hover .data {

  color: #fff;

}

.capital .warp .bd li .reg {

  display: flex;

  justify-content: space-between;

}

.capital .warp .bd li .reg .list {

  position: relative;

  width: 390px;

  height: 92px;

  border-bottom: 1px solid #e6e6e6;

  box-sizing: border-box;

}

.capital .warp .bd li .reg .list .cond {

  display: block;

  height: 32px;

  font-size: 16px;

  line-height: 32px;

  color: #333;

  padding: 0 80px 0 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.5s linear;

}

.capital .warp .bd li .reg .list p {

  margin: 10px 0 0;

  font-size: 14px;

  line-height: 30px;

  color: #808080;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.capital .warp .bd li .reg .list .data {

  position: absolute;

  top: 0;

  right: 0;

  width: 80px;

  height: 32px;

  background: #fff;

  border-radius: 16px;

  font-size: 12px;

  line-height: 32px;

  color: #bfbfbf;

  text-align: center;

  opacity: 1;

  transition: 0.5s linear;

}

.capital .warp .bd li .reg .list .more {

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  width: 45px;

  height: 45px;

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

  opacity: 0;

  transition: 0.5s linear;

}

.capital .warp .bd li .reg .list:hover .data {

  opacity: 0;

}

.capital .warp .bd li .reg .list:hover .more {

  opacity: 1;

}