@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 1920px) {
}

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

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

@media all and (max-width: 1280px) {
    .inabout {width: calc(50% - 157px - 10px);}
    .innews {width: calc(50% - 157px - 10px);}
    .innews-list li {padding-right: 0;}
    .innews-list li .date {display: none;}

    .incase-list ul {width: calc(100% + 20px);}
    .incase-list ul li {padding-right: 20px;}

    .nabout-honor ul li .box .txt {font-size: 14px;}

    .ncontact-con .tit {font-size: 24px;}
    .ncontact-con .txt {font-size: 14px; line-height: 30px; padding-top: 20px;}
}

@media all and (max-width: 960px) {
    .inabout {width: calc(100% - 314px - 10px); margin-bottom: 10px;}
    .inslide {margin-right: 0; margin-bottom: 10px;}
    .innews {float: none; clear: both; width: auto; height: auto;}
    .innews-list li {padding-right: 90px;}
    .innews-list li .date {display: block;}

    .nmain-l {width: 200px;}
    .nmain-r {width: calc(100% - 200px);}
    .nmenus .name {font-size: 18px;}
    .nmenus .list ul li a {font-size: 14px;}
    .nmain-title {padding: 0 20px;}
    .nmain-title .name {font-size: 18px;}

    .nabout-honor ul {padding: 10px;}
    .nabout-honor ul li {width: 50%; padding: 10px;}

    .ncase ul {padding: 10px;}
    .ncase ul li {width: 33.333%; padding: 10px;}

    .ncontact {padding: 30px 20px;}

    .nnews {padding: 15px 20px;}
    .nnews .group .box .img {width: 180px;}
    .nnews .group .box .con .more {display: none;}


    .nnewscon {padding: 20px;}


    .nproduct {padding: 15px 20px;}


    .nprocon {padding: 30px 20px;}
    .nprocon-cons {padding-top: 0;}
    .nprocon-cons .item:first-child {padding-top: 0;}
}

@media all and (max-width: 860px) {
    .incase-list ul li {width: 50%;}
    .insupport-list ul {width: calc(100% + 30px);}
    .insupport-list ul li {padding-right: 30px;}
    .insupport-list ul li .box .tit {font-size: 15px;}
    .insupport-list ul li .box .tag span {font-size: 12px;}

    .ncontact {padding: 20px;}
    .ncontact-map {width: auto; float: none;}
    .ncontact-con {width: auto; float: none; padding: 20px 0 0 0;}
}

@media all and (max-width: 800px) {
    .header .search {display: none;}
    .header .menu {display: block;}
    .menubar {display: none;}

    .wrappadding {padding-top: 0;}

    .insupport-list ul li {width: 100%;}

    .nmain-l {display: none;}
    .nmain-r {width: auto; float: none; background: none;}
    .nmenus-mobile {display: block;}

}

@media all and (max-width: 720px) {
    .ncase ul li {width: 50%;}
}

@media all and (max-width: 640px) {
    section.wrapper {padding: 0 20px;}
    .header {padding: 25px 0;}
    .header .language .tit {background-position: center;}
    .header .language .tit a {font-size: 0; color: #fff; padding: 0; width: 40px;}
    .header .language .tit a:after {display: none;}
    .header .language .txt {padding-bottom: 0;}
    .header .language .txt ul li a {padding: 0 15px;}
    .header .email a {padding: 0; background-position: center; width: 40px; font-size: 0; color: #fff;}

    .inabout {width: auto; height: auto; float: none; margin-right: 0;}
    .inslide {width: auto; height: auto; float: none;}
    .inslide .swiper-slide img {width: 100%; height: inherit;}

    .inprotype .swiper-slide a {width: 200px; height: 100px; padding-left: 80px; padding-right: 20px;}
    .inprotype .swiper-slide .icon {width: 80px;}
    .inprotype .swiper-slide .icon img {width: 40px; height: 40px;}
    .inprotype .swiper-slide .text .cn {font-size: 16px;}
    .inprotype .swiper-slide .text .en {font-size: 13px;}


    .comPageBar {padding: 30px 0;}

    .comConPage {padding: 30px 0;}


    .nabout-content {padding: 20px; font-size: 14px; line-height: 28px;}


}

@media all and (max-width: 560px) {
    .nnews .group .box .img {width: 130px;}
    .nnews .group .box .con .tit {font-size: 16px;}
    .nnews .group .box .con .note {display: none;}
    .nnews .group .box .con .txt {font-size: 13px;}
}

@media all and (max-width: 480px) {
    .header .logo img {height: 30px;}
    .header .language,
    .header .email {margin-right: 10px;}

    .banner .swiper-pagination {bottom: 15px;}
    .banner .swiper-pagination .swiper-pagination-bullet {width: 6px;}

    .nmain-title .location {display: none;}

    .ncontact-con .tit {font-size: 18px;}
    .ncontact-con .txt {padding-top: 10px;}

    .nnews .group {padding: 10px 0;}
    .nnews .group .box .img {margin-right: 15px;}

    .nproduct .group .box .img {width: 80px; margin-right: 15px;}
    .nproduct .group .box .con .btn {display: none;}

    .nprocon-intro .tit {font-size: 20px;}
    .nprocon-cons .item {padding-top: 20px;}
    .nprocon-cons .item .tit span {font-size: 14px; line-height: 36px; padding: 0 25px 0 30px;}
    .nprocon-cons .item .txt {font-size: 13px;}
}

@media all and (max-width: 414px) {
    .header {padding: 20px 0;}
    .footer {padding: 15px; -ms-flex-direction: column; flex-direction: column; justify-content: center; align-items: center;}
    .footer .copy {text-align: center; font-size: 13px;}
    .footer .tact .item {margin: 0; padding-top: 15px;}
    .footer .tact .item img {width: 40px;}
    .inabout {padding: 15px;}
    .innews {padding: 15px;}
    .inprotype .swiper-button-next,
    .inprotype .swiper-button-prev {display: none;}
    .incase {padding: 15px;}
    .incase-list ul {width: calc(100% + 15px);}
    .incase-list ul li {padding: 15px 15px 0 0;}
    .incase-list ul li .box .txt {font-size: 13px;}
    .insupport {padding: 15px;}
    .insupport-list ul li {padding-top: 20px;}
    .insupport-list ul li .box .tit {font-size: 14px;}


    .comPageBar {padding: 20px 0;}
    .comPageBar .box a,
    .comPageBar .box span {display: none;}
    .comPageBar .box a.prev {display: block;}
    .comPageBar .box a.next {display: block;}

    .comConPage {padding: 20px 0;}
    .comConPage .box a {width: 80px; font-size: 14px;}


    .nabout-organization {padding: 30px 15px;}


    .nnews .group .box .img {width: 110px;}
    .nnews .group .box .con .tit {font-size: 14px;}
    .nnews .group .box .con .txt {font-size: 12px; line-height: 20px;}


    .nnewscon-title {font-size: 20px;}
    .nnewscon-note {font-size: 13px;}
    .nnewscon-content {font-size: 13px;}


    .nproduct .group .box .con .tit {font-size: 14px;}
    .nproduct .group .box .con .txt {font-size: 12px; line-height: 20px;}


}

@media all and (max-width: 375px) {
    .header {padding: 20px 0;}
    .header .language .tit {height: 36px;}
    .header .language .tit a {width: 36px; height: 36px;}
    .header .email a {width: 36px; height: 36px;}
    .header .menu a {width: 36px; height: 36px; padding: 8px;}

    .intitle .name {font-size: 16px;}
    .inmore {font-size: 13px;}
    .inabout .intitle {padding-bottom: 10px;}
    .inabout-content {font-size: 13px; line-height: 24px;}
    .innews-tabs .tabs .item {margin-right: 15px;}
    .innews-tabs .tabs .item.on {font-size: 16px;}
    .innews-list {font-size: 13px; line-height: 24px; padding-top: 10px;}
    .innews-list li {padding-right: 0;}
    .innews-list li .date {display: none;}
}

@media all and (max-width: 320px) {
    section.wrapper {padding: 0 15px;}
    .header {padding: 15px 0;}
    .header .logo img {height: 28px;}
    .header .language .tit {height: 30px;}
    .header .language .tit a {width: 30px; height: 30px;}
    .header .email a {width: 30px; height: 30px;}
    .header .menu a {width: 30px; height: 30px; padding: 5px;}
    .footer .copy {font-size: 12px;}
    .footer .tact .item img {width: 30px;}

    .incase-list ul li .box .txt {font-size: 12px;}
    .insupport-list ul li {padding-top: 15px;}
    .insupport-list ul li .box .tit {font-size: 13px;}

    .nabout-honor ul li {width: 100%;}
    .ncase ul li {width: 100%;}


    .nnewscon-title {font-size: 18px;}
    .nnewscon-note {font-size: 12px;}
    .nnewscon-content {font-size: 12px; line-height: 24px;}
}