/*==========responsive==========*/
@media screen and (max-width:1605px) {
    .container {
        max-width: 1440px;
    }
    .honor .imglist .imgitem .img {
        width: 440px;
    }
    .contactinfo .contactmsg {
        padding-left: 50px;
        padding-right: 80px;
    }
    .productlist .proitem .logo {
        height: 40px;
    }
    .productlist .proitem .bottom {
        margin-top: 20px;
    }
    .productlist .proitem .bottom h3 {
        font-size: 20px;
        flex: 1;
    }
    .productlist .proitem .bottom>span {
        padding: 0px 10px;
        width: 76px;
    }
    .productlist .proitem {
        margin-top: 60px;
    }
}
@media screen and (max-width:1445px) {
    .honor .imglist .imgitem {
        width: 350px;
        margin-bottom: 30px;
    }
    .rights .imglist .imgitem {
        width: 520px;
    }
    .honor .imglist .imgitem .img {
        width: 350px;
        height: 280px;
    }
    .container {
        max-width: 1280px;
    }
    .appli .appli-tit {
        font-size: 22px;
        letter-spacing: 0px;
    }
    .newslist .newsitem a .img {
        height: 400px;
    }
    .newslist .newsitem a .des {
        margin-top: 20px;
        height: 380px;
    }
    .applicationlist .appitem {
        margin-bottom: 40px;
        padding: 40px 40px;
    }
    .applicationlist .appitem .des {
        padding: 0 40px;
    }
    .applicationlist .appitem .des h3 {
        padding: 30px 0;
        font-size: 32px;
    }
    .applicationlist .appitem .des h3::after {
        bottom: 15px;
    }
    .aboutnav-item {
        width: 220px;
        height: 220px;
    }
    .aboutnav-item p {
        padding-bottom: 35px;
    }
    .cullist .cullist-item {
        width: 390px;
    }
    .process .subbanner,
    .process .subbanner .img,
    .cultureinfo .subbanner,
    .cultureinfo .subbanner .img {
        height: 420px;
    }
    .process .timeline li {
        height: 200px;
    }
    .process .timeline li::after {
        height: 140px;
    }
    .process .timeline li .time {
        width: 310px;
        font-size: 35px;
    }
    .process .timeline li .title {
        padding-left: 70px;
        font-size: 32px;
    }
    .process .timeline li::after {
        left: 310px;
    }
    .productlist .proitem .img {
        height: 250px;
    }
    .cultureinfo .cultureinfolist .cultureinfoitem {
        padding: 30px;
    }
    .cultureinfo .cultureinfolist .cultureinfoitem .des {
        padding: 30px 30px 0 30px;
    }
    .contactinfo .contactmsg {
        padding-left: 40px;
        padding-right: 80px;
    }
    .contactinfo .contactmsg h2 {
        font-size: 32px;
    }
    .foot .message .messageinfo input[type="text"]:nth-of-type(5) {
        width: 42%;
    }
}
@media screen and (max-width:1285px) {
    .swiper {
        height: 600px;
    }
    .container {
        width: 90%;
    }
    .appli .appli-tit {
        font-size: 18px;
    }
    .news-list li {
        padding-left: 30px;
    }
    .news-list li .listtit h3 {
        font-size: 16px;
    }
    .news-list li .listdes p {
        width: 100%;
    }
    .aboutpage .des {
        font-size: 18px;
    }
    .aboutpage .cont .des {
        padding-right: 50px;
    }
    .foot .text .footbot .ewm {
        width: 130px;
        height: 130px;
    }
    .foot .text {
        height: 250px;
    }
    .productlist .proitem .img {
        height: 220px;
    }
    .rights .imglist .imgitem {
        width: 480px;
    }
    .process .timeline li .time {
        width: 200px;
        font-size: 24px;
    }
    .process .timeline li {
        height: 150px;
    }
    .process .timeline li::after {
        height: 90px;
        left: 200px;
    }
    .process .timeline li .title {
        padding-left: 40px;
        font-size: 28px;
    }
    .process .subbanner,
    .process .subbanner .img,
    .cultureinfo .subbanner,
    .cultureinfo .subbanner .img {
        height: 330px;
    }
    .process .subbanner,
    .cultureinfo .subbanner {
        margin: 50px auto;
    }
    .cullist .cullist-item {
        width: 320px;
    }
    .cullist .cullist-item img {
        margin-top: 50px;
        height: 160px;
    }
    .cultureinfo .cultureinfolist .cultureinfoitem .img {
        height: 230px;
    }
    .contactinfo .contactmsg .contatclogo {
        width: 200px;
    }
    .contactinfo .contactmsg {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contactinfo .contactmsg h2 {
        font-size: 28px;
    }
    .contactinfo .contactmsg .msginfo {
        margin: 30px 0;
        padding: 10px;
    }
    .contactinfo .mapbox {
        height: 600px;
    }
    .foot .text h2 {
        font-size: 28px;
    }
    .foot .message .messageinfo input[type="text"]:nth-of-type(5) {
        width: 40%;
    }
}
@media (max-width:1280px) {
    .pc-nav li .sub-nav li a {
        font-size: 15px;
    }
    .pc-nav li .sub-nav {
        width: 150px;
        left: 50%;
        margin-left: -75px;
    }
    .pc-nav li ul li .sub-nav {
        left: 100%;
        right: 0;
        margin-left: 0;
    }
    .productlist .proitem .bottom h3 {
        font-size: 18px;
    }
    .productlist .proitem .logo {
        height: 30px;
        background-size: contain;
    }
    .productlist .proitem .img {
        height: 180px;
    }
    .pc-nav li a {
        padding: 0 10px;
    }
    .foot .text .footbot .footinfo li {
        font-size: 15px;
    }
    .foot .text {
        padding-right: 20px;
    }
}
@media screen and (max-width:1200px) {
    .foot .message .messageinfo {
        width: 100%;
    }
    .container {
        width: unset;
    }
    .swiper {
        margin-top: 60px;
        height: 200px;
    }
    .application,
    .product,
    .about,
    .news {
        margin: 20px auto;
    }
    .product {
        padding-bottom: 40px;
    }
    .apptab,
    .swiper.proSwiper,
    .about .abouttab,
    .news .news-box {
        margin-top: 10px;
    }
    .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
    }
    .swiper-pagination {
        bottom: 10px !important;
    }
    .swiper.proSwiper .swiper-slide p {
        font-size: 18px;
    }
    .apptab {
        height: auto;
    }
    .apptab ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .apptab ul li {
        flex: unset;
        width: calc(33.3% - 2px);
        margin-right: 0;
        height: 200px;
        margin-bottom: 3px;
    }
    .apptab ul li.active {
        flex: unset;
    }
    .appli .appli-tit {
        margin-top: 70px;
        font-size: 18px;
        text-align: center;
    }
    .appli.active .appli-tit {
        margin-top: 35px;
    }
    .appli.active .appli-des p {
        font-size: 12px;
    }
    .appli .appli-btn {
        margin-bottom: 30px;
    }
    .abouttab ul li {
        margin-right: 0;
        margin-bottom: 10px;
        width: calc((100% - 10px)/2);
        height: 180px;
    }
    .abouttab ul li a {
        line-height: 180px;
        font-size: 24px;
    }
    .abouttab ul li:first-child,
    .abouttab ul li:nth-child(2) {
        width: 100%;
    }
    .abouttab ul li:nth-child(n+3) {
        margin-bottom: 10px;
    }
    .news .news-box {
        justify-content: flex-start;
        flex-direction: column;
    }
    .news .news-recommend,
    .news .news-list {
        width: 100%;
    }
    .news .news-recommend .img {
        height: 200px;
    }
    .news .news-recommend .rectit {
        margin-top: 10px;
    }
    .news .news-recommend .rectit span {
        display: none;
    }
    .news .news-recommend .recdes {
        width: 100%;
        margin-bottom: 10px;
    }
    .news-list .list-top {
        border-bottom: none;
        border-top: 1px solid var(--bordercolor);
        padding-right: 50px;
    }
    .news-list .list-top a {
        margin-top: 10px;
    }
    .news-list li {
        display: none;
    }
    .productlist:last-child {
        display: none;
    }
    .productlist .proitem {
        margin-top: 10px;
        padding: 10px;
        width: 100%;
    }
    .productlist .proitem .logo {
        margin-bottom: 10px;
    }
    .productlist .proitem .img {
        height: 200px;
    }
    .productlist .proitem .bottom {
        margin-top: 10px;
    }
    .productlist .proitem .bottom h3 {
        font-size: 18px;
    }
    .aboutnav {
        margin: 20px auto;
    }
    .aboutnav-item {
        width: calc((100% - 20px)/5);
        height: unset;
        box-shadow: 0px 1px 1px #818181;
    }
    .aboutnav-item img {
        width: 30px;
    }
    .aboutnav-item h3 {
        font-size: 14px;
        line-height: 25px;
        margin-top: 0;
    }
    .aboutnav-item p {
        display: none;
    }
    .aboutpage .des {
        font-size: 12px;
        line-height: 20px;
    }
    .aboutpage .abouttab {
        margin-bottom: 10px;
    }
    .aboutpage .abouttab ul li {
        height: 180px;
    }
    .aboutpage .abouttab ul li a {
        line-height: 180px
    }
    .aboutpage .cont {
        flex-direction: column;
    }
    .aboutpage .cont::after {
        display: none;
    }
    .aboutpage .cont>div {
        width: 100%;
    }
    .aboutpage .cont .des {
        padding: 0;
    }
    .aboutpage .cont .img {
        height: 180px;
        margin-top: 10px;
    }
    .culture .subtit,
    .cultureinfo .subtit {
        margin: 10px auto;
    }
    .culture .subtit span,
    .cultureinfo .subtit span {
        font-size: 12px;
    }
    .cullist {
        margin: 20px auto;
        flex-direction: column;
        align-items: center;
    }
    .cullist .cullist-item {
        width: 90%;
        margin-bottom: 10px;
    }
    .cullist .cullist-item img {
        margin-top: 30px;
        height: 100px;
    }
    .cullist .cullist-item h3 {
        font-size: 21px;
        font-weight: 400;
        line-height: 50px;
    }
    .cullist .cullist-item span {
        margin-bottom: 30px;
    }
    .process .subbanner,
    .cultureinfo .subbanner {
        margin: 20px auto;
        flex-direction: column-reverse;
        height: auto;
    }
    .process .subbanner h3,
    .cultureinfo .subbanner h3 {
        font-size: 24px;
        margin: 10px auto;
    }
    .process .subbanner .img,
    .cultureinfo .subbanner .img {
        height: 180px;
    }
    .process .timeline li {
        height: 60px;
        margin-bottom: 10px;
    }
    .process .timeline li .time {
        width: 90px;
        font-size: 14px;
    }
    .process .timeline li .title {
        width: calc(100% - 90px);
        padding: 0 30px;
        font-size: 12px;
    }
    .process .timeline li::after {
        height: 40px;
        top: 10px;
        left: 92px;
        width: 1px;
    }
    .honor .imglist,
    .rights .imglist {
        margin: 20px auto;
    }
    .honor .imglist .imgitem,
    .rights .imglist .imgitem {
        width: 100%;
        margin-bottom: 20px;
    }
    .honor .imglist .imgitem .img,
    .rights .imglist .imgitem .img {
        width: 100%;
        height: auto;
    }
    .honor .imglist .imgitem p {
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 16px;
    }
    .rights {
        padding-top: 20px;
    }
    .applicationlist {
        margin-top: 10px;
    }
    .applicationlist .appitem,
    .applicationlist .appitem:nth-child(even) {
        flex-direction: column;
        padding: 10px;
        margin-bottom: 10px;
    }
    .applicationlist .appitem .img,
    .applicationlist .appitem .des {
        width: 100%;
    }
    .applicationlist .appitem .img {
        height: 200px;
    }
    .applicationlist .appitem .des {
        padding: 0;
        height: auto;
    }
    .applicationlist .appitem .des h3 {
        padding: 10px 0;
        font-size: 24px;
    }
    .applicationlist .appitem .des h3::after {
        bottom: 6px;
    }
    .applicationlist .appitem .des .des-min {
        font-size: 12px;
    }
    .applicationlist .appitem .des span {
        text-align: right;
    }
    .applicationlist .appitem .des a {
        margin-top: 10px;
    }
    .newslist .newsitem {
        margin: 20px auto;
    }
    .newslist .newsitem a .img {
        height: 200px;
        margin-right: 20px;
    }
    .newslist .newsitem a {
        align-items: flex-start;
    }
    .newslist .newsitem a .des {
        width: 100%;
        height: auto;
        padding-left: 0px;
        margin-top: 0;
    }
    .newslist .newsitem a .des h3 {
        line-height: 20px;
        font-size: 16px;
        margin-top: 20px;
    }
    .newslist .newsitem a .des h2::before {
        display: none;
    }
    .newslist .newsitem a .des h2 {
        padding-left: 0;
    }
    .newslist .newsitem:hover a .des h2 {
        padding-left: 20px;
    }
    .newslist .newsitem a .des p {
        padding-left: 0;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2; 
    }
    .newslist .newsitem a .des .btn {
        margin-top: 20px;
    }
    .newinfo {
        margin: 20px auto;
    }
    .newinfo .title {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .newinfo .title h2 {
        height: unset;
        padding-left: 0;
        line-height: 24px;
        font-size: 18px;
    }
    .newinfo .title h2::before {
        display: none;
    }
    .newinfo .title .time {
        font-size: 12px;
    }
    .newinfo .content2 .contfl {
        padding: 0;
        width: 100%;
    }
    .newinfo .content2 .contfr {
        padding: 0;
        width: 100%;
    }
    .proinfo .proinfoitem {
        margin-top: 10px;
        padding: 10px;
    }
    .proinfo .proinfoitem .logo {
        height: 60px;
        margin-bottom: 10px;
    }
    .proinfo .proinfoitem .info {
        flex-direction: column;
        align-items: center;
    }
    .proinfo .proinfoitem .info .img {
        height: 200px;
    }
    .proinfo .proinfoitem .info .des {
        padding: 0;
        text-align: center;
    }
    .proinfo .proinfoitem .info .des h3 {
        margin-top: 10px;
        font-size: 21px;
    }
    .proinfo .proinfoitem .info .des p {
        margin-top: 10px;
        font-size: 16px;
    }
    .cultureinfo .cultureinfolist .cultureinfoitem {
        flex-direction: column;
        padding: 10px;
    }
    .cultureinfo .cultureinfolist .cultureinfoitem .img {
        height: 180px;
        width: 100%;
    }
    .cultureinfo .cultureinfolist .cultureinfoitem .des {
        width: 100%;
        padding: 0px;
    }
    .cultureinfo .cultureinfolist .cultureinfoitem .des h3 {
        font-size: 24px;
        font-weight: 400;
        margin: 10px 0 0 0;
    }
    .cultureinfo .cultureinfolist .cultureinfoitem .des p,
    .cultureinfo .cultureinfolist .cultureinfoitem .des .onlyh {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: var(--gray);
    }
    .contact {
        margin: 10px auto;
    }
    .contactinfo {
        flex-direction: column;
    }
    .contactinfo .mapbox,
    .contactinfo .contactmsg {
        width: 100%;
    }
    .contactinfo .mapbox {
        height: 320px;
    }
    .contactinfo .contactmsg {
        padding: 20px 10px;
    }
    .contactinfo .contactmsg .contatclogo {
        width: 180px;
    }
    .contactinfo .contactmsg h2 {
        font-size: 5.4vw;
    }
    .contactinfo .contactmsg .msginfo {
        margin: 10px 0;
        padding: 10px;
    }
    .contactinfo .contactmsg .msginfo li {
        height: unset;
        line-height: 30px;
    }
    .contactinfo .contactmsg .msginfo li.bold {
        height: unset;
        line-height: 30px;
        font-size: 18px;
        font-weight: 400;
    }
    .contactinfo .contactmsg .msginfo li.bold .iconfont {
        font-size: 20px;
    }
    .foot .text h2 {
        font-size: 21px;
        text-align: center;
    }
    .foot .text .line {
        margin: 15px auto;
    }
    .foot .text .footbot {
        align-items: center;
        flex-direction: column;
    }
    .foot .text .footbot .ewm {
        margin-top: 0;
        margin-left: 0;
    }
    .foot .text .footbot .footinfo li {
        padding-left: 0;
    }
    .foot .message .messageinfo input {
        width: 50%;
    }
    .foot .message .messageinfo textarea {
        width: 100%;
        position: static;
    }
    .foot .message .messageinfo input[type="text"]:nth-of-type(2n) {
        border-right: 1px solid var(--white)
    }
    .foot .message .messageinfo input[type="text"]:nth-of-type(5) {
        width: calc(100% - 80px);
    }
}
@media (max-width:640px) {
    .appli .appli-tit {
        font-size: 16px;
        line-height: 1.2;
    }
    .appli.active .appli-tit::after {
        bottom: -12px;
        height: 2px;
    }
    .appitem-pics .swiper-slide img {
        height: 60px;
    }
    .appitem-pics .swiper-slide h4 {
        font-size: 12px;
    }
    .pagination a,
    .pagination span {
        margin: 0 3px;
        font-size: 14px;
    }
    .pagination {
        font-size: 0;
    }
    .appli .appli-tit {
        font-size: 16px;
        line-height: 1.5;
        padding: 0 5px;
    }
    .apptab ul li {
        width: calc(50% - 2px);
    }
    .appli.active  .appli-btn {
        display: none;
    }
    .appli.active .appli-des {
        padding-bottom: 10px;
    }
    .proinfo .proinfoitem .info .img {
        height: auto;
        width: 100%;
        margin-bottom: 30px;
    }
    .tabs.mtabs>li>a {
        height: 34px;
        line-height: 34px;
    }
    .applicationlist .appitem .des h3 {
        padding: 15px 0;
        font-size: 20px;
    }
    .newslist .newsitem a {
        flex-wrap: wrap;
    }
    .newslist .newsitem a .img {
        height: 200px;
        margin-right: 0;
        width: 100%;
    }
    .newslist .newsitem a .des h2 {
        font-size: 20px;
        margin-top: 5px;
    }
}