/**/
@media screen and (min-width: 1921px) and (max-width: 4000px) {
  html {
    font-size: 120px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  html {
    font-size: 80px;
  }
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
  html {
    font-size: 80px;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .header .nav {
    display: none;
  }

  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }

  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
}

/**/
@media (max-width: 768px) {
    
.banner_info .box{
    top: 53%;
}
.title_common h2.Big{font-size:0.36rem;}
.header .en a {
    font-size: 0.18rem;}
  .m_nav {
    position: absolute;
    right: 15px;
    top: 16px;
    width: 25px;
    z-index: 99;
  }
  .m_nav i {
    display: block;
    height: 2px;
    background: #fff;
    margin-bottom: 6px;
  }
  .header.on .m_nav i,
  .header_info .m_nav i {
    background: #2159be;
  }
  .cross i:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .cross i:nth-of-type(2) {
    opacity: 0;
  }
  .cross i:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }

  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }
  .header .logo {
    width: 1.4rem;
    height: 0.3rem;
  }
  .header .en {
    margin-right: 0.5rem;
  }
  .header .container {
    width: 100%;
  }
  .header {
    padding: 0.1rem 0;
    font-size: 0.14rem;
  }
  .hidden-xs,
  .header .nav,
  .header .tel {
    display: none;
  }
  .visible-xs,
  .aboutus .stroy .bd .flex,
  .foooter .bd .flex,
  .aboutus .pingpai .flex,
  .aboutus .shili .bd,
  .aboutus .shili .title_common,
  .aboutus .honor .title_common {
    display: block;
  }
  .aboutus .pingpai{
      background: #fff;
  }
  .aboutus .team .box {
    padding: 0;
    display: block;
  }
  .aboutus .team .box > .pic {
    width: 100%;
    margin: 0;
  }
  .aboutus .team .title_common {
    padding-bottom: 0.3rem;
  }
  .aboutus .honor .tabcontent li.cur{ font-size:0.14rem;}
  .banner_info .box dd {
    font-size: 0.3rem;
    margin-top: 0.15rem;
    line-height: 0.4rem;
  }
  .banner_info .box dt {
    font-size: 0.18rem;
  }
  .banner_info > img {
    height: 4rem;
  }
  .banner_info1 > img {
    height: 4.85rem;
  }
  .banner_info1 .box dl {
    margin-top: -1.2rem;
  }
  .aboutus .pingpai,
  .aboutus .honor,
  .aboutus .stroy {
    padding: 0.4rem 0;
  }
  .aboutus .pingpai .flex_item ul {
    margin: 0;
    padding-top: 0.2rem;
  }
  .aboutus .pingpai .flex_item ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .aboutus .shili .bd ul {
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
  }
  .aboutus .shili .bd ul li {
    width: 50%;
    padding-top: 0.2rem;
  }
  .aboutus .stroy .bd b {
    font-size: 1rem;
  }
  .title_common h2 {
    font-size: 0.26rem;
    line-height: 0.36rem;
  }
  .aboutus .honor .tabcontent {
    padding: 0.15rem;
    margin-top: 0.2rem;
  }
  .aboutus .honor .tab {
    justify-content: center;
    margin-top: 0.3rem;
  }
  .aboutus .honor .title_common {
    text-align: center;
  }
  .aboutus .honor .tab li {
    width: 1.2rem;
    height: 0.4rem;
    margin: 0 0.1rem;
    font-size: 0.14rem;
  }
  .aboutus .honor .tabcontent .flex {
    display: block;
  }
  .aboutus .honor .pic {
    width: 100%;
    margin-top: 0.2rem;
  }
  .person_scroll {
    margin-top: 0.3rem;
  }
  .person_scroll ul .pic {
    width: 1.2rem;
    height: 0.55rem;
  }
  .marqueeleft {
    height: 0.75rem;
  }
  .aboutus .person {
    padding-bottom: 0.4rem;
  }
  .aboutus .honor .tabcontent,
  .aboutus .honor .tabcontent li:first-child {
    font-size: 0.14rem;
    line-height: 0.3rem;
  }
  .aboutus .honor .tabcontent li::before {
    transform: translate(0, 0);
    top: 0.12rem;
  }
  .aboutus .stroy .ft {
    font-size: 0.18rem;
    margin-top: 0.3rem;
  }
  .aboutus .stroy .swiper-button-next,
  .aboutus .stroy .swiper-button-prev {
    display: none;
  }
  .aboutus .stroy .bd ul {
    padding: 0.2rem;
    font-size: 0.14rem;
    line-height: 0.3rem;
  }
  .aboutus .stroy .title_common {
    padding-bottom: 0.1rem;
  }
  .aboutus .team {
    padding: 0.4rem 15px;
  }
  .aboutus,
  .aboutus .team .box ul,
  .aboutus .pingpai .flex_item p {
    font-size: 0.14rem;
  }

  .aboutus .team .swiper-button-next,
  .aboutus .team .swiper-button-prev,
  .products .shili .swiper-button-next,
  .products .shili .swiper-button-prev {
    position: absolute;
    top: 0.1rem;
    right: 0;
    width: 0.36rem;
    height: 0.36rem;
  }
  .aboutus .team .swiper-button-prev {
    margin-right: 0.45rem;
  }
  .aboutus .team .swiper-button-next,
  .aboutus .team .swiper-button-prev {
    top: 0;
  }
  .aboutus .team .box .flex {
    display: block;
    padding: 0;
    position: relative;
    margin-bottom: 0.3rem;
  }
  .aboutus .team .box .flex dl {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.15rem 0;
    font-size: 0.16rem;
  }
  .aboutus .team .box .flex dl dt {
    font-size: 0.24rem;
    padding-right: 0.15rem;
    padding-bottom: 0;
  }
  .aboutus .team .box ul {
    line-height: 0.24rem;
    margin-top: 0.15rem;
  }
  .aboutus .shili .title_common p {
    font-size: 0.14rem;
    line-height: 0.24rem;
    margin-top: 0.2rem;
  }
  .aboutus .shili .side,
  .aboutus .shili h2 {
    width: 100%;
  }
    .aboutus .shili .side{ margin-bottom:0.5rem;}
  
  .aboutus .shili .bd {
    margin-top: 0.3rem;
  }
  .aboutus .shili .more {
    margin: 0;
  }
  .homepage .product .more,
  .homepage .fangan .more,
  .homepage .casebox .ft .more,
  .project .casebox .bd .more,
  .aboutus .shili .more {
    font-size: 0.14rem;
    width: 1.4rem;
    padding-right: 0.2rem;
    height: 0.45rem;
  }
  .aboutus .shili .bd ul dl span {
    font-size: 0.36rem;
  }
  .aboutus .shili .bd ul dl,
  .aboutus .pingpai .flex_item ul dd {
    font-size: 0.14rem;
  }
  .aboutus .shili .bg {
    height: 7.8rem;
  }
  .aboutus .pingpai .flex_item ul dt {
    font-size: 0.18rem;
  }
  .aboutus .pingpai .flex_item ul dl {
    padding-top: 0.15rem;
  }
  .aboutus .pingpai .flex_item ul dd {
    margin-top: 0.1rem;
  }
  .aboutus .pingpai .flex_item p {
    line-height: 0.24rem;
    padding-bottom: 0.15rem;
  }
  .aboutus .pingpai .side {
    width: 100%;
    padding-bottom: 0.3rem;
  }
  .aboutus .pingpai .side dt {
    font-size: 0.36rem;
    line-height: 0.4rem;
    margin-top: 0.3rem;
    font-weight: bold;
  }
  .aboutus .pingpai .side br {
    display: none;
  }
  .aboutus .pingpai .side i {
    width: 0.7rem;
    height: 0.7rem;
  }
  /**/
  .case .hd {
    font-size: 0.14rem;
    padding: 0.4rem 0 0.2rem;
  }
  .case .bd ul {
    margin: 0;
  }
  .case .bd ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .case .bd ul li a {
    padding: 0.2rem;
  }
  .case .hd ul {
    margin: -0.05rem;
  }
  .case .hd ul li {
    width: 25%;
    padding: 0.05rem;
  }
  .case .bd ul li .logo{
      height: 0.35rem;
  }
  .case .hd ul a {
    margin: 0;
    width: 100%;
    height: 0.36rem;
  }
  .case {
    font-size: 0.14rem;
    padding-bottom: 0.4rem;
  }
  .case .bd ul li dt {
    font-size: 0.16rem;
    margin-top: 0.15rem;
    font-weight:bold;
  }
  .case .bd ul li dd {
    margin: 0.15rem 0;
    line-height: 0.22rem;
  }
  .case .bd {
    padding-bottom: 0.3rem;
  }
  .pages a {
    width: 0.35rem;
    height: 0.35rem;
    font-size: 0.12rem;
  }
  /**/
  .caseitem {
    font-size: 0.14rem;
    padding: 0.4rem 0;
  }
  .caseitem .info {
    display: block;
    margin-top: 0.2rem;
  }
  .caseitem .info .side {
    width: 100%;
    margin: 0 0 0.3rem 0;
  }
  .caseitem .info .side .box {
    padding: 0.3rem;
  }
  .app-project-side-box .panel:nth-child(1){
      
      margin: -0.3rem;
    margin-bottom: 0;
    padding:0.2rem;
  }
  .caseitem .info .side li {
    font-size: 0.16rem;
  }
  .caseitem .info .side .btn {
    width: 1.3rem;
    height: 0.4rem;
    font-size: 0.14rem;
    margin-top: 0.2rem;
  }
  .caseitem .info .side h3,
  .caseitem .info h1 {
    font-size: 0.2rem;
    margin: 0.22rem 0 0.2rem;
  }
  .caseitem .info h1 {
      font-size:0.24rem;
    margin-bottom: 0.2rem;
  }
  .caseitem .info .bd h4 {
    font-size: 0.16rem;
    margin-top: 0.2rem;
  }
  .caseitem .info .bd p {
    font-size: 0.14rem;
    line-height: 0.24rem;
    margin-top: 0.15rem;
  }
  .caseitem .info .bd {
    padding-bottom: 0.3rem;
  }
  /**/
  .contact .map,
  .contact .message {
    padding: 0.4rem 0;
  }
  .contact .map .flex {
    display: block;
  }
  .contact .map .box {
    width: 100%;
    margin-top: 0.2rem;
  }
  .contact .map dt {
    font-size: 0.18rem;
    margin-top: 0.2rem;
  }
  .contact .map dd {
    font-size: 0.14rem;
    margin-top: 0.1rem;
  }
  .contact .map .title_common {
    padding-bottom: 0.2rem;
  }
  .contact .map p {
    font-size: 0.14rem;
  }
  .contact .message .bd .flex {
    display: block;
  }
  .contact .message .bd .flex_item + .flex_item {
    padding: 0.1rem 0 0;
  }
  .contact .message .bd {
    margin-top: 0.2rem;
  }
  .contact .message .bd input {
    font-size: 0.14rem;
    height: 0.42rem;
    padding: 0 0.15rem;
  }
  .contact .message textarea {
    padding: 0.15rem;
    font-size: 0.14rem;
  }
  .contact .message .ft button {
    font-size: 0.14rem;
    width: 1.2rem;
    height: 0.45rem;
  }
  /**/
  .joinus {
    font-size: 0.14rem;
    padding: 0.4rem 0;
  }
  .title_common p {
    font-size: 0.14rem;
    margin-top: 0.15rem;
  }
  .joinus .title_common {
    padding-bottom: 0.2rem;
  }
  .joinus .box .flex {
    padding-left: 0.1rem;
    font-size: 0.14rem;
    line-height: 0.5rem;
  }
  .joinus .box .bd{
      padding:0.2rem;
  }
  .joinus .box .last {
    width: auto;
  }
  .joinus .box .flex .flex_item {
    display: none;
  }
  .joinus .box .flex .flex_item:first-child {
    display: block;
  }
  .joinus .box .last span {
    width: 0.3rem;
    height: 0.3rem;
    font-size: 0.16rem;
  }
  /**/
  .news {
    font-size: 0.14rem;
    padding-bottom: 0.4rem;
  }
  .news .hd {
    line-height: 0.5rem;
  }
  .news .hd .flex {
    display: block;
  }
  .news .hd .flex_item {
    display: none;
  }
  .news .hd ul li {
    font-size: 0.15rem;
    margin: 0;
    flex: 1;
    text-align: center;
  }
  .news .bd {
    padding: 0.4rem 0;
  }
  .news .bd ul {
    margin: 0;
  }
  .news .bd ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .news .bd ul li a {
    padding: 0.15rem;
  }
  .news .bd ul li dd {
    font-size: 0.16rem;
    margin: 0.15rem 0;
    line-height: 0.24rem;
  }
  .news .bd ul li dl {
    margin-top: 0.15rem;
  }
  /**/
  .newsitem .info {
    display: block;
    margin-top: 0.3rem;
  }
  .newsitem {
    padding: 0.4rem 0 0.2rem;
    font-size: 0.14rem;
  }
  .newsitem .hd h1 {
    font-size: 0.2rem;
  }
  .newsitem .hd p,
  .newsitem .bd p,
  .newsitem .bd img {
    margin-top: 0.15rem;
  }
  .newsitem .info .side {
    width: 100%;
    margin: 0.3rem 0 0;
  }
  .newsitem .info .side .box {
    padding: 0.15rem;
  }
  .newsitem .info .side .newslist p {
    font-size: 0.14rem;
    line-height: 0.24rem;
  }
  .newsitem .info .side .title {
    font-size: 0.18rem;
    padding-bottom: 0.2rem;
  }
  /**/
  .project {
    font-size: 0.14rem;
  }
  .project .person,
  .project .area {
    padding: 0.4rem 0;
  }
  .project .area .bd ul {
    margin: -0.05rem;
  }
  .project .area .bd ul li {
    width: 50%;
    padding: 0.05rem;
  }
  .project .area .bd {
    padding: 0;
    height: auto;
    margin-top: 0.2rem;
  }
  .project .area .bd ul li dt {
    font-size: 0.14rem;
    padding-bottom: 0.05rem;
  }
  .project .area .bd ul li dl {
    left: 0.2rem;
    top: 0.2rem;
    white-space: nowrap;
  }
  .project .area .bd ul li dd{ font-size:0.12rem;}
  .project .area .bd ul li .more {
    right: 0.1rem;
    bottom: 0.1rem;
    width: 0.3rem;
    height: 0.3rem;
  }
  .project .area .bd ul li .btn {
    width: 1.2rem;
    height: 0.36rem;
    font-size: 0.12rem;
  }
  .project .casebox { position:relative;}
  .project .casebox .ft {
    position:absolute;
    bottom:0.1rem;
    left:0.05rem;
    width: 100%;
    padding: 0.15rem  ;
  }
  .project .casebox .ft img {
    border: 1px solid #ddd;
  }
  .project .casebox .mySwiper2 .swiper-slide > img {
    height: 5rem;
  }
  .project .casebox .bd{
      top:35%;
  }
  .project .casebox .bd h2 {
    font-size: 0.16rem;
    margin: 0.2rem 0;
    line-height: 0.3rem;
  }
  .project .casebox .bd .more {
    margin-top: 0.4rem;
  }
  .project .casebox .bd {
    font-size: 0.16rem;
  }
  /**/
  .projectitem .banner img {
    height: 2.5rem;
  }
  .projectitem .banner dd {
    font-size: 0.2rem;
  }
  .projectitem .banner dl {
    margin-top: 0.2rem;
  }
  .projectitem .banner dt span,
  .projectitem {
    font-size: 0.14rem;
  }
  .projectitem .container {
    max-width: 100%;
  }
  .projectitem .one {
    padding-top: 0.4rem;
  }
  .projectitem .two {
    padding: 0.4rem 0;
  }
  .projectitem .two .title_common {
    padding: 0;
  }
  .projectitem .two li .flex {
    display: block;
  }
  .projectitem .two li {
    padding: 0.15rem;
    margin-top: 0.15rem;
  }
  .projectitem .two li .pic {
    width: 100%;
    margin: 0 0 0.15rem 0;
  }
  .projectitem .two li h3 img {
    height: 0.4rem;
  }
  .projectitem .two li h3 {
    font-size: 0.18rem;
  }
  .projectitem .two li p {
    margin: 0.15rem 0;
  }
  /**/
  .products {
    font-size: 0.14rem;
  }
  .products .shili {
    padding: 0.4rem 0;
  }
  .products .shili .title_common p {
    font-size: 0.14rem;
  }
  .products .shili .bd {
    padding: 0.15rem;
    border-top: none;
    margin-top: 0.2rem;
    padding-bottom:0.5rem;
  }
  .products .shili .bd .flex,
  .products .jiazhi .flex,
  .support .bd .flex,
  .support .ft .flex {
    display: block;
  }
  .joinus .box .flex .last span{
      width: 0.3rem;
      height: 0.3rem;
  }
  .products .jiazhi h2{ font-size:0.36rem}
  .products .jiazhi h2 span{ font-size:0.24rem;}
  .products .shili .bd .swiper-pagination-bullet-active {
    background: #ffe600;
  }
  .products .shili .bd .pic img {
    height: auto;
  }
  .products .shili .bd .swiper-button-prev,
  .products .shili .bd .swiper-button-next {
    display: none;
  }
  .products .shili .hd {
    padding: 0.3rem 0.15rem 0;
  }
  .products .shili .bd .swiper-slide > .flex > .flex_item + .flex_item {
    padding: 0.2rem 0 0;
  }
  .products .shili .bd .jianjie {
    display: block;
    margin: 0;
    padding: 0.2rem 0;
  }
  .products .shili .bd .jianjie .flex {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
  }
  .products .shili .bd .jianjie img {
    width: 0.9rem;
    height: 0.9rem;
  }
  .products .shili .bd h2 {
    font-size: 0.2rem;
  }
  .products .shili .bd h4,
  .products .jiazhi .bd .pic dl {
    font-size: 0.14rem;
  }
  .products .jiazhi .title_common {
    padding: 0 0 0.2rem 0;
    text-align: center;
  }
  .products .jiazhi .bd p,
  .products .shili .bd p {
    margin-top: 0.15rem;
    line-height: 0.24rem;
  }
  .products .jiazhi .bd .flex_item + .flex_item {
    margin: 0.2rem 0 0;
  }
  .products .jiazhi .bd .pic dl {
    left: 0.3rem;
    top: 0.3rem;
  }
  .products .jiazhi .bd .pic i {
    margin-top: 0.3rem;
    width: 0.7rem;
    height: 0.7rem;
  }
  .products .shili .bd ul li {
    line-height: 0.24rem;
  }
  .products .jiazhi .ft ul {
    margin: 0.2rem -0.05rem;
    flex-wrap: wrap;
  }
  .products .jiazhi .ft ul li {
    width: 50%;
    padding: 0.2rem 0.05rem 0;
  }
  .products .jiazhi .ft dd {
    font-size: 0.12rem;
    margin-top: 0.1rem;
    line-height: 0.2rem;
  }
  .products .jiazhi .ft dt {
    font-size: 0.16rem;
    margin-top: 0.1rem;
  }
  .products .jiazhi .ft img {
    width: 0.5rem;
  }
  .products .jiazhi {
    padding-bottom: 0.4rem;
  }
  .support .hd {
    padding: 0.6rem 0;
  }
  .support .bd .container {
    width: auto;
    margin: 0 0.15rem;
    padding: 0.25rem 0 0.4rem;
  }
  .support .bd ol li::before {
    width: 0.06rem;
    height: 0.06rem;
    border: 2px solid #639bff;
  }
  .support .bd ol li {
    padding-left: 0.15rem;
    line-height: 0.24rem;
  }
  .support {
    background: url(../images/pro_28_m.jpg) top center no-repeat;
    background-size: 100% 2.2rem;
  }
  .support .bd .en {
    font-size: 0.46rem;
    line-height: 0.5rem;
  }
  .support .bd .en {
    display: none;
  }
  .support .bd .flex ul li {
    position: relative;
  }
  .support .bd h3 {
    font-size: 0.22rem;
    text-align: center;
    padding-bottom: 0.1rem;
  }
  .support .bd .flex{ margin:0 0.2rem;}
  .support .bd ol li,
  .support .bd .flex ul li dd {
    margin-top: 0.1rem;
  }
  .support .bd ol {
    padding: 0 0 0.2rem 0;
  }
  .support .bd .flex ul li {
    margin-top: 0.3rem;
  }
  .support .bd .flex ul li img {
    width: 0.25rem;
    height: 0.25rem;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    margin-right: 0.15rem;
  }
  .support .bd .flex ul li dt {
    font-size: 0.2rem;
  }
  .support .ft {
    padding: 0.4rem 0;
  }
  .support .ft .box {
    width: 100%;
    padding: 0.15rem;
    margin-top: 0.2rem;
  }
  .support .ft .box .flex_item + .flex_item {
    padding: 0.12rem 0 0;
  }
  .support .ft .box .input {
    font-size: 0.14rem;
  }
  .support .ft .box .btn {
    margin: 0.12rem 0 0;
    width: 100%;
  }
  .support .ft .title_common p {
    line-height: 0.22rem;
    margin-top: 0.14rem;
  }
  /**/
  .foooter .bd {
    padding: 0.3rem 0;
  }
  .foooter .ft .flex_item{
      padding:0;
  }
  .foooter {
    font-size: 0.14rem;
  }
  .foooter .bd .box {
    margin: 0;
  }

  .foooter .bd h4 {
    border-bottom: 1px solid #424c85;
    padding: 0.15rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.16rem;
    font-family: "pht-SemiBold";
    position: relative;
  }
    .foooter .bd .box h4{ font-size:0.18rem;}
    .foooter .bd .box li{ font-size:0.16rem;}
  .foooter .bd h4 i {
    display: inline-block;
    height: 8px;
    margin-right: 0.03rem;
    width: 8px;
    border-width: 1px 1px 0 0;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  }
  .foooter .bd h4 i.on {
    border-width: 0 1px 1px 0;
  }
  .foooter .bd dl {
    display: none;
  }
  .foooter .ft .flex {
    display: block;
    font-size: 0.12rem;
    text-align: center;
  }
  .foooter .ft {
    padding: 0.15rem 0;
  }
  .foooter .bd .box .share {
    width: 100%;
    justify-content: center;
  }
  .foooter .bd .logo {
    display: block;
    width: 1.7rem;
    margin: 0.2rem auto 0.3rem;
  }
  .foooter .bd .box ul {
    display: none;
    line-height: 0.3rem;
    margin: 0.1rem 0;
  }
  .foooter .bd dd {
    font-size: 0.18rem;
  }
  /**/
  .homepage .casebox .mySwiper .swiper-slide::after {
    display: none;
  }
  .homepage .casebox .mySwiper .swiper-slide {
    width: 33%;
    margin: 0;
    font-size: 0.14rem;
    padding: 0.12rem 0;
  }
  .homepage .casebox .mySwiper {
    width: 100%;
    margin: 0.2rem 0;
  }
  .homepage .banner h2 {
    font-size: 0.36rem;
    line-height: 0.4rem;
    padding-bottom: 0.3rem;
  }
  
  .homepage {
    font-size: 0.14rem;
  }
  .homepage .banner .ft {
    display: none;
  }
  .homepage .banner img {
    height: 6rem;
  }
  .homepage .banner .bd {
    margin-top: -1rem;
  }
  .homepage .banner .bd dt{ font-size:0.16rem; padding-bottom:0.05rem;}
  .homepage .banner .swiper-button-next,
  .homepage .banner .swiper-button-prev {
    right: auto;
    left: 0.15rem;
  }
  .homepage .banner .swiper-button-next {
    margin-left: 0.65rem;
  }
  .rightside {
    right: 0;
    width: 100%;
    border-radius: 0;
    top: auto;
    transform: translate(0, 0);
    bottom: 0;
  }
  body{
      padding-bottom: 0.58rem;
  }
  .rightside ul {
    display: flex;
    align-items: center;
  }
  .rightside li {
    flex: 1;
  }
  .rightside li > a {
    padding: 0.1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rightside li + li::before {
    display: none;
  }
  .rightside li a p {
    display: none;
  }
  .homepage .product {
    display: block;
    height: auto;
    padding: 0.4rem 0;
  }
  .homepage .product .flex {
    display: block;
  }
  .homepage .product h3 {
    font-size: 0.2rem;
    padding: 0.2rem 0;
    line-height: 0.3rem;
  }
  .homepage .product .pic dt {
    font-size: 0.18rem;
    line-height: 0.3rem;
    margin-bottom: 0.1rem;
  }
  .homepage .product .pic dl {
    top: 0.3rem;
  }
  .homepage .product .pic {
    margin: 0.2rem 0;
  }
  .homepage .product .pic dd {
    width: 0.7rem;
    height: 0.7rem;
  }
  .homepage .fangan .ft {
    font-size: 0.15rem;
    padding: 0.15rem;
    bottom: 0.4rem;
  }
  .homepage .fangan .bd {
    padding-top: 0.4rem;
  }
  .homepage .fangan .mySwiper2 img {
    height: 5.45rem;
  }
  .homepage .fangan .more img {
    width: 0.29rem;
  }
  .homepage .fangan .en {
    display: none;
  }
  .homepage .title_common span {
    font-size: 0.16rem;
    padding-bottom:0.1rem;
  }
  .homepage .fangan p {
    font-size: 0.14rem;
    line-height: 0.24rem;
    margin: 0.35rem 0;
  }
  .homepage .fangan .ft .swiper-slide-thumb-active {
    font-size: 0.18rem;
  }

  .homepage .fangan .ft .mySwiper {
    width: 100%;
    margin-bottom: -0.35rem;
  }
  .homepage .fangan .ft .mySwiper .swiper-slide {
    padding-bottom: 0.25rem;
  }
  .homepage .casebox {
    padding: 0.4rem 0.15rem;
  }
  .homepage .casebox .mySwiper2 .swiper-slide {
    width: 100%;
    background: #fff;
    border-radius: 0.2rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 0.1rem;
  }
  .homepage .casebox .mySwiper2 dt {
    display: none;
  }
  .homepage .casebox .mySwiper2 .box {
    position: static;
    transform: translate(0, 0);
    width: 100%;
    padding: 0.25rem;
    height: auto;
    margin-top: 0;
    border-radius: 0;
  }
  .homepage .casebox .ft {
    padding-top: 0.2rem;
  }
  .homepage .casebox .mySwiper2 dt,
  .homepage .suport .input,
  .homepage .banner .bd {
    font-size: 0.14rem;
  }
  .homepage .banner .bd i {
    width: 0.6rem;
    height: 0.6rem;
  }
  .homepage .casebox .mySwiper2 dd {
    font-size: 0.16rem;
    line-height: 0.24rem;
    height: auto;
    margin: 0 0 0.3rem 0;
  }
  .homepage .casebox .mySwiper2 .box img {
    width: 1.6rem;
  }
  .homepage .person {
    padding-top: 0.4rem;
  }
  .homepage .suport {
    margin-top: 0.4rem;
    padding: 0.4rem 0 2.8rem 0;
    background: url(../images/home_57_m.jpg) center no-repeat;
    background-size:cover;
  }

  
  
  .homepage .suport .box {
    padding: 0.3rem;
  }
  .homepage .suport .title_common h2 {
    font-size: 0.26rem;
  }
  .homepage .suport .title_common {
    padding-bottom: 0;
  }
  .homepage .suport .title_common p {
    margin-top: 0.15rem;
  }
  .rightside li .code {
    top: auto;
    bottom: 100%;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .rightside li .tel {
    opacity: 0;
  }

  .dialog {
    padding: 0.15rem;
  }
  .dialog dt {
    font-size: 0.21rem;
  }
  .dialog dd {
    font-size: 0.14rem;
    padding: 0.15rem 0;
  }
  .dialog textarea,
  .dialog .input,
  .dialog .btn {
    font-size: 0.14rem;
  }
  .dialog .close {
    top: 0.1rem;
    right: 0.15rem;
  }
  .commonscroll {
    margin-top: 0.2rem;
  }
  .commonscroll ul li {
    width: 33.333%;

  }
  .project .area .bd ul li .pic img {
    height: 1.05rem;
  }
  .videopic {
    height: 2.5rem;
    margin-bottom:0.4rem;
  }
  .videopic dl {
    left: 0.3rem;
    top: 0.3rem;
  }
  .videopic dt {
    font-size: 0.24rem;
    margin-bottom: 0.4rem;
    line-height: 0.3rem;
  }
  .videopic dd {
    width: 0.7rem;
    height: 0.7rem;
  }
  .banner_info .box p {
    font-size: 0.14rem;
    margin-top: 0.1rem;
  }
  .aboutus .team .ft {
    width: 100%;
    position: static;
  }
  .aboutus .team .mySwiper .swiper-slide {
    width: 1.4rem;
  }
  .aboutus .team .mySwiper .swiper-slide dl {
    left: 0.1rem;
    bottom: 0.1rem;
  }
  .aboutus .team .mySwiper .swiper-slide .more {
    display: none;
  }
  .aboutus .team .mySwiper .swiper-slide dl dt {
    font-size: 0.16rem;
  }
  .aboutus .shili:after{
    background: rgba(12,16,37,0.6);
    }
    
    .video-player-popup .video-player{
        width: 94%;
        height: auto;
    }
   .header .mfsy {
        display: none;
    }
    .ws-wap-menu .mfsy{
        text-align: center;
        height: 0.4rem;
    }
    .ws-wap-menu .mfsy a{
        border-color: #2159be;
    color: #2159be;
    margin:0 ;
    }
    
      .shili-swiper {
    display: block;
    height: 100%;
  }

  .shili-swiper ul {
    height: 100%;
  }

  .shili-swiper ul li {
    height: 100%;
  }

  .shili-swiper ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .aboutus .shili {
    height: 7.8rem
  }

  .aboutus .shili .bg {
    display: none;
  }

  .aboutus .shili .box {
    z-index: 3;
  }
  .aboutus .stroy .bd ul li::before{
      width: 0.06rem;
      height: 0.06rem;
      top: 0.12rem;
  }
  .aboutus .stroy .swiper{
      padding:0 0.1rem;
  }
  .page-pre,.page-status{
      display: none;
  }
  .page-next{
      display: none;
  }
  .homepage .suport .box .bd{
    padding:0.2rem 0 0;
}
.homepage .suport .btn{
    margin-left: 0;
}
.homepage .suport .flex{
    flex-wrap: wrap;
    margin-top: 0;
}
.homepage .suport .input,
.homepage .suport .btn{
    height: 0.45rem;
    line-height: 0.45rem;
}
.homepage .suport .flex .flex_item{
    width: 100%;
    flex: none;
    padding-left: 0;
    margin-bottom: 0.1rem;
}
.dialog{
    padding:0.3rem;
}
.dialog .close{
    right: 0.3rem;
    top: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    align-items: end;
}
.dialog .flex{
    flex-wrap: wrap;
}
.dialog .flex_item:nth-child(3){
    flex: none;
    width: 100%;
    padding-left: 0;
    margin-top: 0.2rem;
}
.dialog .input,.dialog .btn{
    height: 0.45rem;
    line-height: 0.45rem;
}
.support .ft .box{
    padding:0.33rem 0.25rem;
}
.support .ft .box .input,.support .ft .box .btn{
    height: 0.45rem;
    line-height: 0.45rem;
}
.project .area .bd ul li:hover{
    transform: translateY(-0.05rem);
}
}