@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: auto;
    /* height: 100%; */
    padding-left: 0;
}

.header-nav-ul>li>a {
}

.in_main .main {
    width: 74%;
}

.footer-0 {
    width: 300px;
}

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


}


@media (max-width: 800px) {
#banner .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: -5px;
    width: 100%;
    z-index: 999;
}

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

#banner .swiper-pagination-bullet-active {
    background-color: #dd0000;
}

#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 {
    height: 60px;
    top: 0;
}

.header-nav {
    height: auto;
}

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

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

.header-nav .logo img {
    height: 24px !important;
    margin-top: 9px;
}

.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:1400px) {
#serv-demo img{ height:30vw;}
.case_bg #case-demo img{height: 16vw;}
}

@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{ margin-top: 60px; }
/*top*/
.company_name{ display: none; }
.top_rt{display: none;}
/*footer*/
.fo_bg .fo_co{width: 100%;padding: 0;float:none;border-right:none;border-bottom: 1px solid #1e4479;padding:20px 0;margin: 0;}
.fo_bg .fo_co.fo_lx{width:320px;margin:0 auto;padding: 20px 20px;text-align: center;}
.fo_bg .fo_co.fo_lx .fo_lx_txt em{ font-size:20px;}
.fo_bg .fo_co:last-child{ border:none;}
.fo_bg{margin-top:20px;}
.fo_bg .container{ display:block;}
.fo_bg .fo_co>span{ text-align:center;}
.fo_bg .fo_co ul li{text-align:center;}
.fo_bg .fo_co>span:before{ transform:translateX(-50%);left:50%;}
.fo_bg .fo_co.fo_er{width:100%;display: flex;justify-content: center;}
.fo_bg .fo_co.fo_er .fo_erweima{float:none;}
.fo_bg .fo_co.fo_lx p{ line-height:30px;}
.fo_bg .fo_co.fo_lx .fo_kefu{ margin-top:4px;}
/*tit*/
.tit{margin: 30px 0 20px 0;}
.tit span{font-size: 22px;letter-spacing: 4px;}
.tit span em{ padding-left: 4px; }
.tit b{ margin-top: 4px; }
.tit a{margin-top: 4px;}
.about_box .ab_more{ margin-top: 20px;}
/*about*/
.about_box{ padding: 10px;margin-top: 20px; }
.about_box .ab_le{ width: 100%; }
.about_box .ab_le img{ height:50vw;}
.about_box .ab_rt{ width: 100%; }
.about_box .tit{margin: 20px 0 20px 0;text-align: center;}

/*serv*/
#serv-demo .serv_item{ margin:10px;}
/*优势*/
.ys_bg .owl-theme .owl-controls .owl-buttons .owl-prev{left: -1%;box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 33%);border-radius: 50%;}
.ys_bg .owl-theme .owl-controls .owl-buttons .owl-next{right: -1%;box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 33%);border-radius: 50%;}
#ys-demo img{ height: 31vw; }
.ys_bg{margin-top: 30px;padding-bottom: 30px;}
.ys_bg .ys_item .ys_txt span{font-size: 16px;}
.ys_bg .ys_item .ys_txt p{overflow: auto;height: auto;-webkit-line-clamp: inherit;}

/*案例*/
.case_bg .owl-theme .owl-controls .owl-buttons .owl-prev{left: -1%;}
.case_bg .owl-theme .owl-controls .owl-buttons .owl-next{right: -1%;}

/*news*/
.news_main .news_le{ width: 100%; }
.news_main .news_le .news_img img {height: 34vw;}
.news_main .news_rt{width: 100%;margin-top: 10px;}
.news_main .news_rt .news_co .news_date{ width: 80px; height: 80px; }

.news_main .news_rt .news_co .news_date span{ font-size: 40px; }
.news_main .news_rt .news_co .news_date em{ font-size: 16px; }
.news_main .news_rt .news_co .news_rtxt{width: calc(100% - 90px);}
.news_main .news_rt .news_co{padding:18px 0;}
.news_main .news_le .news_more{ margin-top: 20px; margin-bottom: 20px; }
.news_main .news_le .news_txt{ padding-top: 20px; }
.news_main .news_le .news_txt span{ font-size: 16px; }
.news_main .news_rt .news_co .news_rtxt span{ font-size: 16px; }
/*fo*/
.fo_bg .fo_link span{ font-size: 14px; }
.fo_bg .fo_link ul li{ font-size: 13px; }
/*in*/
/*inbanner*/
.inbanner{margin-top: 60px;height: 150px;padding-top: 34px;background-position: center;background-size: 306%;}
.inbanner .inba_txt{width: 80%;padding: 18px 0;}
.inbanner .inba_txt h2:before{width: 54%;left: -70%;top: 14px;}
.inbanner .inba_txt h2:after{width: 54%;right: -70%;top: 14px;}
.inbanner .inba_txt h2{font-size: 20px;}
.inbanner .inba_txt p{font-size: 14px;}
/*innav*/
.innav_box ul{display: block;margin-top: 15px;}
.innav_box ul li{width: 31.33%;margin: 1%;float: left;}
.innav_box ul li a{padding: 10px 0 12px 0;width: 100%;text-align: center;font-size: 14px;}
/*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: 96%;}
.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: 24px;margin-bottom: 6px;}

/*about*/
.inmain_txt{ margin-top: 20px; }

/*help*/
.qamain .b{ padding:0; }
.qamain .b .q{font-size: 15px;line-height: 50px;height: 50px;}
.qamain .b .q em{left: 8px;top: 23px;}

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

/*案例*/
.sl_an{ margin-top: 20px; }
.sl_an .anli_co{width: 49%;height: auto;}
.sl_an .anli_co .anli_txt .an_more{ display: none; }
.sl_an .anli_co img{height: 34vw;}
.sl_an .anli_co .anli_txt{ padding: 10px; }
.sl_an .anli_co .anli_txt p{font-size: 12px;padding-top: 2px;margin-top: 10px;height: 26px;}
.sl_an .anli_co .anli_txt:before{width:30px;top: 40px;}
.sl_an .anli_co:nth-child(4n){ margin-right: 2%; }
.sl_an .anli_co:nth-child(2n){ margin-right: 0; }

/*翻页*/
.pagination .number{width: 36px;}
.pagination a:nth-child(1), .pagination a:nth-child(2), .pagination a:nth-last-child(2), .pagination a:last-child{    padding: 0 8px;}






}

@media (max-width:900px) {
.serv_box #serv-demo img{ height: 45vw; }
.case_bg #case-demo img{ height: 20vw; }

}
@media (max-width:600px) {
    .serv_box #serv-demo img{ height: 60vw; }
    .case_bg #case-demo img{ height: 55vw; }
}