@import url("./base.css");

/* 大屏或小屏PC电脑 */
@media screen and (min-width: 1025px) {
  /* 产品介绍 */
  .row1 {
    padding: 6em 0;
    position: relative;
    z-index: 1;
  }
  .row1 .widget-header .title {
    display: flex;
    align-items: center;
  }
  .row1 .widget-header .title h1 {
    font-size: 32px;
    color: #000;
    width: 30%;
    margin: 0;
    position: relative;
    height: 1.8em;
  }
  .row1 .widget-header .title h1::after {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 4px solid #fbbd02;
    width: 75px;
    content: "";
  }
  .row1 .widget-header .title p {
    flex: 1;
    margin: 0;
    line-height: 1.8;
    color: #aaa;
  }
  .row1 .widget-header .cates {
    overflow: hidden;
    margin: 2em 0;
  }
  .row1 .widget-header .cates ul {
    margin: -1em -0.5em 0 -0.5em;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }
  .row1 .widget-header .cates ul li {
    width: 14.2857%;
    padding: 0 0.5em;
    margin-top: 1em;
  }
  .row1 .widget-header .cates ul li a {
    width: 100%;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c7a870;
    color: #fff;
    border-radius: 7px;
  }
  .row1 .widget-header .cates ul li a:hover {
    background-color: #c09964;
    color: #fff;
  }
  .row1 .widget-body {
    overflow: hidden;
  }
  .row1 .widget-body ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -2em -1em 0;
    list-style: none;
  }
  .row1 .widget-body ul li {
    width: 33.3333%;
    padding: 0 1em;
    margin-top: 2em;
  }
  .row1 .widget-body ul li a {
    display: block;
    position: relative;
    border: 2px solid #f1f1f1;
  }
  .row1 .widget-body ul li a:hover {
    border-color: #000;
  }
  .row1 .widget-body ul li a .img {
    padding-bottom: 61.98%;
    position: relative;
    overflow: hidden;
  }
  .row1 .widget-body ul li a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all 0.3s ease;
  }
  .row1 .widget-body ul li a:hover .img img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .row1 .widget-body ul li a .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: #000;
    opacity: 0;
  }
  .row1 .widget-body ul li a:hover .bg {
    opacity: 0.6;
  }
  .row1 .widget-body ul li a .title {
    position: absolute;
    left: -2px;
    bottom: 0;
    color: #333;
    background-color: rgba(255, 255, 255, 0.9);
    border-left: 4px solid #fbbd02;
    padding: 1rem 1.5rem 1rem;
    font-size: 18px;
    font-weight: 700;
    z-index: 3;
  }
  .row1 .widget-body ul li a:hover .title {
    opacity: 0;
  }
  .row1 .widget-body ul li a .more {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0;
  }
  .row1 .widget-body ul li a .more i {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .row1 .widget-body ul li a .more span {
    font-size: 18px;
    font-weight: 700;
  }
  .row1 .widget-body ul li a:hover .more {
    opacity: 1;
  }

  /* 企业认证 */
  .row2 {
    padding: 4em 0;
    position: relative;
    z-index: 1;
    background-image: url("../img/img_1.jpg");
    background-size: cover;
  }
  .row2 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
  }
  .row2 .widget-header .title {
    font-size: 40px;
    height: 1.8em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.4em;
    position: relative;
  }
  .row2 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 4px solid #fbbd02;
    width: 75px;
    margin-left: -37px;
    content: "";
  }
  .row2 .widget-body ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .row2 .widget-body ul li {
    width: 33.3333%;
    padding: 0 7em;
  }
  .row2 .widget-body ul li a {
    display: block;
  }
  .row2 .widget-body ul li a .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fbbd02;
  }
  .row2 .widget-body ul li a .icon svg {
    stroke: #fbbd02;
    fill: #fff;
    stroke-width: 2;
    width: 100%;
  }
  .row2 .widget-body ul li a .icon i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 120px;
    line-height: 1;
    overflow: hidden;
  }
  .row2 .widget-body ul li a .title {
    text-align: center;
    line-height: 1;
    margin-top: 1em;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
  }
  .row2 .widget-body ul li a:hover .icon {
    color: #fff;
  }
  .row2 .widget-body ul li a:hover .icon svg {
    stroke: #fbbd02;
    fill: #fbbd02;
  }
  /* .row2 {
    padding: 6em 0;
    position: relative;
    z-index: 1;
    background-image: url("../img/img_1.jpg");
    background-size: cover;
  }
  .row2 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
  }
  .row2 .widget-header .title {
    font-size: 40px;
    height: 1.8em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.4em;
    position: relative;
  }
  .row2 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 4px solid #fbbd02;
    width: 75px;
    margin-left: -37px;
    content: "";
  }
  .row2 .widget-body ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .row2 .widget-body ul li {
    width: 33.3333%;
    padding: 0 4em;
  }
  .row2 .widget-body ul li a {
    display: block;
  }
  .row2 .widget-body ul li a .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fbbd02;
  }
  .row2 .widget-body ul li a .icon svg {
    stroke: #fbbd02;
    fill: #fff;
    stroke-width: 2;
    width: 100%;
  }
  .row2 .widget-body ul li a .icon i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 180px;
    line-height: 1;
    overflow: hidden;
  }
  .row2 .widget-body ul li a .title {
    text-align: center;
    line-height: 1;
    margin-top: 1em;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
  }
  .row2 .widget-body ul li a:hover .icon {
    color: #fff;
  }
  .row2 .widget-body ul li a:hover .icon svg {
    stroke: #fbbd02;
    fill: #fbbd02;
  } */

  /* 联系我们 */
  .row3 {
    background: #fbbd02;
    position: relative;
    z-index: 1;
  }
  .row3 .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3em 0;
  }
  .row3 .wrap a {
    border: 1px solid #000;
    background: #000;
    color: #fff;
    border-radius: 3px;
    padding: 1.2em 2.4em;
    transition: all 500ms ease;
    margin-left: 1em;
    line-height: 1;
    font-size: 14px;
  }
  .row3 .wrap a:hover {
    background-color: transparent;
    color: #000;
  }
  .row3 .wrap .detail {
    flex: 1;
    color: #000;
  }
  .row3 .wrap .detail p {
    margin: 0 0 1em 0;
  }
  .row3 .wrap .detail h1 {
    margin: 0;
    font-size: 40px;
    line-height: 1;
  }

  /* 关于我们 */
  .row4 {
    padding: 4em 0;
    position: relative;
    z-index: 1;
    background-image: url(../img/aboutbg.jpg);
    background-size: cover;
  }
  .row4 .wrap .my-row {
    display: flex;
    margin: 0 -1em;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .row4 .wrap .my-col-1 {
    width: 50%;
    padding: 0 1em;
  }
  .row4 .wrap .my-col-2 {
    width: 50%;
    padding: 0 1em;
  }
  .row4 .wrap .my-col-1 .widget-header .title {
    font-size: 26px;
    margin-top: 20px;
    line-height: 1;
    color: #000;
  }
  .row4 .wrap .my-col-1 .widget-header .info {
    font-size: 28px;
    color: #ea590a;
    font-weight: 600;
    margin-top: 20px;
  }
  .row4 .wrap .my-col-1 .widget-body {
    padding: 40px 0 0;
    line-height: 2;
  }
  .row4 .wrap .my-col-1 .widget-body p {
    margin: 0;
  }
  .row4 .wrap .my-col-2 .swiper-slide .img {
    padding-bottom: 64%;
    position: relative;
  }
  .row4 .wrap .my-col-2 .swiper-slide .img .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .row4 .wrap .my-col-2 .swiper-slide .img .img-box img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .row4 .wrap .my-col-2 .swiper-slide .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3em;
    line-height: 3em;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
  }
  .row4 .wrap .my-col-2 .swiper-pagination {
    bottom: calc(3em + 10px);
  }
  .row4 .wrap .my-col-2 .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    background: #fff;
    border-radius: 3px;
    transition: width 0.3s linear;
  }
  .row4 .wrap .my-col-2 .swiper-pagination-bullet-active {
    width: 30px;
    opacity: 0.8;
  }
  .row4 .wrap .my-row2 {
    padding: 1em 0 0 0;
    display: flex;
    width: 100%;
  }
  .row4 .wrap .my-row2 ul {
    width: 584px;
    /* width: 50%; */
    margin: 0;
    padding: 36px 0;
    list-style: none;
    display: flex;
    background: url("../img/img1.png");
    background-size: cover;
  }
  .row4 .wrap .my-row2 ul li {
    width: 33.33%;
    text-align: center;
    color: #fff;
    border-right: 1px dashed #fff;
  }
  .row4 .wrap .my-row2 ul li:last-child {
    border-right: none;
  }
  .row4 .wrap .my-row2 ul li .timer {
    position: relative;
    font-size: 60px;
    font-weight: 600;
    font-family: Impact;
  }
  .row4 .wrap .my-row2 ul li .icon-text {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
  }
  .row4 .wrap .my-row2 .img {
    flex: 1;
  }
  .row4 .wrap .my-row2 .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  /* .row4 {
    padding: 6em 0;
    position: relative;
    z-index: 1;
  }
  .row4 .wrap .my-row {
    display: flex;
    margin: 0 -1em;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .row4 .wrap .my-col-1,
  .row4 .wrap .my-col-2 {
    width: 50%;
    padding: 0 1em;
  }

  .row4 .wrap .my-col-1 .widget-header {
    position: relative;
    font-size: 40px;
    font-weight: 700;
    height: 1.8em;
    color: #000;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .row4 .wrap .my-col-1 .widget-header::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    border-bottom: 4px solid #fbbd02;
    width: 75px;
  }
  .row4 .wrap .my-col-1 .widget-body p {
    margin: 0;
    line-height: 2em;
    color: #555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 10em;
  }
  .row4 .wrap .my-col-2 .img {
    display: block;
    height: 443px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 0 5px #ccc;
  }
  .row4 .wrap .my-col-2 .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .row4 .wrap .my-col-3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70%;
    padding-bottom: 2em;
  }
  .row4 .wrap .my-col-3::before {
    background: #001540;
    content: "";
    position: absolute;
    z-index: 1;
    top: 1em;
    bottom: 1em;
    left: 0;
    width: 2em;
  }
  .row4 .wrap .my-col-3 p {
    position: relative;
    z-index: 2;
    background: #c7a870;
    color: #fff;
    margin: 0;
    padding: 1.5em;
    line-height: 1.8;
    font-size: 16px;
    margin-left: 1.5rem;
    box-shadow: 0 0 20px #222;
  } */

  /* 优质高效 合作共赢 */
  .row5 {
    padding: 4em 0;
    background: url("../img/21aw2d54aw54dawdlkawdkl.jpg");
    background-size: cover;
  }
  .row5 .wrap {
    display: flex;
    align-items: center;
  }
  .row5 .detail p {
    margin: 0;
    font-size: 18px;
    color: #e60213;
  }
  .row5 .detail h1 {
    color: #fff;
    margin: 1rem 0 0 0;
    font-size: 40px;
  }
  .row5 .wrap a {
    margin-left: auto;
    display: block;
    line-height: 48px;
    background-color: rgba(230, 2, 19, 1);
    color: #fff;
    border: 2px solid rgba(230, 2, 19, 1);
    border-radius: 48px;
    width: 150px;
    text-align: center;
    transition: all 0.2s linear;
  }
  .row5 .wrap a:hover {
    color: rgba(230, 2, 19, 1);
    background: transparent;
  }

  /* 集团企业 */
  .row6 {
    position: relative;
    z-index: 1;
    padding: 6em 0;
  }
  .row6 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
  }
  .row6 .widget-header .title {
    font-size: 40px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.4em;
    position: relative;
  }
  .row6 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 4px solid #fbbd02;
    width: 75px;
    margin-left: -37px;
    content: "";
  }
  .row6 .widget-body {
    overflow: hidden;
  }
  .row6 .widget-body ul {
    margin: 0 -1em;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .row6 .widget-body ul li {
    width: 33.33%;
    padding: 0 1em;
  }
  .row6 .widget-body ul li a {
    display: block;
    position: relative;
  }
  .row6 .widget-body ul li a .img {
    padding-bottom: 61.98%;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .row6 .widget-body ul li a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all 0.3s ease;
  }
  .row6 .widget-body ul li a:hover .img img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .row6 .widget-body ul li a .title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
  }
  .row6 .widget-body ul li a:hover::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 61.98%;
    content: "";
    background: #000;
    opacity: 0.6;
    z-index: 3;
  }
  .row6 .widget-body ul li a:hover::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 20px));
    font-size: 36px;
    color: #fff;
    content: "\e787";
    font-family: "iconfont" !important;
    z-index: 4;
  }

  /* 检验设备 */
  .row7 {
    padding: 6em 0;
    position: relative;
    z-index: 1;
  }
  .row7 .wrap {
    overflow: hidden;
  }
  .row7 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
  }
  .row7 .widget-header .title {
    font-size: 40px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.4em;
    position: relative;
  }
  .row7 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 4px solid #fbbd02;
    width: 75px;
    margin-left: -37px;
    content: "";
  }
  .row7 .widget-body {
    display: flex;
    margin: 0 -0.5em;
  }
  .row7 .widget-body ul {
    width: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .row7 .widget-body ul li {
    padding: 0 0.5em;
  }
  .row7 .widget-body ul:nth-child(1) li:first-child {
    width: 100%;
  }
  .row7 .widget-body ul:nth-child(1) li:nth-child(n + 2) {
    width: 50%;
    margin-top: 1em;
  }
  .row7 .widget-body ul:nth-child(2) li:first-child,
  .row7 .widget-body ul:nth-child(2) li:nth-child(2) {
    width: 50%;
  }
  .row7 .widget-body ul:nth-child(2) li:nth-child(3) {
    width: 100%;
    margin-top: 1em;
  }
  .row7 .widget-body ul li a {
    display: block;
  }
  .row7 .widget-body ul li a .img {
    padding-bottom: 61.98%;
    position: relative;
    overflow: hidden;
  }
  .row7 .widget-body ul li a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    z-index: 1;
  }
  .row7 .widget-body ul li a:hover .img img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .row7 .widget-body ul li a:hover .img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.6;
    z-index: 2;
  }
  .row7 .widget-body ul li a:hover .img::after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 36px;
    content: "\e787";
    font-family: "iconfont" !important;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
  }

  /* 地图 */
  .row8 {
    position: relative;
    z-index: 1;
  }
  .row8 .wrap {
    position: relative;
    z-index: 2;
    padding: 60px 0;
    width: 290px;
    left: -429px;
  }
  .row8 .wrap .widget {
    color: #333;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #eee;
    padding: 1em;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.15);
  }
  .row8 .wrap .widget-header .img img {
    width: 100%;
  }
  .row8 .wrap .widget-body {
    padding-top: 1em;
  }
  .row8 .wrap .widget-body > h3 {
    font-size: 18px;
    padding-bottom: 12px;
    margin: 0 0 1rem 0;
    position: relative;
  }
  .row8 .wrap .widget-body > h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    border-bottom: 2px solid #fbbd02;
    width: 60px;
  }
  .row8 .wrap .widget-body > .detail p {
    margin: 0;
    display: flex;
    font-size: 14px;
    line-height: 2em;
  }
  .row8 .wrap .widget-body > .detail p i {
    margin-right: 0.6rem;
    font-size: 16px;
    color: #000;
    font-weight: 700;
  }
  .row8 .qqMap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f4f4f4;
  }

  /* 企业环境 */
  .row9 {
    padding: 6em 0;
    position: relative;
    z-index: 1;
  }
  .row9 .wrap {
    overflow: hidden;
  }
  .row9 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .row9 .widget-header .title {
    font-size: 40px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    position: relative;
  }
  .row9 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 4px solid #fbbd02;
    width: 75px;
    margin-left: -37px;
    content: "";
  }
  .row9 .widget-body {
    overflow: hidden;
  }
  .row9 .swiper-container {
    padding: 4em 0 0 0;
    margin: 0 -1em;
  }
  .row9 .swiper-slide {
    width: 33.33%;
    padding: 0 1em;
  }
  .row9 .swiper-slide a {
    display: block;
  }
  .row9 .swiper-slide a .img {
    padding-bottom: 61.98%;
    position: relative;
    overflow: hidden;
  }
  .row9 .swiper-slide a:hover .img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.6;
    z-index: 2;
  }
  .row9 .swiper-slide a:hover .img::after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 36px;
    content: "\e787";
    font-family: "iconfont" !important;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
  }
  .row9 .swiper-slide a .img img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    z-index: 1;
  }
  .row9 .swiper-slide a:hover .img img {
    transform: scale(1.2, 1.2);
  }
  .row9 .swiper-button-prev {
    top: 1rem;
    left: auto;
    right: 3.5rem;
    width: 2rem;
    height: 2rem;
    margin: 0;
    background: #f5f5f5;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .row9 .swiper-button-next {
    top: 1rem;
    left: auto;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    margin: 0;
    background: #f5f5f5;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .row9 .swiper-button-prev:hover,
  .row9 .swiper-button-next:hover {
    background: #e3f0ff;
    border-color: #007aff;
  }
  .row9 .swiper-button-prev svg,
  .row9 .swiper-button-next svg {
    width: 50%;
    fill: #999;
  }
  .row9 .swiper-button-prev:hover svg,
  .row9 .swiper-button-next:hover svg {
    fill: #007aff;
  }

  /* 资讯中心 */
  .row10 {
    padding: 6em 0;
    position: relative;
    z-index: 1;
  }
  .row10 .wrap {
    overflow: hidden;
  }
  .row10 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .row10 .widget-header .title {
    font-size: 40px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    position: relative;
  }
  .row10 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 4px solid #fbbd02;
    width: 75px;
    margin-left: -37px;
    content: "";
  }
  .row10 .widget-body {
    overflow: hidden;
    margin-top: 2em;
  }
  .row10 .widget-body ul {
    margin: -2em -1em 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }
  .row10 .widget-body ul li {
    width: 50%;
    padding: 0 1em;
    margin-top: 2em;
  }
  .row10 .widget-body ul li a {
    display: flex;
    width: 100%;
    padding: 1em;
    background-color: #f5f5f5;
  }
  .row10 .widget-body ul li a:hover {
    background-color: #f1f1f1;
  }
  .row10 .widget-body ul li a .left {
    width: 40%;
    margin-right: 1em;
  }
  .row10 .widget-body ul li a .img {
    padding-bottom: 68%;
    position: relative;
  }
  .row10 .widget-body ul li a .img .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
  }
  .row10 .widget-body ul li a .img .img-box img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
  }
  .row10 .widget-body ul li a:hover .img .img-box img {
    transform: scale(1.1);
  }
  .row10 .widget-body ul li a .content {
    flex: 1;
    width: 0;
  }
  .row10 .widget-body ul li a .content .title {
    display: block;
    margin: 1rem 0 0 0;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .row10 .widget-body ul li a:hover .content .title {
    color: #f56c6c;
  }
  .row10 .widget-body ul li a .content .detail {
    margin-top: 1em;
    font-size: 14px;
    line-height: 1.8;
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .row10 .widget-body ul li a .content .more {
    font-size: 14px;
    margin-top: 1em;
  }
  /* .row10 {
    padding: 6em 0;
    position: relative;
    z-index: 1;
  }
  .row10 .wrap {
    overflow: hidden;
  }
  .row10 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .row10 .widget-header .title {
    font-size: 40px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    position: relative;
  }
  .row10 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 4px solid #fbbd02;
    width: 75px;
    margin-left: -37px;
    content: "";
  }
  .row10 .widget-body {
    overflow: hidden;
    margin-top: 2em;
  }
  .row10 .widget-body ul {
    margin: -2em -1em 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }
  .row10 .widget-body ul li {
    width: 50%;
    padding: 0 1em;
    margin-top: 2em;
  }
  .row10 .widget-body ul li a {
    display: block;
    position: relative;
    padding: 1em 1em 1em 4.5em;
  }
  .row10 .widget-body ul li a::before {
    position: absolute;
    left: 1.75em;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    border: 1px solid #eee;
    z-index: 1;
  }
  .row10 .widget-body ul li a:hover::before {
    background: #f5f5f5;
  }
  .row10 .widget-body ul li a::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 3.5em;
    height: 3.5em;
    margin-top: -1.75em;
    content: "News";
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f56c6c;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 2;
  }
  .row10 .widget-body ul li a .title {
    position: relative;
    z-index: 3;
    font-size: 18px;
    margin-bottom: 0.5rem;
    color: #409eff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .row10 .widget-body ul li a:hover .title {
    color: #ff4000;
  }
  .row10 .widget-body ul li a .detail {
    position: relative;
    z-index: 3;
    font-size: 14px;
    line-height: 1.5em;
    height: 3em;
    color: #777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
  } */
}

/* 小屏PC电脑 */
@media screen and (min-width: 1025px) and (max-width: 1200px) {
}

/* Ipad或手机 */
@media screen and (max-width: 1024px) {
  /* 产品介绍 */
  .row1 {
    padding: 2em 0;
    position: relative;
    z-index: 1;
  }
  .row1 .widget-header .title {
    display: flex;
    flex-direction: column;
  }
  .row1 .widget-header .title h1 {
    font-size: 25px;
    color: #000;
    width: 30%;
    margin: 0;
    position: relative;
    height: 1.8em;
    margin-bottom: 1rem;
  }
  .row1 .widget-header .title h1::after {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #fbbd02;
    width: 60px;
    content: "";
  }
  .row1 .widget-header .title p {
    flex: 1;
    margin: 0;
    line-height: 1.8;
    color: #aaa;
  }
  .row1 .widget-header .cates {
    overflow: hidden;
  }
  .row1 .widget-header .cates ul {
    margin: 0 -0.5em;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }
  .row1 .widget-header .cates ul li {
    width: 25%;
    padding: 0 0.5em;
    margin-top: 1em;
  }
  .row1 .widget-header .cates ul li a {
    width: 100%;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c7a870;
    color: #fff;
    border-radius: 7px;
  }
  .row1 .widget-header .cates ul li a:active {
    background-color: #c09964;
    color: #fff;
  }
  .row1 .widget-body {
    overflow: hidden;
  }
  .row1 .widget-body ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -0.5em;
    list-style: none;
  }
  .row1 .widget-body ul li {
    width: 33.3333%;
    padding: 0 0.5em;
    margin-top: 1em;
  }
  .row1 .widget-body ul li a {
    display: block;
    position: relative;
    border: 2px solid #f1f1f1;
  }
  .row1 .widget-body ul li a:active {
    border-color: #000;
  }
  .row1 .widget-body ul li a .img {
    padding-bottom: 61.98%;
    position: relative;
    overflow: hidden;
  }
  .row1 .widget-body ul li a .img img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.3s linear;
  }
  .row1 .widget-body ul li a .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: #000;
    opacity: 0;
  }
  .row1 .widget-body ul li a:active .bg {
    opacity: 0.6;
  }
  .row1 .widget-body ul li a .title {
    position: absolute;
    left: -2px;
    bottom: 0;
    color: #333;
    background-color: rgba(255, 255, 255, 0.9);
    border-left: 4px solid #fbbd02;
    padding: 0.5em 1em 0.5em;
    font-size: 18px;
    font-weight: 700;
    z-index: 3;
  }
  .row1 .widget-body ul li a:active .title {
    opacity: 0;
  }
  .row1 .widget-body ul li a .more {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0;
  }
  .row1 .widget-body ul li a .more i {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .row1 .widget-body ul li a .more span {
    font-size: 18px;
    font-weight: 700;
  }
  .row1 .widget-body ul li a:active .more {
    opacity: 1;
  }

  /* 企业认证 */
  .row2 {
    padding: 2em 0;
    position: relative;
    z-index: 1;
    background-image: url("../img/img_1.jpg");
    background-size: cover;
  }
  .row2 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
  }
  .row2 .widget-header .title {
    font-size: 25px;
    height: 1.8em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.4em;
    position: relative;
  }
  .row2 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 2px solid #fbbd02;
    width: 60px;
    transform: translateX(-50%);
    content: "";
  }
  .row2 .widget-body ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .row2 .widget-body ul li {
    width: 33.3333%;
    padding: 0 2em;
  }
  .row2 .widget-body ul li a {
    display: block;
  }
  .row2 .widget-body ul li a .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fbbd02;
  }
  .row2 .widget-body ul li a .icon svg {
    stroke: #fbbd02;
    fill: #fff;
    stroke-width: 2;
    width: 100%;
  }
  .row2 .widget-body ul li a .icon i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(750px * 0.16);
    line-height: 1;
    overflow: hidden;
  }
  .row2 .widget-body ul li a .title {
    text-align: center;
    line-height: 1;
    margin-top: 1em;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
  }
  .row2 .widget-body ul li a:active .icon {
    color: #fff;
  }
  .row2 .widget-body ul li a:active .icon svg {
    stroke: #fbbd02;
    fill: #fbbd02;
  }

  /* 联系我们 */
  .row3 {
    background: #fbbd02;
    position: relative;
    z-index: 1;
  }
  .row3 .wrap {
    display: flex;
    align-items: center;
    padding: 2em;
  }
  .row3 .wrap a {
    margin-left: auto;
    display: block;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    border-radius: 3px;
    transition: all 500ms ease;
    font-size: 14px;
    line-height: 36px;
    width: 120px;
    text-align: center;
  }
  .row3 .wrap a:active {
    background-color: transparent;
    color: #000;
  }
  .row3 .wrap .detail {
    color: #000;
  }
  .row3 .wrap .detail p {
    margin: 0 0 1em 0;
  }
  .row3 .wrap .detail h1 {
    margin: 0;
    font-size: 26px;
  }

  /* 关于我们 */
  .row4 {
    padding: 2em 0;
    position: relative;
    z-index: 1;
    background-image: url(../img/aboutbg.jpg);
    background-size: cover;
  }
  .row4 .wrap .my-row {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .row4 .wrap .my-col-2 {
    padding: 1em 0 0;
  }
  .row4 .wrap .my-col-1 .widget-header .title {
    font-size: 26px;
    margin-top: 20px;
    line-height: 1;
    color: #000;
  }
  .row4 .wrap .my-col-1 .widget-header .info {
    font-size: 20px;
    color: #ea590a;
    font-weight: 600;
    margin-top: 20px;
  }
  .row4 .wrap .my-col-1 .widget-body {
    padding: 30px 0 0;
    line-height: 2;
  }
  .row4 .wrap .my-col-1 .widget-body p {
    margin: 0;
  }
  .row4 .wrap .my-col-2 .swiper-slide .img {
    padding-bottom: 64%;
    position: relative;
  }
  .row4 .wrap .my-col-2 .swiper-slide .img .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .row4 .wrap .my-col-2 .swiper-slide .img .img-box img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .row4 .wrap .my-col-2 .swiper-slide .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3em;
    line-height: 3em;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
  }
  .row4 .wrap .my-col-2 .swiper-pagination {
    bottom: calc(3em + 10px);
  }
  .row4 .wrap .my-col-2 .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    background: #fff;
    border-radius: 3px;
    transition: width 0.3s linear;
  }
  .row4 .wrap .my-col-2 .swiper-pagination-bullet-active {
    width: 30px;
    opacity: 0.8;
  }
  .row4 .wrap .my-row2 {
    padding: 1em 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
  }
  .row4 .wrap .my-row2 ul {
    width: 100%;
    margin: 0;
    padding: 36px 0;
    list-style: none;
    display: flex;
    background: url("../img/img1.png");
    background-size: cover;
  }
  .row4 .wrap .my-row2 ul li {
    width: 33.33%;
    text-align: center;
    color: #fff;
    border-right: 1px dashed #fff;
  }
  .row4 .wrap .my-row2 ul li:last-child {
    border-right: none;
  }
  .row4 .wrap .my-row2 ul li .timer {
    position: relative;
    font-size: 60px;
    font-weight: 600;
    font-family: Impact;
  }
  .row4 .wrap .my-row2 ul li .icon-text {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
  }
  .row4 .wrap .my-row2 .img {
    width: 100%;
    height: auto;
  }
  .row4 .wrap .my-row2 .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  /* .row4 {
    padding: 2em 0;
    position: relative;
    z-index: 1;
  }
  .row4 .wrap .my-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .row4 .wrap .my-col-1 {
    width: 100%;
  }
  .row4 .wrap .my-col-2 {
    width: 100%;
    margin-top: 1em;
  }
  .row4 .wrap .my-col-1 .widget-header {
    position: relative;
    font-size: 25px;
    font-weight: 700;
    height: 1.8em;
    color: #000;
    margin-bottom: 1rem;
  }
  .row4 .wrap .my-col-1 .widget-header::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    border-bottom: 2px solid #fbbd02;
    width: 60px;
  }
  .row4 .wrap .my-col-1 .widget-body p {
    margin: 0;
    line-height: 2em;
    color: #555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 10em;
  }
  .row4 .wrap .my-col-2 .img {
    display: block;
    overflow: hidden;
  }
  .row4 .wrap .my-col-2 .img img {
    width: 100%;
  }
  .row4 .wrap .my-col-3 {
    position: relative;
    top: -1em;
    width: 100%;
  }
  .row4 .wrap .my-col-3::before {
    background: #001540;
    content: "";
    position: absolute;
    z-index: 1;
    top: 1em;
    bottom: 0;
    left: 0;
    width: 2em;
  }
  .row4 .wrap .my-col-3 p {
    position: relative;
    z-index: 2;
    background: #c7a870;
    color: #fff;
    margin: 0;
    padding: 1.5em;
    line-height: 1.8;
    font-size: 14px;
    margin-left: 1.5rem;
    box-shadow: 0 0 20px #222;
  } */

  /* 优质高效 合作共赢 */
  .row5 {
    padding: 2em 0;
    background: url("../img/21aw2d54aw54dawdlkawdkl.jpg");
    background-size: cover;
  }
  .row5 .wrap {
    display: flex;
    align-items: center;
    padding: 0 4em;
  }
  .row5 .detail p {
    margin: 0;
    font-size: 16px;
    color: #e60213;
  }
  .row5 .detail h1 {
    color: #fff;
    margin: 1rem 0 0 0;
    font-size: 25px;
  }
  .row5 .wrap a {
    margin-left: auto;
    display: block;
    line-height: 36px;
    background-color: rgba(230, 2, 19, 1);
    color: #fff;
    border: 2px solid rgba(230, 2, 19, 1);
    border-radius: 36px;
    width: 150px;
    text-align: center;
    transition: all 0.2s linear;
    font-size: 14px;
  }
  .row5 .wrap a:active {
    color: rgba(230, 2, 19, 1);
    background: transparent;
  }

  /* 集团企业 */
  .row6 {
    position: relative;
    z-index: 1;
    padding: 2em 0;
  }
  .row6 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
  }
  .row6 .widget-header .title {
    font-size: 25px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    margin-bottom: 1rem;
    position: relative;
  }
  .row6 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 2px solid #fbbd02;
    width: 60px;
    transform: translateX(-50%);
    content: "";
  }
  .row6 .widget-body {
    overflow: hidden;
  }
  .row6 .widget-body ul {
    margin: 0 -1em;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .row6 .widget-body ul li {
    width: 33.33%;
    padding: 0 1em;
  }
  .row6 .widget-body ul li a {
    display: block;
    position: relative;
  }
  .row6 .widget-body ul li a .img {
    padding-bottom: 61.98%;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .row6 .widget-body ul li a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all 0.3s ease;
  }
  .row6 .widget-body ul li a:active .img img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .row6 .widget-body ul li a .title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    font-size: 14px;
  }
  .row6 .widget-body ul li a:active::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 61.98%;
    content: "";
    background: #000;
    opacity: 0.6;
    z-index: 3;
  }
  .row6 .widget-body ul li a:active::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 20px));
    font-size: 36px;
    color: #fff;
    content: "\e787";
    font-family: "iconfont" !important;
    z-index: 4;
  }

  /* 检验设备 */
  .row7 {
    padding: 2em 0;
    position: relative;
    z-index: 1;
  }
  .row7 .wrap {
    overflow: hidden;
  }
  .row7 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
  }
  .row7 .widget-header .title {
    font-size: 25px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    position: relative;
  }
  .row7 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 2px solid #fbbd02;
    width: 60px;
    transform: translateX(-50%);
    content: "";
  }
  .row7 .widget-body {
    display: flex;
    margin: 0 -0.5em;
  }
  .row7 .widget-body ul {
    width: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .row7 .widget-body ul li {
    padding: 0 0.5em;
  }
  .row7 .widget-body ul:nth-child(1) li:first-child {
    width: 100%;
  }
  .row7 .widget-body ul:nth-child(1) li:nth-child(n + 2) {
    width: 50%;
    margin-top: 1em;
  }
  .row7 .widget-body ul:nth-child(2) li:first-child,
  .row7 .widget-body ul:nth-child(2) li:nth-child(2) {
    width: 50%;
  }
  .row7 .widget-body ul:nth-child(2) li:nth-child(3) {
    width: 100%;
    margin-top: 1em;
  }
  .row7 .widget-body ul li a {
    display: block;
  }
  .row7 .widget-body ul li a .img {
    padding-bottom: 61.98%;
    position: relative;
    overflow: hidden;
  }
  .row7 .widget-body ul li a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    z-index: 1;
  }
  .row7 .widget-body ul li a:active .img img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .row7 .widget-body ul li a:active .img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.6;
    z-index: 2;
  }
  .row7 .widget-body ul li a:active .img::after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 36px;
    content: "\e787";
    font-family: "iconfont" !important;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
  }

  /* 地图 */
  .row8 {
    position: relative;
    z-index: 1;
  }
  .row8 .qqMap {
    width: 100%;
    height: 320px;
    overflow: hidden;
    background: #f4f4f4;
  }
  .row8 .wrap {
    padding: 2em;
  }
  .row8 .wrap .widget {
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    padding: 1em;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.15);
  }
  .row8 .wrap .widget-header .img img {
    width: 100%;
  }
  .row8 .wrap .widget-body {
    padding-top: 1em;
  }
  .row8 .wrap .widget-body > h3 {
    font-size: 18px;
    padding-bottom: 12px;
    margin: 0 0 1rem 0;
    position: relative;
  }
  .row8 .wrap .widget-body > h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    border-bottom: 2px solid #fbbd02;
    width: 60px;
  }
  .row8 .wrap .widget-body > .detail p {
    margin: 0;
    display: flex;
    font-size: 14px;
    line-height: 2em;
  }
  .row8 .wrap .widget-body > .detail p i {
    margin-right: 0.6rem;
    font-size: 16px;
    color: #000;
    font-weight: 700;
  }

  /* 企业环境 */
  .row9 {
    padding: 0 0 2em;
    position: relative;
    z-index: 1;
  }
  .row9 .wrap {
    overflow: hidden;
  }
  .row9 .widget-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .row9 .widget-header .title {
    font-size: 25px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    position: relative;
  }
  .row9 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 2px solid #fbbd02;
    width: 60px;
    transform: translateX(-50%);
    content: "";
  }
  .row9 .widget-body {
    overflow: hidden;
  }
  .row9 .swiper-container {
    padding: 4em 0 0 0;
    margin: 0 -0.5em;
  }
  .row9 .swiper-slide {
    width: 50%;
    padding: 0 0.5em;
  }
  .row9 .swiper-slide a {
    display: block;
  }
  .row9 .swiper-slide a .img {
    padding-bottom: 61.98%;
    position: relative;
    overflow: hidden;
  }
  .row9 .swiper-slide a:active .img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.6;
    z-index: 2;
  }
  .row9 .swiper-slide a:active .img::after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 36px;
    content: "\e787";
    font-family: "iconfont" !important;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
  }
  .row9 .swiper-slide a .img img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    z-index: 1;
  }
  .row9 .swiper-slide a:active .img img {
    transform: scale(1.2, 1.2);
  }
  .row9 .swiper-button-prev {
    top: 1rem;
    left: auto;
    left: 0.5rem;
    width: 2rem;
    height: 2rem;
    margin: 0;
    background: #f5f5f5;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .row9 .swiper-button-next {
    top: 1rem;
    left: auto;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    margin: 0;
    background: #f5f5f5;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .row9 .swiper-button-prev:active,
  .row9 .swiper-button-next:active {
    background: #e3f0ff;
    border-color: #007aff;
  }
  .row9 .swiper-button-prev svg,
  .row9 .swiper-button-next svg {
    width: 50%;
    fill: #999;
  }
  .row9 .swiper-button-prev:active svg,
  .row9 .swiper-button-next:active svg {
    fill: #007aff;
  }

  /* 资讯中心 */
  .row10 {
    padding: 2em 0;
    position: relative;
    z-index: 1;
  }
  .row10 .wrap {
    overflow: hidden;
  }
  .row10 .widget-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .row10 .widget-header .title {
    font-size: 25px;
    height: 1.8em;
    font-weight: 600;
    color: #000;
    position: relative;
  }
  .row10 .widget-header .title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 2px solid #fbbd02;
    width: 60px;
    transform: translateX(-50%);
    content: "";
  }
  .row10 .widget-body {
    overflow: hidden;
    padding-top: 1em;
  }
  .row10 .widget-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }
  .row10 .widget-body ul li {
    width: 100%;
    padding: 0 1em;
    margin-top: 1em;
  }
  .row10 .widget-body ul li a {
    display: flex;
    width: 100%;
    padding: 1em;
    background-color: #f5f5f5;
  }
  .row10 .widget-body ul li a:hover {
    background-color: #f1f1f1;
  }
  .row10 .widget-body ul li a .left {
    width: 40%;
    margin-right: 1em;
  }
  .row10 .widget-body ul li a .img {
    padding-bottom: 68%;
    position: relative;
  }
  .row10 .widget-body ul li a .img .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
  }
  .row10 .widget-body ul li a .img .img-box img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
  }
  .row10 .widget-body ul li a:hover .img .img-box img {
    transform: scale(1.1);
  }
  .row10 .widget-body ul li a .content {
    flex: 1;
    width: 0;
  }
  .row10 .widget-body ul li a .content .title {
    display: block;
    margin: 1rem 0 0 0;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .row10 .widget-body ul li a:hover .content .title {
    color: #f56c6c;
  }
  .row10 .widget-body ul li a .content .detail {
    margin-top: 1em;
    font-size: 14px;
    line-height: 1.8;
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .row10 .widget-body ul li a .content .more {
    font-size: 14px;
    margin-top: 1em;
  }
  /* .row10 {
    position: relative;
    z-index: 1;
    padding: 2em 0;
  }
  .row10 .widget-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .row10 .widget-header .title {
    font-size: 25px;
    font-weight: bold;
    color: #000;
  }
  .row10 .widget-header .line {
    width: 12rem;
    border-bottom: 2px solid #9b8854;
    margin: 0.6rem 0;
  }
  .row10 .widget-header .sub-title {
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
  }
  .row10 .widget-body {
    overflow: hidden;
    margin-top: 2em;
  }
  .row10 .widget-body ul {
    margin: -2em 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }
  .row10 .widget-body ul li {
    width: 100%;
    padding: 0;
    margin-top: 2em;
  }
  .row10 .widget-body ul li a {
    display: block;
    position: relative;
    padding: 1em 1em 1em 4.5em;
  }
  .row10 .widget-body ul li a::before {
    position: absolute;
    left: 1.75em;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    border: 1px solid #eee;
    z-index: 1;
  }
  .row10 .widget-body ul li a:active::before {
    background: #f5f5f5;
  }
  .row10 .widget-body ul li a::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 3.5em;
    height: 3.5em;
    margin-top: -1.75em;
    content: "News";
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f56c6c;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 2;
  }
  .row10 .widget-body ul li a .title {
    position: relative;
    z-index: 3;
    font-size: 18px;
    margin-bottom: 0.5rem;
    color: #409eff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .row10 .widget-body ul li a:active .title {
    color: #ff4000;
  }
  .row10 .widget-body ul li a .detail {
    position: relative;
    z-index: 3;
    font-size: 14px;
    line-height: 1.5em;
    height: 3em;
    color: #777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
  } */
}

/* 手机 */
@media screen and (max-width: 750px) {
  .row1 .widget-header .cates ul li {
    width: 33.33%;
    font-size: 12px;
  }
  .row1 .widget-body ul li {
    width: 50%;
  }
  .row1 .widget-body ul li a {
    border: 2px solid #f1f1f1;
  }
  .row1 .widget-body ul li a .title {
    font-size: 13px;
    padding: 0.5em 1em 0.5em;
  }

  .row2 .widget-body ul li {
    padding: 0 0.5em;
  }
  .row2 .widget-body ul li a .title {
    font-size: 13px;
  }
  .row2 .widget-body ul li a .icon i {
    font-size: 18vw;
  }

  .row3 .wrap {
    flex-wrap: wrap;
  }
  .row3 .wrap .detail {
    width: 100%;
  }
  /* .row3 .wrap a {
    margin-left: auto;
    display: block;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    border-radius: 3px;
    transition: all 500ms ease;
    font-size: 14px;
    line-height: 36px;
    width: 120px;
    text-align: center;
  }
  .row3 .wrap a:active {
    background-color: transparent;
    color: #000;
  }
  .row3 .wrap .detail {
    flex: 1;
    color: #000;
  }
  .row3 .wrap .detail p {
    margin: 0 0 1em 0;
  }
  .row3 .wrap .detail h1 {
    margin: 0;
    font-size: 26px;
    line-height: 1;
  } */

  .row5 .wrap {
    flex-wrap: wrap;
    padding: 0 2em;
  }
  .row5 .wrap a {
    width: 120px;
    line-height: 30px;
    border-radius: 30px;
    margin-top: 1rem;
  }

  .row6 .widget-body ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .row6 .widget-body ul li {
    width: 100%;
    padding: 0 1em;
  }

  .row7 .widget-body {
    flex-wrap: wrap;
  }
  .row7 .widget-body ul {
    width: 100%;
  }
  .row7 .widget-body ul:nth-child(2) {
    margin-top: 1em;
  }

  .row4 .wrap .my-col-1 .widget-header img {
    width: 40%;
  }
  .row4 .wrap .my-row2 ul li .timer {
    position: relative;
    font-size: 30px;
    font-weight: 600;
    font-family: Impact;
  }
  .row4 .wrap .my-row2 ul li .icon-text {
    position: absolute;
    font-weight: 500;
    font-size: 12px;
  }
  .row4 .wrap .my-row2 ul li .zi2 {
    font-size: 12px;
  }
}