.oemPart1 {
  margin-top: 100rem;
}

.oemPart1 .sec .tit {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 30rem;
  font-weight: bold;
}

.oemPart1 .sec .tit span {
  display: block;
  width: 139rem;
  height: 1px;
  background-color: #586b75;
  margin: 0 30rem;
}

.oemPart1 .sec1 {
  margin-top: 60rem;
  margin-bottom: 70rem;
}

.oemPart1 .sec1 .list {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  margin-top: 30rem;
}

.oemPart1 .sec1 .list .items {
  width: 212rem;
  margin: 0 10rem;
  border-radius: 30rem;
  height: 425rem;
  background-color: #fff;
  box-shadow: 0 0 15rem 0rem rgba(25, 136, 252, 0.3);
  padding-top: 26rem;
  box-sizing: border-box;
  transition: .2s linear all;
  cursor: pointer;
  text-align: center;
}

.oemPart1 .sec1 .list .items:hover {
  transform: scale(1.1);
}

.oemPart1 .sec1 .list .items img {
  display: block;
  height: 150rem;
  margin: 0 auto;
  margin-bottom: 50rem;
}

.oemPart1 .sec1 .list .items p {
  color: #000000;
  font-size: 18rem;
  margin-bottom: 22rem;
}

.oemPart1 .sec1 .list .items h3 {
  color: #000000;
  font-size: 18rem;
  font-weight: bold;
}

.oemPart1 .sec2 {
  margin-bottom: 70rem;
}

.oemPart1 .sec2 .table {
  width: 1145rem;
  margin: 0 auto;
  margin-top: 30rem;
}

.oemPart1 .sec2 .table table {
  width: 100%;
  height: 245rem;
  text-align: center;
  border-collapse: collapse;
}

.oemPart1 .sec2 .table table td {
  font-size: 18rem;
  border: 1px solid #586b75;
}

.oemPart1 .sec2 .table .tips {
  text-align: right;
  color: #546872;
  font-size: 18rem;
  margin-top: 25rem;
}

.oemPart1 .sec3 {
  margin-bottom: 70rem;
}

.oemPart1 .sec3 .list {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  margin-top: 30rem;
}

.oemPart1 .sec3 .list .items {
  width: 268rem;
  margin: 0 10rem;
  border-radius: 30rem;
  height: 425rem;
  background-color: #fff;
  box-shadow: 0 0 15rem 0rem rgba(25, 136, 252, 0.3);
  padding-top: 26rem;
  box-sizing: border-box;
  transition: .2s linear all;
  cursor: pointer;
  text-align: center;
}

.oemPart1 .sec3 .list .items:hover {
  transform: scale(1.1);
}

.oemPart1 .sec3 .list .items img {
  display: block;
  height: 113rem;
  margin: 0 auto;
  margin-bottom: 60rem;
}

.oemPart1 .sec3 .list .items p {
  color: #000000;
  font-size: 18rem;
}

.oemPart1 .sec3 .list .items h3 {
  color: #000000;
  font-size: 25rem;
  margin-bottom: 22rem;
  font-weight: bold;
}

.oemPart1 .sec4 {
  overflow: hidden;
  padding-bottom: 100rem;
}

.oemPart1 .sec4 .sec4-main {
  background: url(../ossweb-img/oem/icon10.png) no-repeat;
  background-size: 100% 100%;
  width: 1146rem;
  height: 417rem;
  margin: 0 auto;
  margin-top: 70rem;
}

.adTitle .title {
  background: url(../ossweb-img/oem/title1.png) no-repeat center center;
  background-size: auto 100%;
  margin: 0 auto;
  height: 122rem;
}

.adTitle .tips {
  margin-top: 10rem;
  text-align: center;
  color: #9b9b9b;
  font-size: 24rem;
}

.adTitle2 .title {
  background: url(../ossweb-img/oem/title2.png) no-repeat center center;
  background-size: auto 100%;
  margin: 0 auto;
  height: 122rem;
}

.adTitle3 .title {
  background: url(../ossweb-img/syh/title.png) no-repeat center center;
  background-size: auto 100%;
  margin: 0 auto;
  height: 122rem;
}

.syhMain {
  margin-top: 114rem;
}

.sec5 {
  margin-top: 70rem;
}

.sec5 img {
  display: block;
  width: 100%;
}

.sec6 {
  margin-top: 92rem;
  padding-bottom: 200rem;
}

.dzfwlist {
  display: flex;
  justify-content: center;
  margin-top: 60rem;
}

.dzfwlist .items {
  background: url(../ossweb-img/oem/icon11.png) no-repeat;
  background-size: 100% 100%;
  width: 268rem;
  border-radius: 35rem;
  height: 426rem;
  margin: 0 12.5rem;
  box-shadow: 0 0 15rem 0rem rgba(25, 136, 252, 0.3);
}

.dzfwlist .items h3 {
  height: 227rem;
  text-align: center;
  line-height: 227rem;
  color: #fff;
  font-size: 83rem;
}

.dzfwlist .items .txt {
  text-align: center;
  line-height: 1.3;
  margin-top: 55rem;
}

.syhList1 {
  display: flex;
  margin-top: 75rem;
  justify-content: center;
}

.syhList1 .items {
  width: 340rem;
  height: 394rem;
  background-color: #fff;
  box-sizing: border-box;
  border: 1rem solid #3580fd;
  padding: 0 35rem;
  padding-top: 30rem;
  margin: 0 26rem;
  transition: .2s linear all;
  cursor: pointer;
  border-radius: 10rem;
}

.syhList1 .items .img1 {
  display: block;
}

.syhList1 .items .img2 {
  display: none;
}

.syhList1 .items:hover {
  background-color: #3580fd;
}

.syhList1 .items:hover h3, .syhList1 .items:hover p {
  color: #fff;
}

.syhList1 .items:hover .img1 {
  display: none;
}

.syhList1 .items:hover .img2 {
  display: block;
}

.syhList1 .items .icon {
  height: 125rem;
  display: flex;
  justify-content: center;
}

.syhList1 .items .icon img {
  width: auto;
  height: 100%;
}

.syhList1 .items h3 {
  font-size: 22rem;
  color: #000000;
  text-align: center;
  margin-top: 20rem;
  margin-bottom: 30rem;
  font-weight: bold;
}

.syhList1 .items p {
  color: #666666;
  text-align: center;
  font-size: 16rem;
}

.syhSec1 {
  margin-bottom: 150rem;
}

.syhSec1 .tips2 {
  text-align: center;
  color: #000000;
  margin-top: 60rem;
  font-size: 25rem;
}

.adTitle4 .title {
  background: url(../ossweb-img/syh/title2.png) no-repeat center center;
  background-size: auto 100%;
  height: 107rem;
}

.syhList2 {
  width: 1520rem;
  margin: 0 auto;
  margin-top: 100rem;
}

.syhList2 .items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100rem;
}

.syhList2 .items:nth-of-type(2n) {
  flex-direction: row-reverse;
}

.syhList2 .items .info {
  width: 750rem;
}

.syhList2 .items h3 {
  display: flex;
  align-items: center;
  line-height: 37rem;
  color: #000000;
  font-size: 22rem;
  margin-bottom: 40rem;
  font-weight: bold;
}

.syhList2 .items h3 span {
  display: block;
  text-align: center;
  width: 37rem;
  height: 37rem;
  border-radius: 100%;
  background-color: #3580fd;
  flex-shrink: 1;
  color: #fff;
  font-size: 22rem;
  margin-right: 9rem;
}

.syhList2 .items .txt {
  color: #666666;
  font-size: 18rem;
}

.syhList2 .items .txt p {
  line-height: 1.8;
  margin-bottom: 25rem;
}

.syhList2 .items .txt p:last-child {
  margin-bottom: 0;
}

.syhList2 .items .icon {
  display: block;
  width: 699rem;
  height: 395rem;
  object-fit: cover;
  flex-shrink: 0;
}

.syhList2 .items .icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.syhSec3 {
  margin-top: 150rem;
  padding-bottom: 150rem;
}

.adTitle5 .title {
  background: url(../ossweb-img/syh/title3.png) no-repeat center center;
  background-size: auto 100%;
  height: 107rem;
}

.syhList3 {
  width: 1520rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 75rem;
  flex-wrap: wrap;
}

.syhList3 .items {
  width: 458rem;
  box-sizing: border-box;
  height: 530rem;
  border: 1rem solid #3580fd;
  text-align: center;
  padding: 0 45rem;
  margin-bottom: 48rem;
  padding-top: 92rem;
  border-radius: 10rem;
  transition: .2s linear all;
  cursor: pointer;
}

.syhList3 .items:hover {
  background-color: #3580fd;
}

.syhList3 .items:hover h3, .syhList3 .items:hover p {
  color: #fff;
}

.syhList3 .items:hover .img1 {
  display: none;
}

.syhList3 .items:hover .img2 {
  display: block;
}

.syhList3 .items .img1 {
  display: block;
}

.syhList3 .items .img2 {
  display: none;
}

.syhList3 .items .icon {
  display: flex;
  justify-content: center;
  height: 170rem;
  margin-bottom: 28rem;
}

.syhList3 .items .icon img {
  height: 100%;
  width: auto;
}

.syhList3 .items h3 {
  color: #000000;
  font-size: 30rem;
  margin-bottom: 55rem;
  font-weight: bold;
}

.syhList3 .items p {
  color: #666666;
  font-size: 20rem;
}

.introMain {
  margin-top: 115rem;
}

.introMain .title {
  background: url(../ossweb-img/intro/title1.png) no-repeat center center;
  background-size: auto 100%;
  height: 87rem;
  margin-bottom: 40rem;
}

.introMain1 .txtMain {
  padding: 0 186rem;
  width: 1515rem;
  height: 214rem;
  font-size: 18rem;
  margin: 0 auto;
  box-shadow: 0 0 15rem 0rem rgba(228, 220, 255, 0.66);
  display: flex;
  align-items: center;
  line-height: 3;
}

.introMain2 {
  margin-top: 110rem;
}

.introMain2 .title {
  background: url(../ossweb-img/intro/title2.png) no-repeat center center;
  background-size: auto 100%;
  height: 87rem;
  margin-bottom: 40rem;
}

.introMain2-list {
  display: flex;
  justify-content: center;
}

.introMain2-list h3 {
  color: #000000;
  font-size: 23rem;
  font-weight: bold;
}

.introMain2-list p {
  color: #666666;
  font-size: 16rem;
  line-height: 1.4;
}

.introMain2-list .items {
  box-sizing: border-box;
  padding: 0 15rem;
  padding-top: 24rem;
  width: 348rem;
  margin: 0 16rem;
  height: 213rem;
  background: url(../ossweb-img/intro/icon1.png) no-repeat;
  background-size: 100% 100%;
}

.introMain2-list .items:nth-of-type(2) {
  background: url(../ossweb-img/intro/icon2.png) no-repeat;
  background-size: 100% 100%;
}

.introMain2-list .items:nth-of-type(3) {
  background: url(../ossweb-img/intro/icon3.png) no-repeat;
  background-size: 100% 100%;
}

.introMain2-list .items:nth-of-type(4) {
  background: url(../ossweb-img/intro/icon4.png) no-repeat;
  background-size: 100% 100%;
}

.introMain3 {
  margin-top: 100rem;
}

.introMain3 .title {
  background: url(../ossweb-img/intro/title3.png) no-repeat center center;
  background-size: auto 100%;
  height: 87rem;
  margin-bottom: 30rem;
}

.introMain3 .introMain3-main {
  width: 1515rem;
  margin: 0 auto;
  height: 337rem;
  box-shadow: 0 0 15rem 0rem rgba(228, 220, 255, 0.66);
  display: flex;
  padding-top: 50rem;
  box-sizing: border-box;
}

.introMain3 .introMain3-main .items {
  position: relative;
  width: 50%;
  text-align: center;
}

.introMain3 .introMain3-main .items .icon {
  display: block;
  margin: 0 auto;
  width: 36rem;
  height: 36rem;
  border-radius: 100%;
  background-color: #3580fd;
  margin-bottom: 18rem;
}

.introMain3 .introMain3-main .items:nth-of-type(1)::after {
  content: '';
  display: block;
  width: 1rem;
  height: 227rem;
  background-color: #b3b3b3;
  position: absolute;
  right: 0;
  top: 0;
}

.introMain3 .introMain3-main .items:nth-of-type(2) .icon {
  background-color: #fccb92;
}

.introMain3 .introMain3-main .items h3 {
  color: #000;
  font-size: 22rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20rem;
}

.introMain3 .introMain3-main .items .txt {
  width: 327rem;
  margin: 0 auto;
  color: #666666;
  font-size: 16rem;
}

.introMain4 {
  margin-top: 115rem;
}

.introMain4 .title {
  background: url(../ossweb-img/intro/title4.png) no-repeat center center;
  background-size: auto 100%;
  margin: 0 auto;
  margin-bottom: 40rem;
  height: 87rem;
}

.introMain4 .tips {
  text-align: center;
  color: #666666;
  font-size: 17rem;
}

.introMain4-main {
  width: 1511rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 60rem;
  padding-bottom: 200rem;
}

.introMain4-main .l {
  display: block;
}

.introMain4-main .l img {
  display: block;
  width: 1006rem;
}

.introMain4-main .r {
  width: 434rem;
  height: 100%;
  height: 695rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.introMain4-main .r h3 {
  font-weight: bold;
  color: #000000;
  margin-bottom: 10rem;
  font-size: 23rem;
}

.introMain4-main .r p {
  color: #666666;
  font-size: 16rem;
}

.caseMain {
  margin-top: 110rem;
}

.caseMain .title {
  background: url(../ossweb-img/case/title1.png) no-repeat center center;
  background-size: auto 100%;
  height: 87rem;
}

.caseMain .tit {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 30rem;
  font-weight: bold;
}

.caseMain .tit span {
  display: block;
  width: 139rem;
  height: 1px;
  background-color: #586b75;
  margin: 0 30rem;
}

.caseMain .sec {
  margin-top: 36rem;
}

.caseList {
  margin: 0 auto;
  width: 1515rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: 54rem;
}

.caseList .items {
  width: 472rem;
  height: 452rem;
  background-color: #ffffff;
  box-shadow: 2rem 2rem 29rem 0rem rgba(25, 136, 252, 0.35);
  border-radius: 34rem;
  margin-right: 48rem;
  margin-bottom: 46rem;
  transition: .2s linear all;
}

.caseList .items:hover {
  transform: scale(1.1);
}

.caseList .items:nth-of-type(3n) {
  margin-right: 0;
}

.caseList .items img {
  display: block;
  width: 100%;
}

.caseList .items h3 {
  color: #000;
  font-size: 23rem;
  font-weight: bold;
  padding: 0 19rem;
  margin-top: 25rem;
  margin-bottom: 14rem;
}

.caseList .items p {
  padding: 0 19rem;
  color: #666666;
  font-size: 16rem;
}