.pc { display: none !important; }
.mm { display: block !important; }

header { padding: 5px; width: 100%; overflow: visible !important; }
.logo { text-align:center;}
.logo img { }
.hotphone { color: #ab1801; font-size: 24px; line-height: 100px;display:none; }

#main-menu {  }
.zm-nav-main { display: flex; flex-flow: row wrap; position: relative; left: auto; width: auto; top: auto; background: #ab1801; }
.zm-nav-m { width: 20%; }
    .zm-nav-m .i { padding: 5px 0; text-align: center; height: 40px; line-height: 30px; font-size: 14px; }
    nav { }
.zm-nav-m-toggle {display:none; }

.zm-nav-sub-div { width: 120px; }

#footer {margin-top:1px; }
#footer-main { display: flex; flex-wrap: wrap-reverse; }
#footer h3 { color: #c43e40; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
#footer-main .ft1 { text-align: center; }
#footer-main .ft2 { margin-bottom: 10px; }
    .frdlink li { line-height: 22px; float: left; margin-left: 20px; }
.frdlink a:link, .frdlink a:visited { font-size: 12px; color: #fff; }
.ft-celue { display: -webkit-flex; display: flex; flex-flow: row wrap;margin-bottom: 30px; }
    .ft-celue li { width: 80px; font-size: 14px; }

.idx-lmt { font-size: 22px; color: #000; text-align: center; margin: 16px auto 16px; font-weight: normal; }
    .idx-lmt span { color: #ff0000; font-size: 16px; text-transform: uppercase; display: block; margin: 0px auto; font-weight: 200; }

.idx-lmt1 { margin: 33px auto 20px; }
    .idx-lmt1 img { float: left; height: 55px; }
    .idx-lmt1 h2 { font-size: 22px; color: #000; margin-left: 60px; font-weight: normal; }
    .idx-lmt1 span { color: #ff0000; font-size: 11px; text-transform: uppercase; font-weight: normal; display: block; margin: 0px auto; font-weight: 200; }
.idx-lmt2 { margin: 33px auto 20px; }
    .idx-lmt2 img { float: left; height: 55px; }
    .idx-lmt2 h2 { font-size: 22px; color: #fff; margin-left: 60px; font-weight: normal; }
    .idx-lmt2 span { color: #d9d9d9; font-size: 11px; text-transform: uppercase; font-weight: normal; display: block; margin: 0px auto; font-weight: 200; }


#idx_about { padding: 0 8px; }
    #idx_about h2 { font-weight: bold; font-size: 22px; margin: 15px 0; }
    #idx_about .lvshijieshao { display: -webkit-flex; display: block;  }

        #idx_about .lvshijieshao .item { }
        #idx_about .lvshijieshao .item1 { width: 44%; float: left; position: relative; z-index: 2; margin: 0 10px 0px 0;display:none; }
        #idx_about .lvshijieshao .item2 {background: #f5f5f5; padding: 5px; position: relative;font-size:18px; }
            #idx_about .lvshijieshao .item2 .lvshiphoto { width: 40%; float: left; margin: 0 10px 0 0; }
            #idx_about .lvshijieshao .item2 p { text-indent: 2em; line-height: 1.5em; margin-bottom:10px;}


        #idx_about .lvshijieshao .tx_lx { margin-bottom: 10px; }
            #idx_about .lvshijieshao .tx_lx:after { display: block; content: ""; height: 0; clear: both; }
            #idx_about .lvshijieshao .tx_lx .profile { display: block; font-size: 16px; line-height: 1.6em; }


        #idx_about .lvshijieshao .item3 {background: #e3e3e5; padding: 15px; color: #333; display:none; }
.lvshi_more { display: block; color: #fff; background: #e1284a; padding: 0 10px; text-align: center; height: 45px; line-height: 45px;}
#idx_about .shuxing { }
    #idx_about .shuxing li { margin: 20px 0; }
#idx_about .kouhao { color: #a25f00; font-weight: bold; text-align: center; margin: 20px auto; }

#idx_case { }
    #idx_case li { osition: relative; margin: 5px 10px; border: solid 1px #eee; padding: 5px; border-radius: 5px; box-shadow: 0 0 5px #eee }
        #idx_case li .img { height: 50vw; overflow: hidden;display:block; }
            #idx_case li .img img { width: 100%; }
        #idx_case li .txt { line-height: 30px; height: 30px; text-align: center; }
        #idx_case li h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
        #idx_case li p { color: #999;  line-height: 1.5em; font-size: 14px; height:1px;overflow:hidden; }
        #idx_case li .learnmore { position: absolute; right: 15px; bottom: 10px; font-size: 12px; color: #999;display:none; }

.idx_artbox { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; padding:0 10px;}
    .idx_artbox .art_item { width: 100%; }
    .idx_artbox .art_title { background: #ff2910 !important; text-align: center; display: block; height: 40px; line-height: 40px; color: #fff; position: relative; font-size: 20px; }
        .idx_artbox .art_title i { position: absolute; right: 10px; color: #fff }
    .idx_artbox .art_item ul { margin: 10px 0; }
            .idx_artbox .art_item ul li { font-size: 14px; color: #333; overflow: hidden; }
                .idx_artbox .art_item ul li a { display: block; line-height: 40px; height: 40px; font-size: 18px; text-overflow: ellipsis; position: relative; }
                    .idx_artbox .art_item ul li a i { position: absolute; right: 10px; color: #999 }

                    #idx_celue { background: #f6f6f6; margin: 20px auto 0px; }
.box_yw_icon { margin: 20px 0 20px 0; position: relative }
    .box_yw_icon .sever_tit {   text-align: center;margin:16px auto;}
        .box_yw_icon .sever_tit:after { content: ''; display: inline-block; width: 43px; border-bottom: 1px solid #d7d7d7; display: none; }
        .box_yw_icon .sever_tit:before { content: ''; display: inline-block; width: 43px; border-bottom: 1px solid #d7d7d7;display:none; }
        .box_yw_icon .sever_tit .cell { }
        .box_yw_icon .sever_tit span {font-size: 22px; color: #333; text-align: center; margin: 16px 0; }
        .box_yw_icon .sever_tit .fbt { color: #ff0000; font-size: 16px; text-transform: uppercase; font-weight: normal; display: block; margin: 0px auto; font-weight: 200; }
        .box_yw_icon .sever_list { }
            .box_yw_icon .sever_list ul { font-size: 0; margin-left: 0px; display: flex; flex-flow: row wrap; justify-content: space-around; }
            .box_yw_icon .sever_list ul li { width: 80px; height: 80px; display: inline-block; background-color: #fff; text-align: center; margin-bottom: 30px; border-radius: 65px; }
                .box_yw_icon .sever_list ul li:hover { background-color: #c43e40 }
                    .box_yw_icon .sever_list ul li:hover .icon { background-image: none !important }
                    .box_yw_icon .sever_list ul li:hover span { color: #fff }
                .box_yw_icon .sever_list ul li:nth-child(6n) { margin-right: 0 }
                .box_yw_icon .sever_list ul li a { width: 80px; height: 80px; display: table-cell; vertical-align: middle }
                .box_yw_icon .sever_list ul li .icon { width: 45px; height: 45px; margin-bottom: 0px; display: inline-block }
                .box_yw_icon .sever_list ul li span { display: block; font-size: 14px; color: #009aaa }

.liucheng-box { position: relative; overflow: hidden; width: 100%;}
    .liucheng-box .scroller { }
.liucheng-list { display: flex; flex-flow: row wrap; justify-content: center; flex-wrap: wrap-reverse; }
    .liucheng-list li { background: url(liucheng_bg.png) center no-repeat; background-size: 95% 95%; width: 32vw; height: 32vw; padding: 0 10px; position: relative; overflow: hidden; flex-grow: 0; flex-shrink: 0; }
        .liucheng-list li:first-child { margin-left: 0px; }
        .liucheng-list li a > span { display: block; display: none; position: absolute; top: 0; left: 10px; height: 57px; line-height: 57px; font-size: 14px; color: #c62744; text-align: center; padding-left: 28px; }
        .liucheng-list li i { width: 55px; height: 55px; background: url(icon_liucheng.png) no-repeat;background-size:auto 100%; margin: 10px auto 5px; transition: all 0.5s; display: block; }
            .liucheng-list li i.li2 { background-position: -60px 0; }
            .liucheng-list li i.li3 { background-position: -120px 0; }
            .liucheng-list li i.li4 { background-position: -182px 0; }
            .liucheng-list li i.li5 { background-position: -240px 0; }
        .liucheng-list li h3 { color: #fff; font-weight: normal; font-size: 16px; text-align: center; }
            .liucheng-list li h3 br {display:none; }

.fclist { margin-bottom:15px !important;}
.fclist ul { margin-left: -20px; }
.fclist li { float: left; width: 40%; overflow: hidden; margin-left: 0px; }
.fclist.swiper-container { width: 100%; height: 100%; }
    .fclist .swiper-slide { width: 40% !important; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.quick_menu { }
.page-leftbox { }
.art-view-box { box-shadow: #ccc 0 0px 5px; margin: 5px auto; padding: 6px; }
.page-rightbox {box-shadow: #ccc 0 0px 5px; margin: 5px auto; position: relative; }
.art-content {padding:0 ; }
.r-box { margin-bottom: 1px; }
    .r-box .r-title { height: 40px; background: #ff2910; color: #fff; line-height: 40px; padding: 0 15px; font-size: 18px; }
.rcontact { padding: 0px; }
.r-box .r-cont { padding: 10px; }
.r-box .r-ul-art { }
    .r-box .r-ul-art li { font-size: 16px; padding: 10px;font-weight:bold; }
        .r-box .r-ul-art li p { font-weight: normal; color: #666; }

        img.casephoto { max-width: 100%; margin: 0 auto;}
.jiaweixin { font-size: 16px; height: 45px; line-height: 45px; border: 0px; border-radius: 15px; background: #039; color: #fff; text-align: center; padding: 0px 0px; cursor: pointer; width: 180px; margin: 0 auto; }
.nav-path {display:none; }

.idx_zm { }
    .idx_zm li { display: flex; justify-content: flex-start; margin-left: -20px; }
        .idx_zm li a { margin-left: 30px; font-size: 18px; }

.bottom_toolbar ul li.home { background: #009aaa; }
.bottom_toolbar ul li.menu { background: #bc9d6c; }
.bottom_toolbar ul li.phone { background: #c43e40; text-align: center; }
    .bottom_toolbar ul li.phone img { height: 30px; vertical-align: middle; margin-bottom: 5px; }

    .ditu_title { background: #ff2910; text-align: center; display: block; height: 40px; line-height: 40px; color: #fff; position: relative; font-size: 20px; }

.anli-liebiao { box-shadow: #ccc 0 0px 5px; margin: 15px auto 5px; padding: 10px; }
    .anli-liebiao > h3 { font-size: 24px; text-align: center; margin: 10px auto 30px; font-weight: bold; }
    .anli-liebiao ul { display: flex; flex-flow: column; }
    .anli-liebiao li { position: relative; margin: 0; padding: 10px 0; }
        .anli-liebiao li .img { width: 135px; height: 100px; overflow: hidden; float: left; }
            .anli-liebiao li .img img { width: 100%; }
        .anli-liebiao li .txt { padding: 0 5px 0 145px; }
        .anli-liebiao li h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
        .anli-liebiao li p { color: #999; text-indent: 2em; line-height: 1.5em; font-size: 14px; }
        .anli-liebiao li .learnmore { position: absolute; right: 15px; bottom: 10px; font-size: 12px; color: #999; }
        .anli-liebiao li:hover { background: #f2f2f2; }

    .anli-liebiao .more { text-align: center; }

.art_prev_next { margin: 20px 0; }
.banner-page { background-position: -60vw 0; }

.ft1 .tel:link, .ft1 .tel:visited { color: #c43e40; }
.articleList li.s-date { padding-left: 0px; min-height: auto; }
.page_title { font-size: 24px; margin: 10px auto 30px; text-align: center;font-weight:bold; }

.articleList li { padding-left: 145px; }
    .articleList li span {display:inline;font-size:20px; }
    .articleList li img { width: auto; height: auto; }
.articleList li a.img {width:135px;height:100px;overflow:hidden;left:0px;right:auto; }

.flicker-example { position: relative; width: 100%; max-width: 750px; min-width: 320px; height: 45vw; max-height: 650px; background-color: #e6e6e6; overflow: hidden; margin: 0 auto; }
.flicker-example ul { display: block; height: 100%; }
    .flicker-example ul li { height: 100%; background-position: center; background-size: cover; }

.yingke_tu { margin-left: -2%; display: flex; flex-flow: row wrap; }
    .yingke_tu li { display: inline-block; margin-left: 2%;width:100%; margin-top: 10px; margin-bottom: 10px; }
        .yingke_tu li img { width: 100%; }
        .yingke_tu li div { text-align: center; font-size:16px;}

.classcontent {}