/* 图片放大 */
.img_scale {
  overflow: hidden;
}
.img_scale img {
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -ms-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -moz-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
.img_scale:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.img_scale:hover .full {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.coo-header {
  position: relative;
}
.coo-header .coo-header-tit {
  background-color: #F1F1F1;
  padding-top: 3.5555%;
  padding-bottom: 3.5555%;
  font-size: 16px;
  font-family: '微软雅黑';
  color: #2D2D2D;
  border-radius: 5px;
  position: relative;
  top: -50px;
  z-index: 1;
}
.coo-header .coo-header-tit span {
  width: 59.4444%;
  display: inline-block;
}
.coo-ad .coo-oem .oem-left {
  position: relative;
  width: 54.02%;
  margin-top: 5.2777%;
}
.coo-ad .coo-oem .oem-left p {
  position: absolute;
  font-family: '微软雅黑';
  font-size: 30px;
  background-color: #fa4c07;
  padding: 16px 60px;
  color: #FFFFFF;
  left: 88.6111%;
  margin-top: -59%;
  width: 312px;
}
.coo-ad .coo-oem .oem-right {
  font-family: '微软雅黑';
  color: #2d2d2d;
  width: 45.98%;
  padding-left: 5.2888%;
  padding-top: 18%;
}
.coo-ad .coo-oem .oem-right span {
  display: inline-block;
  font-size: 22px;
  padding-bottom: 26px;
}
.coo-ad .coo-oem .oem-right p {
  width: 395px;
  font-size: 14px;
  line-height: 24px;
}
.coo-ad .coo-oem .oem-right .iso-list .oem-iso-w {
  padding-top: 25px;
  padding-right: 20px;
}
.coo-ad .coo-oem .odm-left {
  position: relative;
  width: 54.02%;
  margin-top: 5.2777%;
}
.coo-ad .coo-oem .odm-left p {
  position: absolute;
  font-family: '微软雅黑';
  font-size: 30px;
  background-color: #fa4c07;
  padding: 16px 60px;
  color: #FFFFFF;
  left: -200px;
  margin-top: -59%;
  width: 318px;
}
.coo-ad .coo-oem .odm-right {
  font-family: '微软雅黑';
  color: #2d2d2d;
  width: 45.98%;
  padding-right: 80px;
  margin-top: 28%;
}
.coo-ad .coo-oem .odm-right span {
  display: inline-block;
  font-size: 22px;
  padding-bottom: 26px;
  width: 100%;
}
.coo-ad .coo-oem .odm-right p {
  display: inline-block;
  width: 390px;
  font-size: 14px;
  line-height: 24px;
}
/* 海科能为你做什么 */
.coo-what {
  margin-top: 5.7291%;
  height: 670px;
  background-image: url('../images/whatbg.jpg');
  background-repeat: no-repeat;
}
.coo-what .coo-what-box {
  text-align: center;
  width: 1048px;
  margin: 0 auto;
  position: relative;
}
.coo-what .coo-what-box span {
  font-family: '微软雅黑';
  font-size: 30px;
  color: #FFFFFF;
  display: inline-block;
  padding-top: 8.1227%;
  padding-bottom: 17px;
}
.coo-what .coo-what-box .coo-what-icon {
  width: 25%;
  margin-top: 66px;
}
.coo-what .coo-what-box .coo-what-icon .coo-what-img {
  padding-left: 33.2129%;
  padding-right: 33.2129%;
  width: 100%;
  margin: 0 auto;
}
.coo-what .coo-what-box .coo-what-icon p {
  font-family: '微软雅黑';
  font-size: 14px;
  color: #FFFFFF;
  display: inline-block;
  padding-top: 9.1058%;
  width: 182px;
}
/* 合作方式说明 */
.coo-explain .coo-explain-box {
  text-align: center;
}
.coo-explain .coo-explain-box span {
  font-family: '微软雅黑';
  font-size: 29.99px;
  color: #2d2d2d;
  display: inline-block;
  padding-top: 8.1227%;
  padding-bottom: 7.7616%;
}
.coo-explain .coo-explain-box .coo-explain-list-box {
  width: 33.3333%;
  position: relative;
}
.coo-explain .coo-explain-box .coo-explain-list-box .coo-explain-img {
  padding-left: 20px;
  padding-right: 20px;
}
.coo-explain .coo-explain-box .coo-explain-list-box p {
  font-family: '微软雅黑';
  font-size: 16.11px;
  color: #2d2d2d;
  display: inline-block;
  padding: 54px 107px 113px 107px;
  line-height: 30px;
}
.coo-explain .coo-explain-box .coo-explain-list-box p:before {
  content: '';
  width: 80px;
  height: 8px;
  background: #fa4c07;
  position: absolute;
  margin-left: 18.125%;
  margin-top: -4.1666%;
  display: inline-block;
}
/* OEM代工流程 */
.coo-oem-liucheng {
  background-color: #F1F1F1;
  padding-bottom: 113px;
}
.coo-oem-liucheng .coo-oem-liucheng-box {
  text-align: center;
}
.coo-oem-liucheng .coo-oem-liucheng-box span {
  font-family: '微软雅黑';
  font-size: 29.99px;
  color: #2d2d2d;
  display: inline-block;
  padding-top: 8.1227%;
  padding-bottom: 7.7616%;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box {
  width: 10%;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box:hover .coo-oem-top:before {
  background-color: #fa4c07;
  box-shadow: 0px 0px 20px #fa4c07;
  transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top {
  height: 81px;
  border-bottom: 1px solid #fa4c07;
  position: relative;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top span {
  font-family: '微软雅黑';
  font-size: 16px;
  color: #2d2d2d;
  width: 100%;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top p {
  background-color: #fa4c07;
  font-family: '微软雅黑';
  font-size: 15.98px;
  color: #ffffff;
  display: inline;
  padding: 0px 10px 0px 10px;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid rgba(250, 76, 7, 0.8);
  position: absolute;
  top: 91%;
  left: 41%;
  z-index: 10;
  background-color: #ffffff;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-bottom {
  height: 90px;
  margin-top: 20px;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-bottom span {
  font-family: '微软雅黑';
  font-size: 16px;
  color: #2d2d2d;
  width: 100%;
}
.coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-bottom p {
  height: 25px;
  background-color: #fa4c07;
  font-family: '微软雅黑';
  font-size: 15.98px;
  color: #ffffff;
  display: inline;
  padding: 0px 10px 0px 10px;
}
/* ODM代工流程 */
.coo-odm-liucheng {
  padding-bottom: 113px;
}
.coo-odm-liucheng .coo-odm-liucheng-box {
  text-align: center;
}
.coo-odm-liucheng .coo-odm-liucheng-box span {
  font-family: '微软雅黑';
  font-size: 29.99px;
  color: #2d2d2d;
  display: inline-block;
  padding-top: 8.1227%;
  padding-bottom: 7.7616%;
}
/*===========================================自适应=========================*/
@media (max-width: 1440px) {
  /* 合作方式说明 */
  .coo-explain .coo-explain-box .coo-explain-list-box {
    width: 33.3333%;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box .coo-explain-img {
    padding-left: 20px;
    padding-right: 20px;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box p {
    width: 100%;
    padding-top: 11.25%;
    padding-bottom: 23.5416%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box p:before {
    margin-left: 32%;
  }
}
@media (max-width: 1280px) {
  .coo-ad .coo-oem {
    /*================oem===================*/
    /*===================odm=======================*/
  }
  .coo-ad .coo-oem .oem-left {
    width: 44.02%;
    margin-top: 5.2777%;
  }
  .coo-ad .coo-oem .oem-left p {
    font-size: 26px;
  }
  .coo-ad .coo-oem .oem-right {
    width: 55.98%;
    padding-left: 3%;
    padding-top: 16%;
  }
  .coo-ad .coo-oem .oem-right span {
    display: inline-block;
    font-size: 22px;
    padding-bottom: 26px;
  }
  .coo-ad .coo-oem .oem-right p {
    font-size: 14px;
  }
  .coo-ad .coo-oem .oem-right .iso-list .oem-iso-w {
    padding-top: 20px;
    padding-right: 15px;
  }
  .coo-ad .coo-oem .odm-left {
    width: 44.02%;
    margin-top: 5.2777%;
  }
  .coo-ad .coo-oem .odm-left p {
    font-size: 26px;
    left: -200px;
    margin-top: -59%;
    width: 318px;
  }
  .coo-ad .coo-oem .odm-right {
    width: 55.98%;
    padding-right: 3%;
    margin-top: 35.4652%/2;
  }
  .coo-ad .coo-oem .odm-right span {
    padding-bottom: 26px;
    width: 100%;
  }
}
@media (max-width: 1050px) {
  .coo-what {
    margin-top: 5.7291%;
    height: 670px;
  }
  .coo-what .coo-what-box {
    width: 100%;
  }
  .coo-what .coo-what-box .coo-what-icon {
    width: 25%;
    margin-top: 66px;
  }
  .coo-what .coo-what-box .coo-what-icon .coo-what-img {
    padding-left: 33.2129%;
    padding-right: 33.2129%;
    width: 100%;
    margin: 0 auto;
  }
  .coo-what .coo-what-box .coo-what-icon p {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 992px) {
  .coo-ad .coo-oem {
    /*===================odm=======================*/
  }
  .coo-ad .coo-oem .oem-left {
    width: 44.02%;
    margin-top: 5.2777%;
  }
  .coo-ad .coo-oem .oem-left p {
    font-size: 20px;
    padding: 10px 40px;
    width: 216px;
  }
  .coo-ad .coo-oem .oem-right span {
    padding-bottom: 15px;
  }
  .coo-ad .coo-oem .oem-right p {
    width: 100%;
  }
  .coo-ad .coo-oem .oem-right .iso-list .oem-iso-w {
    padding-top: 15px;
    padding-right: 10px;
    width: 115px;
    height: 115px;
  }
  .coo-ad .coo-oem .odm-left {
    width: 44.02%;
    margin-top: 5.2777%;
  }
  .coo-ad .coo-oem .odm-left p {
    font-size: 20px;
    padding: 10px 40px;
    left: -200px;
    margin-top: -59%;
    width: 215px;
  }
  .coo-ad .coo-oem .odm-right {
    width: 55.98%;
    padding-right: 3%;
    margin-top: 15%;
  }
  .coo-ad .coo-oem .odm-right span {
    padding-bottom: 15px;
    width: 100%;
  }
  .coo-ad .coo-oem .odm-right p {
    width: 100%;
  }
  /* 合作方式说明 */
  .coo-explain .coo-explain-box .coo-explain-list-box {
    width: 100%;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box p {
    height: 215px;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box p:before {
    margin-left: 20%;
  }
}
@media (max-width: 768px) {
  .coo-ad .coo-oem {
    /*===================odm=======================*/
  }
  .coo-ad .coo-oem .oem-left {
    width: 100%;
    margin-top: 0;
  }
  .coo-ad .coo-oem .oem-left p {
    position: absolute;
    left: 0;
    margin-top: -65%;
  }
  .coo-ad .coo-oem .oem-right {
    width: 100%;
    padding: 20px 10px;
  }
  .coo-ad .coo-oem .oem-right span {
    display: inline-block;
    font-size: 22px;
    padding-bottom: 10px;
  }
  .coo-ad .coo-oem .oem-right p {
    font-size: 14px;
  }
  .coo-ad .coo-oem .oem-right .iso-list .oem-iso-w {
    padding-top: 25px;
    padding-right: 15px;
    width: 135px;
    height: 143px;
  }
  .coo-ad .coo-oem .odm-left {
    width: 100%;
    padding: 0px 0px;
    margin-top: 0;
  }
  .coo-ad .coo-oem .odm-left span {
    display: inline-block;
    font-size: 22px;
    padding-bottom: 10px;
  }
  .coo-ad .coo-oem .odm-left p {
    font-size: 14px;
    left: 0;
    margin-top: -63%;
  }
  .coo-ad .coo-oem .odm-left .iso-list .oem-iso-w {
    padding-top: 25px;
    padding-right: 15px;
    width: 135px;
    height: 143px;
  }
  .coo-ad .coo-oem .odm-right {
    float: right;
    margin-top: 0;
    width: 100%;
  }
  .coo-ad .coo-oem .odm-right p {
    width: 100%;
  }
  /* 合作方式说明 */
  .coo-explain .coo-explain-box span {
    font-size: 26px;
    padding-top: 4.1227%;
    padding-bottom: 3.7616%;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box {
    width: 100%;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box .coo-explain-img {
    padding: 0;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box p {
    height: auto;
    padding: 30px 30px 20px 30px;
  }
  .coo-explain .coo-explain-box .coo-explain-list-box p:before {
    margin-left: 25%;
    margin-top: -10px;
  }
  /* ODM代工流程 */
  .coo-odm-liucheng {
    padding-bottom: 50px;
  }
  .coo-odm-liucheng .coo-odm-liucheng-box span {
    font-size: 26px;
    padding-top: 8.1227%;
    padding-bottom: 7.7616%;
  }
}
@media (max-width: 712px) {
  /* OEM代工流程 */
  .coo-oem-liucheng {
    padding-bottom: 50px;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box {
    width: 10%;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top {
    height: 90px;
  }
}
@media (max-width: 640px) {
  .coo-header .coo-header-tit {
    top: -25px;
  }
  /*====================海科能为你做什么=====================*/
  .coo-what {
    margin-top: 10px;
    height: 670px;
  }
  .coo-what .coo-what-box {
    width: 100%;
  }
  .coo-what .coo-what-box .coo-what-icon {
    width: 33.333%;
    margin-top: 10px;
    height: 177px;
  }
  .coo-what .coo-what-box .coo-what-icon .coo-what-img {
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
    margin: 0 auto;
  }
  .coo-what .coo-what-box .coo-what-icon p {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* 合作方式说明 */
  .coo-explain .coo-explain-box .coo-explain-list-box p:before {
    margin-left: 30%;
  }
}
@media (max-width: 480px) {
  .coo-ad .coo-oem .oem-right {
    padding: 20px 0px;
  }
  .coo-ad .coo-oem .oem-right .iso-list .oem-iso-w {
    padding-top: 10px;
    padding-right: 10px;
    width: 115px;
  }
  /* 合作方式说明 */
  .coo-explain .coo-explain-box span {
    font-size: 20px;
  }
  /* OEM代工流程 */
  .coo-oem-liucheng {
    padding-bottom: 50px;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box span {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box {
    width: 10%;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box:hover .coo-oem-top:before {
    box-shadow: 0px 0px 10px #fa4c07;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box.active .coo-oem-top:before {
    box-shadow: 0px 0px 10px #fa4c07;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top {
    height: 120px;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top span {
    font-size: 12px;
    width: 12px;
    margin: 0 5px;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top p {
    font-size: 11px;
    padding: 0px 5px 0px 5px;
    width: 100%;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-top:before {
    width: 15px;
    height: 15px;
    top: 94%;
    left: 30%;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-bottom {
    height: 90px;
    margin-top: 16px;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-bottom span {
    font-size: 12px;
    width: 12px;
    margin: 0 5px;
  }
  .coo-oem-liucheng .coo-oem-liucheng-box .coo-oem-liucheng-list .coo-oem-liucheng-list-box .coo-oem-bottom p {
    font-size: 11px;
    padding: 0px 5px 0px 5px;
  }
  /*海科做什么*/
  .coo-what .coo-what-box span {
    font-size: 20px;
  }
  /* ODM代工流程 */
  .coo-odm-liucheng {
    padding-bottom: 25px;
  }
  .coo-odm-liucheng .coo-odm-liucheng-box span {
    font-size: 20px;
    padding-top: 8.1227%;
    padding-bottom: 7.7616%;
  }
}