.menu-btn {
  height: 90px;
  width: 25px;
  cursor: pointer;
  position: fixed;
  right: 2%;
  top: 0;
  display: none;
}

.menu-btn span {
  display: block;
  height: 2px;
  width: 25px;
  background: #fff;
  margin-bottom: 5px
}

.ovh .header .menu-btn span,
.header.scroll .menu-btn span,
.header:hover .menu-btn span {
  background: #333
}

.menu-btn .line1 {
  margin-top: 34px
}

.m-menu {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  color: #f5f5f5;
  z-index: 9999;
  position: fixed;
  text-align: center;
  display: none;
  left: 0;
  top: 0
}

.m-menu .closed {
  width: 22px;
  height: 22px;
  background: url(../images/close.png) no-repeat center center / cover;
  position: absolute;
  right: 5%;
  top: 5%;
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  transition: .5s;
}

.m-menu li a {
  color: #f5f5f5;
  font-size: 20px;
  line-height: 46px;
  display: block
}

.m-menu li.first a {
  display: inline-block
}

.m-menu li.last form {
  width: 80%;
  margin: 25px auto;
  max-width: 360px;
  position: relative;
  z-index: 99;
}

.m-menu li.last form #searchInput {
  background: #FFF;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
  width: calc(100% - 84px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  border-radius: 0;
  border: none
}

.m-menu li.last form #searchBtn {
  width: 80px;
  height: 40px;
  background: #e16130;
  color: #FFF;
  margin-left: -3px;
  border: none;
  border-radius: 0
}



.m-menu ul {
  position: absolute;
  top: 40%;
  margin-top: -180px;
  width: 100%;
}

.m-menu .closed:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.m-foot {
  position: fixed;
  width: 100%;
  height: 60px;
  left: 0;
  bottom: 0;
  background: #e16130;
  padding-top: 5px;
  color: #fff;
  display: none;
  z-index: 1500
}

.m-foot li {
  float: left;
  width: 33.3%;
  text-align: center;
}

.m-foot li a {
  color: #fff;
  font-size: 12px;
  display: block;
}

.m-foot li.li2 a {
  background: url(../images/kf-emails.png) no-repeat center 5px;
  padding-top: 25px
}

.m-foot li.li3 a {
  background: url(../images/fltel.png) no-repeat center 5px;
  padding-top: 25px
}

.m-foot li.li4 a {
  background: url(../images/right_pic6.png) no-repeat center 3px;
  padding-top: 25px
}

.m-foot li.li2 a span {
  display: block;
}



.phshow {
  display: none !important
}

.pcshow {
  display: block
}

@media screen and (max-width:1700px) {
  .header .search {
    width: 200px;
  }

  .footer li h3 {
    font-size: 30px;

  }


}

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



  .nab02 .conn .item .con p {
    font-size: 15px;
  }

  .header .menu li .menu_a {
    font-size: 17px;
  }


  .header .logo {
    margin-top: -34px;
  }

  .header .logo img {
    height: 68px;
  }

  .banner .topbanner .swiper-slide .text h3 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
  }


  .banner .more {
    line-height: 50px;
    margin-top: 50px;
  }

  .nab04 .title .more {
    line-height: 50px;
  }

  .nab04 .title .more a {
    padding: 0 35px;
  }

  .nothernews .newslists .item .more {
    line-height: 50px;
    padding: 0 35px;
  }

  .banner .more a {
    padding: 0 35px;
  }

  .iyoushi .more a {
    padding: 0 35px;
  }

  .iabout .icompany .more a {
    padding: 0 35px;
  }

  .iabout .icompany .more {
    line-height: 50px;
    margin-top: 50px;
  }

  .iyoushi .more {
    line-height: 50px;
  }

  .isolution .title .more a {
    padding: 0 35px
  }

  .isolution .title .more {
    line-height: 50px;
  }

  .inews #tabcontent ul .item .con .more {
    line-height: 50px;
  }

  /*.banner .topbanner .swiper-pagination-bullet{width:50px;height:50px; line-height:50px;font-size:15px;}
.banner .topbanner .swiper-pagination-bullet:after{left:36px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:40px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ margin-right:20px;}*/

  .banner .ilastnews .title h3 {
    font-size: 50px;
    line-height: 50px;
    margin-top: -25px;
  }

  .banner .ilastnews .title h4 {
    font-size: 62px;
    line-height: 62px;
  }

  .banner .ilastnews .conn {
    padding: 40px;
  }

  .banner .ilastnews {
    height: 140px;
  }

  .iproducts .title .more {
    bottom: -3px;
    margin-left: 160px;
  }

  .title h4 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .title h3 {
    font-size: 40px;
    line-height: 40px;
  }

  .title h5 {
    font-size: 20px;
    margin-top: 20px;
    line-height: 30px;
  }

  .banner .ilastnews .swiper-slide .text h3 {
    font-size: 18px;
  }

  .title {
    margin-bottom: 50px;
  }

  .iabout .icompany .conn p {
    font-size: 17px;
  }

  .nbanner .text h3 {
    font-size: 40px;
  }

  .nbanner .text span {
    font-size: 18px;
  }

  .iabout .inum .item h3 .counter {
    font-size: 80px;
    line-height: 80px;
  }

  .iabout .inum .item h3 .other {
    top: 8px;
    right: -40px;
    font-size: 20px;
  }

  .iabout .inum .item p {
    font-size: 18px;
  }

  .iabout .inum .item h3 {
    margin-bottom: 10px;
  }

  .iyoushi #ttabcontent .text p {
    font-size: 16px;
    margin: 10px 0;
  }

  .iyoushi #ttabcontent .text .desc {
    margin: 20px 0 30px 0;
    gap: 0;
  }

  .iyoushi .ttabmenu .text {
    font-size: 20px;
  }

  .isolution .categary .catelist_tit {
    font-size: 20px;
    line-height: 55px;
  }

  .isolution .categary .catelist_con {
    padding: 0 0 10px 0;
  }

  .iproducts .swiper-slide .text .pmore {
    width: 50px;
    height: 50px;
  }

  .iproducts .swiper-slide .text h3 {
    font-size: 20px;
  }

  .inews #tabcontent ul .item .tit h3 {
    font-size: 20px;
  }

  .inews .tabmenu li {
    margin-left: 80px;
    font-size: 20px;
  }

  .inews #tabcontent ul .item .date {
    line-height: 60px;
  }

  .iyoushi .ttabmenu li:after {
    height: 8px;
  }

  .section {
    padding: 100px 0;
  }

  .sectionpre {
    padding-top: 100px;
  }

  .sectionnext {
    padding-bottom: 100px;
  }

  .inews #tabcontent ul .item .top {
    padding: 30px;
  }

  .inews #tabcontent ul .item .con p {
    padding: 0 30px;
  }

  .footer .ftomail li:nth-child(1) h3 {
    font-size: 32px;
    line-height: 50px;
  }

  .footer {
    font-size: 16px;
  }

  .footer .fcontent li:nth-child(1) img {
    height: 70px;
    width: auto
  }

  .footer .fcontent {
    padding: 100px 0 100px 0;
  }

  .footer {
    padding: 80px 0
  }

  .ndown #dtabcontent .item h3 {
    font-size: 20px;
  }

  .aqlist li {
    padding: 20px
  }

  .aqlist .toptit {
    font-size: 20px;
  }

  .aqlist .cont h3 {
    font-size: 20px;
  }

  .aqlist li:first-child {
    margin-top: -5px
  }

  .nzhibao .conn {
    margin-top: -5px
  }

  .ntiaokuan .conn {
    margin-top: -5px
  }

  .nab04 .conn {
    margin-top: -5px
  }

  .nab05 .conn {
    margin-top: -5px
  }

  .nkx02 .conn {
    margin-top: -5px;
  }

  .nkx04 .text .conn {
    margin-top: -5px;
  }

  .nco02 .conn {
    margin-top: -5px;
  }

  .nco03 .form .row_1 {
    margin-right: -5px
  }

  .hrlist .conn {
    margin-top: -5px;
  }

  .nguide li a {
    font-size: 17px;
  }

  .nbanner .text h3 {
    font-size: 40px;
  }

  .ndown .tabmenu li {
    font-size: 17px;
  }

  .nhonor .tabmenu li {
    font-size: 17px;
  }

  .nzhibao .kuai .text h3 {
    font-size: 30px;
    margin-bottom: 30px
  }

  .nzhibao .kuai .text p {
    line-height: 35px;
    font-size: 17px
  }

  .ntiaokuan .conn .item .text h3 {
    font-size: 24px;
    margin: 25px 0 15px 0;
  }

  .liuyan-sub .conn h3 {
    font-size: 24px;
  }

  .header .search {
    width: 180px;
  }

  .iyoushi .ttabmenu li {
    padding-bottom: 5%;
  }

  .isolution .swiper-button-prev,
  .isolution .swiper-button-next {
    width: 58px;
    height: 58px;
  }

  .isolution .swiper-button-prev {
    left: -58px;
  }

  .isolution .proswiper .swiper-slide {
    padding-left: 58px
  }

  .isolution .proswiper .swiper-button-prev,
  .isolution .proswiper .swiper-button-next {
    left: 58px;
  }

  .isolution .proswiper .swiper-button-prev {
    left: 0;
  }

  .napp101 .conn .list .item .wenzi h3 {
    font-size: 20px;
  }

  .napp102 .wenzi {
    padding: 2% 0 2% 3%;
  }

  .napp102.napp103 .wenzi {
    padding: 2% 3% 2% 0%;
  }

  .napp204 .conn .item .text {
    padding: 3% 5%
  }

  .napp204 .conn .item .text p {
    line-height: 28px;
  }

  .napp204 .conn .item:nth-child(2) .text p {
    line-height: 22px;
  }

  .napp204 .conn .item .text h3 {
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 30px;
  }

  .nab03 .conn .swiper-slide h3 {
    font-size: 40px;
    margin-bottom: 35px
  }

  .nab03 .conn .swiper-slide p {
    font-size: 18px;
    margin-top: 20px;
  }

  .nkx02 .swiper-slide {
    padding: 45px;
    min-height: 450px;
    width: calc(100% - 2px);
  }

  .nkx02 .swiper-slide h3 {
    font-size: 26px;
    margin: 45px 0 20px 0;
  }

  .nkx03 .shujv .kuai .text h3 span {
    font-size: 50px;
    line-height: 50px;
  }

  .nkx03 .shujv .kuai .text p {
    font-size: 20px;
    margin-top: 20px;
  }

  .nhonor .conn {
    margin-top: -10px
  }

  .nhonor .item .outpic {
    padding: 25px;
  }

  .ntjnews .wenzi {
    padding: 3%
  }

  .nothernews .newslists .item {
    padding: 30px;
  }

  .nnewsdetail .nnleft .conn {
    margin-top: -10px;
  }

  .nnewsdetail .nnright .conn {
    margin-top: -15px;
  }
}

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

  input,
  textarea,
  select,
  button,
  input {
    font-size: 15px;
  }

  .section {
    padding: 80px 0;
  }

  .sectionpre {
    padding-top: 80px;
  }

  .sectionnext {
    padding-bottom: 80px;
  }

  .nguide.fixeds {
    top: 90px;
  }

  .header .wrap {
    height: 90px;
  }

  .header .menu li .menu_a {
    line-height: 90px;
  }

  .banner .ilastnews {
    height: 120px;
  }

  .banner .ilastnews .conn {
    padding: 30px;
  }

  .banner .ilastnews .title h3 {
    font-size: 45px;
  }

  .banner .ilastnews .title h4 {
    font-size: 50px;
    line-height: 50px;
  }

  .banner .ilastnews .title {
    right: 5%
  }

  .banner .ilastnews .conn {
    width: 60%
  }

  .banner .topbanner .swiper-slide .text h3 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 25px;
  }

  .banner .more {
    line-height: 45px;
    margin-top: 45px;
  }

  .iyoushi .more {
    line-height: 45px;
  }

  .iabout .icompany .more {
    line-height: 45px;
  }

  .nab04 .title .more {
    line-height: 45px;
  }

  .nab04 .title .more a {
    padding: 0 25px;
  }

  .nothernews .newslists .item .more {
    line-height: 45px;
    padding: 0 25px;
  }

  .banner .more a {
    padding: 0 25px;
  }

  .iyoushi .more a {
    padding: 0 25px;
  }

  .isolution .title .more a {
    padding: 0 25px
  }

  .isolution .title .more {
    line-height: 45px;
  }

  .iabout .icompany .more a {
    padding: 0 25px;
  }

  .iabout .inum .item h3 .counter {
    font-size: 60px;
    line-height: 60px;
  }

  .iabout .inum .item h3 .other {
    font-size: 18px;
  }

  .iabout .inum .item p {
    font-size: 16px;
  }

  .iabout .icompany .conn p {
    font-size: 16px;
  }

  .iyoushi #ttabcontent .text h3 {
    font-size: 30px;
  }

  .iproducts .title h3 {
    margin-bottom: 20px;
  }

  .inews .tabmenu li {
    font-size: 18px;
    margin-left: 50px;
  }

  .footer .fcontent li h3,
  .footer .fcontent li h3 a {
    font-size: 18px;
  }

  .footer .fcontent li h3 {
    margin-bottom: 15px;
  }

  .footer .ftomail li:nth-child(2) .input {
    font-size: 16px;
  }

  .footer .ftomail li:nth-child(2) .input,
  .footer .ftomail li:nth-child(2) .input input {
    line-height: 48px;
    height: 48px;
  }

  .footer .ftomail li:nth-child(2) .submit {
    line-height: 48px;
    height: 48px;
  }

  .footer .fcontent {
    padding: 80px 0 80px 0;
  }

  .header .lang .button {
    width: 120px;
    padding-left: 30px;
  }

  .header .search {
    width: 160px;
    right: calc(155px + 2%);
  }

  .header .menu ul {
    margin-right: 5%
  }

  .banner .videosrcval {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
  }

  .napp105 .videosrcval {
    width: 70px;
    height: 70px;
  }

  .banner .videosrcval::before,
  .banner .videosrcval::after,
  .napp105 .videosrcval::before,
  .napp105 .videosrcval::after {
    width: 70px;
    height: 70px;
  }

  .iabout .inum {
    margin-top: 60px
  }

  .iyoushi .ttabmenu .icon {
    margin: 0 auto 10px auto;
  }

  .isolution .categary .catelist_tit {
    font-size: 18px;
  }

  .nbanner img {
    width: 110%;
    margin-left: -5%
  }

  .nguide {
    line-height: 70px;
  }

  .napp101 .conn .list .item .wenzi {
    height: 60px;
    margin: -30px 15px 0 15px;
  }

  .napp101 .conn .list .item .wenzi h3 {
    font-size: 18px;
  }

  .napp102 .wenzi .conn {
    line-height: 35px;
    font-size: 17px;
  }

  .napp104 .conn .item h3 {
    font-size: 22px;
    margin: 30px 0 15px 0
  }

  .napp104 .conn .item p {
    font-size: 17px;
    line-height: 32px;
  }

  .napp102 .wenzi .title h4 {
    line-height: 35px;
  }

  .napp204 .conn .item .text h3 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 28px;
  }

  .napp204 .conn .item .text p {
    font-size: 15px;
  }

  .nab02 .conn .item .con h3 {
    font-size: 24px;
    margin: 15px 0;
  }

  .nab03 .conn .swiper-slide h3 {
    font-size: 36px;
    margin-bottom: 25px
  }

  .nab03 .conn .swiper-slide p {
    font-size: 17px;
    margin-top: 10px;
  }

  .nkx03 .conn .pro-nav li {
    font-size: 22px;
    line-height: 65px;
  }

  .nco02 .conn .item {
    padding: 30px;
  }



  .hrlist .item h3 {
    margin-bottom: 10px;
  }

  .hrlist .item .show h3 {
    margin-bottom: 15px;
  }

  .hrlist .item .show .more {
    margin-top: 10px;
  }
}

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

  .title h4 {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .title h3 {
    font-size: 30px;
    line-height: 35px;
  }

  .title h5 {
    font-size: 18px;
    margin-top: 15px;
  }

  .footer li h3 {
    font-size: 26px;

  }

  .nbanner .text h3 {
    font-size: 32px;
  }

  .iapp .conn .slide .text h3 {
    font-size: 20px;
  }

  .header .menu li .menu_a {
    margin: 0 12px;
  }

  .section {
    padding: 60px 0;
  }

  .sectionpre {
    padding-top: 60px;
  }

  .sectionnext {
    padding-bottom: 60px;
  }

  .isolution .conn {
    padding-bottom: 0
  }

  .footer {
    padding: 60px 0
  }

  .title {
    margin-bottom: 40px;
  }

  .nkx01 .title {
    margin-bottom: 50px;
  }

  .nzhibao .kuai .text h3 {
    font-size: 28px;
    margin-bottom: 20px
  }

  .napp102 .wenzi .title {
    margin-bottom: 20px;
  }

  .napp101 .conn .list .item {
    width: 23.5%;
    margin-right: 2%;
    margin-top: 30px;
  }

  .napp101 .conn .list .item:nth-child(4n) {
    margin-right: 0
  }

  .napp101 .conn {
    margin-top: -15px;
  }

  .napp102.section {
    padding: 60px 0;
  }

  .napp201 .conn .item .wenzi h3 {
    margin-bottom: 10px;
  }



  .nab02 .conn .item .icon {
    width: 80px;
    margin-left: -40px;
    top: -40px;
  }

  .nab02 .conn .item .con {
    margin-top: -40px;
    padding: 80px 20px 30px 20px;
  }

  .nab02 .conn .item .con p {
    font-size: 14px;
  }

  .nab03 .conn .swiper-slide .dian {
    margin-bottom: 50px;
  }

  .nab05 .title h3 {
    margin-bottom: 10px;
  }

  .nab05 .title .more {
    bottom: 0;
    margin-left: 120px;
  }

  .nkx01 .swiper-slide {
    padding: 0 20px 60px 20px;
    margin-bottom: 30px;
  }

  .nkx01 .swiper-slide h3 {
    font-size: 24px;
    margin: 20px 0;
  }

  .nkx04 .text p {
    font-size: 20px;
    line-height: 40px;
    padding-left: 25px
  }

  .nkx04 .text p:after {
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }

  .nco01 .conn .item .text h3 {
    margin: 30px auto;
  }

  .product_content .right {
    margin-left: 30px;
    width: calc(100% - 280px)
  }
}

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

  body {
    font-size: 14px;
  }

  .banner .ilastnews .conn {
    padding: 20px;
  }

  .banner .ilastnews {
    height: 100px;
  }

  .banner .ilastnews .title h3 {
    font-size: 35px;
  }

  .banner .ilastnews .title h4 {
    font-size: 40px;
    margin-top: 0
  }

  .banner .topbanner .swiper-slide .text h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
  }

  .banner .topbanner .swiper-slide .text h4 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
  }

  .header .menu li .menu_a {
    font-size: 14px;
  }

  /*.banner .topbanner .swiper-pagination-bullet{width:40px;height:40px; line-height:40px;font-size:14px;}
.banner .topbanner .swiper-pagination-bullet:after{left:30px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:32px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ margin-right:15px;}*/
  .banner .videosrcval {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
  }

  .napp105 .videosrcval {
    width: 60px;
    height: 60px;
  }

  .banner .videosrcval::before,
  .banner .videosrcval::after,
  .napp105 .videosrcval::before,
  .napp105 .videosrcval::after {
    width: 60px;
    height: 60px;
  }

  .iyoushi .ttabmenu li {
    padding-bottom: 4%
  }

  .iyoushi .ttabmenu .icon {
    margin: 0 auto 5px auto;
  }

  .iyoushi .ttabmenu .text {
    font-size: 18px;
  }

  .isolution .swiper-button-prev,
  .isolution .swiper-button-next {
    width: 48px;
    height: 48px;
  }

  .isolution .swiper-button-prev {
    left: -48px;
  }

  .isolution .proswiper .swiper-slide {
    padding-left: 48px
  }

  .isolution .proswiper .swiper-button-prev,
  .isolution .proswiper .swiper-button-next {
    left: 48px;
  }

  .isolution .proswiper .swiper-button-prev {
    left: 0;
  }

  .nco02 .conn .item h3 {


    font-size: 18px;
    line-height: 24px;


  }

  .isolution .categary .catelist_tit {
    font-size: 17px;
  }

  .isolution .categary .catelist_tit {
    line-height: 48px;
  }

  .isolution .proll .text {
    margin-top: 10px;
  }

  .isolution .proll .text h3 {
    font-size: 17px;
  }

  .iabout .inum .item h3 .counter {
    font-size: 50px;
    line-height: 50px;
  }

  .isolution .swiper-button-prev,
  .isolution .swiper-button-next {
    bottom: 40px;
  }

  .iproducts .swiper-slide .text p {
    width: calc(100% - 60px);
    margin-bottom: 5px;
  }

  .iproducts .swiper-slide .text .pmore {
    width: 40px;
    height: 40px;
  }

  .iproducts .swiper-slide .text h3 {
    font-size: 18px;
  }

  .iproducts .swiper-slide {
    margin-bottom: 50px;
  }

  .inews #tabcontent ul .item .tit {
    padding: 20px 0 10px 0;
  }

  .inews #tabcontent ul .item .top {
    padding: 20px;
  }

  .inews #tabcontent ul .item .con p {
    padding: 0 20px;
  }

  .nothernews .newslists .item .more {
    line-height: 40px;
    padding: 0 20px;
  }

  .inews #tabcontent ul .item .tit h3 {
    font-size: 18px;
  }

  .inews #tabcontent ul .item .con .more {
    padding: 0 20px;
    line-height: 45px;
  }

  .iyoushi #ttabcontent .text h3 {
    font-size: 24px;
  }

  .iapp .conn .slide .text h3 {
    font-size: 18px;
  }

  .inews #tabcontent ul .item .date {
    line-height: 50px;
  }

  .inews #tabcontent ul .item .date span {

    font-size: 30px;

  }

  .inews #tabcontent ul .item .con .more {
    bottom: 30px;
  }

  .footer .ftomail li:nth-child(1) h3 {
    font-size: 24px;
  }

  .footer {
    font-size: 15px;
  }

  .footer .fcontent {
    padding: 60px 0
  }

  .iproducts .title h3 {
    margin-bottom: 10px;
  }

  .footer .copyright li:nth-child(1) {
    line-height: 42px;
  }

  .footer .copyright li:nth-child(2) .item .icon img {
    width: 42px;
    height: auto
  }

  .footer .ftomail li:nth-child(2) p {
    margin-bottom: 15px;
  }

  .iabout .iabout_con {
    flex-direction: column;
  }

  .iabout .icompany {
    width: 100%
  }

  .iabout .worldmap {
    width: 100%
  }

  .iabout .icompany .more {
    margin-top: 35px;
  }

  .iabout .icompany .title {
    margin-bottom: 30px;
  }

  .title h4 {
    margin-bottom: 10px;
  }

  .iproducts .title .more {
    bottom: -1px;
    margin-left: 150px;
  }

  .header .search .submit {
    background-size: 16px auto;
  }


  .title h4 {
    font-size: 20px;
  }

  .title h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .title h5 {
    margin-top: 10px;
  }

  .nbanner .text h3 {
    font-size: 28px;
  }

  .nbanner .text span {
    font-size: 17px;
  }

  .header .logo {
    margin-top: -30px;
  }

  .header .logo img {
    height: 60px;
  }

  .wrap {
    width: 92%;
  }

  .iapp .conn .slide .text h3 {
    font-size: 22px;
  }

  .iapp .conn .slide.active .text .inn h3 {
    font-size: 30px;
  }

  .nguide {
    line-height: 60px;
  }

  .ndown .tabmenu li {
    width: 150px;
    line-height: 42px;
    border-radius: 20px;
  }

  .nhonor .tabmenu li {
    width: 150px;
    line-height: 42px;
    border-radius: 20px;
  }

  .ndown .title .downsearch {
    width: 220px;
    height: 42px;
    line-height: 40px;
    padding: 0 20px;
  }

  .ndown .title .downsearch .searchInput {
    line-height: 40px;
    height: 40px;
    width: 150px
  }

  .ndown .title .downsearch .submit {
    line-height: 40px;
    height: 40px;
  }

  .ndown #dtabcontent .item {
    padding: 30px;
  }

  .ndown #dtabcontent .item h3 {
    font-size: 18px;
    background-size: 35px auto;
    padding-left: 50px;
    line-height: 35px;
  }

  .nzhibao .kuai .text h3 {
    font-size: 24px;
    margin-bottom: 15px
  }

  .nzhibao .kuai .text p {
    font-size: 16px;
    line-height: 30px;
  }

  .aqlist li:first-child {
    margin-top: 0px
  }

  .nzhibao .conn {
    margin-top: 0px
  }

  .ntiaokuan .conn {
    margin-top: 0px
  }

  .nab04 .conn {
    margin-top: 0px
  }

  .nab05 .conn {
    margin-top: 0px
  }

  .nkx02 .conn {
    margin-top: 0px
  }

  .nkx04 .text .conn {
    margin-top: 0px
  }

  .nco02 .conn {
    margin-top: 0px;
  }

  .nco03 .form .row_1 {
    margin-right: 0px
  }

  .hrlist .conn {
    margin-top: 0px;
  }

  .ntiaokuan .conn .item {
    padding: 30px 30px 50px 30px;
  }

  .liuyan-sub .conn {
    padding: 30px;
  }

  .liuyan-sub .closed {
    right: 30px;
    top: 30px;
  }

  .liuyan-sub .conn h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .ntiaokuan .conn .item .text p {
    font-size: 16px
  }

  .napp101 .conn .list .item .wenzi {
    height: 50px;
    margin: -30px 15px 0 15px;
    line-height: 20px;
  }

  .napp101 .conn .list .item .wenzi h3 {
    font-size: 17px;
  }

  .napp102 .wenzi .conn {
    line-height: 30px;
    font-size: 16px;
  }

  .napp104 .conn .item h3 {
    font-size: 20px;
    margin: 20px 0 15px 0
  }

  .napp104 .conn .item p {
    font-size: 16px;
    line-height: 30px;
  }

  .napp105 .text .title {
    margin-bottom: 50px;
  }

  .napp102 .wenzi .title h4 {
    line-height: 30px;
  }

  .napp201 .conn .item .wenzi h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .napp201 .conn .item .wenzi {
    padding: 20px 15px 20px 0
  }

  .napp201 .conn {
    margin-top: -45px
  }

  .napp204 .conn .item .text h3 {
    font-size: 18px;
  }

  .nab01 .conn {
    font-size: 16px;
  }

  .nab02 .conn .item .con h3 {
    font-size: 20px;
    margin: 10px 0;
  }

  .nab03 .conn .swiper-slide h3 {
    font-size: 32px;
    margin-bottom: 15px
  }

  .nab03 .conn .swiper-slide p {
    font-size: 16px;
    margin-top: 10px;
  }

  .nab03 .conn .swiper-slide .dian {
    margin-bottom: 30px;
  }

  .nab03 .conn {
    padding: 0 60px
  }

  .nab04 .conn .item .text h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .nkx02 .swiper-slide {
    padding: 30px;
    min-height: 350px;
  }

  .nkx02 .swiper-slide h3 {
    font-size: 22px;
    margin: 20px 0 15px 0;
  }

  .nkx02 .swiper-slide p {
    font-size: 16px;
  }

  .nkx03 .conn .pro-nav li {
    font-size: 18px;
    line-height: 55px;
  }

  .nkx03 .swiper-slide .wenzi h3 {
    font-size: 24px;
  }

  .nkx03 .swiper-slide .wenzi p {
    line-height: 30px;
    font-size: 16px;
  }

  .title p,
  .nkx01 .swiper-slide p {
    font-size: 16px;
  }

  .nkx03 .conn .protab-wrap {
    margin-top: -110px;
  }

  .nkx03 .swiper-slide .images {
    width: 300px;
  }

  .nkx03 .images .bg {
    width: 300px;
    height: 300px;
  }

  .nkx03 .swiper-slide .wenzi {
    padding-left: calc(22% + 300px);
  }

  .nkx03 .swiper-slide {
    padding: 0 80px;
  }

  .nkx03 .shujv {
    margin-top: 90px
  }

  .nkx03 .shujv .kuai .text h3 span {
    font-size: 40px;
    line-height: 40px;
  }

  .nkx03 .shujv .kuai .text p {
    font-size: 18px;
    margin-top: 12px
  }

  .nkx03 .shujv .kuai .text {
    padding: 50px 25px 25px 25px;
  }

  .nkx03 .shujv .kuai .icon {
    left: 25px;
  }

  .nkx04 img {
    width: 110%;
    margin-left: -5%;
  }

  .nhonor .item .outpic {
    padding: 15px;
  }

  .ntjnews .wenzi h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .ntjnews .wenzi .more {
    margin-top: 60px;
  }

  .nothernews .newslists .item .wenzi h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }


  .ntjnews .swiper-button-prev,
  .ntjnews .swiper-button-next {
    width: 50px !important;
    height: 50px !important;
  }

  .ntjnews .swiper-button-prev {
    margin-left: -50px;
  }

  .ntjnews .swiper-button-next {
    margin-right: -50px;
  }

  .ntjnews .swiper-button-prev span,
  .ntjnews .swiper-button-next span {
    width: 50px !important;
    height: 50px !important;
  }

  .nothernews .newslists .item .wenzi {
    padding: 0 20px;
    width: calc(70% - 65px);
  }

  .nothernews .newslists .item .date {
    width: 65px;
  }

  .nothernews .newslists .item .more {
    margin-top: 20px;
  }

  .ntjnews .wenzi {
    padding: 2% 3%
  }

  .nothernews .newslists .item {
    margin-bottom: 25px;
  }

  .nothernews .newslists .item .date h3 {
    font-size: 30px;
  }

  .nnewsdetail .nnright .title h3 {
    font-size: 24px;
    margin-top: 0
  }

  .nco02 .conn .item {
    padding: 20px;
  }


  .nco02 .conn .item h3 {
    background-size: 30px auto;
    padding-left: 45px;
    margin-bottom: 10px;
  }

  .hrlist .item h3 {
    font-size: 20px;
  }

  .product_content.section {
    padding-top: 60px
  }

  .product_content .right .filters .filter_box .inputBox .popBox.active .layui-unselect {
    width: 100%;
  }
}

@media screen and (max-width:1300px) {
  .header .menu li .subchang .item .con p {
    font-size: 13px;
    line-height: 18px;
  }

  .header .menu li .subchang .item h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .header .menu li .menu_a {
    margin: 0 8px;
  }

  .header .menu li:nth-child(7) .subduan,
  .header .menu li:nth-child(8) .subduan {
    width: calc(100% + 60px);
    margin-left: -30px;
  }



  .header .search {
    width: 150px;
    right: calc(155px + 2%);
  }

  .nbanner img {
    width: 120%;
    margin-left: -10%
  }

  .nco02 .conn .item {
    padding: 15px;
  }

  .nco02 .conn .item .inn p {
    line-height: 30px;
    font-size: 14px;
  }

  .nco02 .conn .item h3 {

    font-size: 20px;


  }


  .napp204 .conn .item {
    width: 100%
  }

  .napp204 .conn .item .pic {
    width: 50%;
    float: left;
  }

  .napp204 .conn .item .text {
    width: 50%;
    height: 100%;
    left: auto;
    right: 0
  }

  .napp204 .conn .item .text {
    padding: 20px;
  }

  .napp204 .conn .item:nth-child(2) .text {
    left: 0
  }

  .nab02 .conn .item .con {
    padding: 80px 10px 30px 10px;
  }

  .nco01 .conn .item .text p {
    font-size: 14px;
  }

  .nco01 .conn .item .text h3 {

    font-size: 20px;
  }
}

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

  .header .menu,
  .header .search {
    display: none
  }

  .header .lang {
    right: 40px;
  }

  .header .lang .button {
    width: 115px;
  }

  .menu-btn {
    display: block
  }

  .nguide.fixeds {
    top: 80px;
  }

  .header .wrap {
    height: 80px;
  }

  .menu-btn {
    height: 80px;
  }

  .header .logo {
    margin-top: -28px;
  }

  .header .logo img {
    height: 56px;
  }

  .banner .ilastnews .conn {
    width: 65%
  }

  .iabout .icompany {
    width: 100%;
  }

  .iabout .worldmap {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 auto;
  }

  .iyoushi #ttabcontent .text p {
    margin: 10px 0;
  }

  .iyoushi .ttabmenu li {
    padding-bottom: 3%;
  }

  .inews .tabmenu li {
    font-size: 17px;
    margin-left: 30px
  }

  .iyoushi #ttabcontent .text p {
    max-width: 100%;
    line-height: 26px;
    /* height: 78px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .iyoushi #ttabcontent .pic {
    width: 110%;
    margin-left: -5%
  }

  .footer .ftomail li:nth-child(1) h3 {
    line-height: 40px;
  }

  .banner .topbanner .swiper-slide .text h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .banner .topbanner .swiper-slide .text h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .banner .ilastnews .title h3 {
    font-size: 30px;
  }

  .banner .ilastnews .title h4 {
    font-size: 32px;
    margin-top: 0
  }

  .footer .ftomail li:nth-child(1) h3 {
    font-size: 24px;
  }

  .footer {
    margin-bottom: 55px;
  }

  .m-foot {
    display: block
  }

  .nzhibao .kuai .text h3 {
    font-size: 22px;
    margin-bottom: 10px
  }

  .ntiaokuan .conn .item .text h3 {
    font-size: 18px;
  }

  .napp102.section {
    padding: 40px 0;
  }

  .napp102 .wenzi {
    padding: 2% 0 2% 2%;
  }

  .napp102.napp103 .wenzi {
    padding: 2% 0 2% 2%;
  }

  .nkx01 .swiper-slide h3 {
    font-size: 20px;
  }

  .nothernews .newslists .item .wenzi p {
    line-height: 26px;
    height: 52px;
    -webkit-line-clamp: 2;
  }

  .nothernews .newslists .item .wenzi h3 {
    font-size: 18px;
  }

  .ntjnews .wenzi h3 {
    margin-bottom: 15px;
  }

  .ntjnews .wenzi .more {
    margin-top: 30px;
  }


  .nnewsdetail .nnleft {
    width: 100%;
    float: none;
  }

  .nnewsdetail .nnright {
    display: none
  }

  .nnewsdetail .nnleft .conn {
    padding: 20px;
  }

  .nnewsdetail .nnleft .conn .ntitle h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .nnewsdetail .nnleft .conn .inn h3,
  .nnewsdetail .nnleft .conn .inn h3 * {
    font-size: 18px !important
  }

  .nco01 .conn .item .text h3 {
    margin: 30px auto;
    font-size: 20px;
  }

  .iabout .iabout_con {
    flex-direction: column;
  }

  .iabout .worldmap {}

  .iabout .phshow {
    display: block !important;
    margin-top: 30px;
    width: 100%;
    height: auto
  }

  .float_r {
    display: none
  }


}






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

  .nguide.fixeds {
    top: 70px;
  }

  .header .wrap {
    height: 70px;
  }

  .menu-btn {
    height: 70px;
  }

  .header .logo {
    margin-top: -23px;
  }

  .header .logo img {
    height: 46px;
  }

  .menu-btn .line1 {
    margin-top: 27px
  }

  .iabout .inum .item h3 {
    margin-bottom: 0
  }

  .iabout .inum .item h3 .counter {
    font-size: 40px;
    line-height: 40px;
  }

  .banner .ilastnews .swiper-slide .text {
    width: calc(100% - 110px);
    padding-left: 10px;
    margin-left: 10px;
  }

  .iyoushi #ttabcontent .pic {
    width: 120%;
    margin-left: -10%
  }

  .iyoushi .ttabmenu .text {
    font-size: 17px;
  }

  .iyoushi .ttabmenu .icon {
    width: 45px;
    height: 45px;
  }

  body {
    font-size: 14px;
    line-height: 27px;
  }

  .isolution .categary .catelist_tit {
    line-height: 40px;
    font-size: 16px;
  }

  .isolution .swiper-button-prev,
  .isolution .swiper-button-next {
    bottom: 37px;
  }

  .isolution .proll .text h3 {
    font-size: 16px;
  }

  .title {
    margin-bottom: 25px;
  }

  .iabout .icompany .title {
    margin-bottom: 20px;
  }

  .footer .fcontent li:nth-child(1) {
    display: none
  }

  .footer .fcontent li h3,
  .footer .fcontent li h3 a {
    font-size: 16px;
  }

  .footer {
    font-size: 14px;
  }

  .footer .fcontent li p {
    line-height: 28px;
  }

  .footer .ftomail li:nth-child(2) .input {
    font-size: 14px;
  }

  .banner .ilastnews .swiper-slide .text {
    font-size: 16px;
    height: 52px;
  }

  .banner .ilastnews .swiper-slide .text h3 {
    font-size: 16px;
    line-height: 26px;
  }

  .banner .ilastnews .swiper-slide .date {
    font-size: 20px
  }

  .banner .ilastnews .conn {
    padding: 15px;
  }

  .banner .ilastnews .title h4 {
    line-height: 30px;
  }

  .banner .ilastnews {
    height: 85px;
  }

  .title h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .title h3 {
    font-size: 22px;
    line-height: 28px;
  }


  .nbanner .text h3 {
    font-size: 24px;
  }

  .nbanner .text span {
    font-size: 16px;
  }


  .iproducts .title .more {
    margin-left: 110px;
  }

  .iproducts .title .more a {
    font-size: 16px;
  }

  .iapp .conn .slide .text h3 {
    font-size: 18px;
  }

  .iapp .conn .slide.active .text .inn h3 {
    font-size: 24px;
  }

  .iapp .conn .slide .text .icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px auto;
  }

  .inews #tabcontent ul .item .con p {
    -webkit-line-clamp: 3;
  }

  .nnewsdetail .nnleft .conn img {
    max-width: 100% !important;
  }

  .nzhibao .conn {
    margin-top: 0px
  }

  .napp101 .conn .list .item .wenzi {
    height: 46px;
    margin: -23px 10px 0 10px;
    line-height: 20px;
  }

  .napp101 .conn .list .item .wenzi h3 {
    font-size: 15.5px;
  }

  .napp105 .text .title {
    margin-bottom: 20px
  }

  .video-show {
    width: 640px;
  }

  .nab05 .title .more {
    margin-left: 100px;
  }

  .nab05 .title .more a {
    font-size: 16px;
  }

  .nkx03 .title {
    width: auto;
    max-width: 100%;
  }

  .title p {
    margin-top: 15px;
  }

  .nkx03 .conn .pro-nav {
    float: none;
    width: 100%;
    max-width: 100%
  }

  .nkx03 .swiper-slide .wenzi {
    width: 100%;
  }

  .nkx03 .conn .protab-wrap {
    margin-top: 30px;
    float: none;
    width: 100%
  }

  .nkx03 .swiper-slide .wenzi {
    padding-left: calc(15% + 300px);
  }

  .nkx03 .swiper-slide .wenzi h3 {
    font-size: 20px;
  }

  .nkx03 .shujv .kuai .text h3 span {
    font-size: 30px;
  }

  .nkx03 .shujv .kuai .icon {
    width: 70px;
    top: -35px;
  }

  .nkx04 .text p {
    font-size: 18px;
    line-height: 35px;
  }

  .nkx04 img {
    width: 130%;
    margin-left: -15%;
  }

  .nhonor .item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
    position: relative
  }

  .nhonor .item:nth-child(4n) {
    margin-right: 2%;
  }

  .nhonor .item:nth-child(3n) {
    margin-right: 0;
  }

  .photo-panel .photo-close {
    background: url(../images/close_c.png);
    background-size: cover;
    width: 56px;
    height: 56px;
    position: absolute;
    top: o;
    right: 0
  }

  .photo-panel .photo-close:hover {
    background: url(../images/close_ch.png);
    background-size: cover;
    width: 56px;
    height: 56px;
    position: absolute;
    margin-left: 664px;
  }

  .photo-panel .photo-bar-tip {
    width: 100%;
    height: 44px;
    position: absolute;
    margin-top: -64px;
    padding: 10px;
  }

  .photo-panel .photo-bar-tip:hover {
    width: 100%;
    height: 44px;
    position: absolute;
    margin-top: -64px;
    background: #000;
    filter: alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    padding: 10px;
  }

  .photo-panel .photo-img {
    width: 660px;
    position: relative;
    float: left;
    height: 447px;
    background: #fff;
  }

  .photo-panel .photo-view-w {
    width: 660px;
    height: 447px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  .photo-panel .photo-view-h {
    width: 660px;
    height: 447px;
    text-align: center;
    vertical-align: middle;
  }

  .photo-panel .photo-view-w img {
    max-width: 640px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    max-height: 427px;
    margin: 10px;
  }

  .photo-panel .photo-view-h img {
    max-width: 640px;
    height: 427px;
    margin: 10px;
  }

  .photo-panel .photo-left,
  .photo-panel .photo-right {
    width: 80px;
    float: left;
    margin-top: 180px;
  }

  .photo-panel .arrow-prv {
    background: url(../images/l.png);
    width: 80px;
    height: 80px;
    background-size: cover;
  }

  .photo-panel .arrow-prv:hover {
    background: url(../images/l_ch.png);
    width: 80px;
    height: 80px;
    background-size: cover;
    cursor: pointer;
  }

  .photo-panel .arrow-next {
    background: url(../images/r.png);
    width: 80px;
    height: 80px;
    background-size: cover;
  }

  .photo-panel .arrow-next:hover {
    background: url(../images/r_ch.png);
    width: 80px;
    height: 80px;
    background-size: cover;
    cursor: pointer;
  }

  .photo-panel .photo-bar {
    font-size: 18px;
  }


  .product_content.section {
    padding-top: 40px
  }
}

@media screen and (max-width:920px) {
  .banner .ilastnews .title h3 {
    font-size: 24px;
  }

  .banner .ilastnews .title h4 {
    font-size: 24px;
    margin-top: 0
  }

  .banner {
    height: auto;
    min-height: 500px
  }

  .banner .topbanner .swiper-slide {
    height: 500px;
    min-height: 500px
  }

  .banner .ilastnews {
    position: relative;
    width: 100%;
    min-width: 100%;
    bottom: auto;
    right: auto;
  }

  .banner .ilastnews .conn {
    width: 80%
  }

  .banner .topbanner .swiper-slide .text h3 {
    font-size: 22px;
    width: 80%;
  }

  .banner .topbanner .swiper-slide .text h4 {
    font-size: 18px;
    width: 80%;
  }

  .banner .videosrcval {
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
  }

  .napp105 .videosrcval {
    width: 40px;
    height: 40px;
  }

  .banner .videosrcval::before,
  .banner .videosrcval::after,
  .napp105 .videosrcval::before,
  .napp105 .videosrcval::after {
    width: 40px;
    height: 40px;
  }

  .banner .videosrcval {
    top: 66%;
  }

  .banner .more {
    line-height: 42px;
    margin-top: 30px;
  }

  .iyoushi .more {
    line-height: 42px;
  }

  .iabout .icompany .more {
    line-height: 42px;
  }

  .banner .more a {
    padding: 0 20px;
  }

  .iyoushi .more a {
    padding: 0 20px;
  }

  .isolution .title .more a {
    padding: 0 20px
  }

  .isolution .title .more {
    line-height: 42px;
  }

  .iabout .icompany .more a {
    padding: 0 20px;
  }

  .banner .topbanner .swiper-pagination {
    bottom: 20px;
  }

  .nab04 .title .more {
    line-height: 42px;
  }

  .nab04 .title .more a {
    padding: 0 20px;
  }


  /*.banner .topbanner .swiper-pagination-bullet{width:36px;height:36px; line-height:36px;font-size:14px;}
.banner .topbanner .swiper-pagination-bullet:after{left:25px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:27px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ margin-right:10px;}*/

  .section {
    padding: 40px 0;
  }

  .sectionpre {
    padding-top: 40px;
  }

  .sectionnext {
    padding-bottom: 40px;
  }

  .wrap {
    width: 94%;
  }

  .iabout .inum {
    width: 100%;
    margin-top: 30px
  }

  .iabout .inum .item {
    width: 33.3%;
    margin: 5px 0;
  }

  .iabout .inum .item h3 .counter {
    font-size: 30px;
    line-height: 30px;
  }

  .iabout .inum .item p {
    font-size: 15px;
  }

  /* .iabout .inum .item h3{ padding-right:20px;} */
  .iabout .inum .item h3 .other {
    font-size: 15px;
    right: -10px
  }

  .iyoushi #ttabcontent .pic {
    width: 130%;
    margin-left: -15%
  }

  .iyoushi .ttabmenu .icon {
    width: 40px;
    height: 40px;
  }

  .iyoushi .ttabmenu li:after {
    height: 4px;
  }

  .iproducts .title .more {
    left: auto;
    margin-left: auto;
    position: relative;
    margin-top: 5px;
  }

  .iproducts .swiper-slide .text p {
    width: calc(100% - 50px);
  }

  .iapp .conn .slide .text h3 {
    font-size: 16px;
    padding: 0 10px;
  }

  .iapp .conn .slide.active .text .inn h3 {
    font-size: 20px;
  }

  .inews #tabcontent ul .item .tit {
    padding: 15px 0 5px 0;
  }

  .inews #tabcontent ul .item .top {
    padding: 15px;
  }

  .inews #tabcontent ul .item .con p {
    padding: 0 15px;
  }

  .footer .ftomail ul {
    display: block
  }

  /* .footer .ftomail li {display:block;} */
  .footer .ftomail li:nth-child(1) span {
    display: inline-block;
    margin-bottom: 15px;
  }

  .footer .ftomail li:nth-child(2) {
    width: 100%;
    max-width: 100%;
  }

  .footer .fcontent li:nth-child(3) {
    display: none
  }

  .nbanner img {
    width: 140%;
    margin-left: -20%
  }

  .ndown .tabmenu li {
    font-size: 16px;
  }

  .ndown .tabmenu ul {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: flex;
    display: -webkit-flex;
  }

  .ndown .tabmenu ul li {
    white-space: nowrap;
    width: auto;
    display: inline-block;
    width: auto;
    padding: 0 30px;
    margin: 0 3px;
  }

  .nhonor .tabmenu li {
    font-size: 16px;
  }

  .nhonor .tabmenu ul li {
    white-space: nowrap;
    width: auto;
    display: inline-block;
    width: auto;
    padding: 0 30px;
    margin: 0 3px;
  }

  .ndown .title .downsearch {
    bottom: auto;
    top: 0
  }

  .ndown #dtabcontent .item {
    padding: 20px;
  }

  .aqlist .toptit {
    font-size: 17px;
    margin-bottom: 15px;
  }

  .aqlist .cont h3 {
    font-size: 17px;
  }

  .aqlist li {
    padding: 12px 15px;
  }

  .aqlist li:first-child {
    margin-top: 0
  }

  .nguide li a {
    margin: 0 30px 0 0;
  }


  .nzhibao .kuai {
    margin-bottom: 20px;
    width: 100%;
    margin-right: 0
  }

  .nzhibao .kuai .pic {
    float: none;
    width: 100%
  }

  .nzhibao .kuai .text {
    width: 100%;
    float: none;
    padding: 3% 0
  }

  .nzhibao .kuai:nth-child(2n) .pic {
    float: none
  }

  .nzhibao .kuai:nth-child(2n) .text {
    float: none;
    padding: 3% 0
  }

  .ntiaokuan .conn .item {
    padding: 20px 20px 30px 20px;
  }

  .ndown .title .downsearch {
    width: 190px;
    height: 36px;
    line-height: 34px;
    padding: 0 20px;
  }

  .ndown .title .downsearch .searchInput {
    line-height: 36px;
    height: 36px;
    width: 120px
  }

  .ndown .title .downsearch .submit {
    line-height: 36px;
    height: 36px;
  }

  .liuyan-sub .submit {
    font-size: 18px;
  }

  .ntiaokuan .conn .item .text p {
    font-size: 15px
  }

  .nguide li a {
    font-size: 16px;
  }

  .ndown #dtabcontent .item h3 {
    font-size: 16px;
  }

  .liuyan-sub .conn {
    padding: 25px;
  }

  .liuyan-sub .closed {
    right: 25px;
    top: 25px;
  }

  .napp102 .wenzi .conn {
    font-size: 15px;
  }

  .napp105 img {
    width: 130%;
    margin-left: -15%
  }

  .napp101 .conn {
    margin-top: 0px;
  }

  .napp104 .conn .item h3 {
    font-size: 18px;
  }

  .nab04 .conn .item {
    width: calc(50% - 0.5px);
    position: relative
  }

  .nab05 .title .more {
    position: relative;
    margin-left: auto;
    left: auto;
    right: auto;
    margin-top: 5px;
  }

  .nab04 .conn .item .pic img {
    width: 120%;
    height: auto;
    margin-left: -10%
  }

  .nkx02 .swiper-slide {
    padding: 20px;
    min-height: 300px;
  }

  .nkx03 .swiper-slide .images {
    width: 260px;
  }

  .nkx03 .images .bg {
    width: 260px;
    height: 260px;
  }

  .nkx03 .swiper-slide .wenzi {
    padding-left: calc(15% + 260px);
  }

  .photo-panel .photo-close {
    background: url(../images/close_c.png);
    background-size: cover;
    width: 56px;
    height: 56px;
    position: absolute;
    top: o;
    right: 0
  }

  .photo-panel .photo-close:hover {
    background: url(../images/close_ch.png);
    background-size: cover;
    width: 56px;
    height: 56px;
    position: absolute;
  }

  .photo-panel .photo-bar-tip {
    width: 100%;
    height: 44px;
    position: absolute;
    margin-top: -64px;
    padding: 10px;
  }

  .photo-panel .photo-bar-tip:hover {
    width: 100%;
    height: 44px;
    position: absolute;
    margin-top: -64px;
    background: #000;
    filter: alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    padding: 5px;
  }

  .photo-panel .photo-img {
    width: 330px;
    position: relative;
    float: left;
    height: 223px;
    background: #fff;
  }

  .photo-panel .photo-view-w {
    width: 330px;
    height: 223px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  .photo-panel .photo-view-h {
    width: 330px;
    height: 223px;
    text-align: center;
    vertical-align: middle;
  }

  .photo-panel .photo-view-w img {
    max-width: 320px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    max-height: 427px;
    margin: 5px;
  }

  .photo-panel .photo-view-h img {
    max-width: 320px;
    height: 213px;
    margin: 5px;
  }

  .photo-panel .photo-left,
  .photo-panel .photo-right {
    width: 50px;
    float: left;
    margin-top: 120px;
  }

  .photo-panel .arrow-prv {
    background: url(../images/l.png);
    width: 50px;
    height: 50px;
    background-size: cover;
  }

  .photo-panel .arrow-prv:hover {
    background: url(../images/l_ch.png);
    width: 50px;
    height: 50px;
    background-size: cover;
    cursor: pointer;
  }

  .photo-panel .arrow-next {
    background: url(../images/r.png);
    width: 50px;
    height: 50px;
    background-size: cover;
  }

  .photo-panel .arrow-next:hover {
    background: url(../images/r_ch.png);
    width: 50px;
    height: 50px;
    background-size: cover;
    cursor: pointer;
  }

  .photo-panel .photo-bar {
    font-size: 17px;
  }

  .ntjnews .pic {
    width: 100%;
  }

  .ntjnews .wenzi {
    width: 100%;
    padding: 20px 20px 40px 20px
  }

  .nothernews .newslists .item {
    padding: 20px;
  }

  .nothernews .newslists .item .pic {
    width: 100%;
    float: none;
    margin-bottom: 20px
  }

  .nothernews .newslists .item .wenzi {
    width: calc(100% - 65px);
    padding-right: 0;
    padding-left: 10px;
  }

  .nco01 .conn .item .text h3 {
    margin: 20px auto;
    font-size: 18px;
  }

  .nco01 .conn .item .text p {
    font-size: 15px;
  }

  .nco01 .conn .item {
    width: 50%;
    position: relative;
    padding: 30px 0
  }

  .nco01 .conn .item:nth-child(3):after {
    display: none
  }

  .nco01 .conn .item .icon {
    width: 30%;
  }

  .nco01 .conn .item .text p img {
    width: 120px;
    height: auto
  }

  .nco02 .conn .item {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 20px;
  }

  .nco02 .conn .item:nth-child(3n) {
    margin-right: 3%
  }

  .nco02 .conn .item:nth-child(2n) {
    margin-right: 0
  }

  .hrlist .item h3 {
    font-size: 18px;
  }

  .hrlist .item {
    width: 48.5%;
    margin-right: 3%;
    padding: 20px;
  }

  .hrlist .item:nth-child(3n) {
    margin-right: 3%
  }

  .hrlist .item:nth-child(2n) {
    margin-right: 0
  }
}


@media screen and (max-width:768px) {
  .iproducts.section {
    padding-bottom: 40px;
  }

  .iproducts .swiper-slide .pic {
    background: #f0f0f0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  }

  .iproducts .swiper-slide a {
    padding: 10px;
  }

  .iproducts .swiper-slide {
    margin-bottom: 30px;
  }

  .iproducts .swiper-slide .text {
    padding: 10px 0 0px 0;
  }

  .iproducts .swiper-slide .text .pmore {
    display: none;
  }

  .iproducts .swiper-slide .text h3 {
    width: 100%;
  }

  .nhonor5 .item .outpic .shizhi img,
  .nhonor5 .item .outpic .img-dv .img2,
  .nhonor5 .item .outpic .pic .img2 {
    height: auto;
  }

  .nnewsdetail .nnleft .conn video {
    width: 100% !important;
    height: 200px !important;
  }

  .zblist ul {
    padding: 0 10px;
    gap: 20px;
  }

  .zblist ul li {
    width: calc(50% - 10px);
  }

  .hglist {
    margin-top: 20px;
  }

  .hglist ul {
    padding: 0 10px;
    gap: 20px;
  }

  .hglist ul li {
    width: calc(50% - 10px);
  }





  .pos_address {
    display: none;
  }

  .nab05 .title .more a {
    margin-left: 0;
  }

  .banner .topbanner .swiper-pagination-bullet:after {
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: -3px;
    top: -3px;
  }

  .banner .topbanner .swiper-slide .text h3 {
    font-size: 18px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 控制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    /* 可选，防止长单词不换行 */
  }

  .banner .topbanner .swiper-slide .text h4 {
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 控制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    /* 可选，防止长单词不换行 */
  }

  .product_content .right .content_title {
    flex-direction: column;
    align-items: flex-start;
  }

  .pos_address {
    margin-top: 10px;
  }

  .pagination {
    flex-wrap: wrap;
    padding: 0 20px 30px 20px;
  }

  .nhonor5 ul {
    justify-content: space-between;
    gap: 10px;
  }

  .nhonor5 .item {
    width: 48%;
    margin-right: 0;
    margin-bottom: 0;
  }

  .nhonor5 .item .text h3 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
  }

  .inews.section {
    padding-bottom: 20px;
  }

  .isolution.section {
    padding-bottom: 40px;
  }

  .home-scroll {
    padding-top: 2.2rem;
    padding-bottom: 1.2rem;
  }

  .home-scroll span {
    height: 2em;
  }

  .banner .videosrcval {
    display: none;
  }

  .banner .wrap {
    width: 70%;
  }

  .banner .topbanner .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 4px !important
  }

  .iabout .icompany .more {
    margin-top: 10px;
  }

  .iabout .iabout_con {
    gap: 30px;
  }

  .iabout .icompany .conn {
    gap: 10px;
  }

  .honers .title h3 {
    font-size: 20px;
  }

  .honers .title h3::after {
    bottom: -2px;
  }

  .honers .title em,
  .honers .title h3 span {
    font-size: 14px;
  }

  .iabout .inum .item h3 .counter {
    font-size: 28px;
  }

  .iabout .inum .item p {
    font-size: 12px;
  }

  .iyoushi .ttabmenu .text {
    font-size: 12px;
    line-height: 18px;
  }

  .iyoushi #ttabcontent .text p {
    font-size: 14px;
    line-height: 24px;
  }

  .iyoushi .ttabmenu .icon {
    width: 30px;
    height: 30px;
  }

  .iyoushi #ttabcontent .text p {
    -webkit-line-clamp: 8;
  }

  .iyoushi .title h4,
  .isolution .title h4 {
    font-size: 16px;
  }




  .iyoushi #ttabcontent .text .desc {
    margin: 0 0 20px 0;
  }

  .iyoushi #ttabcontent .text p {
    margin: 10px 0 0;
  }

  .banner .videosrcval {
    top: 50%;
  }

  .banner .topbanner .swiper-buttonNext,
  .banner .topbanner .swiper-buttonPrev {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
  }

  .banner .topbanner .swiper-buttonNext {
    right: 10px;
  }

  .banner .topbanner .swiper-buttonPrev {
    left: 10px;
  }


  .footer li h3 {
    font-size: 24px;

  }

  .banner {
    height: auto;
    min-height: 400px
  }

  .banner .topbanner .swiper-slide {
    height: 400px;
    min-height: 400px
  }

  .banner .more {
    line-height: 38px;
    margin-top: 30px;
  }

  .iyoushi .more {
    line-height: 38px;
  }

  .iabout .icompany .more {
    line-height: 38px;
  }

  .nab04 .title .more {
    line-height: 40px;
  }

  .nab04 .title .more a {
    padding: 0 20px;
  }

  .banner .more a {
    padding: 0 20px;
  }

  .iyoushi .more a {
    padding: 0 20px;
  }

  .isolution .title .more a {
    padding: 0 20px
  }

  .isolution .title .more {
    line-height: 38px;
  }

  .iabout .icompany .more a {
    padding: 0 20px;
  }

  .banner .topbanner .swiper-pagination {
    bottom: 20px;
  }

  .iabout .poi1 .map-txt {
    width: 100px;
    background: url(../images/lineen.png) no-repeat 30px top;
    left: -100px;
    top: -53px;
  }

  .iabout .poi4 .map-txt {
    width: 110px;
    right: -110px;
  }

  .iabout .poi5 .map-txt {
    width: 128px;
    background: url(../images/lineen05.png) no-repeat -20px top;
    right: -124px;
    top: -10px;
  }

  .iabout .poi8 .map-txt {
    width: 120px;
    background: url(../images/lineen05.png) no-repeat -25px top;
    right: -120px;
    top: -8px;
  }

  /* .iabout .worldmap{ left:-30px;} */
  .iabout .inum {
    flex-wrap: wrap;
  }

  .iyoushi #ttabcontent .pic {
    width: 140%;
    margin-left: -20%
  }

  .iproducts:after {
    height: 50%;
  }

  .iapp .conn .slide .text .icon {
    width: 40px;
    height: 40px;
  }


  .iapp .conn .slide .picbg img {
    height: 450px;
    min-height: 450px;
  }

  .inews #tabcontent ul .item {
    width: 100%;
    margin-top: -1px;
    margin-left: 0
  }

  .footer,
  .footer .fcontent {
    padding: 45px 0
  }

  .footer .ftomail li:nth-child(2) .input {
    width: calc(100% - 140px);
  }

  /* .footer .fcontent li:nth-child(5){ display:none} */

  .footer .copyright li:nth-child(1) {
    line-height: 25px;
    margin-bottom: 10px;
  }

  .footer .copyright ul,
  .footer .copyright ul li {
    display: block
  }

  .inews .tabmenu li:after {
    left: -12px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
  }

  .nbanner .proimg {
    margin-left: -55%
  }

  .nbanner img {
    width: 150%;
    margin-left: -25%
  }

  .nbanner .text {
    top: calc(50% + 20px)
  }

  .nguide {
    line-height: 50px;
  }

  .ndown #dtabcontent .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .ndown .tabmenu {
    margin-bottom: 20px;
  }

  .nhonor .tabmenu {
    margin-bottom: 20px;
  }

  .ndown #dtabcontent .item p {
    margin: 15px 0
  }

  .title h3 {
    font-size: 22px;
  }

  .nbanner .text h3 {
    font-size: 22px;
  }

  .liuyan-sub .submit {
    font-size: 16px;
    background: url(../images/bjt.png) #e16130 no-repeat 70% center;
  }

  .video-show {
    width: 94%;
  }

  .video-close {
    background-size: 25px 25px;
  }

  .napp105 .text .title h3 {
    font-size: 20px;
  }

  .napp105 img {
    width: 150%;
    margin-left: -25%
  }

  .napp101 .conn .list .item {
    width: 48.5%;
    margin-right: 3%;
  }

  .napp101 .conn .list .item:nth-child(2n) {
    margin-right: 0
  }

  .napp201 .conn .item {
    width: 48.5%;
    margin-right: 3%;
    margin-top: 30px;
  }

  .napp201 .conn .item:nth-child(2n) {
    margin-right: 0
  }

  .napp102 .pic {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  .napp102 .wenzi {
    width: 100%;
    float: none;
  }

  .napp102 .wenzi .title {
    margin-bottom: 15px;
  }

  .napp104 .conn .item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 35px;
  }

  .napp104 .conn .item h3 {
    margin: 15px 0 10px 0;
  }

  .napp201 .conn {
    margin-top: -30px
  }

  .napp102 .wenzi {
    padding: 2% 0;
  }

  .napp102.napp103 .wenzi {
    padding: 2% 0;
  }

  .napp204 .conn .item .pic {
    width: 100%;
    float: none;
  }

  .napp204 .conn .item .text {
    width: 100%;
    height: auto;
    left: auto;
    right: auto
  }

  .napp204 .conn .item .text {
    padding: 20px 20px 40px 20px;
  }

  .napp102.napp203 .wenzi {
    padding: 2% 0%;
  }

  .napp204 .conn .item .pic:nth-child(2) {
    display: none
  }

  .napp204 .conn .item .text {
    position: relative;
    bottom: auto;
  }

  .napp204 .conn .item:nth-child(2) .pic:nth-child(1) {
    opacity: 1
  }

  .napp204 .conn .item:nth-child(2) .pic:nth-child(2) {
    opacity: 0;
    display: none
  }

  .nab02 .conn {
    margin-top: -90px
  }

  .nab02 .conn .item {
    width: 48.5%;
    margin-right: 3%;
    margin-top: 60px;
  }

  .nab02 .conn .item:nth-child(2n) {
    margin-right: 0
  }

  .nab03 .swiper-button-prev,
  .nab03 .swiper-button-next {
    margin-top: 25px;
  }

  .nab04 .conn .item .pic img {
    width: 120% !important;
    max-width: 120% !important;
    height: auto;
    margin-left: -15%
  }

  .nab04 .conn .item .text .icon {
    margin: 0 auto 5px auto
  }

  .nkx03 .shujv .kuai {
    width: 48.5%;
    margin-right: 2%;
    position: relative;
    margin-top: 60px;
  }

  .nkx03 .shujv .kuai:nth-child(2n) {
    margin-right: 0
  }

  .nkx03 .shujv {
    margin-top: 30px;
  }

  .nkx03 .swiper-slide .images {
    float: none;
    margin: 0 auto 20px auto;
  }

  .nkx03 .swiper-slide .wenzi {
    padding-left: 0;
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    -moz-transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
  }

  .nkx03 .swiper-slide {
    padding: 0 70px;
  }

  .nkx04 img {
    width: 150%;
    margin-left: -25%;
  }


  .phshow {
    display: flex !important
  }

  .pcshow {
    display: none !important
  }

  .iapp .title h3 {
    color: #222 !important
  }

  .iapp .title {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    z-index: 99;
    color: #222 !important
  }

  .iapp .title .section {
    padding-bottom: 0
  }

  .iapp .conn .item .picbg {
    width: 100%;
    overflow: hidden
  }

  .iapp .conn .item .picbg img {
    width: 150% !important;
    margin-left: -25% !important
  }
}

@media screen and (max-width:540px) {
  .iabout .icompany .conn p {
    font-size: 15px;
  }

  .iyoushi #ttabcontent .pic {
    width: 200%;
    margin-left: -50%
  }

  .isolution .categary {
    width: 100%;
    max-width: 100;
    float: none;
    margin-bottom: 30px;
  }

  .isolution .proll {
    width: 100%;
    max-width: 100;
    float: none;
  }

  .isolution .swiper-button-prev {
    left: 0;
    right: auto;
  }

  .isolution .swiper-button-next {
    left: 48px;
  }

  .isolution .proswiper .swiper-slide {
    padding-left: 0
  }

  .isolution .proswiper .swiper-button-prev,
  .isolution .proswiper .swiper-button-next {
    left: 48px;
  }

  .isolution .proswiper .swiper-button-prev {
    left: 0;
  }


  .inews .tabmenu li {
    font-size: 16px;
    margin-left: 15px;
  }

  .footer .fcontent li:nth-child(2),
  .footer .fcontent li:nth-child(4),
  .footer .fcontent li:nth-child(5) {
    display: none
  }

  .nbanner .text h3 {
    font-size: 22px;
  }

  .nbanner .text span {
    font-size: 15px;
  }

  .aqlist .cont h3 {
    font-size: 16px;
  }

  .aqlist li {
    margin-top: -15px;
    border-radius: 10px;
  }

  .nguide li a {
    margin: 0 20px 0 0;
  }

  .ntiaokuan .conn .item .text h3 {
    font-size: 18px;
  }

  .ntiaokuan .conn .item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }

  .ndown .tabmenu ul li {
    padding: 0 20px;
    line-height: 38px;
    width: auto
  }

  .nhonor .tabmenu ul li {
    padding: 0 20px;
    line-height: 38px;
    width: auto
  }

  .nhonor .item {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 10px;
    position: relative
  }

  .nhonor .item:nth-child(3n) {
    margin-right: 3%;
  }

  .nhonor .item:nth-child(2n) {
    margin-right: 0;
  }
}

.photo-panel .photo-close {
  background: url(../images/close_ch.png);
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  top: o;
  right: 0
}

.photo-panel .photo-close:hover {
  background: url(../images/close_ch.png);
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
}

.photo-panel .photo-bar-tip {
  width: 100%;
  height: 44px;
  position: absolute;
  margin-top: -64px;
  padding: 10px;
}

.photo-panel .photo-bar-tip:hover {
  width: 100%;
  height: 44px;
  position: absolute;
  margin-top: -64px;
  background: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.8;
  opacity: 0.8;
  color: #fff;
  padding: 5px;
}

.photo-panel .photo-bar {
  padding-bottom: 0;
}

.photo-panel .photo-img {
  /* width: 100%; */
  position: relative;
  float: left;
  height: auto;
  background: #fff;
}

.photo-panel .photo-view-w {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.photo-panel .photo-view-h {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.photo-panel .photo-view-w img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  text-align: center;
  max-height: 100%;
  /* margin: 5px; */
}

.photo-panel .photo-view-h img {
  max-width: 100%;
  height: 100%;
  margin: 5px;
}

.photo-panel .photo-left,
.photo-panel .photo-right {
  width: 20px;
  float: left;
  margin-top: 0;
}

.photo-panel .arrow-prv {
  background: url(../images/l.png) center;
  width: 20px;
  height: 40px;
  background-size: auto 100%
}

.photo-panel .arrow-prv:hover {
  background: url(../images/l_ch.png) center;
  width: 20px;
  height: 40px;
  background-size: auto 100%
}

.photo-panel .arrow-next {
  background: url(../images/r.png) center;
  width: 20px;
  height: 40px;
  background-size: auto 100%
}

.photo-panel .arrow-next:hover {
  background: url(../images/r_ch.png) center;
  width: 20px;
  height: 40px;
  background-size: auto 100%
}

.nco03 .form .row {
  margin-top: 20px;
}

.nco03 .form .column {
  float: none;
  width: 100%;
  margin-right: 0
}

.nco03 .form .row .submit {
  font-size: 16px;
}


.hrlist .item {
  width: 100%;
  margin-right: 0%;
  padding: 15px;
  margin-bottom: 20px
}

.hrlist .item:nth-child(3n) {
  margin-right: 0%
}
}

@media screen and (max-width:450px) {
  .iyoushi #ttabcontent .pic {
    width: 260%;
    margin-left: -80%
  }

  .iyoushi .ttabmenu .text {
    font-size: 12px;
    line-height: 20px;
    padding: 0 10px;
  }

  .nbanner .proimg {
    margin-left: -55%
  }

  .nbanner img {
    width: 180%;
    margin-left: -40%
  }

  .nzhibao .kuai .text h3 {
    font-size: 20px;
  }

  .nzhibao .kuai .pic {
    margin-bottom: 10px;
  }

  .nkx04 img {
    width: 170%;
    margin-left: -35%;
  }

  .nco02 .conn .item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }

  .nco02 .conn .item:nth-child(3n) {
    margin-right: 0%
  }
}


@media (max-width: 1000px) {
  .product_content .right2 .product_info .top .rightBox .buttons {
    flex-wrap: wrap;
  }

  .product_content .right2 .product_info .top .rightBox .buttons .stock {
    margin-top: 10px;
  }

  .cart_R_side {
    display: none !important;
  }

  .product_content .left {
    position: fixed;
    top: 0;
    left: -100%;
    transition: 0.5s;
    z-index: 10;
    background: #fff;
    width: 50vw;
    height: 100%;
    padding: 20px;
    padding-top: 80px;
  }

  .product_content .left.active {
    left: 0%;
  }

  .side_button {
    z-index: 5;
    top: 130px;
    left: 0;
    position: fixed;
    transform: translateX(0%);
    width: 20px;
    height: 150px;
    padding: 20px;
    left: 50vw;
    transition: 0.5s;
  }

  .side_button .button_text {
    display: none;
  }

  .side_button .actived {
    display: block;
  }

  .side_button img {
    width: 5px;
    transform: rotate(0);
  }

  .product_content .left .list .list_items .sub_title_name {
    height: auto;
  }

  .side_button.side_button_active {
    left: 0;
  }

  .side_button.side_button_active img {
    transform: rotate(180deg);
  }

  .side_button.side_button_active .button_text {
    display: block;
  }

  .side_button.side_button_active .button_text.actived {
    display: none;
  }

  .common_button .content a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product_content .left {
    margin-left: 0
  }

  .product_content .right .noData {
    font-size: 16px;
  }

  /*.compare_page .layui-table-header table thead tr th:nth-child(1) .layui-table-cell {
    width: 150px;
  }*/
  .laytable-cell-1-0-0 {
    width: 150px !important;
  }

  .laytable-cell-1-0-1 {
    width: 150px !important;
  }

  .laytable-cell-1-0-2 {
    width: 150px !important;
  }

  .compare_page .layui-table-header table thead tr th:nth-child(1) .layui-table-cell span {
    font-size: 14px;
  }

  .compare_page .layui-form {
    margin-top: 20px;
  }

  .compare_page .layui-table-header table thead tr th .layui-table-cell {
    height: 100%;
  }

  .compare_page .layui-table-header table thead tr th .layui-table-cell span {
    font-size: 15px;
  }

  .product_content .right .filters .filter_box .inputBox .inputBox_title,
  .product_content .right .filters .filter_box .inputBox span {
    font-size: 15px;
  }

  .product_content .right .layui-form .layui-table-header thead .layui-table-cell span {
    font-size: 12px !important;
  }

  .custom_button {
    font-size: 12px;
  }

  .product_content .right2 .product_info .top {
    height: auto;
    padding: 15px 5px;
  }

  .product_content .right2 .product_info .top .imgBox {
    height: 70px;
  }

  .product_content .right2 .product_info .top .rightBox .name {
    font-size: 16px;
  }

  .product_content .right2 .product_info .top .rightBox .num {
    font-size: 12px;
  }

  .product_content .right2 .product_info .top .buttons .rfq,
  .product_content .right2 .product_info .top .buttons .data {
    height: 30px !important;
    border-radius: 15px !important;
    padding: 0 10px !important;
    margin-right: 5px !important;
  }

  .product_content .right2 .product_info .top .buttons .rfq img,
  .product_content .right2 .product_info .top .buttons .data img {
    height: 13px !important;
    margin-right: 5px !important;
  }

  .product_content .right2 .product_info .top .buttons .rfq span,
  .product_content .right2 .product_info .top .buttons .data span {
    font-size: 16px !important;
  }

  .product_content .right2 .product_info .top .buttons .stock img {
    height: 20px !important;
  }

  .product_content .right2 .product_info .top .buttons .stock span {
    font-size: 16px !important;
  }

  .product_content .right2 .product_info .top .rightBox .name {
    font-size: 16px;
  }

  .product_content .right2 .product_info .top .rightBox .num {
    font-size: 12px;
  }

  .product_content .right .layui-form .layui-table-box>.layui-table-header thead tr th:nth-child(1) .layui-table-cell span {
    font-size: 12px !important;
  }

  .compare_page .layui-table-header table thead tr th .layui-table-cell span .compare_button_box .button {
    font-size: 15px;
  }

  .compare_page .layui-table-header table thead tr th .layui-table-cell span .compare_button_box .button img {
    width: 18px;
  }

  .compare_page .layui-table-header table thead tr {
    height: 40px;
  }

  .product_content .left .title {
    font-size: 16px;
  }

  .product_content .left .list .list_item,
  .product_content .left .list .list_items .title_name {
    font-size: 14px;
    height: auto;
  }

  .product_content .left .list .list_items {
    height: auto;
  }

  .product_content .left .list .list_items.active .sub_title_name {
    height: auto;
  }

  .product_content .left .list .list_items .sub_title_name {
    font-size: 13px;
  }

  .product_content .right {
    width: 100%;
    margin-left: 0;
  }

  .product_content .right .filters .filter_box .inputBox {
    width: 49%;
    margin-right: 2%
  }

  .product_content .right .filters .filter_box .inputBox:nth-child(2n) {
    margin-right: 0
  }

  .product_content .right .filters .filter_box .inputBox:nth-child(3n) {
    margin-right: 2%;
  }

  .product_content .right .filters .filter_box .inputBox:nth-child(4n) {
    margin-right: 0
  }

  .product_content .right .filters .filter_box .inputBox:nth-child(6n) {
    margin-right: 0
  }

  .product_content .right .filters .filter_box .inputBox .popBox.active {
    z-index: 101;
  }

  .product_content .right .filters {
    padding: 8px 10px;
    background-color: #eeeeee;
    margin-top: 10px;
  }

  .product_content .right .filters .filter_box {
    margin-top: 10px;
  }

  .product_content .right .filters .filter_box .inputBox .slide_numBox {
    height: auto;
  }

  .product_content .right .filters .filter_box .inputBox .slide_numBox .slide_num {
    width: 35px;
    height: 20px;
    font-size: 13px !important;
  }

  .product_content .right .filters .filter_box .inputBox {
    padding: 5px 3px;
    margin-bottom: 5px;
  }

  .product_content .right .filters .filter_box .inputBox img {}

  .product_content .right .filters .filter_box .inputBox .popBox_checkbox,
  .product_content .right .filters .filter_box .inputBox .popBox_slider {
    padding: 10px 5px;
    box-sizing: border-box;
  }

  .layui-slider-wrap {
    top: -24px !important;
  }

  .layui-table-body tbody tr td .layui-table-cell img {
    height: 100%;
  }

  .side_button .button_text {
    font-size: 12px;
  }

  .product_content .right .content_title .lefts span,
  .product_content .right .content_title .rights span {
    font-size: 16px;
  }

  .product_content .right .filters .title .title_left span,
  .product_content .right .filters .title .title_left div,
  .product_content .right .filters .title .title_right span,
  .product_content .right .filters .filter_box .inputBox span {
    font-size: 14px;
  }

  .product_content .right .layui-form .layui-table-box>.layui-table-header thead tr th:nth-child(1) .layui-table-cell span,
  .product_content .right .layui-form .layui-table-cell span,
  .product_content .right .layui-form .layui-table-cell {
    font-size: 13px;
  }

  .product_content .right .layui-form .layui-table-body tbody td:nth-child(2) .layui-table-cell {
    font-size: 12px;
  }

  .product_content .right .filters .title .title_right img {
    margin-left: 10px;
  }

  .product_content .right .filters .title .title_left div {
    height: auto;
    padding: 5px 0.0885rem;
  }

  .product_content .right .layui-form .layui-table-cell_column,
  .product_content .right .layui-form .layui-table-cell {
    height: 30px;
  }

  .product_content .custom_button {
    padding: 5px 10px;
    width: auto;
    height: auto;
    bottom: 0.3125rem;
    left: 0.4167rem;
    font-size: 14px;
  }

  .product_content .custom_button img {
    width: 18px;
  }

  .compare_fixed_box .compare_fixed_title .left,
  .compare_fixed_box .compare_fixed_title .right .button span,
  .compare_fixed_box .compare_fixed_title .right .compare_button,
  .compare_fixed_box .compare_fixed_content .compare_items .compare_item {
    font-size: 14px;
  }

  .compare_fixed_box .compare_fixed_title {
    padding: 10px 0.8333rem;
    box-sizing: border-box;
    height: auto;
  }

  .compare_fixed_box .compare_fixed_title .right .button {
    width: auto;
    height: auto;
    padding: 5px 10px;
    box-sizing: border-box;
  }

  .compare_fixed_box .compare_fixed_title .right .compare_button {
    width: auto;
    height: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    display: block;
  }

  .compare_fixed_box .compare_fixed_title .right .button img {
    width: 10px;
  }