.pd {
  padding: 0 120rem 0 100rem;
}
.pd3{
    padding: 0 60rem 0 60rem;
}
.example{margin-top:93rem}
.car-example ul li h1,.car-example ul li h3{text-align:center;    }
.car-example ul li h1{
    font-size: 25px;font-weight: bold;    margin-top: 13rem;
}.car-example ul li h3{
        font-size: 12px;
        margin-top: 10px;    margin-top: 73rem;
}
body .pd1{margin-top: 0;}
body .pd1 .des {margin-bottom: 54rem;    margin-top: 0;}
.pd1 .title{padding-top:40px}
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 118rem;
  background-color: #007aba;
      position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
}
.header img {
  display: block;
  height: 65rem;
}
.banner {
  position: relative;
  height: 800rem;
  margin-top: 118rem;
}
.banner .bg {
  display: block;
  height: 100%;
}
.banner .layer {
      position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 213rem;
    top: 283em;
}
.banner .layer span {
  font-size: 60rem;
  margin-top: 44rem;
  color: #fff;
  font-weight: bold;
}
.banner .layer img {
  display: block;
  margin-top: 20rem;
  width: 40rem;
}
.content .tabs {
  display: flex;
  flex-wrap: wrap;
  background-color: #F7F7F7;
}
.content .tabs li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 126rem;
  font-size: 40rem;
  color: #5C5A5A;
      font-weight: bold;
}
.content .tabs li a {
  color: inherit;
}
.content .tabs li.active {
  background-color: #0071BF;
  color: #fff;
}
.summary {
  margin-top: 88rem;
}
.title {
  font-size: 50rem;
  font-weight: 900;
  color: #5C5A5A;
  text-align: center;
  margin-top: 50rem;
}
.summary .des {
  margin-top: 54rem;
  /*text-align: center;*/
  font-size: 35rem;
  line-height: 55rem;
  color: #5C5A5A;text-align: justify;
}
.summary .des2 {
  margin-top: 54rem;
    font-size: 35rem;
    line-height: 55rem;
    color: #5C5A5A;
    /* border-bottom: 16rem solid #007AC2; */
    padding-bottom: 79rem;
}
.summary .partner {
  margin-top: 15rem;
}
.summary .partner img{
  display: block;
  width: 100%;
}
.summary .example .title{
  margin-top: 110rem;
}
.partner-wrapper {
  margin-top:85rem;
}
.partner-wrapper .change-wrapper {
  position: relative;
}
.partner-wrapper ul {
  display: flex;
  justify-content: space-between;
}
.partner-wrapper li {
  display: flex;
  flex-direction: column;
  align-items: center;margin-right: 2px;
}
.partner-wrapper li img {
  display: block;
  width: 150rem;
  height: 150rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0 ,0.1);
}
.partner-wrapper li span {
  font-size: 35rem;
  color: #5C5A5A;
  margin-top: 19rem;
}
.partner-wrapper li.active span {
  position: relative;
  font-weight: 500;
  padding-bottom: 19rem;
}
.partner-wrapper li.active span:after {
  position: absolute;
  bottom: 0;
  content: '';
  height: 9rem;
  width: 100%;
  left: 0;
  background-color: #007ABA;
}
.partner-wrapper .control-arrow div {
  position: absolute;
      height: 142rem;
    bottom: -180rem;
}
.partner-wrapper .control-arrow .left-arrow {
 left: 160rem;
}
.partner-wrapper .control-arrow .right-arrow {
  right: 154rem;
}
.partner-wrapper .control-arrow img {
  display: block;
  height: 100%;
}
.parener-company {
  margin-top: 44rem;
  box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16);
  border-top: 18rem solid #007ABA;
  display: none;
}
.parener-company.active {
  display: block;
}
.parener-company .company-title {
  position: relative;
  display: flex;
  align-items: center;
  height: 198rem;
  margin: 0 40rem;
  border-bottom: 1rem solid #707070;
}
.parener-company .company-title img {
  display: block;
      max-height: 125rem;
    max-width: 139px;
}
.factory-name span{font-weight: bold;}
.parener-company .company-title .factory-name {
  position: absolute;
  /*top: 120rem;*/
      right: -15rem;
  color: #5C5A5A;
  font-size: 45rem;
}
.parener-company .info{
  margin-top: 28rem;
}
.parener-company .info .item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 68rem;
  font-size: 35rem;
  vertical-align: middle;
  color: #5C5A5A;
  padding: 0 40rem;
}
.parener-company .info .item .th{
  font-weight: bold;
  flex-shrink: 0;
}
.parener-company .info .item:nth-child(2n) {
  background: rgb(246, 247, 247);
}
.parener-company .info .item:nth-child(5) span{
    line-height: 67rem;
}
.video {
  margin-top: 30rem;
}
.video .video-title {
  height: 68rem;
  line-height: 68rem;
  background: rgb(246, 247, 247);
}
.video .video-title span {
      padding-left: 43rem;
    font-weight: bold;
  font-size: 35rem;
  color: #5C5A5A;
}
.video .video-source {
  position: relative;
  height: 483rem;
  overflow: hidden;
}
.video .video-source img {
  display: block;
  height: 100%;
}
.video .video-source .play-btn {
  position: absolute;
  top: 185rem;
  left: 50%;
  height: 112rem;
  transform: translateX(-50%);
}
.video .video-source .play-btn img {
  display: block;
  height: 100%;
}

.other {
  margin-top: 138rem;
}
.other ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 66rem;
}
.other ul li {
  width: 45%;
}
.other ul li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 122rem;
  font-size: 45rem;
  color: #007AC2;
  border-bottom: 0.5rem solid #707070;
}
.other ul li:nth-child(1) a {
  border-top: 0.5rem solid #707070;
}
.other ul li:nth-child(2) a {
  border-top: 0.5rem solid #707070;
}
.other ul li a img {
  display: block;
  width: 100%;
  height: 100%;
}
.other ul li a .link {
  width: 40rem;
  height: 40rem;
  margin-right: 22rem;
}
.other ul li a .arrow {
  position: absolute;
  width: 16rem;
  height: 30rem;
  top: 46rem;
  right: 0;
}
.detail-example {
  margin-top: 85rem;
  padding: 37rem 0 55rem;
  /*border-top: 16rem solid #007AC2;*/
  background: url(../images/xk2.png) no-repeat 0 0;
  background-size: 100%;
}
.detail-example p {
  line-height: 68rem;
  font-weight: 500;
  font-size: 36rem;
  color: #fff;
  text-align: center;
}
.detail-example h1{
  font-size: 52rem;
  text-align: center;
  color: aliceblue;
  margin-bottom: 33rem;
}
.detail-example img{
  width: 100%;
}

.car-example {
  margin-top: 138rem;
  padding-bottom: 62rem;
  /*background-color: #F6F7F7;*/
}
.car-example .title {
  /*background-color: #fff;*/
  padding-bottom: 50rem;
  margin-top: 0;
}
.car-example ul {
  overflow: hidden;    background-color: #F6F7F7;padding-bottom: 100rem;
}
.content .pd1 ul li{
        height: 295rem;
        background: url(../images/xk3-1.png) no-repeat 0 0;
        
    background-size: 100%;
}
.car-example ul li {
  position: relative;
  margin-top: 60rem;
  border-top: 16rem solid #007AC2;
  height: 394rem;
  background: url(../images/xk3.png) no-repeat 0 0;
  background-size: 100%;
  overflow: hidden;
}
.car-example ul li span {
  position: absolute;
  top: 56rem;
  left: 60rem;
  font-size: 50rem;
  color: #5C5A5A;
}
.car-example ul li img {
  display: block;
  max-width: 90%;
  max-height: 350rem;
  margin: 37rem auto;
}

.doc-download {
  /* padding-top: 137rem; */
  padding-bottom: 144rem;
  text-align: center;
  font-size: 32rem;
    color: #5C5A5A;
}
.doc-download2{
  /*border-top: 16rem solid #007AC2;*/
  padding: 40rem 0;
  /*border-bottom: 1rem solid #d3d3d3;*/
  /*background: url('../images/e1.png') no-repeat 0 0;    background-size: cover;*/
}
.doc-download  img {
  
  height: 132rem;

}
.doc-download h1,h2 {
font-weight: 700;
}
.doc-download p {
  margin-top: 26rem;
  font-size: 39rem;line-height: 60rem;
  }
.footer {
  background-color: #007ABA;
  padding-top: 93rem;
  padding-bottom: 33rem;
}
.footer .logo img{
  display: block;
  width: 200rem;
  height: 84rem;
}
.footer .contact-us {
     margin-top: 78rem;
}
.footer .contact-us p{
 
  font-size: 45rem;
  color: #fff;
}
.footer .attented-us {
  margin-top: 80rem;
  font-size: 45rem;
  color: #fff;
}
.footer ul {
  display: flex;
  justify-content: space-between;
  margin-top: 25rem;
}
.footer li {
  width: 250rem;
}
.footer li .tit {
  position: relative;
  display: flex;
  align-items: center;
  height: 81rem;
  font-size: 35rem;
  color: #fff;
  border-bottom: 0;
  background: url('../images/xk.png') no-repeat 0 0;
  background-size: 100%;
}
.footer li .tit img {
  display: block;
  width: 50rem;
  margin-left: 35rem;
  margin-right: 20rem;
}
.footer li .qrcode {
  display: block;
  width: 100%;
}
.footer .copyright {
  margin-top: 160rem;
  color: #fff;
}
.footer .copyright p {
  font-size: 35rem;
  line-height: 50rem;
  text-align: center;
}

@media (min-width: 320px){html{font-size: 0.296296px;} }
@media (min-width: 360px){html{font-size: 0.333333px;} }
@media (min-width: 375px){html{font-size: 0.347222px;} }
@media (min-width: 390px){html{font-size: 0.361111px;} }
@media (min-width: 411px){html{font-size: 0.380555px;} }
@media (min-width: 414px){html{font-size: 0.383333px;} }
@media (min-width: 480px){html{font-size: 0.444444px;} }
@media (min-width: 512px){html{font-size: 0.474074px;} }
@media (min-width: 576px){html{font-size: 0.53px;} }
@media (min-width: 608px){html{font-size: 0.562px;} }
@media (min-width: 640px){html{font-size: 0.592px;} }
@media (min-width: 750px){html{font-size: 0.694px;} }