@charset "utf-8";
@media (max-width:1400px) {
    .container,
    .container2,
    .container3 {
        width: 100%;
        max-width: 95%;
    }
    .abtleft .tit {
        font-size: 45px;
    }
    header nav ul li:last-child {
        display: none;
    }
    .footmid .midrig {
        margin-left: 20px;
    }
    .cpxun {
        flex-wrap: wrap;
    }
    .cpxun li {
        width: 23%;
    }
    .arttit span {
        font-size: 30px;
        padding-right: 3px;
    }
    .arttit {
        font-size: 20px;
    }
    .zk-about .aboutrig .rigcon {
        padding-left: 30px
    }
    .zk-about .aboutrig .text .tit {
        font-size: 30px;
        padding-bottom: 15px
    }
    .zk-about .aboutrig .text .ms {
        font-size: 18px;
    }
    .zk-about .aboutrig .text a.more {
        line-height: 38px;
        margin-top: 20px;
    }
    .fivebox {
        margin-top: 20px;
        padding-top: 20px
    }
    .box-xinpin li .pic {
        height: 238px;
    }
    .trust {
        background-attachment: local
    }
    .list-newsz li a {
        padding: 10px
    }
    .list-newsz li .box {
        padding: 0 0 0 15px;
        margin: 0 0 0 15px;
    }
    .list-newsz li .box p {
        margin: 10px 0
    }
    .prorig .ms {
        min-height: 200px;
    }
    .protel {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
    .zxmore {
        margin-top: 20px;
    }
}

@media (max-width:999px) {
    .box-xinpin li .bt {
        line-height: 35px;
    }
    .abouttop {
        display: block;
    }
    .abtleft {
        width: 100%;
        margin-bottom: 30px;
    }
    .abouttop .fivebox {
        width: 100%;
    }
    .feedback {
        width: 90%;
        height: auto;
        padding: 50px 5px;
    }
    .zk-cpzl {
        height: 100%;
        overflow: hidden;
    }
    .cline {
        margin: 20px 0;
    }
    .lcbox {
        flex-wrap: wrap;
    }
    .lcbox .lilcbox {
        margin: 0 5px;
    }
    .lcbox .line {
        height: 50px;
        background: none;
    }
    .faxun li {
        padding: 10px 15px;
    }
    .cpxun li {
        width: 32%;
    }
    .zk-about .aboutrig {
        width: 100%;
    }
    .zk-about .aboutrig .rigcon {
        padding: 30px 0 0 0;
    }
    .fivebox {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-top: none;
        border-bottom: 1px solid #ddd;
        margin-top: 0;
        padding-top: 0;
    }
    .zk-about .container {
        display: block;
    }
    .zk-about .aboutleft {
        width: 100%;
        text-align: center;
    }
    .zk-about .aboutleft img {
        max-width: 100%;
    }
    .newsleft {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .newsrig {
        width: 100%;
    }
    .newsnews {
        display: block;
    }
    .box-xinpin li .pic {
        height: 220px;
    }
    .rn_in_cpdz .xun dd {
        width: 33.3333%;
    }
    .list-newsz li {
        width: 100%;
    }
    .newslistcon li a {
        padding: 10px;
    }
    .newslistcon li .daterig {
        display: none;
    }
    .newslistcon li .textmid {
        margin: 0 0 0 15px;
    }
    .newslistcon li .textmid .ms {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        height: 60px;
        overflow: hidden;
    }
    .htit2 {
        font-size: 16px;
    }
    .htit2 .en {
        font-size: 40px;
    }
    .htit2 .tit,
    .htit .tit {
        font-size: 30px;
    }
    .contactleft {
        width: 70%;
        padding-right: 15px;
    }
    .trust {
        min-height: 400px;
        font-size: 48px;
    }
    .footmid {
        justify-content: center;
    }
    .footmid .midleft {
        text-align: center;
    }
    .footmid .midrig {
        display: none;
    }
    body {
        padding-top: 80px;
    }
    header .head .container3 {
        height: 80px;
    }
    .pc {
        display: none
    }
    .wap {
        display: block
    }
    header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 9999
    }
    header .head .container {
        height: 50px
    }
    header .head .logo img {
        height: 38px
    }
    header .head .line {
        margin: 0 15px;
        height: 50px;
    }
    header .head .info .t1 {
        font-size: 15px
    }
    header .head .info .t2 {
        font-size: 14px;
        padding-top: 3px
    }
    header .head .tel {
        display: none
    }
    header .head .navbut {
        display: block;
        width: 30px;
        height: 30px;
        position: relative;
        cursor: pointer;
        margin-left: 15px
    }
    header .head .navbut i {
        height: 2px;
        background: #333;
        display: block;
        overflow: hidden;
        width: 100%;
        position: absolute;
        left: 0px;
        transition: all .5s
    }
    header .head .navbut .w1 {
        top: 4px
    }
    header .head .navbut .w2 {
        top: 14px
    }
    header .head .navbut .w3 {
        top: 24px
    }
    header .head .navbut.cur .w1 {
        top: 15px;
        transform: rotate(45deg)
    }
    header .head .navbut.cur .w2 {
        height: 0px
    }
    header .head .navbut.cur .w3 {
        top: 15px;
        transform: rotate(-45deg)
    }
    header nav {
        display: none;
        background: #fff;
        position: fixed;
        left: 0;
        top: 80px;
        bottom: 0;
        overflow-y: auto;
        width: 100%
    }
    header nav .container {
        padding: 0
    }
    header nav ul {
        display: block;
        overflow: hidden
    }
    header nav ul li {
        width: 100%;
        text-align: left;
        border-left: 0
    }
    header nav ul li>a {
        display: block;
        overflow: hidden;
        height: auto;
        line-height: 50px;
        color: #333;
        padding: 0 15px;
        border-bottom: 1px solid #eee
    }
    header nav ul li>a:after {
        display: none !important
    }
    header nav ul li .iconfont {
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        width: 50px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        opacity: .8;
        font-size: 20px;
        z-index: 2
    }
    header nav ul li .sub {
        position: static;
        background: #f5f5f5;
        font-size: 14px
    }
    header nav ul li .sub a {
        border-top: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        padding: 0 15px;
        line-height: 40px;
        color: #666
    }
    header nav ul li .sub a:hover {
        background: none;
        color: #666
    }
    header nav ul li.hover>a {
        background: none;
        color: #333
    }
    header nav ul li.on>a {
        background: #1D4B96;
        color: #fff
    }
    header nav ul li.on .iconfont {
        color: #fff
    }
    footer {
        padding: 20px 0;
        line-height: 20px
    }
    .banner a {
        height: auto
    }
    .banner a img {
        display: block
    }
    .banner .banner-num {
        bottom: 15px
    }
    .banner .banner-num .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 2px
    }
    .nbanner {
        height: auto
    }

    .web-body {
        line-height: 2;
        font-size: 14px
    }
    .web-body img {
        padding: 5px 0
    }
    .padb {
        padding-bottom: 40px;
    }
    .padt {
        padding-top: 40px;
    }
    .fa_list_pro li {
        width: 50%;
    }
    .art-newswz li {
        padding: 0 10px;
    }
    .foottop .toplogo img {
        height: 60px;
    }
    .foottop {
        margin: 0 0 35px;
        padding: 25px;
    }
    .zk-pro .container {
        display: block;
    }
    .zk-pro .container .proleft {
        width: 90%;
        margin: 0 auto 20px;
    }
    .zk-pro .container .prorig {
        width: 100%;
        padding: 20px 0 0;
        margin-left: 0;
    }
    .cpbanner p {
        font-size: 14px;
        width: 90%;
        bottom: 20px;
    }
    .zk-cplc {
        padding-bottom: 80px !important;
    }
    .aboutpic {
        margin-top: 15px;
    }
    .contactus {
        display: block;
    }
    .contactleft {
        width: 100%;
    }
    .trust {
        font-size: 30px;
    }
}

@media (max-width:650px) {
		.zkpc{display: none;}
	.zkwap{display: block;}

    header .head .logo img {
        height: 38px;
    }
    header .head .line {
        margin: 0 8px
    }
    .htit .line:before {
        bottom: 0
    }
    .right-pendant ul li {
        display: none
    }
    .right-pendant ul li.backtop {
        display: block !important;
        line-height: 60px;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }
    .right-pendant {
        top: auto;
        bottom: 45px;
    }
    header .head .info .t2 {
        font-size: 12px;
    }
    .app_shouji {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        display: block;
        z-index: 9999;
    }
    .app_shouji ul {
        width: 100%;
        padding: 8px 0;
        background-color: #1B4A94;
        display: flex;
        align-items: center;
    }
    .app_shouji ul li {
        width: 25%;
    }
    .app_shouji ul li a {
        width: 100%;
        /*height: 38px;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #fff;
    }
    .app_shouji ul li a i {
        font-size: 28px;
        color: #fff;
        margin-bottom: 5px;
    }
    .container,
    .container2,
    .container3 {
        width: 100%;
        max-width: 98%;
    }
    .contactform,
    .contactus {
        padding: 8px;
    }
    .lctel {
        width: 80%;
        padding: 10px 0;
        margin-top: -30px;
    }
    .cline {
        margin-top: 50px;
    }
    .lcbox .num {
        font-size: 30px;
    }
    .lcbox .tit {
        font-size: 18px;
    }
    .lcbox .line {
        height: 20px;
    }
    .date {
        width: 75px;
        height: 75px;
    }
    .in-news .wzt li .box h3 {
        font-size: 16px;
    }
    .box-xinpin li .hide {
        font-size: 18px;
    }
    .cpbanner p {
        padding: 10px;
        bottom: 10px;
    }
    .zk-about .aboutrig .text .tit {
        font-size: 24px;
    }
    .zk-about .aboutrig .text .tit span {
        font-size: 24px;
    }
    .zk-about .aboutrig .text a.more {
        width: 138px;
        margin-top: 30px;
    }
    .zk-about .aboutrig .text .en {
        font-size: 16px;
    }
    .banner-next,
    .banner-prev {
        font-size: 16px;
    }
    .contactform .tit {
        font-size: 30px;
    }
    .con-form li label {
        font-size: 18px;
        flex-basis: 80px;
    }
    .cpxun {
        margin: 15px 0;
    }
    .cpwid20 {
        margin-top: 20px;
    }
    .feedback .tit {
        font-size: 24px;
    }
    .jm-form li input[type=text],
    .jm-form li select,
    .jm-form li textarea,
    .jm-form li input[type=file] {
        font-size: 18px;
        line-height: 60px;
    }
    .jm-form li input[type=submit] {
        font-size: 20px;
        line-height: 60px;
    }
    .zk-msg {
        height: 80vh;
    }
    .rn_in_cpdz .xun dd {
        width: 50%;
    }
    .box-xinpin li {
        padding: 2px;
        width: 50%;
    }
    .box-xinpin li .pic {
        height: 150px;
    }
    .faxun {
        flex-wrap: wrap;
    }
    .faxun li:nth-child(even)::before {
        background: none;
    }
    .htit {
        font-size: 16px;
    }
    .htit2 .tit,
    .htit .tit {
        font-size: 24px;
    }
    .cpxun li {
        font-size: 14px;
        padding: 15px 10px;
    }
    .footbom {
        padding: 10px;
    }
    .midleft img {
        margin-bottom: 20px;
    }
    .list-newsz li .date {
        display: none;
    }
    .list-newsz li .box {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }
    .list-newsz li a {
        padding: 20px 10px;
    }
    .view-news {
        padding: 20px 10px;
    }
    .view-news .ncs .left {
        width: 100%;
        text-align: center;
    }
    .view-news .ncs .right {
        display: none;
    }
    .view-news .ncs span:nth-child(3) {
        display: none;
    }
    .art-newswz li {
        width: 100%;
    }
    .foottop {
        display: block;
        text-align: center;
        margin: 0 0 25px;
        padding: 25px;
    }
    .foottop .toptel {
        display: none;
    }
    .tab_bt ul li {
        margin: 5px;
        padding: 10px;
    }
    .newslistcon {
        margin-top: 25px;
    }
    .newslistcon li a {
        display: block;
    }
    .newslistcon li .picleft {
        height: auto;
        margin-bottom: 10px;
    }
    .newslistcon li .picleft img {
        height: auto;
        width: 100%;
    }
    .newslistcon li .textmid {
        margin: 0;
    }
    .newslistcon li .textmid {
        width: 100%;
    }
    .htit2 .en {
        font-size: 20px;
    }
    .htit2 .tit {
        margin-top: -5px;
        font-size: 24px;
    }
    .prorig .tit {
        font-size: 24px;
    }
    .zk-pro .container .proleft {
        width: 100%;
    }
    .telleft span {
        font-size: 24px;
    }
    .telleft {
        padding-right: 15px;
    }
    .prorig .ms {
        margin: 20px 0;
        padding: 20px 0;
    }
    .arttit {
        font-size: 16px;
    }
    .arttit span {
        font-size: 24px;
        padding-right: 3px;
    }
    .abtleft .tit {
        font-size: 24px;
    }
    .aboutcon {
        padding: 20px 15px;
    }
    .jm-form li .button {
        line-height: 50px;
        font-size: 20px;
    }
    .feedback .tit {
        width: 90%;
        line-height: 1.5;
        font-size: 20px;
        text-align: center;
    }
    .box-xinpin li:nth-child(1) {
        width: 40%;
    }
    .box-xinpin li:nth-child(2) {
        width: 60%;
    }
    .box-xinpin {
        margin: 30px 0 0;
        overflow: hidden
    }
    .zk-about {
        padding-bottom: 0
    }
    .jm-form {
        margin-top: 20px;
    }
    .faxun li {
        width: 50%;
        text-align: center;
    }
    .htit .tit {
        padding-bottom: 3px;
    }
}

@media (max-width:450px) {
    .cpxun li {
        width: 48%;
    }
    .box-xinpin li .bt {
        line-height: 30px;
    }
    .box-xinpin li .pic {
        height: 135px;
    }
    .newsrec .pic a {
        height: 220px;
    }
}