@charset "utf-8";

/* CSS Document */

@media screen and (max-width: 1530px) {

  .p-container {
    width: 90%;
    margin-right: 20px;
  }

}



@media screen and (max-width: 1440px) {

  .header .nav ul>li {
    min-width: 90px;
    margin: 0 10px;
  }

  .header .nav ul>li a {
    font-size: 16px;
    padding: 0 14px;
  }

  .header .nav .menu {
    padding: 0;
  }

  .header .nav .menu .menu-list .m-item .menu-con {
    font-size: 16px;
  }

  .banner-con h1 {
    font-size: 80px
  }

  .banner-con h4 {
    font-size: 28px
  }

  .banner-con .more {
    margin-top: 80px;
  }

  .wid {
    width: 80%;
  }
}


@media screen and (max-width: 1366px) {
  .header {
    padding: 0 10px;
  }

  .header .nav ul>li a {
    padding: 0 10px;
    display: block;
  }

  .header .nav ul>li {
    min-width: 80px;
  }

  .banner-con h1 {
    font-size: 76px
  }

  .banner-con h4 {
    font-size: 26px
  }

  .banner-con .more {
    margin-top: 60px;
  }

  .p-container {
    width: 90%;
    margin-right: 10px;
  }

  .p-container .rt-con {
    padding: 60px 40px;
  }

  .index-pro-sec .h-tbox .en {
    font-size: 60px;
  }

  .index-pro-sec .h-tbox .zh {
    font-size: 18px;
  }

  .index-pro-sec .h-tbox .desc {
    font-size: 14px;
  }
}

@media screen and (max-width: 1200px) {
  .banner {
    padding-top: 50px;
  }

  .in-banner-wrap {
    padding-top: 50px;
  }

  .header .tao-btn {
    padding: 3px 10px;
    font-size: 14px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    margin-right: 34px;
  }

  .header .tao-btn img {
    height: 20px;
  }


  .header .logo {
    line-height: 50px;
  }

  .header .logo img {
    height: 40px;
    width: auto;

  }

  .menuBtn {
    display: block;
  }


  .icon-plus {
    display: block;
  }

  .header {
    height: 50px;
    line-height: 50px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24)
  }

  .header .m-box {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
    opacity: 0;
    visibility: hidden;
  }

  .header .m-box .nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 9999;
    background: #ffffff;
    width: 60%;
    max-height: 100%;
    padding: 20px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
  }



  .header .m-box.active {
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  .header .m-box .nav.active {

    left: 0;
    opacity: 1;
    visibility: visible;


  }



  .header .nav {
    float: none;

  }

  .header .m-box .fr {
    float: none;
    display: none;

  }

  .header .nav ul>li {
    min-width: auto;
    width: 100%;
    text-align: left;
    margin: 0;
    float: none;
  }

  .header .nav ul li>a {
    line-height: 50px;
    padding: 0;
    display: block;
  }

  .header .nav ul>li a {
    padding: 0;
  }

  .header .nav ul li .menu {
    line-height: 40px;
    display: none
  }

  .header .nav .menu .menu-list .m-item .menu-con {
    font-size: 14px;
    padding-left: 10px;
  }

  .icon-plus {
    display: block;
  }

  .banner-con h1 {
    font-size: 70px
  }

  .banner-con h4 {
    font-size: 20px
  }

  .banner-con .more {
    margin-top: 40px;
  }

  .p-container {
    display: block;
    width: 80%;
    float: none;
    margin: 0 auto;
  }

  .index-pro-sec .h-tbox {
    width: 100%;
    margin-bottom: 30px;
  }

  .p-container .rt-con {
    width: 100%;
  }

  .copyRight {
    margin: 0 20px;
  }

  .case-list {
    padding-left: 10%
  }

  .case-list li figure .fi-inner img {
    max-height: 40%
  }

  .case-list li figure .fi-inner .case-name {
    font-size: 20px;
  }

  .consult-list .con-txt {
    padding: 30px;
  }

  .consult-list .con-txt .zx-tit {
    font-size: 24px;
    padding-top: 14px;
  }

  .consult-list .con-txt .zx-tit::before {
    width: 40px;
    height: 3px;
  }

  .consult-list .fwlb {
    font-size: 14px;
    height: 66px;
    line-height: 22px;
  }

  .lx-btn {
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }

}


@media screen and (max-width:768px) {

  .banner-con h1 {
    font-size: 30px
  }

  .banner-con h1 .dot {
    font-size: 18px;
    padding: 0 10px;
  }

  .banner-con h4 {
    font-size: 14px;
    margin-top: 10px;
  }

  .banner-con .more {
    margin-top: 20px;
    width: 100px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }

  .banner .swiper-slide {
    padding-top: 50%
  }

  .banner-con h4 .dot {
    font-size: 14px;
  }

  .sec-wrap {
    padding: 30px 0;
  }

  .wid {
    width: 90%;
  }

  .h-tbox .en {
    font-size: 40px;
  }

  .h-tbox .zh {
    font-size: 22px;
    margin: 14px auto;
  }

  .learn-more {
    font-size: 14px;
    padding: 8px 16px;
  }

  .about-swiper {
    margin-top: 30px;
  }

  .index-pro-sec .h-tbox .en {
    font-size: 40px;
  }

  .p-container {
    width: 90%;
  }

  .index-pro-sec .h-tbox .zh {
    font-size: 22px;
    margin: 6px 0 20px 0;
  }

  .p-container .rt-con {
    padding: 30px 20px;
  }

  .p-container .rt-con .pro-tabs {
    margin-bottom: 30px;
    font-size: 0;
  }

  .p-container .rt-con .pro-tabs span {
    width: 33.3333%;
    font-size: 14px;
    margin: 0;
    border: 1px solid #fff
  }

  .p-container .rt-con ul li {
    width: 100%;
    margin-bottom: 20px;
  }

  .p-container .rt-con ul li:nth-last-child(2) {
    margin-bottom: 20px;
  }

  .p-container .rt-con ul li h4 {
    margin-bottom: 10px;
  }

  .index-news-con .h-tbox .en {
    font-size: 40px;
  }

  .index-news-con .h-tbox .zh {
    font-size: 20px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 34px;
    height: 34px;
    -o-background-size: 7px;
    background-size: 7px;
  }

  .index-news-con .news-con {
    padding: 0;
  }

  .swiper-pagination {
    padding-top: 40px;
  }

  .index-news-con .news-con footer {
    font-size: 14px; line-height: 48px;
  }

  .logos-swiper .swiper-button-prev,
  .about-swiper .swiper-button-prev {
    left: 0;
  }

  .logos-swiper .swiper-button-next,
  .about-swiper .swiper-button-next {
    right: 0;
  }

  .ft-info {
    float: none;
  }

  .pg-footer .foot-con .wechat-box {
    float: none;
    margin: 0 auto;
    margin-top: 30px;
  }

  .pg-footer .foot-con {
    padding: 50px 0 30px 0;
  }

  .copyRight {
    display: block;
    margin: 0 10px;
    padding: 20px 0;
    line-height: 24px;
  }

  .copyRight p {
    font-size: 12px;
    margin: 5px 0
  }

  .in-banner-wrap .in-banner {
    padding-top: 50%
  }

  .in-banner-wrap .about-banner {
    padding: 60px 0 30px 0;
  }

  .comm-tit {
    font-size: 32px;
    padding-bottom: 20px;
  }

  .comm-tit::after {
    height: 2px;
  }

  .about-topic article {
    padding-top: 30px;
  }

  .about-topic article p {
    margin-bottom: 14px;
  }

  .in-sec {
    padding: 60px 0 50px 0;
  }

  .his-wrap {}

  .cul-txt {
    margin-top: 40px;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
  }


  .in-banner-wrap .in-con aside {
    padding: 10px;
  }

  .in-banner-wrap .in-con {
    -o-background-size: 90%;
    background-size: 90%
  }

  .in-banner-wrap .in-con aside h2 {
    font-size: 18px;
  }

  .in-banner-wrap .in-con aside p {
    font-size: 14px;
    line-height: 22px;
  }

  .case-list {
    padding: 0;
  }

  .case-list li {
    margin-bottom: 25px;
  }

  .case-list li .con-box {
    padding: 16px 4%;
    display: block;
  }

  .case-list li figure {
    width: 100%;
    float: none;
  }

  .case-list li .word {
    width: 100%;
    padding: 0;
  }

  .case-list li .tit {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  .case-list li .desc {
    line-height: 24px;
  }

  .case-list li .more {
    margin-top: 16px;
    width: 120px;
    height: 34px;
    line-height: 34px;
  }

  .case-list li figure::after {
    display: none
  }

  .case-list .con-box .word {
    margin-top: 14px;
  }

  .case-list li figure .fi-inner .case-name {
    bottom: 20px;
  }

  .pager {
    padding: 10px 0 30px 0;
  }

  .pager a {
    font-size: 14px;
    padding: 4px 8px;
  }

  .go-top {
    width: 44px;
    height: 44px;
    -o-background-size: 12px;
    background-size: 12px
  }

  .consult-list::before {
    padding-top: 0;
  }

  .consult-list .con-img {
    width: 100%;
    position: relative;
    height: auto;
    float: none;
  }

  .consult-list .con-img::before {
    content: '';
    display: block;
    padding-top: 60%;
  }

  .consult-list .con-txt {
    width: 100%;
    height: auto;
    position: relative;
    background: #f4f4f4;
    padding: 25px;
  }

  .consult-list .con-txt .col-wrap {
    width: 100%;
  }

  .lx-btn {
    margin-top: 20px;
  }

  .consult-list .con-img img {
    max-width: 100%;
  }

  .consult-list {
    margin-bottom: 20px;
  }

  .eq-content {
    padding: 6% 4%;
    margin-top: -24px
  }

  .eq-tit {
    font-size: 26px;
    padding-top: 16px;
  }

  .eq-tit::before {
    height: 3px;
    width: 40px;
  }

  .eq-text {
    padding-top: 20px;
  }

  .product-d {
    padding: 30px 0;
  }

  .article-page {
    padding: 30px 5%;
  }

  .article-page ul li {
    margin: 0;
    width: 33.3333%;
    border: 1px solid #fff
  }

  .news-d-header h4 {
    font-size: 24px;
    line-height: 30px;
  }

  .news-d-header small span:last-child {
    display: block;
    line-height: 30px;
  }

  .case-d-wrap {
    padding: 30px 0 10px 0;
  }

  .news-d-header {
    padding-bottom: 14px;
  }

  .news-d-txt {
    padding-top: 20px;
  }

  .news-d-header small {
    padding-top: 10px;
  }

  .in-news-wrap {
    padding: 20px 0 10px 0;
  }

  .in-news-wrap ul li {
    width: 100%;
    padding: 10px 0;
  }

  .in-news-wrap ul {
    margin-left: 0
  }

  .in-news-wrap ul li section {
    padding: 20px 14px;
  }

  .in-news-wrap ul li section h4 {
    font-size: 18px;
  }

  .cont-tit {
    font-size: 24px;
    padding: 30px 0;
  }

  .cont-sec,
  .map-sec {
    padding: 50px 0;
    display: block;
  }

  .cont-info dl dt {
    padding-bottom: 30px;
  }

  .cont-wechat ul li {
    width: 44%;
    margin-right: 4%;
    padding-top: 24px;
    height: auto;
  }

  .cont-wechat ul li span {
    font-size: 12px;
  }

  .mapContainer {
    height: 240px;
  }

  .case-d-header figure {
    width: 100px;
    height: 100px;
  }

  .case-d-header figure img {
    max-width: 60px;
  }

  .case-d-header p {
    padding: 12px 0;
    font-size: 18px;
  }

  .case-swiper-container {
    padding: 0;
    margin: 20px 0 30px 0;
  }

  .case-swiper-container .swiper-pagination {
    bottom: 10px;
  }

  .his-box {
    padding: 14px;
  }

  .h-tit {
    font-size: 30px;
  }

  .history-popup .hidden-tit {
    font-size: 16px;
  }

  .his-wrap {
    margin-top: 30px;
  }

  .his-btns {
    margin-top: 20px;
  }

  .product-d-info {
    display: block;
  }

  .product-d-info .info-img {
    width: 100%;
    position: relative;
  }

  .product-d-info .info-con {
    width: 100%;
    padding: 30px 20px;
    position: relative;
  }

  .product-d-info .info-con .zx-tit {
    font-size: 20px;
    padding-top: 14px;
  }

  .product-d-info .info-con .zx-tit::before {
    height: 3px;
    width: 40px;
  }

  .product-d-info .info-con section {
    margin: 14px 0 20px 0;
  }

  .product-d-info .info-con section>div {
    font-size: 14px;
  }

  .product-d-info .info-img img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
  }

  .tuwen {
    margin-top: 30px;
    display: block;
  }

  .tuwen::before {
    padding-top: 0;
  }

  .tuwen .tu {
    width: 100%;
    position: relative;
  }

  .tuwen .tu img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
  }

  .tuwen .wen {
    width: 100%;
    padding: 20px;
    position: relative;
  }

  .tuwen .wen h4 {
    font-size: 18px;
  }

  .tuwen .wen .txt {
    margin-top: 14px;
  }

  .index-logos-sec .h-tbox .en {
    font-size: 30px;
  }
.img-popup .closeBtn{ right: 0; top: -34px;}
.p-container .rt-con ul li article{
  -webkit-line-clamp: 2;
    height: 48px;
}
.index-news-con .swiper-pagination .swiper-pagination-bullet{ margin:1px; width: 14px}
.img-popup .closeBtn, .history-popup .closeBtn{ right: 0; top: -50px}
.img-popup{ margin:90px auto;}
.in-news-wrap ul li section h4{ height:auto;}
}