.abt {
  padding-top: 94px;
  padding-bottom: 114px;
}
.abt .flex {
  align-items: center;
}
.abt .lft {
  color: #000000;
  width: 48.21%;
}
.abt .lft .hr1 {
  margin-top: 5px;
  margin-bottom: 15px;
  width: 300px;
  height: 1px;
  background-color: #8f8f8f;
  transform: translateX(-200px);
}
.abt .lft .en {
  font-size: 48px;
  letter-spacing: 1px;
  line-height: normal;
}
.abt .lft .cn {
  font-size: 24px;
  letter-spacing: 1px;
}
.abt .lft .company {
  font-size: 20px;
  margin-top: 65px;
}
.abt .lft .hr2 {
  width: 15px;
  height: 2px;
  background-color: #000;
  margin-top: 28px;
}
.abt .lft p {
  font-size: 15px;
  line-height: 42px;
  margin-top: 14px;
}
.abt .rht {
  width: 46.07%;
  border: solid 1px #dbdbdb;
  padding: 1.5%;
}
.abt .rht img {
  width: 100%;
}
.abt .sort {
  font-size: 0;
  margin-top: 40px;
}
.abt .sort a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  width: 176px;
  height: 43px;
  line-height: 43px;
  background-color: #0241a4;
  text-align: center;
  color: #fff;
}
.abt .sort a:first-child::after {
  content: '';
  height: 20px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.abt .sort a:hover {
  background-color: #fec133;
  color: #fff;
}
.abt ul {
  flex-wrap: wrap;
  margin-top: 33px;
}
.abt ul a {
  width: 22.5%;
}
.abt ul .tit {
  border: solid 1px #dbdbdb;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #000000;
}
@media screen and (max-width: 1420px) {
  .abt .lft {
    width: 40%;
  }
  .abt .lft .company {
    margin-top: 25px;
  }
  .abt .lft p {
    line-height: 34px;
  }
  .abt .rht {
    width: 56%;
  }
}
@media screen and (max-width: 1220px) {
  .abt {
    padding: 45px 0;
    padding-bottom: 10px;
  }
  .abt .main {
    flex-direction: column;
  }
  .abt .lft {
    width: 100%;
    text-align: center;
  }
  .abt .lft .en {
    font-size: 36px;
  }
  .abt .lft .cn {
    font-size: 22px;
  }
  .abt .lft .hr1 {
    display: none;
  }
  .abt .lft .hr2 {
    display: inline-block;
  }
  .abt .rht {
    width: 100%;
    padding: 5px;
    margin-top: 25px;
  }
  .abt .sort {
    text-align: center;
  }
  .abt ul {
    flex-wrap: wrap;
  }
  .abt ul a {
    width: 48.5%;
  }
}
.reason .lft {
  width: 390px;
  padding-left: 48px;
  padding-top: 56px;
  background-color: #fff;
  position: relative;
  top: -125px;
}
.reason .lft .p1 {
  font-size: 28px;
  color: #000;
  margin-top: 28px;
}
.reason .lft .p2 {
  font-size: 16px;
  letter-spacing: 5px;
  color: #000;
  margin-top: 18px;
}
.reason .lft ul {
  margin-top: 66px;
}
.reason .lft ul li {
  margin-bottom: 25px;
  padding-left: 28px;
  height: 58px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #f3f3f3;
  color: #000;
}
.reason .lft ul li:nth-child(2n) {
  background-color: #0241a4;
  color: #fff;
  font-size: 15px;
}
.reason .lft ul li div {
  width: 30px;
  display: inline-block;
  margin-right: 20px;
}
.reason .lft ul li:last-child {
  margin-bottom: 0;
}
.reason .rht {
  width: 65.7%;
  margin-top: 44px;
}
.reason .rht .tit {
  margin-bottom: 40px;
  line-height: 58px;
  background-color: #f3f3f3;
  color: #000;
  padding-left: 30px;
}
.reason .rht .tit span {
  font-size: 28px;
}
.reason .bm {
  align-items: center;
  position: relative;
  top: -50px;
}
.reason .bm .rt {
  width: 308px;
  text-align: right;
  color: #000000;
}
.reason .bm .rt p {
  font-size: 22px;
  line-height: 40px;
}
.reason .bm .rt hr {
  margin-top: 42px;
  margin-bottom: 56px;
  width: 81px;
  height: 2px;
  background-color: #ccc;
  display: inline-block;
}
.reason .bm .rt .tel {
  font-size: 26px;
}
.reason .bm .rt .tel img {
  vertical-align: middle;
  margin-right: 13px;
}
@media screen and (max-width: 1220px) {
  .reason {
    padding: 40px 0;
  }
  .reason .wraps {
    flex-direction: column;
  }
  .reason .wraps .lft {
    width: 100%;
    top: -100px;
    padding: 10px;
    text-align: center;
  }
  .reason .wraps .lft ul {
    margin-top: 30px;
  }
  .reason .wraps .rht {
    width: 100%;
    margin-top: 10px;
  }
  .reason .wraps .rht .tit {
    display: none;
  }
  .reason .bm {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .rea {
    display: none;
  }
  .reason .wraps .lft {
    top: 0;
  }
}
.case {
  padding-top: 45px;
}
.case header {
  text-align: center;
}
.case header .tit {
  font-size: 38px;
  color: #000000;
  font-weight: bold;
}
.case header .tit span {
  color: #0241a4;
}
.case header p {
  font-size: 15px;
  color: #222222;
  margin-top: 21px;
}
.case .main {
  padding-top: 56px;
  padding-bottom: 75px;
  margin-top: 52px;
  background: url(../images/case_bg.jpg) no-repeat center top;
}
.case .main .ctr {
  width: 49.42%;
  margin: 0 16px;
}
.case .main .lft,
.case .main .rht {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .case {
    padding: 10px 0;
  }
  .case header .tit {
    font-size: 24px;
  }
  .case header p {
    font-size: 12px;
    margin-top: 10px;
    padding: 0 15px;
    line-height: 26px;
  }
  .case .main {
    margin-top: 25px;
    padding-bottom: 30px;
  }
  .case .main .wraps {
    flex-direction: column;
  }
  .case .main .ctr {
    width: auto;
    flex: 1;
    margin: 0;
  }
  .case .main img {
    margin-bottom: 25px;
  }
}
.new_s {
  padding-top: 95px;
}
.new_s header {
  align-items: center;
  border-bottom: 1px solid #e2e3e7;
  padding-bottom: 30px;
  position: relative;
}
.new_s header::after {
  content: '';
  width: 25.5%;
  height: 2px;
  background-color: #0241a4;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
}
.new_s header h5 {
  font-size: 29px;
  font-weight: bold;
  color: #000000;
}
.new_s header .more {
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  width: 102px;
  height: 34px;
  line-height: 32px;
  padding-left: 13px;
  font-size: 13px;
  color: #fff;
  border: solid 1px #0241a4;
}
.new_s header .more::after {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 83%;
  background-color: #0241a4;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
.new_s header .more span {
  position: relative;
  z-index: 2;
  transition: 0.4s;
}
.new_s header .more:hover {
  padding-left: 28px;
}
.new_s header .more:hover::after {
  width: 128%;
}
.new_s .main {
  margin-top: 34px;
  align-items: center;
}
.new_s .main .lft {
  width: 52.58%;
}
.new_s .main .lft time {
  font-size: 12px;
  display: block;
  color: #172e7a;
  margin-bottom: 35px;
}
.new_s .main .lft .tp {
  align-items: center;
}
.new_s .main .lft .tp img {
  width: 289px;
  margin-right: 36px;
}
.new_s .main .lft .tp .txt {
  flex: 1;
}
.new_s .main .lft .tp .txt .tit {
  font-size: 18px;
  color: #000000;
}
.new_s .main .lft .tp .txt .ct {
  line-height: 30px;
  opacity: 0.7;
  margin-top: 28px;
  color: #000000;
}
.new_s .main .lft .tp .txt hr {
  background-color: #dcdcdc;
  width: 100%;
  height: 1px;
  margin-top: 30px;
}
.new_s .main .lft .tp .txt .more {
  color: #000;
  margin-top: 30px;
  display: block;
}
.new_s .main .lft .tp .txt:hover .tit {
  color: #0241a4;
}
.new_s .main .lft .bm {
  margin-top: 44px;
  width: 96%;
}
.new_s .main .lft .bm a {
  margin-bottom: 25px;
  align-items: center;
}
.new_s .main .lft .bm a:last-child {
  margin: 0;
}
.new_s .main .lft .bm a:hover .txt .tit {
  color: #0241a4;
}
.new_s .main .lft .bm time {
  width: 137px;
  height: 106px;
  background-color: #f5f5f5;
  margin-right: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.new_s .main .lft .bm time .d {
  font-size: 48px;
  color: #434343;
}
.new_s .main .lft .bm time .ym {
  color: #434343;
  margin-top: 11px;
}
.new_s .main .lft .bm .txt {
  flex: 1;
}
.new_s .main .lft .bm .txt .tit {
  font-size: 16px;
  color: #000000;
}
.new_s .main .lft .bm .txt .ct {
  line-height: 30px;
  color: #7b7b7b;
  margin-top: 10px;
}
.new_s .main .rht {
  width: 43.78%;
  height: 551px;
  border: solid 2px #1851a9;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .new_s .main .rht {
    display: none;
  }
  .new_s .main .lft {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .new_s {
    padding: 10px 0;
    padding-bottom: 40px;
  }
  .new_s .main {
    padding: 10px 0;
  }
  .new_s .main .lft .time1 {
    margin-bottom: 15px;
  }
  .new_s .main .lft .tp img {
    display: none;
  }
  .new_s .main .lft .tp .txt .ct {
    margin-top: 12px;
  }
  .new_s .main .lft .tp .txt .more {
    display: none;
  }
  .new_s .main .lft .bm {
    margin-top: 20px;
  }
  .new_s .main .lft .bm time {
    width: 60px;
    height: 60px;
  }
  .new_s .main .lft .bm time .d {
    font-size: 26px;
  }
  .new_s .main .lft .bm time .ym {
    margin-top: 0;
  }
}