@charset "utf-8";

@media(min-width:1848px) {

/*1200 + 304*2 + 20*2 = 1848*/
.header-nav-wrap {
    width: 100%;
}
/*.header-nav-wrap-inner { width: 1440px; position: absolute; left: 50%; margin-left: -720px; top: 0; height: 100%; padding-left:300px; }*/
.header-nav-wrap-inner {
    position: relative;
    margin-left: 0;
    height: 100%;
    padding-left: 0;
}

.header-nav-ul>li>a {
    padding: 0 12px;
}

.in_main .main {
    width: 74%;
}

.footer-0 {
    width: 300px;
}

.piclist1 li {
    width: 261px;
    height: 195px;
}


}


@media (max-width: 800px) {
    .product-advantage .advantage{
        padding-right:10px!important;
    }
     .Three-statespecialline-warpper .Three-statespecialline-content-warper .Three-statespecialline-content-main .Three-statespecialline-content-right .main-content .product-time ul li
    {
        display:block!important;
    }
    .Three-statespecialline-warpper .Three-statespecialline-content-warper .Three-statespecialline-content-main .Three-statespecialline-content-right .main-content .product-time ul li .left-t{
        margin-bottom:15px;
    }
    .Three-statespecialline-warpper .Three-statespecialline-content-warper .Three-statespecialline-content-main .Three-statespecialline-content-right .main-content .product-time ul li .right-t div
    {
        font-size:12px!important;
        line-height:25px!important;
        padding-right:20px!important;
    }
    .profaqtxt{
    line-height:24px;
    font-size:12px;
    padding-left:10px;
}
    .Three-statespecialline-warpper .Three-statespecialline-content-warper .Three-statespecialline-content-main .Three-statespecialline-content-right .main-content .product-time ul li{
        padding:8px 15px!important;
    }
#banner .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 6px;
    width: 100%;
    z-index: 999;
}

#banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 8px;
    background: #fff;
    margin: 0 3px;
    cursor: pointer;
    transition: width 0.3s ease-in-out;
}

#banner .swiper-pagination-bullet-active {
    width: 30px;
    height: 10px;
}

#banner .swiper-container {
    display: none;
}

#banner .swiper-container_wap {
    display: block;
}


body {
    min-width: inherit;
}

.in_main {
    padding-bottom: 20px;
}

.container {
    width: 98%;
    min-width: inherit;
    padding-bottom: 0;
}

.header,.header.header_guding {
    height: 60px;
}

.header-nav,.header.header_guding .header-nav {
    height: auto;
}

.header-nav-wrap {
    padding-left: 0;
    padding-right: 0;
}

.header-nav .logo,.header.header_guding .header-nav .logo_red {
    display: block;
    position: relative;
    width: 256px;
    float: none;
    height: 42px;
    margin-top: 9px;
    margin-left: 15px;
}

.header-nav .logo img {
    height: 42px !important;
}

.header-nav-wrap-inner {
    padding: 10px 0;
}

/*.header-extra-ul {
position: relative;
text-align: center;
width:100%;
height: 30px;
line-height:30px;
top:0;*/
.header-extra-ul {
    position: relative;
    text-align: center;
    width: 20%;
    height: 30px;
    line-height: 30px;
    top: -56px;
    right: -68%;
}

.header-extra-ul>li {
    display: inline-block;
    height: 100%;
}

.header-extra-ul>li>a {
    position: relative;
    display: block;
    padding: 0 10px;
    height: 100%;
    line-height: 100%;
    color: #333;
    font-size: 14px;
}

.header #navToggle {
    padding: 0px 8px;
    display: inline-block;
    float: right;
    margin-top: -40px;
    margin-right: 2%;
    border: 1px solid #888;
    border-radius: 3px;
}

.header #navToggle span {
    position: relative;
    width: 25px;
    height: 1px;
    margin: 15px 0;
}

.header #navToggle span:before,
.header #navToggle span:after {
    content: '';
    position: relative;
    width: 100%;
    height: 1px;
    left: 0;
}

.header #navToggle span,
.header #navToggle span:before,
.header #navToggle span:after {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
    background: #888;
}

.header #navToggle span:before {
    top: 8px;
}

.header #navToggle span:after {
    bottom: 10px;
}

.header #navToggle.open span:before {
    top: 10px;
    -webkit-transform: translateY(-11px) rotate(-45deg);
    -moz-transform: translateY(-11px) rotate(-45deg);
    -ms-transform: translateY(-11px) rotate(-45deg);
    -o-transform: translateY(-11px) rotate(-45deg);
    transform: translateY(-11px) rotate(-45deg);
}

.header #navToggle.open span:after {
    bottom: 12px;
    -webkit-transform: translateY(10px) rotate(45deg);
    -moz-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    -o-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}

.header #navToggle.open span {
    background: none;
}

.header #navToggle.open span:before,
.header #navToggle.open span:after {
    background: #4f4f4f;
}

.in-aside {
    float: none;
    width: 100%;
    padding-top: 30px;
}

.in-aside-title h1:before {
    display: none;
}

.in-aside-title {
    line-height: inherit;
    font-size: 18px;
    text-align: center;
}

.in-aside-title h1 {
    letter-spacing: 0;
    font-size: 22px;
    color: #222222;
    font-weight: 600;
    margin-top: 0px;
    margin-left: 0;
}

.in-aside>ul {
    display: block;
    width: 94%;
    margin-top: 10px;
    margin: 0 auto;
}

.in-aside>ul>li>a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #444444;
    padding: 0 0;
    font-size: 16px;
    padding-right: 0px;
    background-color: #f4f4f4;
    text-align: center;
}

.in-aside>ul>li>ul>li {
    text-align: center;
    padding-right: 0px;
}

.in-aside>ul>li>ul>li>a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0 0;
        color: #444;
        font-size: 14px;
        text-align: center;
    }

    .in_zb {
        display: none;
    }

.in_main .main {
    float: none;
    width: 100%;
    margin-right: 0;
    min-height: 400px;
    margin-top: -16px;
}

.in_main_header {
    height: auto;
    padding-top: 0px;
}

.in_main_txt .in_txt_tit h3 {
    font-size: 18px;
    margin-bottom: 5%;
}

.in_main_txt:before {
    top: 26px;
    width: 32%;
}

.in_main_txt:after {
    top: 26px;
    width: 32%;
}

.in_main_header>h3 {
    font-size: 18px;
    color: #222222;
    display: block;
    text-align: center;
    line-height: 40px;
}

.in_main_header:after {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: -2px;
    background: #f5d281;
}

.in-nav {
    float: none;
    display: none;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

}


/*手机端*/

@media (max-width:800px) {
/*pcnav隐藏*/
.swiper-button-prev{display:none!important;}
.swiper-button-next{display:none!important;}
body{ overflow-x:hidden;}
.bars_btn{display: block !important;}
.header-nav-ul {display:none;}
.myfa.myfa-bars {display: block;}
/**/
#banner{}

/*查询*/
.cx_box{width: 96%;margin-left: 2%;left: 0;margin-top: -18px;height: 54px;}
.cx_box .cx_co .cx_text{width: calc(70% - 1px);height: 40px;font-size: 12px;padding-left: 10px;}
.cx_box .cx_co .cx_submit{width:30%;height: 40px;font-size: 14px;}
/*tit*/
.tit{margin: 30px 0 20px 0;}
.tit span{font-size: 22px;}
.tit span:before{height: 1px;width: 40px;left: -55px;top: 14px;}
.tit span:after{height: 1px;width: 40px;right: -55px;top: 14px;}

/*合作*/
.hz_box .hz_co{width: 100%;margin-bottom: 20px;}
.hz_box .hz_co .hz_tit span{ font-size: 18px; }
.hz_box .hz_co .hz_tit i img{ -webkit-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);transform:scale(0.8,0.8) }
.hz_box .hz_co .hz_tit{ margin-bottom: 10px; }
.hz_box .hz_co .hz_txt{ font-size:14px;line-height:24px;}

/*加盟*/
.jm_bg{ margin-top: 10px; }
.jm_bg .container{height: 28vw;background-size: 113%;width: 100%;}
.jm_bg .jm_txt{margin-top: 15vw;background-size: 5vw;padding-left: 7vw;margin-left: 20px;}
.jm_bg .jm_txt em{font-size: 2.6vw;margin-bottom: 4px;}
.jm_bg .jm_txt span{font-size: 5vw;}
/*优势*/
.ys_box .ys_fl{ width: 100%; }
.ys_box .ys_fl .ys_fl_co i img{-webkit-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
.ys_box .ys_fl .ys_fl_co span{font-size: 3vw;}
.ys_box .ys_fl .ys_fl_co i{margin: 10vw 0 0.6vw 0;height: 11vw;}
.ys_box .ys_fl .ys_fl_co{height: 36vw;background-size: 80%;}
.ys_box .ys_co{ margin-bottom:20px;}

.ys_box .ys_rt{width: 100%;margin-top: 20px;}
.ys_box .ys_rt span{font-size: 18px;margin-bottom: 31px;}
.ys_box .ys_rt span:before{bottom: -18px;width: 77px;height: 2px;}


/*news*/
.news_tit{ padding:10px;}
.news_box{ margin-top: 30px; }
.news_tit ul{width:100%;margin-top: 10px;}
.news_tit .tit{ float: none;margin-left: 0px; }
.news_tit ul li{width: 33.33%;margin-right:0;text-align: center;}
.news_tit ul li i{width: 100%;margin-right: 0;font-size: 24px;line-height: 40px;}
.news_tit ul li a{ float:none;line-height:40px;}
.news_main{ width: 96%; }
.news_main .news_co{ margin:20px 5px 10px 5px; }
/*footer*/
.fo_bg{ margin-top: 30px;padding-top: 30px; }
.fo_bg .fo_ly{ width: 90%;margin-left:5%; }
.fo_bg .fo_ly span{font-size:22px;margin-bottom: 20px;}
.fo_bg .fo_ly span:before{ height:22px;}
.fo_bg .fo_ly input.cx_submit{ width:100%;}
.fo_bg .fo_txt{width: 100%;margin-top: 30px;}
.fo_bg .fo_txt .fo_co{width: 100%;text-align: center;background-color: #272727;padding: 20px 0;margin: 0 0 10px 0;}
.fo_bg .fo_txt .fo_co span{display: inline-block;margin-bottom: 15px;}
.ban>span{ text-align: center; width: 100%; }
.ban ul{ width: 100%;display: flex;justify-content: center; }
.ban {border-top: none;}

/*内页serv*/
.Three-statespecialline-warpper .Three-statespecialline-content-warper .Three-statespecialline-content-main .Three-statespecialline-content-right .main-content .send-area .flag{width: 19% !important;margin-right: 1% !important;margin-bottom: 1% !important;padding: 5px !important;height: auto !important;}
.Three-statespecialline-warpper .Three-statespecialline-content-warper .Three-statespecialline-content-main .Three-statespecialline-content-right .main-content .send-area .flag span{ width: 100% !important; }
.Three-statespecialline-warpper .Three-statespecialline-content-warper .Three-statespecialline-content-main .Three-statespecialline-content-right .main-content .send-area .flag img{ width: 100% !important;height:10vw !important; }

/*in导航*/
.in_nav{ display: none; }
.innav_wap{ display: block; }
/*track*/
.wayExpressBox .result-list .result-item, .wayExpressBox .result-list .result-map-item {padding: 0 0px 0;}
.wayExpressBox .result-list .result-item .result-top .numbers, .wayExpressBox .result-list .result-map-item .result-top .numbers{font-size: 16px;}
.wayExpressBox .search_txt { width: 70%; }
.wayExpressBox .search_box{ width: 29% }
.wayExpressBox .search_box .search_btn{ line-height:40px;}

/*伙伴*/
.popular-selling-wrap {
    padding: 20px 10px 20px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{ padding: 0 4px }
.popular-selling-items{ margin-top: 10px;}
.popular-selling-brand .row{margin: 0 auto 0px auto;}
.popular-selling-brand{ margin-top: 10px; }

/*分页*/
.pagination a:nth-child(1), .pagination a:nth-child(2), .pagination a:nth-last-child(2), .pagination a:last-child{padding: 0 8px;}
.pagination .number {width: 30px;}
/*about*/
.inmain .main_txt{ margin-top: 0px; }
/*news*/
.list_article li .main_pic{ width: 100%; }
.list_article li .main_pic img{height: 45vw;}
.list_article li span{font-size: 30px;}
.list_article li .news_con{width: calc(98% - 90px);}
.list_article li .news_con p{padding-top: 10px;height: 80px;}
.list_article li{ padding: 20px 0; }
/*文章*/
.article{ margin-top: 0px; }
.article .a-title .h1{ font-size: 20px; }
.list_article li .news_con h3{ padding-top: 10px; }
/*inbanner*/
.Three-statespecialline-warpper .Three-statespecialline-banner{height: 55vw !important;}
.Three-statespecialline-warpper .Three-statespecialline-banner h2{ top:28vw !important; }

/*常见问题*/
.qamain .b .a{width: 100%;padding-left: 40px;border-top: 1px dashed #aaa;border-left: none;}
.qamain .b .q{ width: 100%; }
.qamain .b .a em{ left:10px;}
/*下载*/
.newslist2 ul li{width: 100%;padding: 14px 20px;margin-bottom: 3%;}

/*留言*/
.add-msg-form .cf-column{ width: 100%; }
.add-msg-form input{margin-bottom: 10px;}
.add-msg-form textarea{margin-bottom: 10px;}
.add-msg-form{margin: 0;}
.liuyan_main{margin-top: 20px; }

/*加盟*/
.popular-selling-ad-banner img{height: 46vw;object-fit: cover;}



}

@media (max-width:600px) {
    /*news*/
    .news_main .news_co .serv_img{ height:40vw;}
}
@media (max-width:500px) {



}


@media (min-width:1600px) {
  /*serv*/
.Three-statespecialline-warpper .centerbox {max-width: 80% !important;}

  }