@media (max-width:1680px){
    .index-icon ul li{
        width: calc((100% - 120px) / 5);
    }
    .index-icon ul li a {
        padding: 20px 5px;
    }
}
@media (max-width:1680px){

}
@media (max-width:1600px){
    .index-icon ul li{
        width: calc((100% - 80px) / 5);
    }
    .page-news,.position,.index-mes-bottom,.nav-out,.tops,.index-icon,.index-zizhi,.index-new,.index-form,.about,.youshi,.moshi,.index-how,.article,.article-btm,.home-case,.download{
        padding-left: 8%;
        padding-right: 8%;
    }
}
@media (max-width:1440px){
    header > .container-fluid > .row{
        padding:10px 5%;
    }
    .index-icon {
        padding: 0 5%;
        margin: 60px 0;
    }
    .tops,.nav-out {
        padding: 0 5%;
    }
    .position{
        padding:30px 5%;
    }
    .page-news{
        padding: 20px 5%;
    }
    .home-case{
        padding: 20px 5%;
    }
    .index-icon{
        padding: 0 5%;
        margin: 80px 0;
    }
    .index-zizhi {
        padding: 0 5%;
    }
    .index-new{
        padding: 0 5%;
        margin-top: 60px;
    }
    .index-form{
        padding:0 5%;
        margin: 50px 0;
    }
}
@media (max-width:1366px){

}
@media (max-width:1280px){

}
@media (max-width:1199px){

}
@media (max-width:1024px){

}
@media (max-width:991px){

}
@media (max-width:960px){

}
@media (max-width:767px){
    .m_nav{
        display: block;
    }
    .top #navToggle{
        display: block;
        top: 5px;
    }
    .tops-title,.tops-tel,.q-start{
        display: none;
    }
    header .tops {
        position: fixed;
        top: 0;
        left: 0;
        height: 50px;
        z-index: 999;
        background: linear-gradient(135deg, #fcfaec 10%, #ed722e);
        width: 100%;
        padding: 0;
        justify-content: left;
    }
    .tops > div img{
        width: 75%;
    }
    .tops .logo {
        display: block;
        padding: 3px 10px;
        width: 50%;
    }
    .m_nav .ul li a {
        color: #000;
    }
    .m_nav .ul li .m-dropdown-menu a {
        color: #000;
        width: 100%;
    }
    .question h2 {
        font-size: 24px;
    }
    .ziyong {
        font-size: 18px;
        width: 155px;
        margin: 15px auto;
        padding: 10px;
    }
    .question {
        padding: 20px 10px;
    }
    .q-end > div {
        font-size: 24px;
    }
    .q-end{
        margin: 0 auto;
    }
    .like p {
        font-size: 18px;
    }
    .like .youshi {
        margin-top: 20px;
    }
    .youshi .col-lg-3{
        width: 50%;
        padding: 5px;
        margin-top: 50px;
    }
    .youshi > div .card {
        padding: 10px 0;
        border-radius: 5px;
    }
    .youshi .icon-circle {
        top: -40px;
    }
    .card-body{
        padding-top: 30px;
    }
    .card-body .card-title {
        color: #fff;
        font-size: 22px;
    }
    .card-body .card-text {
        font-size: 18px;
        margin-top: 0;
    }
    .card-body .card-btn {
        font-size: 14px;
        margin-top: 15px;
    }
    .index-why .why-title {
        width: 90%;
        margin: 0 auto;
    }
    .index-why .why-title h2 {
        font-size: 24px;
        font-weight: bold;
    }
    .index-why .why-title p {
        font-size: 16px;
    }
    .index-how,.index-tech {
        padding: 30px 10px;
    }
    .how-in h3 {
        font-size: 22px;
    }
    .how-title {
        padding: 5px 10px;
    }
    .index-how .how-title .row .col-lg-6{
        width: 50%;
        float: left;
    }
    .index-why .join{
        display: none;
    }
    .index-tech > h2 {
        font-size: 24px;
    }
    .index-tech > p {
        font-size: 16px;
    }
    .tech-all{
        margin-top: 30px;
        padding: 0 10px;
    }
    .tech-in {
        margin-top: 10px;
        padding: 20px 0;
    }
    .tech-item .col-lg-3{
        margin-top: 20px;
        padding: 0;
    }
    .tech-method-out {
        padding: 0 20px;
    }
    .tech-mid {
        padding: 0;
    }
    .tech-method .row a {
        padding: 5px 10px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tech-method .row,.tech-method .tech-ico {
        margin-top: 15px;
    }
    .tech-method .row .col-lg-4 {
        padding: 0 3px;
        width: 33%;
    }
    .index-news .tech-all .tech-item > div {
        margin-top: 10px;
        padding: 0;
    }
    .tech-item-in a p{
        display: none;
    }
    .index-news .tech-item-in a {
        padding: 12px 5px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .index-news .tech-all .tech-item-in img {
        margin-top: 0;
        border-radius: 5px;
        width: 30%;
    }
    .tech-item-in a h4 {
        font-size: 16px;
        font-weight: bold;
    }

    .index-mes-top h2 {
        font-size: 30px;
    }
    .index-mes .order form {
        display: block;
    }
    .index-mes .wpforms-field-container{
        min-width: unset;
        display: block;
    }
    .index-mes .wpforms-field-container > div {
        width: 100%;
        margin: 0;
    }
    .index-mes-mid{
        display: none;
    }
    .index-mes-bottom {
        padding: 20px;
        margin-bottom: 70px;
    }
    .index-mes-bottom .col-lg-3{
        margin: 0 auto;
    }
    .index-mes-top {
        padding: 20px 10px;
    }
    .index-mes-bottom .col-lg-5 {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        font-size: 16px;
        border-left: unset;
    }
    .index-mes-bottom .col-lg-4{
        padding: 0;
        border: 1px solid #e1e1e1;
    }
    .index-mes-btm {
        display: none;
        padding: 10px;
        border-top: 1px solid #c7c7c7;
        font-size: 14px;
    }
    .footer-mobile{
        background-color: #de3e30;
        padding: 5px 0 0;
        position: fixed;
        z-index: 999;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .icon-btm{
        width: 20%;
        float: left;
    }
    .icon-btm a > img{
        display: block;
        margin: 0 auto;
    }
    .icon-btm a > div{
        text-align: center;
        color: #fff;
        margin-top: 5px;
    }
    .icon-get a > img{
        margin-top: -30px;
    }
    .how-weixin {
        padding: 10px;
    }
    .how-w-out {
        padding: 10px 5px;
    }
    .how-in{
        border:none;
    }
    .position {
        padding: 0  0 10px;
    }
    .page-news {
        padding: 0 10px;
    }
    .page-news .col-lg-9 {
        padding: 10px;
        width: 100%;
    }
    .page-news .col-lg-9 .row .col-lg-5 {
        padding: 0;
    }
    .page-news .list-right {
        padding: 0;
    }
    .page-news .list-right a{
        padding: 10px;
    }
    .page-news .list-right h3 {
        font-size: 20px;
        margin: 10px 0;
    }
    .page-news .list-right p {
        font-size: 14px;
        line-height: 25px;
        padding-bottom: 10px;
    }
    .page-news .list-right .list-tag a {
        padding: 5px;
        margin: 0 5px;
    }
    .new-r-in {
        border: 1px solid #e8e1e1;
        padding: 10px 20px;
        border-radius: 10px;
    }
    .new-r-tech .new-r-in {
        border: none;
        padding: 10px 0;
        border-radius: 10px;
    }
    .page-news .col-lg-9 h1{
        font-size: 22px;
    }
    .time span {
        font-size: 14px;
        margin-right: 10px;
    }
    .news-content {
        padding: 20px 5px;
    }
    .page-news .col-lg-3{
        width: 100%;
    }
    .page-ban {
        text-align: center;
        padding: 20px 10px;
    }
    .page-ban h2 {
        font-size: 24px;
        font-weight: bold;
    }
    .page-ban p {
        font-size: 16px;
        width: 70%;
        margin: 0 auto;
    }
    .ban-message {
        padding: 20px 10px;
    }
    .ban-mes-in .col-left {
        padding: 20px;
    }
    .ban-mes-in .col-lg-6 > h3 {
        font-size: 26px;
        margin-bottom: 0;
        font-weight: bold;
    }
    .ban-mes-left {
        margin-top: 30px;
        justify-content: space-between;
    }
    .ban-mes-left h3 {
        font-size: 22px;
        font-weight: bold;
    }
    .ban-mes-left a {
        font-size: 16px;
        display: flex;
        align-items: center;
        margin-top: 20px;
    }
    .ban-mes-left a img {
        margin-right: 0px;
    }
    .order-out {
        padding: 30px 20px;
        width: 100%;
    }
    .order-out .order {
        padding: 5px 10px;
        background: #fff;
        border-radius: 10px;
    }
    .cert h3 {
        font-size: 30px;
        text-align: center;
    }
    .cert p {
        font-size: 18px;
        text-align: center;
    }
    .cert .col-lg-4 {
        margin: 10px auto;
    }

    #message {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1000;
        transform: scale(0);
        transition: .3s;
    }
    .messagebg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .001);
        z-index: 1001;
    }
    #message .m-content{
        margin-top: 50%;
    }
    #message .m-content .m-message {
        background: #fff;
        border-radius: 8px;
        padding: 20px 5px;
        margin: 0 auto;
        position: relative;
        z-index: 1002;
    }
    .news-content video {
        width: 70%;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    .news-content img {
        width: 100% !important;
        height: auto !important;
    }
    .home-case {
        padding: 20px 10px;
    }
    .home-case .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px;
        width: 15px;
        border-radius: 0;
        height: 5px;
        background-color: #cd4b3a;
    }
    .mask {
        z-index: 990;
        display: none;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
    }

    .eject1 {
        display: none;
        background: url(../images/wxkf-bg.png) no-repeat;
        width: 66.3%;
        height: 50vh;
        position: fixed;
        z-index: 999;
        left: 50%;
        top: 45%;
        text-align: center;
        transform: translateX(-50%) translateY(-50%);
    }
    .eject1 li {
        color: #FFF;
    }
    .eject1 ul li:nth-child(2) img{
        margin: 125px auto 0;
    }
    .close {
        position: absolute;
        right: -20px;
        top: -40px;
        z-index: 992;
    }
    .close img{
        width: 40px;
        height: 40px;
    }
    .eject2 {
        display: none;
        background: url(../images/wxkf-bg2.png) no-repeat;
        width: 66.3%;
        height: 50vh;
        position: fixed;
        z-index: 999;
        left: 50%;
        top: 74%;
        text-align: center;
        transform: translateX(-50%) translateY(-50%);
        padding-top: 82px;
    }
    .eject2 li:nth-child(1) {
        color: #AF6911;
        font-size: 16px;
        margin-top: 0;
        font-weight: normal;
    }
    .eject2 .copy {
        color: #AF6911;
        font-size: 1.4rem;
    }
    .eject2 li:nth-child(2) {
        margin-top: 19px;
    }
    .eject2 li:nth-child(2) a {
        font-size: 1.3rem;
        color: #ffe9b8;
    }
    .index-icon {
        padding: 0 20px;
        margin: 30px 0;
    }
    .index-icon ul li{
        width: calc((100% - 20px) / 2);
        margin: 10px 0;
    }
    .index-icon ul li a {
        padding: 5px;
        min-height: 270px;
    }
    .index-icon ul li p {
        height: auto;
        font-size: 13px;
        color: #999999;
        margin-top: 10px;
    }
    .index-icon ul li p:last-child{
        font-size: 14px;
    }
    .index-icon ul li:nth-last-child(1){
        display: none;
    }
    .index-zizhi {
        padding: 0 20px;
    }
    .index-icon ul li h3 {
        font-size: 18px;
    }
    .index-new .news-box .tab-bd ul li{
        width: calc((100% - 20px) / 2);
        margin: 0 20px 30px 0;
    }
    .index-new .news-box .tab-bd ul li:nth-child(2n){
        margin-right: 0;
    }
    .index-new .news-box .tab-bd ul li p{
        display: none;
    }
    .index-form .mflq .form-fl{
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .form-fl h2 {
        font-size: 26px;
    }
    .form-fl .fl-top img:first-child{
        width: 100%;
        height: auto;
    }
    .fl-top > div{
        width: 50%;
    }
    .form-fl .fl-top b {
        font-size: 16px;
        color: #666;
        font-weight: normal;
    }
    .form-fl .fl-ewm img{
        margin: 5px auto;
    }
    .form-fl .fl-top p {
        margin-top: 5px;
    }
    .form-fl .fl-bom h3 {
        font-weight: bold;
        font-size: 24px;
        color: #ff6800;
    }
    .flex-between {
        display: block;
    }
    .index-form .mflq .form-fl, .index-form .mflq .form-fr{
        width: 100%;
        height: auto;
        margin:20px 0 0;
        padding: 20px 20px;
    }
    .index-mes-bottom .col-lg-3{
        display: none;
    }
    .list ul li .title {
        margin: 20px 0;
        padding: 0 10px;
        font-size: 14px;
    }

    .page-product .list-img {
        padding: 10px 5px;
        width: 50%;
    }
    .article {
        padding: 15px;
    }
    .article .row .col-lg-5,.article .row .col-lg-7{
        padding: 0;
    }
    .article-btm {
        padding: 15px;
    }
    .article-in {
        padding: 30px 0;
        background-color: #fff;
    }
    .art-content img{
        display: block;
        margin: 0 auto;
    }
    .pro-title .contact{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #message .m-content {
        background: #fff;
        width: 85%;
        border-radius: 8px;
        padding: 10px;
        margin: 15% auto 0;
    }
    .order {
        width: 95%;
        margin: 0 auto;
    }
    .order div.wpforms-container-full {
        margin: 5px auto;
    }
    .m-message .order .wpforms-field-label {
        text-align: left;
        margin: 5px !important;
        font-weight: normal !important;
        font-size: 15px !important;
    }
    .m-message .order .wpforms-container .wpforms-field {
        padding: 5px 0 !important;
    }
    .m-message .wpforms-submit-container {
        margin-top: 0 !important;
    }
    #message2 .m-content {
        margin-top: 50%;
    }
    .about {
        padding: 0 15px;
        margin: 30px 0;
    }
    .about .row {
        margin-top: 20px;
    }
    .about .row .col-lg-7,.about .row .col-lg-5{
        padding: 0;
    }
    .youshi {
        padding: 30px 15px;
        background-color: #F5F5F5;
    }
    .youshi .row .col-lg-4 {
        text-align: center;
        margin: 10px 0;
        width: 50%;
    }
    .youshi > div {
        padding: 0;
    }
    .youshi .youshi-in {
        padding: 15px 5px;
    }
    .youshi .row .col-lg-4{
        padding: 0 5px;
    }
    .youshi-in > div {
        min-height: 40px;
    }
    .moshi {
        padding: 5px 15px;
        margin:10px 0;
    }
    .ms-ins{
        width: 85%;
        padding: 10px;
        margin: 20px auto;
        float: none;
    }
    .ms-in .ms-ins:nth-last-child(1) {
        margin: 20px auto;
    }
    .download {
        padding: 5px 15px;
    }
    .dowm-top h2{
        font-size: 22px;
    }
    .down-btm .col-lg-3{
        width: 30%;
        float: left;
    }
    .down-btm .col-lg-9{
        width: 70%;
        float: left;
    }
    .down-btm .col-lg-3 ul li {
        font-size: 16px;
    }
    .down-content {
        display: none;
        min-height: 400px;
        padding: 10px;
    }
    .daili-top h2 {
        font-size: 30px;
    }
    .index-zizhi h3.title,.index-new .title,.index-form .title {
        font-size: 26px;
    }
    .index-zizhi .row > li{
        width: 49%;
        margin: 0;
        padding: 0;
    }
    .index-zizhi ul li:nth-child(2n){
        margin-left: 2%;
    }
    .form-fl{
        display: none;
    }
    .list-img a h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .index-new .news-box .tab-bd ul li a.tit{
        font-size: 14px;
    }
}
@media (max-width:450px){
    .eject1,.eject2 {
        width: 64.3%;
    }
}
@media (max-width:420px){
    .eject1, .eject2 {
        width: 66.3%;
    }
}
@media (max-width:391px){
    .eject1,.eject2 {
        width: 70.3%;
    }
}
@media (max-width:380px){
    .eject1,.eject2 {
        width: 74.3%;
    }
    .eject2 {
        top: 80%;
    }
}
@media (max-width:370px){
    .eject1,.eject2 {
        width: 77.3%;
    }
    .form-fl .fl-bom p {
        color: #333;
        margin-top: 10px;
        font-weight: bold;
        font-size: 16px;
    }
    .list ul li .title {
        margin: 8px 0;
        text-align: center;
        font-size: 13px;
        color: #333;
        padding: 0 10px;
    }
    .index-icon ul li h3 {
        margin: 5px 0;
    }
    .index-icon ul li a {
        padding: 5px;
        min-height: 235px;
    }
}