@media (max-width: 1000px) {
  html, body {
    overflow-x: hidden;
  }
  img {
    max-width: initial;
    width: 100%;
  }
  .content, .bigcontent {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.15rem;
  }
  #LRfloater1 img {
    width: auto;
  }
  #flb-close {
    width: auto;
    margin: 30px auto 0 !important;
  }
  #flb-lightbox #flb-lightbox-image {
    display: inline-block;
    max-width: 90%;
    height: auto !important;
    width: auto;
  }
  .head-top {
    display: none;
  }
  .head-box {
    background: none;
  }
  header {
    position: relative;
    z-index: 99;
  }
  header::after {
    display: none;
  }
  p {
    line-height: 1.7em;
  }
  .fl, .fr {
    float: none;
  }
  .padd {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .paddtop {
    padding-top: 0.4rem;
  }
  .magg {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mtop {
    margin-top: 0.4rem;
  }
  .menubtn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 9;
    display: block;
    margin-top: 9px;
  }
  .menubtn .bar:nth-of-type(1) {
    margin-top: 0px;
  }
  .menubtn .bar:nth-of-type(3) {
    margin-bottom: 0px;
  }
  .bar {
    position: relative;
    display: block;
    width: 25px;
    height: 2px;
    margin: 7px auto;
    background-color: #5a5a5a;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .menubtn_close .bar:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    -ms-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
  .menubtn_close .bar:nth-of-type(2) {
    opacity: 0;
  }
  .menubtn_close .bar:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    -ms-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
  }
  .m-search {
    display: block;
    position: absolute;
    top: 22px;
    right: 60px;
    width: 25px;
  }
  .headsearch {
    position: absolute;
    border: 1px solid #eee;
    height: 35px;
    line-height: 35px;
    width: 55%;
    border-radius: 10px;
    overflow: hidden;
    top: 59px;
    right: 37px;
    display: none;
  }
  .headsearch input[type=text] {
    height: 35px;
    line-height: 35px;
  }
  .headsearch .subbtn {
    background-image: url(../images/searchm.png);
    width: 20px;
    height: 100%;
    background-size: 20px 20px;
    right: 10px;
  }
  .nav {
    display: none;
  }
  .m-navbox {
    display: block;
    display: none;
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(0, 3, 7, 0.8);
    left: 0;
    top: 0;
    box-sizing: border-box;
  }
  .head-logo {
    width: 34.3%;
    background: none;
    padding: 0;
    margin: 0;
    margin: 15px 0;
  }
  .head-logo .logo {
    width: 100%;
  }
  .m-navrow {
    width: 71%;
    background: #FFF;
    box-sizing: border-box;
    height: 100%;
    padding: 0.25rem 0 0.72rem;
    overflow-y: auto;
    position: relative;
    margin-left: 29%;
  }
  .closenav {
    position: absolute;
    width: 0.36rem;
    height: 0.36rem;
    left: 0.5rem;
    top: 0.2rem;
  }
  .m-nav {
    margin-top: 0.25rem;
    padding: 0 0.2rem;
  }
  .m-nav > li {
    border-bottom: 1px dashed #E6E6E6;
    z-index: 1;
    position: relative;
    text-align: center;
  }
  .m-nav > li > a {
    display: inline-block;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.18rem;
    color: #333333;
  }
  .m-nav > li.nav-more ul {
    padding: 10px 0;
    background: rgba(245, 245, 245, 0.7803921569);
    display: none;
  }
  .m-nav > li.nav-more ul li {
    line-height: 0.4rem;
    height: 0.4rem;
  }
  .m-nav > li.nav-more ul li a {
    font-size: 16px;
  }
  .m-nav > li.nav-more span {
    width: 8px;
    height: 6px;
    display: block;
    right: 10px;
    top: 20px;
    position: absolute;
  }
  .m-nav > li.nav-more span::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #676767 transparent transparent transparent;
  }
  .m-nav > li.m-navact > a {
    color: #FFF;
    font-weight: bold;
  }
  .m-nav > li.m-navact::before {
    content: "";
    position: absolute;
    height: 100%;
    z-index: -1;
    box-sizing: border-box;
    background: #BD1D21;
    color: #FFF;
    left: -0.2rem;
    right: -0.2rem;
  }
  .m-nav > li.m-navact.nav-more span::after {
    border-color: #fff transparent transparent transparent;
  }
  .m-nav > li.m-navact.nav-more ul {
    background: none;
  }
  .m-nav > li.m-navact.nav-more ul li a {
    color: #FFF;
  }
  .m-logo {
    width: 49.3%;
    margin: 0 auto;
  }
  .m-chatlist {
    padding: 0 0.15rem;
    margin-top: 0.3rem;
  }
  .m-chatlist a {
    display: block;
    line-height: 0.4rem;
    font-weight: bold;
  }
  .m-chatlist a img {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
  }
  .m-chatbtn {
    width: 70%;
    margin: 0.3rem auto 0;
    background: #BD1D21;
    border-radius: 5px;
    color: #FFF;
    height: 0.4rem;
    line-height: 0.4rem;
    display: block;
    text-align: center;
  }
  .m-chatbtn img {
    display: inline-block;
    width: 0.2rem;
    margin-right: 0.1rem;
    vertical-align: middle;
  }
  .rightbox {
    bottom: 23%;
    padding: 10px 5px;
  }
  .rightbox ul {
    display: none;
  }
  .totop {
    margin: 0;
    width: 30px;
  }
  .banner .swiper-button-next, .banner .swiper-button-prev {
    display: none;
  }
  .banner .swiper-pagination {
    bottom: 0.1rem;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 5px;
  }
  .banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 30px;
  }
  .m-foot {
    display: block;
    background: #021733;
    position: fixed;
    z-index: 99;
    width: 100%;
    bottom: 0;
    padding-right: 29.4%;
    box-sizing: border-box;
  }
  .m-foot .content {
    padding-right: 0;
  }
  .m-foottact {
    padding: 0.1rem 0;
  }
  .m-foottact li {
    width: 29.8%;
    border-right: 1px solid #FFFFFF;
    box-sizing: border-box;
  }
  .m-foottact li img {
    width: 0.2rem;
    margin: 0 auto;
  }
  .m-foottact li h6 {
    color: #FFF;
    text-align: center;
    margin-top: 0.04rem;
    font-size: 0.16rem;
  }
  .m-foottact .mfoot-chat {
    width: 31.8%;
  }
  .m-foottact .mfoot-message {
    width: 38.4%;
    border-right: 0 none;
  }
  .m-foottact .mfoot-whatapp {
    position: absolute;
    width: 29.4%;
    background: #BD1D21;
    height: 100%;
    right: 0;
    box-sizing: border-box;
    padding-right: 0.15rem;
    padding: 0.1rem 0;
  }
  footer {
    padding-bottom: 0.62rem;
  }
  .foottop {
    display: none;
  }
  .footbot {
    padding: 0.15rem 0;
    height: auto;
  }
  .footbot p {
    line-height: 1.5em;
    font-size: 14px;
    text-align: center;
  }
  .titbox {
    margin-bottom: 0.3rem;
    padding-top: 0.1rem;
  }
  .titbox h2 {
    font-size: 0.24rem;
    line-height: 1.3em;
  }
  .titbox h2:after {
    width: 1rem;
    height: 0.02rem;
  }
  .titbox h2::before {
    width: 0.2rem;
    height: 0.15rem;
    left: -0.15rem;
    top: -0.03rem;
    z-index: -1;
  }
  .inaboutpic {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  .inabouttxt {
    position: static;
    width: 100%;
  }
  .inabouttxt .titbox {
    text-align: left;
    padding-left: 0.2rem;
    margin-bottom: 0;
  }
  .inabouttxt .txt {
    padding-top: 0.3rem;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .aboutepc {
    margin-top: 0.3rem;
    padding: 0.2rem 0;
  }
  .aboutepc ul {
    margin-left: 0;
    margin-right: 0;
    align-items: initial;
    position: relative;
  }
  .aboutepc ul::before {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    background: #FFF;
    opacity: 0.2;
    position: absolute;
    left: 50%;
    top: 0;
  }
  .aboutepc ul::after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background: #FFF;
    opacity: 0.2;
    position: absolute;
    top: 50%;
    left: 0;
  }
  .aboutepc ul li {
    width: 48%;
    border: 0 none;
    padding: 0.2rem 0;
  }
  .aboutepc ul li i {
    margin: 0 auto 0.05rem;
    width: 0.3rem;
  }
  .aboutepc ul li h4 {
    font-size: 0.26rem;
    margin-bottom: 0.1rem;
  }
  .inepctab .swiper, .inepctab .swiper-button-next,.inepctab .swiper-button-prev{
    display: none;
  }
  .inepctab .swiper-pagination{
    display: block;
    position: static;
    text-align: center;
    margin-top: .2rem;
  }
  .inepcright {
    display: none;
  }
  .inepc-con {
    width: 100%;
  }
  .inepcitem {
    display: block;
    padding: 0.4rem 0;
    border-bottom: 1px dashed #ccc;
  }
  .inepcitem .aniimg {
    width: 100%;
  }
  .inepcitem-txt {
    width: 100%;
    margin-top: 0.3rem;
  }
  .inepcitem-txt h5 {
    font-size: 0.26rem;
  }
  .inepcitem-txt h4 {
    font-size: 0.2rem;
    margin-top: 0.05rem;
    margin-bottom: 0.2rem;
  }
  .inepcitem-txt i {
    font-size: 0.6rem;
    right: 0px;
    bottom: -0.1rem;
  }
  .inepcitem-btn a {
    padding-left: 0.2rem;
    background-size: 0.12rem 0.12rem;
    margin-bottom: 0.1rem;
  }
  .inepcitem-more {
    margin-top: 0.2rem;
  }
  .inepcitem-more a {
    padding-left: 1.1rem;
    font-size: 16px;
    background: url(../images/epcmorebg.png) no-repeat left center;
    background-size: 1rem 0.06rem;
  }
  .inprotab {
    padding-top: 0.25rem;
    padding-bottom: 0.15rem;
  }
  .inprotab li {
    width: 33%;
    padding-bottom: 0.1rem;
  }
  .inprocon-item li {
    width: 48%;
    margin-right: 4%;
    margin-top: 0.3rem;
  }
  .inprocon-item li:nth-child(2n) {
    margin-right: 0;
  }
  .inprocon-item li h4 {
    margin-top: 0.1rem;
  }
  .insolubox li {
    padding: 0.2rem 0.2rem;
  }
  .insolu-top {
    margin-bottom: 0.5rem;
  }
  .insolu-toptxt {
    left: 0.2rem;
    right: 0.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.1rem;
    bottom: -0.2rem;
  }
  .insolu-toptxt h4 {
    font-size: 16px;
  }
  .insolu-link {
    padding-left: 0.2rem;
  }
  .insolu-link a {
    padding-left: 0.2rem;
    background-size: 0.14rem 0.14rem;
    margin-bottom: 0.15rem;
  }
  .insolu {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .insolu i {
    font-size: 0.8rem;
  }
  .insolu .swiper-button-prev, .insolu .swiper-button-next {
    width: 0.2rem;
    height: 0.35rem;
    left: 0.3rem;
    top: 25%;
  }
  .insolu .swiper-button-prev:after, .insolu .swiper-button-next:after {
    font-size: 0.18rem;
  }
  .insolu .swiper-button-next {
    left: auto;
    right: 0.3rem;
  }
  .insolu .swiper-pagination {
    margin-top: 0.2rem;
  }
  .insolu .swiper-pagination span {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 0.07rem;
    margin: 0 0.05rem;
    opacity: 0.6;
  }
  .insolu .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.3rem;
  }
  .incasebox {
    background: none;
  }
  .incasel {
    width: 100%;
    border-top: 0 none;
    margin-top: 0;
    padding: 0;
    box-sizing: border-box;
    padding-top: 0;
  }
  .incasel-list li {
    padding: 0.3rem 0;
    width: 100%;
  }
  .incasel-list li h4 {
    padding-left: 20px;
    font-weight: bold;
    font-size: 16px;
    text-overflow: initial;
    white-space: initial;
  }
  .incasel-list li h4::before {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    border: 1px solid #BD1D21;
    box-sizing: border-box;
    left: 0;
    top: 0.4em;
  }
  .incasel-list li .txt {
    display: block;
    margin-top: 0.1rem;
  }
  .incasel-list li .txt p {
    line-height: 1.7em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #4D4D4D;
    -webkit-line-clamp: 3;
    height: 5.1em;
  }
  .incasel-list li .txt span {
    font-size: 16px;
    background: #BD1D21;
    display: block;
    box-sizing: border-box;
    color: #FFF;
    position: relative;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-top: 0.2rem;
    width: 1.3rem;
    padding-left: 0.23rem;
  }
  .incasel-list li .txt span i {
    display: block;
    height: 100%;
    background: url(../images/morebg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    width: 0.5rem;
    padding-left: 0.18rem;
  }
  .incasel-list li .txt span i img {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    margin-top: -2px;
  }
  .incasel-list .incasel-act {
    width: 100%;
    border-bottom: 1px solid rgba(189, 29, 33, 0.24);
  }
  .incasel-list .incasel-act h4 {
    font-weight: bold;
    font-size: 16px;
    text-overflow: initial;
    white-space: initial;
  }
  .incasel-list .incasel-act .txt {
    display: block;
    margin-top: 0.1rem;
  }
  .incasel-list .incasel-act .txt p {
    color: #4D4D4D;
    -webkit-line-clamp: 3;
    height: 5.1em;
  }
  .incasel-list .incasel-act .txt span {
    height: 0.3rem;
    line-height: 0.3rem;
    margin-top: 0.2rem;
    width: 1.3rem;
    padding-left: 0.23rem;
  }
  .incasel-list .incasel-act .txt span i {
    width: 0.5rem;
    padding-left: 0.18rem;
  }
  .incasel-list .incasel-act .txt span i img {
    width: 0.2rem;
    margin-top: -2px;
  }
  .incaser {
    width: 100%;
    padding-right: 0px;
    margin-top: 30px;
  }
  .incaser li {
    width: 48%;
  }
  .incaser li .tit {
    padding-left: 18px;
    margin-top: 0.1rem;
  }
  .incaser li .tit::before {
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 0.05rem;
    border: 1px solid #BD1D21;
    top: 0.4em;
  }
  .innewsl {
    width: 100%;
  }
  .innewsl li {
    padding: 0.2rem 0.2rem;
    box-shadow: 0px 0px 4px 0px rgba(17, 0, 0, 0.15);
    margin-bottom: 0.3rem;
  }
  .innewsl li .aniimg {
    width: 100%;
  }
  .innewsl li .txt {
    margin-top: 0.2rem;
    width: 100%;
  }
  .innewsl li .txt h4 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3em;
  }
  .innewsl li .txt span {
    margin-top: 0.2rem;
    font-size: 15px;
  }
  .innewsr {
    width: 100%;
  }
  .innewsr li {
    margin-bottom: 0.3rem;
    padding: 0.2rem 0.2rem;
  }
  .innewsr li .date b {
    font-size: 0.36rem;
  }
  .innewsr li h4 {
    width: 78%;
    padding-left: 0.2rem;
    font-weight: bold;
  }
  .newslist li {
    padding: 0.2rem 0;
  }
  .newslist li h4 {
    padding-left: 20px;
    max-width: 100%;
  }
  .newslist li h4::before {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    border: 1px solid #BD1D21;
    left: 0;
    top: 0.4em;
  }
  .newslist li span {
    display: none;
  }
  /*about*/
  .listnav {
    width: 100%;
    top: 0;
    position: static;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0.3rem;
  }
  .listnav ul {
    padding: 0.2rem;
    box-sizing: border-box;
    background: none;
    align-items: flex-start;
    background: #F1F8FF;
  }
  .listnav li {
    width: 45%;
    position: relative;
  }
  .listnav li .aniimg {
    display: none;
  }
  .listnav li h4 {
    text-align: left;
    padding: 5px 0;
    margin-top: 0;
  }
  .listnav li h4 span {
    padding-left: 0.2rem;
    background-size: 0.11rem 0.11rem;
  }
  .listnav li.listnavact {
    border-radius: 0;
    overflow: hidden;
  }
  .listnav li.listnavact .aniimg {
    display: none;
  }
  .listnav li.listnavact h4 {
    position: static;
    background: none;
    padding: 5px 0;
    margin-top: 0;
    display: block;
  }
  .listnav li.listnavact h4 span {
    font-weight: bold;
    font-size: 16px;
    color: #BD1D21;
    padding-left: 0.2rem;
    background: url(../images/more.png) no-repeat left center;
    background-size: 0.11rem 0.11rem;
  }
  .company-list {
    padding-top: 0px;
  }
  .company-list > img {
    display: none;
  }
  .company-list ul {
    background: url(../images/aboutpicbg.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 0.2rem 0.2rem;
    align-items: initial;
    box-sizing: border-box;
    position: relative;
  }
  .company-list ul::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    opacity: 0.3;
    position: absolute;
    left: 0;
    top: 50%;
  }
  .company-list ul::after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: #FFF;
    opacity: 0.3;
    position: absolute;
    left: 50%;
    top: 0;
  }
  .company-list ul li {
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    border-right: 0 none;
    padding: 0.2rem 0;
  }
  .company-list ul li:last-child {
    border: 0 none;
  }
  .company-list ul li i {
    margin: 0 auto 0.1rem;
    width: 0.3rem;
  }
  .company-list ul li h4 {
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
  }
  .companttxt {
    margin-top: 0.3rem;
  }
  .companttxt .pic {
    border: 0 none;
    width: 100%;
  }
  .companttxt .txt {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0.2rem;
  }
  .ab-epclist {
    margin-top: -0.45rem;
  }
  .ab-epclist li {
    width: 100%;
    margin-top: 0.45rem;
  }
  .ab-epclist li .txt {
    height: auto;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  .ab-epclist li .txt span {
    font-size: 0.4rem;
    right: 0.14rem;
    top: 0.2rem;
  }
  .ab-epclist li .txt h5 {
    font-size: 0.36rem;
    padding: 0 0.3rem;
    margin-bottom: 0.2rem;
  }
  .ab-epclist li .txt .inepcitem-btn {
    padding: 0 0.15rem;
  }
  .ab-epclist li .txt .inepcitem-btn a {
    padding-left: 0.2rem;
  }
  .culturetxt {
    margin-top: -0.3rem;
    width: 100%;
  }
  .culturetxt li {
    padding-left: 0.32rem;
    margin-top: 0.3rem;
  }
  .culturetxt li h4 {
    font-size: 0.18rem;
    margin-bottom: 0.15rem;
  }
  .culturetxt li h4::before {
    width: 8px;
    height: 8px;
    left: -0.2rem;
    top: 0.3em;
  }
  .culturepic {
    display: none;
  }
  .cultureimg {
    margin-top: 0.3rem;
  }
  /*about-1*/
  .history-btnbox {
    margin-top: 0.3rem;
  }
  .history-btnbox .swiper {
    width: 82.6%;
    margin-top: 18px;
    box-sizing: border-box;
    position: relative;
  }
  .history-btnbox .swiper-button-prev {
    width: 0.3rem;
    height: 0.46rem;
    top: 50%;
    margin-top: -0.34rem;
  }
  .history-btnbox .swiper-button-prev::after {
    font-size: 0.26rem;
  }
  .history-btnbox .swiper-button-next {
    width: 0.3rem;
    height: 0.46rem;
    top: 50%;
    margin-top: -0.34rem;
  }
  .history-btnbox .swiper-button-next::after {
    font-size: 0.26rem;
  }
  .history-btnbox .swiper::before {
    content: "";
    display: block;
    height: 2px;
    background: #ABAEB0;
    position: absolute;
    top: 0.12rem;
    left: 0;
    right: 0;
  }
  .history-btnbox li {
    cursor: pointer;
    text-align: center;
    color: #808080;
  }
  .history-btnbox li i {
    display: block;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border: 1px solid #4D4D4D;
    border-radius: 50%;
    margin: 0 auto 10px;
    margin-top: 8px;
    box-sizing: border-box;
  }
  .history-btnbox li h5 {
    font-size: 16px;
    color: #808080;
  }
  .history-btnbox .swiper-slide-thumb-active h5 {
    color: #BD1D21;
    font-size: 18px;
    font-weight: bold;
  }
  .history-btnbox .swiper-slide-thumb-active:before {
    content: "";
    display: block;
    width: 63%;
    height: 2px;
    background: #BD1D21;
    position: absolute;
    top: 0.12rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .history-btnbox .swiper-slide-thumb-active i {
    position: relative;
    background: #BD1D21;
    border-color: #BD1D21;
    z-index: 1;
  }
  .history-btnbox .swiper-slide-thumb-active i::before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border: 1px solid #BD1C21;
    border-radius: 50%;
    z-index: -1;
    background: #FFF;
  }
  .history-btnbox .swiper-slide-thumb-active i:after {
    content: "";
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: block;
    background: #BD1D21;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
  }
  .history-row {
    padding: 0 10px 10px;
  }
  .history-row .swiper-slide {
    width: 100%;
    transform: scale(1);
  }
  .history-row .swiper-slide::before {
    content: "";
    width: 1px;
    position: absolute;
    display: block;
    background: #BD1D21;
    left: 0.3rem;
    top: 0.5rem;
    bottom: 40px;
  }
  .history-row .swiper-slide h5 {
    font-size: 0.24rem;
    font-weight: bold;
    padding-left: 0.1rem;
  }
  .history-row .swiper-slide h5 i {
    width: 0.22rem;
    height: 0.22rem;
    margin-top: 5px;
    margin-left: 0.1rem;
  }
  .history-row .swiper-slide h5 i::before {
    content: "";
    width: 0.1rem;
    height: 0.1rem;
    margin-left: -5px;
    margin-top: -5px;
  }
  .history-row .swiper-slide-active .hislistbox, .history-row .swiper-slide-duplicate-active .hislistbox {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }
  .hislistbox {
    margin-top: 0.3rem;
    padding: 0 0.24rem;
    height: 550px;
  }
  .hislist {
    padding-right: 0.2rem;
  }
  .hislist li {
    margin-bottom: 0.3rem;
    padding-left: 0.3rem;
  }
  .hislist li h4::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #F9FBFF;
    border-radius: 50%;
    border: 1px solid #BD1D21;
    display: block;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -7px;
    box-sizing: border-box;
  }
  .hislist li .hislistpic {
    width: 100%;
    margin-top: 20px;
  }
  .hislist li .hislistpic img {
    display: inline-block;
    width: 42%;
    margin-right: 10px;
  }
  .hislist li .txt {
    margin-top: 20px;
  }
  .hislist li .txt p {
    color: #333;
  }
  .historybox {
    position: relative;
    padding: 0;
  }
  .historybox::before {
    top: 0.43rem;
  }
  /*about-2*/
  .technical {
    margin-top: 0.3rem;
  }
  .technical li {
    padding-top: 0;
    padding-bottom: 0;
  }
  .technical li:nth-child(3n) .echnical-tit h3 {
    margin-left: 0px;
  }
  .technical li:nth-child(3n) .technical-l {
    margin-top: 0.3rem;
  }
  .technical-l {
    width: 100%;
    margin-top: 0.3rem;
  }
  .technical-r {
    margin-top: 0.3rem;
    width: 100%;
  }
  .echnical-tit {
    position: static;
    width: 100%;
    padding: 0.2rem 0.2rem;
  }
  .echnical-tit span {
    position: absolute;
    right: 0.2rem;
    top: 0;
    font-size: 0.8rem;
  }
  .echnical-tit h4 {
    font-size: 0.18rem;
  }
  .echnical-tit h3 {
    font-size: 0.2rem;
    padding: 0.03rem 0.15rem;
    margin-top: 0.1rem;
    margin-left: 0px;
  }
  .technical-txt {
    position: static;
    width: 100%;
    padding: 20px 10px;
  }
  .technical-txt h5 {
    font-size: 0.18rem;
  }
  .technical-btn {
    position: static;
  }
  .technical-btn .technical-next {
    display: none;
  }
  .technical-btn .swiper-pagination {
    position: static;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 0.15rem;
    padding-left: 0px;
  }
  .technical-btn .swiper-pagination span {
    width: 0.1rem;
    height: 0.1rem;
    background: #CCCCCC;
    border-radius: 50%;
    opacity: 1;
  }
  .technical-btn .swiper-pagination span.swiper-pagination-bullet-active {
    background: #BD1D21;
  }
  .advanlist {
    margin-top: -30px;
  }
  .advanlist li {
    width: 100%;
    position: relative;
    padding-bottom: 0.22rem;
    margin-top: 30px;
  }
  .advanlist li h4 {
    position: absolute;
    background: #BD1D21;
    left: 0.2rem;
    right: 0.2rem;
    height: 0.43rem;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 0.43rem;
    bottom: 0;
  }
  .ouritemtit {
    margin-bottom: 0.3rem;
  }
  .ouritemtit h3 {
    font-size: 0.24rem;
  }
  .ouritemtit h3::before {
    width: 0.3rem;
    left: -0.4rem;
  }
  .ouritemtit h3::after {
    width: 0.3rem;
    height: 2px;
    right: -40px;
  }
  .institurerow {
    align-items: initial;
    margin-top: -20px;
  }
  .institurerow h4 {
    font-size: 0.18rem;
    padding-left: 0.16rem;
    margin-bottom: 0.15rem;
    margin-top: 0.2rem;
  }
  .institurerow h4::before {
    width: 6px;
    height: 6px;
    top: 0.5em;
  }
  .institurerow img {
    margin-top: 0.2rem;
  }
  .institure-pic {
    width: 100%;
  }
  .institure-txt {
    width: 100%;
  }
  /*about-3*/
  .certifi-pic {
    width: 100%;
  }
  .certifi-txt {
    width: 100%;
  }
  .certifi-txt li {
    margin: 15px 0;
  }
  .certifi-row {
    margin-top: 0.3rem;
  }
  .honorbot {
    padding: 0.2rem 0 0.4rem;
  }
  .honorbot li {
    width: 48%;
    margin-top: 0.2rem;
  }
  .honorbot li h4 {
    margin: 0.1rem;
  }
  .patentsbox img {
    margin-top: 0.3rem;
  }
  .honorpic {
    margin-top: 0.3rem;
  }
  .honorpic li {
    width: 48%;
  }
  .honorpic2 li {
    width: 32%;
  }
  /*about-4*/
  .team-row {
    width: 100%;
    margin-top: 0px;
    position: relative;
  }
  .team-row .swiper-button-prev, .team-row .swiper-button-next {
    width: 0.28rem;
    height: 0.48rem;
    top: 16%;
    left: 0.1rem;
  }
  .team-row .swiper-button-prev::after, .team-row .swiper-button-next::after {
    font-size: 0.24rem;
  }
  .team-row .swiper-button-next {
    right: 0.1rem;
    left: auto;
  }
  .teampic {
    width: 65%;
    margin: 0 auto;
  }
  .teamtxt {
    width: 100%;
    margin-top: -0.2rem;
    text-align: center;
  }
  .teamtxt h4 {
    font-size: 0.18rem;
    padding: 0.08rem 0.2rem;
  }
  .teamtxt .teamtxt-p {
    margin-top: 0.2rem;
    text-align: left;
    max-height: 10em;
    padding-right: 0.15rem;
  }
  .team-btn {
    width: 100%;
    margin-top: 0.3rem;
    padding: 0.2rem 0.2rem;
  }
  .team-btn .swiper {
    height: auto;
    padding-right: 0px;
    padding-bottom: 0.28rem;
  }
  .team-btn .swiper-scrollbar.swiper-scrollbar-vertical, .team-btn .swiper-vertical > .swiper-scrollbar {
    width: 100%;
    height: 2px;
    background: #DDE3E8;
  }
  .team-btn .swiper-scrollbar-drag {
    background: #BD1D21;
    height: 4px;
    margin-top: -1px;
    margin-left: 0px;
  }
  .team-btn li {
    padding: 0;
    border-bottom: 1px solid #FFFFFF;
  }
  .team-btn li h5 {
    font-size: 14px;
    margin-top: 0.1rem;
    line-height: 1em;
  }
  /*products*/
  .listcon {
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background: #FFF;
    margin-top: -1.25rem;
    width: 95%;
    position: relative;
    z-index: 3;
    padding-top: 1px;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
  .listcon .route {
    padding-left: 0;
    padding-right: 0;
  }
  .itemhot {
    margin-top: 0.3rem;
    position: relative;
  }
  .itemhot li a {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
  .itemhot-pic {
    width: 100%;
    padding-top: 8px;
  }
  .itemhot-pic .hot {
    width: 0.55rem;
  }
  .itemhot-tit {
    width: 100%;
    margin-top: 0.3rem;
  }
  .itemhot-tit h4 {
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
    padding-top: 0.2rem;
    background-size: 0.28rem 0.09rem;
  }
  .hotchat-btn {
    width: 100%;
    position: static;
    margin-top: 0.3rem;
    justify-content: space-between;
  }
  .hotchat-btn a {
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    margin: 0;
    width: 49%;
  }
  .hotchat-btn a img {
    width: 0.35rem;
    margin-right: 3px;
  }
  .itemhot-btn {
    width: 100%;
    position: static;
    bottom: auto;
    padding: 0 0.2rem;
    margin-top: 0.2rem;
  }
  .itemhot-btn .swiper-pagination {
    position: static;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .itemhot-btn .swiper-pagination span {
    width: 0.1rem;
    height: 0.1rem;
    background: #999;
    border-radius: 7px;
    opacity: 0.6;
  }
  .itemhot-btn .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.35rem;
    background: #BD1D21;
    opacity: 1;
  }
  .itemhot-next .swiper-button-prev, .itemhot-next .swiper-button-next {
    display: none;
  }
  .prorow-item dl {
    margin-top: -0.3rem;
  }
  .prorow-item dl dt {
    width: 100%;
    padding: 0.2rem;
    margin-top: 0.3rem;
    align-items: center;
  }
  .prorow-item dl dt h2 {
    font-size: 0.2rem;
    padding-left: 0.12rem;
    border-left: 5px solid #C61517;
  }
  .prorow-item dl dt br {
    display: none;
  }
  .prorow-item dl dd {
    width: 100%;
    margin-top: 0.3rem;
    padding: 0.1rem 0;
  }
  .prorow-item dl dd::before {
    height: 0.7rem;
  }
  .prorow-item dl dd::after {
    width: 0.8rem;
    background-size: 100% 100%;
  }
  .prorow-item dl dd .aniimg img {
    width: auto;
    height: 1.5rem;
  }
  .prorow-item dl dd h4 {
    width: 50%;
    top: 0.3rem;
    font-size: 0.2rem;
    padding-left: 0.15rem;
  }
  .prorow-item dl dd h4::before {
    width: 3px;
    height: 16px;
    top: 0.1em;
  }
  .prorow-item dl dd span {
    bottom: 0.2rem;
  }
  /*products-list*/
  .proitem {
    margin-top: -0.4rem;
  }
  .proitem li {
    width: 100%;
    margin-top: 0.4rem;
    padding-left: 0.15rem;
    margin-right: 0;
  }
  .proitem li .tit {
    width: 90%;
    height: 0.5rem;
    bottom: 0.2rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
  .proitem li .tit h4 {
    max-width: 85%;
  }
  .proitem li .tit img {
    width: 0.17rem;
    margin-left: 0.12rem;
  }
  /*products-show*/
  .show-top {
    margin-top: 0.2rem;
  }
  .show-toppic {
    width: 100%;
  }
  .show-toptxt {
    width: 100%;
    margin-top: 0.3rem;
    padding-bottom: 0;
  }
  .show-toptxt h1 {
    font-size: 0.22rem;
    padding-top: 0.2rem;
    margin-bottom: 0.2rem;
    background-size: 0.28rem 0.09rem;
  }
  .show-toptxt p {
    margin-top: 1em;
  }
  .show-toptxt p strong, .show-toptxt p b {
    font-size: 16px;
  }
  .showchat {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.1rem 0;
  }
  .showchat:after {
    content: "";
    display: block;
    width: 82.35%;
    height: 100%;
    position: absolute;
    right: 0;
    background: url(../images/showchatbg1.png) no-repeat right center;
    background-size: 100% 100%;
    z-index: 1;
  }
  .showchat::before {
    content: "";
    display: block;
    width: 37.17%;
    bottom: 0.2rem;
    left: 0;
    top: -0.1rem;
    background: url(../images/showchatbg2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: -1;
  }
  .showchat-l {
    width: 80%;
    box-shadow: 0px 0.12rem 0.1rem 0px rgba(0, 0, 0, 0.17);
    border-radius: 0px 0.4rem 0.4rem 0px;
  }
  .showchat-l a {
    font-size: 0.2rem;
    padding: 0.15rem 0;
    padding-right: 0.2rem;
  }
  .showchat-l a > img {
    width: 0.28rem;
    margin-right: 0.1rem;
  }
  .showchat-l a i {
    position: absolute;
    display: block;
    width: 0.2rem;
    height: 0.21rem;
    top: 0.22rem;
    right: 0.5rem;
  }
  .showchat-l:hover i {
    top: 0.24rem;
  }
  .showchat-r {
    width: 100%;
    margin-top: 0.05rem;
    padding: 0 0.1rem;
  }
  .showchat-r a {
    display: block;
    margin-top: 0.15rem;
    width: 48%;
    height: 0.42rem;
    line-height: 0.42rem;
    border-radius: 0.06rem;
  }
  .showchat-r a img {
    width: 0.38rem;
  }
  .detailtab {
    display: none;
  }
  .tablebox {
    overflow-y: auto;
  }
  .detail-row h3 {
    font-size: 0.2rem;
    border-left: 4px solid #BD1D21;
    padding-left: 0.13rem;
    margin-bottom: 0.3rem;
  }
  .advantages {
    border-left: 1px dashed #BD1D21;
  }
  .advantages li {
    padding: 0.1rem 0;
    padding-left: 0.2rem;
    line-height: 1.7em;
    font-size: 15px;
  }
  .advantages li:before {
    width: 0.1rem;
    height: 0.1rem;
  }
  .structurepic {
    width: 100%;
  }
  .structurepic i {
    width: 0.34rem;
    height: 0.34rem;
    right: 0.3rem;
    bottom: 0.22rem;
  }
  .structuretxt {
    width: 100%;
    padding-right: 0;
    margin-top: 0.3rem;
  }
  .shownews-list {
    margin-top: -0.3rem;
  }
  .shownews-list li {
    margin-top: 0.3rem;
    width: 100%;
  }
  .shownews-list li h4 {
    padding-left: 0.25rem;
    max-width: none;
    width: 100%;
    float: none;
  }
  .shownews-list li h4::before {
    width: 0.15rem;
    height: 0.15rem;
    margin-top: -0.09rem;
  }
  .shownews-list li span {
    float: none;
    padding-left: 0.25rem;
    display: block;
    margin-top: 0.1rem;
  }
  .showcase-list {
    justify-content: space-between;
    margin-top: -0.3rem;
  }
  .showcase-list li {
    width: 48%;
    margin-top: 0.3rem;
    margin-right: 0;
  }
  .showcase-list li h4 {
    margin-top: 0.1rem;
    font-size: 15px;
    line-height: 1.5em;
    max-height: 3em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  /*cases*/
  .caseitem {
    margin-top: -0.4rem;
  }
  .caseitem li {
    width: 100%;
    margin-right: 0;
    margin-top: 0.4rem;
    padding-bottom: 0.2rem;
  }
  .caseitem li .tit {
    border-radius: 0.2rem 0px 0px 0px;
    left: 0.39rem;
    padding: 0.2rem 0.2rem;
  }
  .caseitem li .tit img {
    margin-top: 0.1rem;
  }
  /*casesshow*/
  .casesshow-top .show-toptxt h1 {
    font-size: 20px;
    margin-bottom: 0.2rem;
  }
  .descriptlist {
    border-left: 1px dashed #BD1D21;
    margin-left: 0.35rem;
  }
  .descriptlist li {
    padding: 0.1rem 0;
    padding-left: 0.2rem;
  }
  .descriptlist li h4 {
    font-size: 0.18rem;
  }
  .descriptlist li:before {
    width: 0.1rem;
    height: 0.1rem;
    left: -0.055rem;
    margin-top: -0.04rem;
  }
  .descriptlist li span {
    font-size: 0.2rem;
    left: -0.35rem;
  }
  .showcase-pic img {
    margin-top: 0.3rem;
  }
  /*solution*/
  .solulist {
    margin-top: -0.3rem;
  }
  .solulist li {
    width: 100%;
    padding: 0.2rem 0.15rem;
    margin-top: 0.3rem;
  }
  .solulist li .aniimg {
    width: 45%;
  }
  .solulist li::before {
    height: 22%;
  }
  .solulisttxt {
    width: 49%;
  }
  .solulisttxt h4 {
    padding-left: 0.13rem;
    height: 3.5em;
    max-width: 100%;
  }
  .solulisttxt h4::before {
    width: 4px;
    height: 16px;
  }
  .solulisttxt span {
    display: none;
  }
  /*solution-show*/
  .videobox {
    width: 100%;
    margin: 0 auto 0.3rem;
  }
  .flowrow {
    padding: 0.3rem 0;
  }
  .flowrow a {
    display: block;
    width: 50%;
  }
  .flowrow a i {
    width: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
  }
  /*news*/
  .special-list {
    margin-top: -0.3rem;
  }
  .special-list li {
    width: 100%;
    border-radius: 0.06rem;
    margin-top: 0.3rem;
    margin-right: 0;
  }
  .special-txt {
    height: 0.5rem;
    padding: 0 0.15rem;
  }
  /*epc*/
  .epc-service .txt {
    position: static;
    width: 100%;
    padding: 0.3rem 0;
  }
  .epc-service .txt span {
    font-size: 0.5rem;
    line-height: 0.7em;
  }
  .epcmotop-list li:first-child, .epcmotop-list li:last-child {
    width: 50%;
  }
  .epcmotop-list {
    padding: 0;
    width: 100%;
    background: none;
  }
  .epcmotop-list .content {
    position: relative;
    background: #BD1D21;
    box-sizing: border-box;
    padding: 0.15rem;
    bottom: auto;
  }
  .epcmotop-list .content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background: rgba(255, 255, 255, 0.32);
  }
  .epcmotop-list .content::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgba(255, 255, 255, 0.32);
  }
  .epcmotop-list li {
    width: 50%;
    border: 0 none;
    padding: 0.15rem 0.1rem;
  }
  .epcmotop-list li i {
    width: 0.3rem;
  }
  .epcmotop-list li h4 {
    font-size: 0.26rem;
    line-height: 1em;
  }
  .epcmotop-list li h5 {
    line-height: 1.3em;
    min-height: 2.6em;
    margin-top: 0.1rem;
  }
  .epclistpic {
    width: 100%;
  }
  .epclisttxt {
    width: 100%;
    margin-top: 0.3rem;
  }
  .epclistbox ul {
    padding: 0;
  }
  .epclistbox ul::before {
    display: none;
  }
  .epclistbox ul li {
    border-bottom: 1px dashed #BD1D21;
    padding-bottom: 0.4rem;
    margin-top: 0.4rem;
  }
  .epclistbox ul li span {
    font-size: 0.3rem;
    width: 0.448rem;
    height: 0.584rem;
    padding-top: 0.08rem;
  }
  .epclistbox ul li:last-child {
    border: 0 none;
    padding-bottom: 0;
  }
  .epclisttxt h4 {
    font-size: 0.2rem;
    margin-bottom: 0.15rem;
  }
  .epclisttxt p {
    line-height: 1.7em;
  }
  .epcmobtn {
    margin-top: 0.1rem;
  }
  .epcmobtn a {
    font-size: 15px;
    padding: 0 0.15rem;
  }
  .epc-cases {
    padding-bottom: 0.4rem;
  }
  .epc-cases li {
    width: 100%;
  }
  .epc-cases .swiper-slide-active {
    padding-left: 0;
  }
  .epc-cases .swiper-slide-active .epc-casestxt {
    display: block;
  }
  .epc-cases .swiper-slide-active .aniimg {
    width: 100%;
  }
  .epc-cases .swiper-pagination {
    width: 100%;
    left: 0;
    bottom: 0px;
  }
  .epc-cases .swiper-pagination span {
    width: 0.13rem;
    height: 0.13rem;
    border-radius: 0.07rem;
    opacity: 0.6;
  }
  .epc-cases .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.4rem;
  }
  .epc-casestxt {
    display: block;
    position: static;
    width: 100%;
    padding: 0.3rem 0.2rem;
  }
  .epc-casestxt h4 {
    font-size: 18px;
  }
  .epc-casestxt h4::after {
    width: 0.16rem;
    height: 0.16rem;
    margin-left: 0.1rem;
  }
  .epc-casestxt .txt {
    margin-top: 0.2rem;
  }
  .epccase-next {
    display: none;
  }
  .epc-honor1-bot img, .epc-honor3 img {
    margin-top: 0.05rem;
  }
  /*epc-1*/
  .epclistpage .listban {
    width: 100%;
  }
  .epclistcon {
    margin-top: 0.6rem;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    padding: 20px 10px 0;
    box-sizing: border-box;
    width: 95%;
  }
  .epclistcon .route {
    margin-top: 0;
  }
  .route a {
    font-size: 14px;
  }
  .route a:first-child:before {
    width: 0.15rem;
    height: 0.15rem;
    background-size: 0.3rem 0.15rem;
    margin-right: 0.06rem;
  }
  .epcnav li {
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-box-pack: space-between;
    -webkit--moz-box-pack: space-between;
    box-pack: space-between;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 0.2rem 0.1rem;
    margin-top: 0.3rem;
    border-radius: 0.1rem;
    box-shadow: 0px 0px 3px 0px rgba(3, 24, 70, 0.12);
  }
  .epcnav li h5 {
    font-size: 0.22rem;
    width: auto;
    height: auto;
    line-height: 0.3rem;
    padding: 2px 10px;
    left: 0;
    top: -0.18rem;
    margin-left: 0;
  }
  .epc-basenavlink {
    width: 62%;
    border-top: 0 none;
    border-left: 1px dashed rgba(189, 28, 33, 0.36);
    padding: 0 10px;
    box-sizing: border-box;
  }
  .epc-basenavlink a {
    font-size: 14px;
    padding-left: 18px;
  }
  .epc-basenavlink a::before {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
  }
  .epcnavtit {
    width: 37%;
    margin-bottom: 0;
    height: auto;
  }
  .epcnavtit h4 {
    text-align: left;
    font-size: 15px;
    line-height: 1.3em;
  }
  .epcnavbox {
    margin-top: 0.1rem;
  }
  .epcnavbox::before {
    display: none;
  }
  .epcnav-h1 h1 {
    font-size: 0.2rem;
    line-height: 1.3em;
    padding: 0.1rem 0.15rem;
    max-width: 80%;
  }
  .epcnav-h1 h1::before {
    width: 0.2rem;
    left: -0.2rem;
  }
  .epcnav-h1 h1::after {
    width: 0.2rem;
    right: -0.2rem;
  }
  /*epc-test*/
  .epctit {
    margin-bottom: 40px;
  }
  .epctit h2 {
    font-size: 0.24rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    max-width: 90%;
    box-sizing: border-box;
  }
  .epctest-tute .img {
    width: 80%;
    position: static;
    box-sizing: border-box;
    background: #FFF;
    padding: 4px;
    margin: 0.3rem auto 0;
  }
  .epctest-tute > img {
    display: none;
  }
  .epctest-tutetxt {
    width: 100%;
  }
  .epctesttit {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
  }
  .epctesttit h3 {
    font-size: 16px;
    padding-left: 0.5rem;
    padding-bottom: 4px;
  }
  .epctesttit span {
    font-size: 0.18rem;
  }
  .epctesttit2 {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .epcpoint {
    padding-top: 0;
  }
  .epcpointtxt {
    width: 100%;
  }
  .epcpointtxt h4 {
    margin-top: 0.3rem;
    margin-bottom: 0.15rem;
  }
  .epcpoint::before {
    height: 90%;
  }
  .epcpointpic {
    width: 100%;
    margin-top: 0.3rem;
  }
  .testtable {
    overflow-x: auto;
  }
  .testtable table {
    min-width: 13rem;
  }
  .syyjlist6 {
    justify-content: space-between;
    align-items: initial;
  }
  .syyjlist6 li {
    width: 48%;
    margin-right: 0;
    margin-top: 0.3rem;
  }
  .testporcessbox {
    background-size: 100% 70%;
  }
  .test-porcess {
    margin-top: 0.3rem;
  }
  .test-porcess .swiper-container {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .test-porcess li {
    transform: scale(1);
  }
  .test-porcess .swiper-slide-active, .test-porcess .swiper-slide-duplicate-active {
    transform: scale(1);
  }
  .test-porcess .swiper-button-next, .test-porcess .swiper-button-prev {
    width: 0.3rem;
    height: 0.47rem;
    bottom: auto;
    top: 50%;
    margin-top: -0.23rem;
  }
  .test-porcess .swiper-button-next {
    right: 0.1rem;
  }
  .test-porcess .swiper-button-prev {
    left: 0.1rem;
  }
  .epctest-with {
    padding-top: 0;
    margin-top: 0;
  }
  .epctest-with .txt {
    position: static;
    padding: 0;
    margin-bottom: 0.3rem;
  }
  .epctest-special {
    margin-top: 0px;
  }
  .epctest-special img {
    width: 100%;
    margin-left: 0;
  }
  .epctest-special .txt {
    position: static;
    width: 100%;
    padding: 0.2rem;
  }
  /*epc-design*/
  .epcdesign-team {
    padding-top: 1px;
  }
  .epcteamcon {
    text-align: left;
    margin-top: 0.3rem;
    padding-left: 0.7rem;
    position: relative;
  }
  .epcteamcon h3 {
    position: absolute;
    font-size: 16px;
    background: #BD1D21;
    font-weight: bold;
    height: auto;
    line-height: 1em;
    color: #FFF;
    left: 0;
    text-align: center;
    padding: 0.2rem 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    writing-mode: tb;
  }
  .epcteamcon h3::before {
    content: "";
    width: 0.14rem;
    height: 1px;
    display: block;
    background: #BD1D21;
    position: absolute;
    right: -0.14rem;
    top: 50%;
    margin-top: -1px;
  }
  .epcteamcon h3::after {
    display: none;
  }
  .epcteam-item {
    position: relative;
    justify-content: flex-start;
    margin-top: 0;
  }
  .epcteam-item::before {
    content: "";
    width: 1px;
    background: #BD1D21;
    position: absolute;
    top: 0.14rem;
    height: auto;
    bottom: 1.71rem;
    left: -0.2rem;
  }
  .epcteam-item dl {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.15rem;
    font-size: 16px;
    max-width: none;
  }
  .epcteam-item dl:nth-child(2) {
    max-width: none;
  }
  .epcteam-item dl:nth-child(3) {
    max-width: none;
  }
  .epcteam-item dl:nth-child(9) {
    max-width: none;
  }
  .epcteam-item dl:nth-child(10) {
    max-width: none;
  }
  .epcteam-item .epccivil-dl {
    max-width: none;
  }
  .epcteam-item dl dt {
    display: block;
    position: relative;
    background: none;
    height: auto;
    padding: 0;
    text-align: left;
  }
  .epcteam-item dl dt span {
    display: inline-block;
    background: #BD1D21;
    color: #FFF;
    padding: 0.03rem 0.1rem;
    line-height: 0.25rem;
  }
  .epcteam-item dl dt::before {
    content: "";
    width: 0.28rem;
    height: 1px;
    display: block;
    background: #BD1D21;
    position: absolute;
    left: -0.2rem;
    top: 50%;
    margin-top: -1px;
  }
  .epcteam-item dl dd {
    max-width: 76%;
    border: 1px solid #BD1C21;
    height: 0.25rem;
    line-height: 0.25rem;
    display: inline-block;
    padding: 0 0.05rem;
    margin-right: 0.05rem;
    margin-top: 0.08rem;
  }
  .epcteam-item dl .epcteam-two {
    max-width: 100%;
    height: auto;
    line-height: initial;
    border: 0 none;
    padding: 0;
  }
  .epcteam-item dl .epcteam-two .epcteam-twoul li {
    border: 1px solid #BD1C21;
    height: 0.25rem;
    line-height: 0.25rem;
    display: inline-block;
    padding: 0 0.05rem;
    margin-right: 0.05rem;
    margin-top: 0;
  }
  .epcteam-item dl .epcteam-two .epcteam-twoul2 {
    border: 1px solid #BD1C21;
    display: inline-block;
    margin-top: 0.08rem;
    padding: 0.08rem 0.1rem;
    margin-left: 0;
  }
  .epcteam-twoul2 li {
    margin-top: 0;
  }
  .epcdesign-target {
    padding-bottom: 0;
  }
  .epcdesign-target .txt {
    position: static;
    width: 100%;
    padding: 0.2rem 0.2rem;
    margin-top: 0.3rem;
  }
  .epcdesign-target .txt p {
    line-height: 1.5em;
  }
  .epcdesign-targetl {
    width: 100%;
  }
  .epcdesign-targetl h6 {
    margin-top: 0;
    margin-bottom: 0.3rem;
    width: 100%;
  }
  .epcdesign-targetl img {
    margin-bottom: 0.2rem;
  }
  .epcdesign-targetr {
    width: 100%;
  }
  .epcdesign-targetr ul li {
    margin-top: 0.2rem;
    padding-left: 0.2rem;
  }
  .epcdesign-targetr ul li::before {
    width: 6px;
    height: 6px;
    left: 2px;
    top: 0.55em;
  }
  .design-abilty {
    padding-top: 0px;
    background-size: 100% 20%;
  }
  .abiltylist {
    align-items: initial;
    padding: 0 0.2rem 0.2rem;
  }
  .abiltylist li {
    width: 30%;
  }
  .abiltylist li img {
    border: 1px solid #484848;
  }
  .abiltylist li h4 {
    margin-top: 0.1rem;
  }
  .digitaltoppic {
    width: 100%;
  }
  .digitaltoptxt {
    width: 100%;
    margin-top: 0.3rem;
  }
  .digitalrow {
    margin-top: 0.3rem;
  }
  .digitalrowtxt {
    width: 100%;
    margin-top: 0.3rem;
  }
  .digitalrowpic {
    width: 100%;
  }
  .digitalrowpic img {
    width: 47.73%;
  }
  /*epc-manufacture*/
  .manufacturetop-left {
    width: 100%;
  }
  .manufacturetop-left img {
    margin-top: 0.3rem;
  }
  .manufacturetop-right {
    margin-top: 0.2rem;
    width: 100%;
  }
  .manufacturetop-right .pic img {
    margin-top: 0.2rem;
  }
  .manufacturetop {
    margin-bottom: 0.3rem;
  }
  .epcmanu-equip {
    padding-top: 1px;
  }
  .epcmanu-equip .syyjlist6 {
    margin-top: -0.3rem;
  }
  .manufacture-honor {
    padding-top: 0;
    padding-bottom: 0;
    background: none;
  }
  .manufacture-honor > img {
    position: static;
    height: auto;
    width: 100%;
  }
  .epcmanu-honor {
    padding: 0;
    width: 100%;
    margin-top: 0.3rem;
  }
  .epcmanu-honor li {
    width: 32%;
  }
  .epcmanu-honor li h4 {
    margin-top: 0.1rem;
    font-size: 15px;
  }
  .sbzz-pjcon {
    padding: 0.1rem;
    margin: 0.3rem auto 0;
  }
  .sbzz-pjcon img {
    width: 100%;
  }
  .sbzz-pjcon ul {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.3rem;
  }
  .sbzz-pjcon ul li {
    padding-left: 0.17rem;
    margin: 0.2rem 0;
  }
  .schedulpic img {
    width: 100%;
    margin-top: 0.2rem;
  }
  .manufact-protxt {
    width: 100%;
  }
  .manufact-propic {
    width: 100%;
  }
  .manufact-propic img {
    margin-top: 0.3rem;
  }
  .manufactbasel {
    width: 100%;
  }
  .manufactbasel p {
    padding-right: 0x;
    margin-top: 0.3rem;
  }
  .manufactbaser {
    margin-top: 0.2rem;
    width: 100%;
  }
  .manufactbaser p {
    padding-left: 0;
    margin-bottom: 0.3rem;
  }
  .manufactdry {
    margin-top: -0.3rem;
  }
  .manufactdry img {
    margin-top: 0.3rem;
    width: 100%;
  }
  .manufactdry img:first-child {
    width: 100%;
  }
  .manufactdry-row p {
    margin-bottom: 1.5em;
  }
  .manufactdry-row .syyjlist6 {
    margin-top: -0.3rem;
  }
  /*epc-Procurement*/
  .epc-procurepic {
    width: 100%;
    border: 0 none;
  }
  .epc-procuretxt {
    width: 100%;
    padding-top: 0.3rem;
  }
  .epc-procure {
    padding-bottom: 0;
  }
  .epc-procure > img {
    padding-top: 0.3rem;
    width: 100%;
    position: static;
  }
  .epc-quality {
    margin-top: 0.3rem;
    padding: 0.3rem 0;
  }
  .epc-quality img {
    width: 90%;
  }
  .epc-supplytop img {
    width: 100%;
  }
  .epc-supplytop .txt {
    margin-top: 0.3rem;
    width: 100%;
  }
  .epc-supplybot {
    margin-top: 0.3rem;
  }
  .epc-supplybot img {
    width: 100%;
  }
  .epc-supplybot .txt {
    margin-top: 0.3rem;
    width: 100%;
  }
  /*epc-Packaging*/
  .epc-packagtop {
    padding-top: 0;
  }
  .epc-packagtoppic {
    width: 100%;
    position: static;
  }
  .epc-packagtoptxt {
    width: 100%;
    padding: 0.2rem 0.2rem;
    margin-left: 0%;
  }
  .epc-completetxt {
    width: 100%;
  }
  .epc-completetxt p:first-child {
    margin-bottom: 1.5em;
  }
  .epc-completepic {
    width: 100%;
    margin-top: 0.3rem;
  }
  .epc-servicebox {
    padding-top: 1px;
  }
  .epc-servicebox p {
    margin-bottom: 1.5em;
  }
  .epc-service {
    margin-top: -0.2rem;
  }
  .epc-service li {
    width: 100%;
    margin-top: 0.3rem;
  }
  .epc-service li p {
    margin-bottom: 0em;
    margin-top: 0.1rem;
  }
  .epc-digital {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }
  .epc-digital .item p {
    margin-top: 0.15rem;
  }
  .epc-digitalleft {
    width: 100%;
  }
  .epc-digitalleft .item {
    margin-bottom: 0.2rem;
  }
  .epc-digitalright {
    width: 100%;
  }
  /*epc-construction*/
  .epcengine-toppic {
    width: 70%;
    margin: 0 auto 0.3rem;
  }
  .epcengine-toptxt {
    width: 100%;
  }
  .epcengine-pack {
    padding-top: 1px;
  }
  .epc-construrow {
    padding-bottom: 0px;
  }
  .epc-construpic {
    width: 100%;
    position: relative;
  }
  .epc-construpic .img {
    top: 0.29rem;
    left: 0.38rem;
  }
  .epc-construtxt {
    width: 100%;
    margin-top: 0.2rem;
  }
  .epc-construlist {
    position: static;
    width: 100%;
    border: 0 none;
    margin-top: 0.3rem;
    padding: 0.1rem 0.2rem;
  }
  .epc-construlist li {
    margin: 0.15rem 0;
    padding-left: 0.18rem;
  }
  .epc-construlist li::before {
    width: 0.06rem;
    height: 0.06rem;
    top: 0.5em;
  }
  .epc-proplant {
    margin-top: 0.3rem;
  }
  .epc-proplantlist {
    margin-top: 0.2rem;
    width: 100%;
  }
  .epc-proplantlist li {
    padding-left: 0.18rem;
    margin: 0;
    margin-top: 0.15rem;
  }
  .epc-proplantlist li::before {
    width: 0.06rem;
    height: 0.06rem;
    top: 0.65em;
  }
  .epc-proplantpic {
    width: 100%;
  }
  .epc-storage::before {
    height: 100%;
  }
  .epc-storagepic {
    width: 100%;
  }
  .epc-storagetxt {
    margin-top: 0.3rem;
    width: 100%;
  }
  .epc-storagetxt ul {
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
  }
  .epc-storagetxt ul li {
    margin-top: 0.15rem;
    padding-left: 0.18rem;
  }
  .epc-storagetxt ul li::before {
    width: 0.06rem;
    height: 0.06rem;
    top: 0.6em;
  }
  .epc-project {
    background: #FFF;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0.4rem;
    margin-top: 0.4rem;
  }
  .epctit2 {
    margin-bottom: 0.3rem;
  }
  .epctit2 h3 {
    max-width: 80%;
    padding: 0.11rem 0.2rem;
  }
  .epctit2 h3::after {
    content: "";
    width: 0.22rem;
    right: -0.2rem;
  }
  .epc-projectl {
    width: 100%;
  }
  .epc-projectl img {
    margin-top: 0.2rem;
  }
  .epc-projectr {
    width: 100%;
  }
  .epc-projectr img {
    width: 48.5%;
    margin-top: 0.1rem;
  }
  .epc-projectlpic {
    margin-top: 0.12rem;
  }
  /*epc-epcinstallation*/
  .epcinstallal {
    width: 100%;
  }
  .epcinstallal li {
    margin-top: 0.3rem;
  }
  .epcinstallal li h4 {
    margin-top: 0.15rem;
  }
  .epcinstallar {
    margin-top: 0.3rem;
    width: 100%;
  }
  .epcinstallar img {
    margin-bottom: 0.3rem;
  }
  .epcinstallar p {
    padding-left: 0px;
    margin-top: 1.5em;
  }
  .epc-servicebox1 .epc-service li {
    margin-top: 0.3rem;
  }
  .epc-training {
    margin-top: 0.2rem;
  }
  .epc-trainingl {
    width: 100%;
  }
  .epc-trainingl img {
    margin-top: 0.2rem;
  }
  .epc-trainingr {
    width: 100%;
  }
  .epc-trainingr img {
    margin-top: 0.2rem;
  }
  .epc-meetingl {
    width: 100%;
  }
  .epc-meetingl img {
    margin-top: 0.3rem;
  }
  .epc-meetingr {
    margin-top: 0.3rem;
    width: 100%;
  }
  .epc-meetingr img {
    margin-bottom: 0.3rem;
  }
  /*epc-Management*/
  .epc-managerow {
    background: none;
    padding-bottom: 0;
  }
  .epc-managerowtop {
    padding: 0;
  }
  .epc-managepic {
    width: 100%;
  }
  .epc-managetxt {
    width: 100%;
    margin-top: 0.3rem;
  }
  .epc-managemore {
    margin-top: 0.3rem;
    padding: 0.3rem 0.2rem;
    background: url(../images/managementbg.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .epc-managemore p {
    font-size: 16px;
    color: #FFF;
  }
  .epc-managelist .pic {
    width: 100%;
  }
  .epc-managelist .epc-proplantlist {
    width: 100%;
  }
  /*epc-Operation*/
  .operatop-txt p {
    margin-bottom: 1.5em;
  }
  .epc-opertteam {
    padding-top: 0;
    padding-bottom: 0;
  }
  .epc-opertteam .txt {
    position: static;
    width: 100%;
    padding: 0.3rem 0.2rem;
  }
  .epc-opertteam .txt p {
    width: 100%;
  }
  .epc-opertteam .pic {
    position: static;
    margin-top: 0.3rem;
  }
  .epc-opertteam .pic img {
    border: 0 none;
    width: 100%;
    margin-left: 0;
  }
  .flexible li {
    width: 100%;
    margin-top: 0.3rem;
  }
  .flexible li span {
    font-size: 0.2rem;
    padding: 0.1rem 0;
  }
  .flexible li .txt {
    padding: 0.2rem 0.3rem;
    min-height: auto;
  }
  .epc-opertsystem-txt {
    width: 100%;
  }
  .epc-opertsystem-pic {
    margin-top: 0.3rem;
    width: 100%;
  }
  .epc-opertcapab {
    background-size: 100% 60%;
    padding-top: 1px;
  }
  .epc-opertcapab-top p {
    margin-bottom: 1.5em;
  }
  .epc-opertcapabcon {
    box-sizing: border-box;
    padding: 0 15px;
  }
  .epc-opertcapabcon p {
    margin-bottom: 1.5em;
  }
  .epc-opertcapabcon .syyjlist6 {
    margin-top: -0.3rem;
  }
  /*contact*/
  .tactrow h2 {
    font-size: 0.18rem;
    margin-bottom: 0.2rem;
  }
  .tactrow > p {
    font-size: 15px;
    text-align: center;
    max-width: 100%;
  }
  .tactcon li {
    width: 100%;
    margin-top: 0.4rem;
  }
  .tactcon li i {
    width: 0.5rem;
    height: 0.5rem;
  }
  .tactcon li h5 {
    margin-top: 0.2rem;
    font-size: 18px;
    padding: 0.1rem 0;
  }
  .tactcon li .txt {
    margin-top: 0.2rem;
    min-height: auto;
    display: block;
  }
  .tactcon li .txt a {
    font-size: 16px;
  }
  .tactcon li .txt a b {
    font-size: 0.24rem;
  }
  .tactcon li:last-child {
    width: 100%;
  }
  .tactmap {
    height: 4rem;
  }
  .tactmap iframe {
    height: 100%;
  }
  /*404*/
  .fourpage .showchat {
    margin-top: 0.7rem;
  }
  .fourtopleft {
    width: 100%;
  }
  .fourtopleft h3 {
    font-size: 0.2rem;
    margin-bottom: 0.37rem;
  }
  .fourtopleft img {
    width: 80%;
    margin: 0 auto;
  }
  .fourtopright {
    width: 100%;
    margin-top: 0.5rem;
  }
  .fourtopright li {
    width: 33.33%;
  }
  .fourpage-tit {
    padding: 0.3rem 0.2rem;
  }
  .fourpage-tit h4 span {
    font-size: 16px;
  }
  .fourpage-tit h4 span::before, .fourpage-tit h4 span::after {
    display: none;
  }
  .fourpage-tit i {
    width: 0.76rem;
    height: 0.22rem;
    line-height: 0.22rem;
    margin: 0.15rem auto 0;
  }
  /*search*/
  .searchtop {
    padding: 0.4rem 0 0;
  }
  .searchtop h2 span {
    font-size: 0.26rem;
  }
  .searchtop h2 span::before {
    width: 0.7rem;
    left: -0.95rem;
  }
  .searchtop h2 span::after {
    width: 0.7rem;
    right: -0.95rem;
  }
  .search-cate {
    width: 100%;
    margin-top: 0.2rem;
    text-align: left;
  }
  .search-cate li {
    height: 0.45rem;
    line-height: 0.45rem;
  }
  .searchinput {
    width: 90%;
    margin: 0.3rem auto 0;
    height: 0.4rem;
    border-radius: 0.06rem;
    padding-right: 0.5rem;
  }
  .searchinput input[type=text] {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 16px;
    padding-left: 0.2rem;
  }
  .searchinput input[type=submit] {
    width: 0.5rem;
    height: 0.4rem;
    background-size: 0.2rem 0.2rem;
  }
  .search-tit {
    padding-bottom: 0.15rem;
    font-size: 0.2rem;
  }
  .search-tit b {
    font-size: 0.26rem;
  }
  .searchlist {
    margin-top: 0.1rem;
  }
  .searchlist li {
    padding: 0.3rem 0;
  }
  .searchlist li .tit {
    margin-bottom: 0.2rem;
  }
  .searchlist li .tit h4 {
    max-width: 100%;
    line-height: 1.5em;
    max-height: 3em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: initial;
    margin-bottom: 0.1rem;
  }
  .searchlist li .tit > span {
    display: block;
  }
}
@media (max-width: 500px) {
  .banner {
    overflow: hidden;
    height: 200px;
    position: relative;
  }
  .banner li {
    overflow: hidden;
  }
  .banner li img {
    position: absolute;
    width: auto;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
  }
  .listban {
    overflow: hidden;
    height: 170px;
    position: relative;
  }
  .listban img {
    position: absolute;
    width: auto;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
  }
}