html { font-size: 16px !important; }
body, html { color: #333; font-size: 16px !important; }
a, body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, li, p, ul, ol { margin: 0; padding: 0 }
dd, dl, dt, li, ul { list-style: none }
body { background-repeat: no-repeat; background-attachment: fixed; font-family: 微软雅黑; color: #333; background: #f4f4f4; }
.ime-disabled { ime-mode: disabled }
.hide { display: none; }
.aui_content { color: #333; }
a { transition: all .3s ease 0s; text-decoration: none; color: #27313D; }
    a:link, a:visited { text-decoration: none; }
    a:hover { color: #ff8800; text-decoration: none; }
fieldset { -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #009 }
img { margin: 0; padding: 0; border: 0; vertical-align: middle; max-width: 100%; }
.img100 { width: 100%; }
.gif { transition: all .4s ease 0s }
    .gif:hover { transform: scale(1.1) }

a.a_yellow:link, a.a_yellow:visited { color: #efe6aa; text-decoration: none; }
a.a_yellow:hover { color: #f08300; }

a.a_yellow2:link, a.a_yellow2:visited { color: #ffff00; text-decoration: none; }
a.a_yellow2:hover { color: #f08300; }

a.a_green:link, a.a_green:visited { color: #008000; text-decoration: none; }
a.a_green:hover { color: #f08300; }

a.a_red:link, a.a_red:visited { color: #ff0000; text-decoration: none; }
a.a_red:hover { color: #f08300; }

a.a_blue:link, a.a_blue:visited { color: #459acc; text-decoration: none; }
a.a_blue:hover { color: #f08300; }

.fontYellow { color: #efe6aa; }
.fontYellow2 { color: #ffff00; }
.fontGreen { color: #008000; }
.fontRed { color: #ff0000; }
.fontBlue { color: #113A84; }
.fontTips { color: #8feb11; }

.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }

.fontB { font-weight: bold; }

.floatLeft, .fl { float: left; }
.floatRight, .fr { float: right; }
.clearBoth { clear: both; height: 0px; }
    .clearBoth:after, .cl:after, .clearfix:after { display: block; content: ""; height: 0; clear: both }

.txt_left { text-align: left; }
.txt_right { text-align: right; }
.txt_center { text-align: center; }

.show_page { clear: both; text-align: center; margin: 20px 0; font-size: 14px; color: #666 }
    .show_page a:hover { color: #f60 }
.show_page2 { text-align: right; margin: 0 20px; width: 100% }
    .show_page2 a { display: block; width: 20px; height: 20px; border: solid 1px #ccc; text-align: center; float: left; margin: 0 2px }
        .show_page2 a.curr { background: #F2B024; color: #fff; font-weight: 700 }
div.meneame { padding: 3px; FONT-SIZE: 14px; MARGIN: 10px auto; COLOR: #ff6500; TEXT-ALIGN: center }
    div.meneame a { BORDER: #DDD 1px solid; BACKGROUND-POSITION: 50% bottom; COLOR: #333; MARGIN-RIGHT: 3px; TEXT-DECORATION: none; padding: 5px 10px; display: inline-block; }
        div.meneame a:hover { BORDER: #eee 1px solid; COLOR: #fff; BACKGROUND-COLOR: #2f4b8a }
    div.meneame span.current { BORDER: #2f4b8a 1px solid; BACKGROUND-COLOR: #2f4b8a; padding: 5px 10px; FONT-WEIGHT: bold; COLOR: #fff; MARGIN-RIGHT: 3px; }
    div.meneame span.disabled { BORDER: #DDD 1px solid; padding: 5px 10px; COLOR: #999; MARGIN-RIGHT: 3px }

label.error { margin-left: 5px; padding: 0 0 5px 25px; color: red; background: url(/SysImage/msg_bg.png) 0 2px no-repeat }
label.success { margin-left: 5px; padding-left: 25px; color: #999; background: url(/SysImage/msg_bg.png) 0 -22px no-repeat }

span.date { float: right; }
.shangqiao { cursor: pointer; }
[class*="am-u-"] { padding: 0px; }
/*=====================以下部分是Validform必须的====================*/
.Validform_checktip { margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; position: absolute; right: 20px; top: 5px; }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(right.png) no-repeat left center; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(error.png) no-repeat left center; }
.Validform_loading { padding-left: 20px; background: url(onLoad.gif) no-repeat left center; }
.Validform_error { background-color: #ffe7e7; }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
    #Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
    #Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #999; background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666'); }
    #Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; }
    #Validform_msg a.Validform_close:hover { color: #ccc; }
    #Validform_msg .Validform_info { padding: 8px; border: 1px solid #bbb; border-top: none; text-align: left; }

/*=====================以上部分是Validform必须的====================*/

.icp, .poweredby { color: #d6d6d6 }
    .icp:hover, .poweredby:hover { color: #1686b1; }
.gototop { }
section.center, section.center100 { overflow: hidden; }

/*###############################################################################################################################################################################*/
/****************************************P C 版 公共CSS文件 开始**********************************/
@media screen and (min-width:780px) {
    .center { width: 1200px; margin: 0 auto; padding: 0 0px; position: relative;background:#fff; }
        .center:after { content: ""; height: 0; display: block; clear: both; }
    .center100 { width: 100%; margin: 0 auto; clear: both; min-width: 1200px; position: relative }
    .page-leftbox { float: left; width: 240px; }
    .page-rightbox { float: right; width: 890px; }




    /*头部 开始*/
    header { overflow: visible; min-width: 1200px; margin: 0 auto; }
    .logo { float: left; }
    .searchbar { border: solid 1px #ccc; }
        .searchbar input.kw { border: none; padding: 0 10px }
        .searchbar .icon-search { cursor: pointer; background: url(search_btn.png) no-repeat; width: 24px; height: 24px; border: none; }
    /*头部 结束*/
    /*###############################################################################################################################################################################*/
    /*主菜单栏 开始 兼容移动版样式*/
    /*nav {float:right;margin:25px 20px 0 0 !important; }
.am-menu a:after {display:none; }
nav.am-menu-offcanvas1 .am-menu-toggle {display:none; }
nav.am-menu-offcanvas1 .am-offcanvas {display:block;position:relative;background:none; }

nav .am-offcanvas-bar {position:relative;width: auto; background: none;transform: translateX(0%);overflow-y:visible;}
    nav .am-offcanvas-bar:after {display:none; }

nav.am-menu-offcanvas1 .am-menu-nav {border-bottom:none;box-shadow:none; }
nav.am-menu-offcanvas1 .am-menu-nav > .am-open > a, nav.am-menu-offcanvas1 .am-menu-nav > li > a:focus, 
nav.am-menu-offcanvas1 .am-menu-nav > li > a:hover {color:#333; }
nav.am-menu-offcanvas1 .am-menu-nav > li > a:focus {background:none; }
nav.am-menu-offcanvas1 .am-menu-nav > li > a {border-top:0px; box-shadow:none;text-shadow:none;color:#333;text-indent:0em;height:auto;line-height:inherit;}

nav .am-avg-sm-1 > li:nth-of-type(n+1) {clear:none; }
nav .am-avg-sm-1 > li {width:auto; }

.main-menu{border-bottom:none;box-shadow: 0 1px 0 rgba(255,255,255,.05); }
.main-menu>li{float:left; list-style:none;position:relative;margin-left:5px;}
    .main-menu > li:hover ul.sub-menu{display:block; }
    .main-menu li a{display:block;padding:6px 12px !important; color:#333;font-size:16px;margin:0px;border-radius: 0px;height:auto;}
    .main-menu li a:hover, .main-menu li a.current {/*background:#0170b5;border-bottom:solid 2px #0170b5;* }
    .main-menu li ul.sub-menu {position:absolute;top:45px;left:0px; display:none;width:150px;background:rgba(30,70,119,0.7);z-index:999;padding:5px; }
        .main-menu li ul.sub-menu li { }*/

    .zm-nav-m-toggle { display: none; }
    .zm-nav-mask { display: none; }
    .zm-nav { display: block; }
    .zm-nav-main { position: relative; }
        .zm-nav-main:after { content: ""; height: 0px; clear: both; display: block; }
    .zm-nav-m { display: block; width: 100px; float: left; }
        .zm-nav-m .i { color: #333; text-align: center; display: block; line-height: 50px; height: 50px; white-space: nowrap; text-decoration: none; }
            .zm-nav-m .i i { display: none; color: #aaa; display: block; font-size: 12px; text-transform: uppercase; -webkit-transform: scale(.8,.8); transform: scale(.8,.8); font-style: normal; }
            .zm-nav-m:hover .i, .zm-nav-m .i.current { color: #333; }
                .zm-nav-m:hover .i i { color: #333; font-style: normal; }
    .zm-nav-sub { position: relative; }
        .zm-nav-sub .i { background: url(/images/m-sub-arr.png) no-repeat 50% 86%; }
    .zm-nav-sub-div { position: absolute; background-color: #121212; top: 100%; left: 0; opacity: 0; visibility: hidden; z-index: 1000; }
    .zm-nav-sub:hover .zm-nav-sub-div { opacity: 1; visibility: visible; }
    .zm-nav-sub-div a { display: block; color: #aaa; height: 45px; line-height: 45px; padding: 0 10px; white-space: nowrap; text-decoration: none; font-size: 14px; }
        .zm-nav-sub-div a:hover { background-color: #e21e32; color: #FFF; }
    .zm-nav-sub-div2 a { width: 50%; float: left; }

    /*菜单栏 结束*/
    /*###############################################################################################################################################################################*/
    /*底部 开始*/
    footer { color: #d9d9da; min-width: 1200px; margin: 15px auto 0; background: #3a3d42; }
    /*footer  #footer-main {padding:20px 10px; }
       footer #footer-main:after {display:block;content:"";height:0px;clear:both; }*/
    .gototop { background: url(gototop.png); position: absolute; right: 20px; top: -20px; width: 50px; height: 50px; cursor: pointer; }
    .copyright { color: #fff; font-size: 14px; line-height: 1.7em; }
        .copyright a { color: #fff; }
            .copyright a:hover { color: #ff6600; }
    .wxcode { float: right; width: 128px; }
        .wxcode img { width: 100%; }
        .wxcode p { text-align: center; font-size: 12px; }

    .bottom_blank, .bottom_toolbar { display: none; }

    /**flex 方式*/
    #footer-main { display: flex; display: -webkit-flex; flex-direction: row; padding: 20px 0px; justify-content: space-between; align-items:flex-start; }
        #footer-main .logo_bot { width: 260px; }
        #footer-main .footer-box1 { flex: 1; border-left: solid 1px #999; border-right: solid 1px #999; padding: 10px 20px; }
        #footer-main .wxcode { width: 230px; }
            #footer-main .wxcode div { width: 120px; }
    /*底部 结束*/
    /*###############################################################################################################################################################################*/
    /*二级导航菜单 开始*/
    .subclass-menu { background: none; margin: 0px auto 10px; }
        .subclass-menu:after { clear: both; content: ""; height: 0px; display: block; }
        .subclass-menu ul li { margin-right: 0px; border-bottom: solid 1px #fff; }
            .subclass-menu ul li a { display: block; padding: 0 25px; height: 50px; line-height: 50px; font-size: 14px; color: #333; background: #f0f0f0; }
                .subclass-menu ul li a:hover, .subclass-menu ul li a.current { color: #fff; background: #C13E37; }
    /*二级导航菜单 结束*/
    /*###############################################################################################################################################################################*/
    /*Banner & 面包屑 开始*/
    .nav-path { float: none; height: 50px; line-height: 50px; color: #999; padding: 0 10px; font-size: 14px; text-align: right; /*border-bottom: solid 2px #eee;*/ position: relative; box-shadow: 0 0 5px #ccc;margin-bottom:10px; }
        .nav-path em { background: url(icon_nav_home.jpg) no-repeat; width: 20px; height: 18px; display: inline-block; margin: 5px 8px 0 0; }
        .nav-path .ysbox { display: none; border-bottom: solid 2px #0170b5; position: absolute; right: 0px; bottom: -2px; width: 20%; }
        .nav-path a { color: #999; }
    .content-top-split { background: url(content_top_split.jpg) no-repeat center center; height: 20px; }
    .banner { text-align: center; }
    .banner-page { height: 480px; margin: 0 0 0px 0; background-image: url(banner_page.jpg);background-size: auto 100%;
    background-position: center center; }
        .banner-page .lanmu-title { position: absolute; top: 160px; right: 20px; font-size: 40px; color: #fff; background: rgba(255,255,255,0.4); padding: 30px 80px; }
            .banner-page .lanmu-title p { font-size: 18px; color: #fff; margin-top: 20px; display:none; }
    /*Banner & 面包屑 结束*/
    /*###############################################################################################################################################################################*/

    /*列表 开始*/
    .articleList { padding: 0 0px }
        .articleList li { position: relative; border-bottom: dashed 1px #ccc; margin-bottom: 0px; padding-bottom: 20px; }
            .articleList li p { color: #9b9b9b; font-size: 14px; line-height: 1.2em; }
                .articleList li p a { color: #1d3897; }
                    .articleList li p a:hover { color: #ff0000; }
            .articleList li h2 { margin: 5px 0 15px 0; font-weight: normal; }
                .articleList li h2 a { font-size: 20px; line-height: 15px; color: #333; }
                    .articleList li h2 a:hover { color: #C13E37; }

        /*左图+右文字*/
        .articleList li { margin-bottom: 0px; overflow: hidden; padding-left: 0px; min-height: initial; padding: 0 0 20px 0; }
            .articleList li h3 { font-size: 20px; line-height: 28px; max-height: 56px; overflow: hidden; }
            .articleList li a.img { float: left; width: 250px; height: 160px; padding: 2px; border: solid 1px #ccc; overflow: hidden; margin-right: 20px; }
            .articleList li img { width: 250px; height: 160px; }
            .articleList li span { display: block; font-size: 14px; color: #bbb; }
            .articleList li p { margin-top: 15px; line-height: 1.8em; font-size: 16px; color: #9b9b9b; overflow: hidden; }
            .articleList li .info { margin-top: 10px; font-size: 14px; }
                .articleList li .info span { margin-right: 20px; color: #bbb; display: initial; }
                    .articleList li .info span.fenlei { color: #c2ae88 !important; }
                        .articleList li .info span.fenlei img { height: 20px; vertical-align: central; }
            /*左日期+右文字*/
            .articleList li.s-date { padding-left: 0px; min-height: 120px; }
                .articleList li.s-date a.img { float: left; width: 100px; height: 100px; line-height: 1px; padding: 0px; overflow: hidden; position: absolute; top: 0; left: 0; background: #fff; color: #0170b5; border: solid 1px #0170b5; text-align: center; font-size: 18px; }
                .articleList li.s-date em { font-size: 42px; line-height: 50px; font-style: normal; line-height: 70px; }
                .articleList li.s-date span { font-size: 14px; }

    /*上图+下文字*/
    .productList { margin-left: -40px; margin-top: 40px; }
        .productList li.t0 { float: left; border: solid 1px #1daea7; text-align: center; padding: 1px; margin-left: 40px; margin-bottom: 25px; width: 270px; height: 220px }
            .productList li.t0 .himg { display: table-cell; height: 180px; overflow: hidden; vertical-align: middle; text-align: center; width: 270px; }
            .productList li.t0 h3 { font-size: 16px; text-align: center; font-weight: normal; }
            .productList li.t0 .info { }
            .productList li.t0 img { max-width: 100%; width: 270px; height: 180px; }

    .art_prev_next { margin: 20px 0px; border: solid 1px #ccc; padding: 10px; border-radius: 3px; }
        .art_prev_next a.btn2 { font-size: 16px; }
            .art_prev_next a.btn2:hover { text-decoration: underline; color: #f58320; }

    /*列表 结束*/
    /*###############################################################################################################################################################################*/
    /*内容页 开始*/
    article { box-shadow: 0 0 5px #ddd; }
    .art-view-box { }
    .art-title { font-weight: normal; text-align: center; margin: 35px auto 35px; font-size: 26px; }
    .art-status { font-size: 13px; text-align: center; background: url(tag.png) no-repeat bottom center; padding-bottom: 15px; margin-bottom: 15px; }
    .art-content { line-height: 1.8em; font-size: 16px; padding: 0 0 20px 0; }
        .art-content img { max-width: 100%; }
    article .min-height { min-height: 780px; }

    .class-title { font-size: 36px; font-weight: bold; text-align: center; margin: 35px auto 35px; }
        .class-title span { display: block; text-align: center; font-size: 18px; color: #e21e32; text-transform: uppercase; }

    /*内容页 结束*/
    /*###############################################################################################################################################################################*/
    /*内容页右侧 开始*/
    .r-box { margin-bottom: 30px; }
        .r-box .r-title { font-size: 22px; color: #333; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; }
        .r-box .r-ul-art { }
            .r-box .r-ul-art li { font-size: 18px; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
                .r-box .r-ul-art li p { font-size: 14px; color: #666; line-height: 24px; margin-top: 15px; }
    .rcontact { background: #f3f4fa; padding: 10px; }
    .r-cont { font-size: 16px; padding: 10px 0; line-height: 1.6em; }
    /*内容页右侧 结束*/
    /*###############################################################################################################################################################################*/
    /*多项型单页 开始*/

    /*多项型结束 结束*/
    /*###############################################################################################################################################################################*/
    /*联系页 开始*/
    .lianxi-txt { float: right; height: 460px; background: #1e50ae; opacity: 0.5; width: 100%; color: #fff; padding: 30px; line-height: 2.5em; }
    .lianxi-ditu { float: left; height: 460px; width: 100%; }
    /*联系页 结束*/
    /*###############################################################################################################################################################################*/
    /*友情链接 开始*/
    .friend-link { margin: 0px auto; padding: 10px; border-top: solid 1px #666; border-bottom: solid 1px #666; }
        .friend-link .fl-title { float: left; color: #888; font-size: 12px; }
        .friend-link .fl-list { padding: 0 0 0 20px; }
            .friend-link .fl-list li { float: left; display: inline-block; color: #888; font-size: 12px; margin: 0 15px; }
                .friend-link .fl-list li a { font-size: 12px; }
    /*友情链接 结束*/
    /*###############################################################################################################################################################################*/
    /*基础特效  开始

1、 图片左右滚动 */
    /*.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .button{display:block;  width:30px; height:100px;overflow:hidden;cursor:pointer;  position:absolute;top:35px;}
.picScroll-left .prev{ background:url("/images/pic-left.png") 0 0 no-repeat;left:5px;}
.picScroll-left .next{ background:url("/images/pic-right.png") 0 0 no-repeat;right:5px;}
.picScroll-left .prevStop{ background-position:-60px 0; }
.picScroll-left .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd{ padding:0px 40px 0 40px;height: 107px; overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li img{ width:125px; height:107px; display:block;  padding:0px; border:0px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }*/
    /*2、图片多列同时滚动*/
    .slider { overflow: hidden; position: relative; }
    .sliderbox { position: relative; }
    .slidernav { position: absolute; right: 0; bottom: 5px; width: 100%; text-align: center; color: #fff; font-size: 0; *word-spacing: -1px; }
        /* background: rgba(0,0,0,0.5);*/
        .slidernav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; margin-left: 10px; letter-spacing: normal; word-spacing: normal; }
            .slidernav li a { width: 18px; padding: 4px 8px; height: 12px; border: solid 1px #f58320; border-radius: 2px; }
            .slidernav li.current a { background: #f58320; color: #fff; }

    @media screen and (-webkit-min-device-antio:0) {
        .slidernav { letter-spacing: -5px; }
    }

    .slider .prev, .slider .next { position: absolute; top: 50%; margin-top: -30px; cursor: pointer; width: 61px; height: 61px; left: 0; background: url(ft_icons.png) 0 0 no-repeat; text-indent: -9999px; }
    .slider .next { right: 0; left: auto; background-position: 0 -61px; }

    .art-prev-next { padding: 20px 0; }
    /*###############################################################################################################################################################################*/
}
/****************************************P C 版 公共CSS文件 结束*********************************/

/****************************************移动版 公共CSS文件 开始*********************************/
@media screen and (max-width:780px) {
    * { -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .center, .center100 { width: 100%; max-width: 750px; margin: 0 auto; position: relative }

    /*.am-menu-offcanvas1 .am-menu-toggle {width: 64px; height: 64px; position: fixed; right: 15px; top: 0;background: url(nav-list.png) no-repeat; background-size: 100%; }
    .mm_menu_icolist {display:block; width: 64px; height: 64px;  z-index: 999; }*/

    .zm-nav { position: relative; }
    .zm-nav-main { left: -50%; display: inline-block; position: fixed; background-color: #121212; color: #999; height: 100%; width: 40%; top: 0; z-index: 1002; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .zm-nav-m-toggle { display: block; position: fixed; right: 10px; top: 0px; width: 50px; height: 50px; background: url(/images/menu-tog.png) #333 no-repeat 50% 50% / 30px auto; opacity: .7; z-index: 999; }
    .zm-nav-mask { }
    .zm-nav-open .zm-nav-mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1001; background: rgba(0,0,0,0.5); }
    .zm-nav-open .zm-nav-main { left: 0; width: 150px; }
    .zm-nav-m { display: block; }
        .zm-nav-m .i { color: #fff; text-align: center; display: block; padding: 14px; height: 64px; text-decoration: none; }
            .zm-nav-m .i i { color: #666; display: block; font-size: 10px; text-transform: uppercase; font-style: normal; }
        .zm-nav-m:hover .i { background-color: #bc9d6c; color: #FFF; }
            .zm-nav-m:hover .i i { color: #FFF; }
        .zm-nav-m + .zm-nav-m { border-top: 1px solid rgba(255,255,255,0.04); }
    .zm-nav-sub { }
        .zm-nav-sub .i { background: url(/images/m-sub-arr2.png) no-repeat 90% 50% / auto 12px; }
    .zm-nav-sub-div { overflow: scroll; position: absolute; background-color: rgba(0,0,0,0.9); top: 0; height: 100%; left: 100%; opacity: 0; visibility: hidden; width: 100vw; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: flex; flex-flow: column wrap; align-content: center; }
    .zm-nav-sub:hover .zm-nav-sub-div { opacity: 1; visibility: visible; }
    .zm-nav-sub-div a { display: block; line-height: 50px; color: #aaa; padding: 5px 10px; white-space: nowrap; width: 100%; max-height: 50px; text-decoration: none; font-size: 14px; }
        .zm-nav-sub-div a:hover { background-color: #e21e32; color: #FFF; }

    .page-leftbox { float: none; padding: 0px; }
    .page-rightbox { float: none; padding: 0px; }

    /*###############################################################################################################################################################################*/
    /*Banner & 面包屑 开始*/
    .nav-path { float: right; height: 50px; line-height: 50px; color: #999; margin-left: 10px; margin-right: 10px; font-size: 14px; position: relative; text-align: right; }
        .nav-path em { background: url(icon_nav_home.jpg) no-repeat; width: 20px; height: 18px; display: inline-block; margin: 5px 8px 0 0; }
        .nav-path .ysbox { display: none; border-bottom: solid 2px #0170b5; position: absolute; right: 0px; bottom: -2px; width: 20%; }
        .nav-path a { color: #999; }
    .content-top-split { background: url(content_top_split.jpg) no-repeat center center; height: 20px; }
    .banner { text-align: center; }
    .banner-page { height: 50vw; margin: 0 0 0px 0; background-image: url(banner_page.jpg); background-size: auto 100%; overflow: hidden; }
        .banner-page .lanmu-title { margin: 10vw auto 0; height: 25vw; line-height: 20vw; font-size: 24px; color: #fff; background: rgba(0,0,0,0.5); text-align: center; width: 60%; }
            .banner-page .lanmu-title p { font-size: 16px; color: #fff; margin-top: 0px; line-height: 0; display:none; }
    /*Banner & 面包屑 结束*/
    /*###############################################################################################################################################################################*/
    /*底部 开始*/
    footer { background: #000; color: #aaa; margin-top: 45px; }
        footer #footer-main { padding: 20px 10px; overflow: visible; }
            footer #footer-main:after { display: block; content: ""; height: 0px; clear: both; }
    .gototop { background: url(gototop.png); position: absolute; right: 20px; top: -20px; width: 50px; height: 50px; cursor: pointer; }
    .copyright { color: #d6d6d6; float: left; font-size: 12px; line-height: 1.7em; }
        .copyright a { color: #d6d6d6; }
            .copyright a:hover { color: #ff6600; }
    .wxcode { float: right; width: 108px; margin-right: 80px; display: none; }
        .wxcode img { width: 100%; }
        .wxcode p { text-align: center; font-size: 12px; }

    .bottom_blank { height: 50px }
    .bottom_toolbar { position: fixed; bottom: 0; left: 0; width: 100%; background: #0081c2; color: #fff; z-index: 999999; }
        .bottom_toolbar ul { width: 100%; display: -webkit-box; display: -moz-box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
        .bottom_toolbar > * { -webkit-box-flex: 1; -moz-box-flex: 1 }
        .bottom_toolbar ul li { float: left; display: inline-block; text-align: center; border: 1px solid rgba(190,190,190,1); height: 50px; border-bottom: 0; border-right: 0; position: relative; width: 20% }
            .bottom_toolbar ul li:nth-of-type(1) { border-left: 0; }
            .bottom_toolbar ul li i { display: block; font-size: 24px; line-height: 36px; }
            .bottom_toolbar ul li.home { width: 33%; }
            .bottom_toolbar ul li.menu { width: 34%; }
            .bottom_toolbar ul li.phone { width: 33%;/* background: #c43e40; text-align: left;*/ }
                /*.bottom_toolbar ul li.phone i { display: inline-block; line-height: 48px; font-size: 36px; float: left; margin: 0 10px; }*/
            .bottom_toolbar ul li > a { display: block; width: 100%; height: 50px; line-height: 8px; color: #fff; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; border-bottom: 0; }
            /*.bottom_toolbar ul li.phone > a { line-height: 50px; font-size: 20px }*/
            .bottom_toolbar ul li > a.on + dl { display: block }
            .bottom_toolbar ul li > a span { color: #4f4d4f; display: inline-block; padding-left: 15px; background: url(1.svg#2) no-repeat 4px 18px; -webkit-background-size: 9px auto; text-shadow: 0 1px 0 #fff }
        .bottom_toolbar dl { display: none; position: absolute; z-index: 220; bottom: 60px; left: 50%; width: 100px; margin-left: -50px; background: red; background: #e4e3e2; border-radius: 5px; -webkit-box-shadow: inset 0 0 3px #fff; background: url(2.svg#3) no-repeat center center; -webkit-background-size: 100%; background-size: 100% }
            .bottom_toolbar dl:before { content: ""; display: inline-block; position: absolute; z-index: 240; bottom: 0; left: 50%; width: 10px; height: 8px; background: url(1.svg#2) no-repeat center -55px; -webkit-background-size: 10px auto; bottom: -7px; margin-left: -5px }
            .bottom_toolbar dl dd { line-height: 45px; text-align: center; background: -webkit-gradient(linear,0 0,100% 0,from(rgba(194,194,194,.8)),to(rgba(194,194,194,.8)),color-stop(50%,rgba(194,194,194,.8))); background-size: 80% 1px; background-repeat: no-repeat; background-position: center bottom }
                .bottom_toolbar dl dd:last-of-type { background: 0 0 }
                .bottom_toolbar dl dd a { font-size: 15px; display: block; color: #4f4d4f; text-shadow: 0 1px 0 #fff; white-space: pre; overflow: hidden; text-overflow: ellipsis }
        .bottom_toolbar .masklayer_div { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 180; background: rgba(0,0,0,0) }
            .bottom_toolbar .masklayer_div.on { display: block }

    /*底部 结束*/
    /*###############################################################################################################################################################################*/
    /*二级导航菜单 开始*/
    .subclass-menu { background: #fff; margin: 10px auto 10px; box-shadow: 0 12px 20px rgba(79,78,78,0.08); }
        .subclass-menu:after { clear: both; content: ""; height: 0px; display: block; }
        .subclass-menu ul {display:-webkit-flex; display: flex; flex-flow: row wrap; justify-content: space-between; }
            .subclass-menu ul li { text-align: center; flex-grow: 1;margin:3px 1%; }
                .subclass-menu ul li a { border: solid 1px #ccc; border-radius: 5px;padding:0 5px; display: -webkit-flex; display: flex; height: 35px; font-size: 13px; color: #333; background: #f0f0f0; justify-content: center; align-items: center }
                .subclass-menu ul li a:hover, .subclass-menu ul li a.current { color: #fff; background: #e21e32; }
    /*###############################################################################################################################################################################*/
    /*内容页 开始*/
    article { }
    .art-view-box { padding: 0 10px; }
    .art-title { font-weight: normal; text-align: center; margin: 20px auto 35px; font-size: 22px; }
    .art-status { font-size: 13px; text-align: center; margin-bottom: 20px; }
    .art-content { line-height: 1.8em; font-size: 16px; padding: 0 0px 20px; }
    .art-prev-next { padding: 0 10px; border-top: solid 2px #aaa; }
    .art-content img { max-width: 100%; }
    article .min-height { min-height: 500px; }

    .class-title { font-size: 26px; font-weight: bold; text-align: center; margin: 20px auto 15px; }
        .class-title span { display: block; text-align: center; font-size: 16px; color: #e21e32; text-transform: uppercase; }


    /*内容页 结束*/
    /*########################################################################################################################################################*/


    .searchbar { border: solid 1px #ccc; }
        .searchbar input.kw { border: none; padding: 0 10px }
        .searchbar .icon-search { cursor: pointer; background: url(search_btn.png) no-repeat; width: 24px; height: 24px; border: none; }

    .content-top-split { background: url(/images/content_top_split.jpg) no-repeat center center; height: 20px; }


    .articleList { padding: 0 10px 20px 10px; }
        .articleList li { position: relative; border-bottom: dashed 1px #ccc; margin-top: 20px; }
            .articleList li:after { display: block; content: ""; height: 0; clear: both; }
            .articleList li p { color: #888; font-size: 14px; line-height: 1.2em; height: 50px; overflow: hidden; text-align: justify; text-overflow: ellipsis; margin: 10px 0; }
            .articleList li h3 { padding-left: 0px; height: auto; line-height: 22px; max-height: 48px }
                .articleList li h3 a { font-size: 16px; color: #333; font-weight: normal }
                    .articleList li h3 a:hover { color: #ff6600; }

        /*左图+右文字*/
        .articleList li { }
            .articleList li h3 { padding-right: 80px; min-height: 2em; }
            .articleList li a.img { width: 86px; height: 86px; padding: 1px; border: solid 1px #ccc; overflow: hidden; position: absolute; top: 0; right: 0; }
            .articleList li img { width: 65px; height: 65px; }
            .articleList li p { font-size: 14px; line-height: 1.4em; height: 4em; margin-top: 10px; }
            .articleList li span { display: block; font-size: 11px; }
            /*左日期+右文字*/
            .articleList li.s-date { padding-left: 90px; min-height: 120px; }
                .articleList li.s-date h3 { padding-left: 0px; }
                .articleList li.s-date a.img { float: left; width: 80px; height: 80px; line-height: 1px; padding: 0px; overflow: hidden; position: absolute; top: 0; left: 0; background: #fff; color: #0170b5; border: solid 1px #0170b5; text-align: center; font-size: 18px; }
                .articleList li.s-date p { padding-left: 0px; }
                .articleList li.s-date em { font-size: 42px; line-height: 50px; font-style: normal; line-height: 70px; }
                .articleList li.s-date span { font-size: 14px; }

            .articleList li.s0 { margin-bottom: 40px; overflow: hidden; padding-left: 0px; min-height: initial; padding: 0 0 20px 0; }
                .articleList li.s0 h3 { line-height: 22px; max-height: 48px; overflow: hidden; }
                    .articleList li.s0 h3 a { color: #2b2b2b; }
                .articleList li.s0 p { margin-top: 15px; max-height: 50px; font-size: 14px; color: #9b9b9b; overflow: hidden; }
                .articleList li.s0 .info { margin-top: 10px; font-size: 14px; }
                    .articleList li.s0 .info span { margin-right: 20px; color: #bbb; display: initial; }
                        .articleList li.s0 .info span.fenlei { color: #c2ae88 !important; }
                            .articleList li.s0 .info span.fenlei img { height: 20px; vertical-align: central; }

    .productList { margin-left: -4%; margin-top: 40px; }
        .productList li.t0 { float: left; border: solid 1px #1686b1; text-align: center; padding: 1px; margin-left: 4%; margin-bottom: 25px; width: 46%; height: 50vw; }
            .productList li.t0 .himg { display: table-cell; height: 40vw; overflow: hidden; vertical-align: middle; text-align: center; }
            .productList li.t0 h3 { font-size: 16px; text-align: center; font-weight: normal; }
            .productList li.t0 .info { }
            .productList li.t0 img { max-width: 100%; width: 100%; height: 100%; }

    /*图片多列同时滚动*/
    .slider { overflow: hidden; position: relative; }
    .sliderbox { position: relative; }
    /*必须加这句css,否则向左右，上下滚动时会没有效果*/
    .slidernav { position: absolute; right: 0; bottom: 5px; width: 100%; text-align: center; color: #fff; font-size: 0; *word-spacing: -1px; }
        /* background: rgba(0,0,0,0.5);*/
        .slidernav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; margin-left: 10px; letter-spacing: normal; word-spacing: normal; }
            .slidernav li a { width: 18px; padding: 4px 8px; height: 12px; border: solid 1px #f58320; border-radius: 2px; }
            .slidernav li.current a { background: #f58320; color: #fff; }

    @media screen and (-webkit-min-device-antio:0) {
        .slidernav { letter-spacing: -5px; }
    }

    .slider .prev, .slider .next { position: absolute; top: 50%; margin-top: -30px; cursor: pointer; width: 61px; height: 61px; left: 0; background: url(ft_icons.png) 0 0 no-repeat; text-indent: -9999px; }
    .slider .next { right: 0; left: auto; background-position: 0 -61px; }

    .friend-link { height: 60px; background: #e5e5e5; margin: 0px auto 0; }
        .friend-link .fl-title { float: left; width: 80px; font-size: 14px; line-height: 60px; text-align: center; background: #d9d9d9; }
        .friend-link .fl-list { padding: 0 0 0 10px; margin-left: 80px; }
            .friend-link .fl-list li { float: left; display: inline-block; height: 60px; line-height: 60px; font-size: 14px; margin-left: 0.5em; }
}
/****************************************移动版 公共CSS文件 结束*****************************************/