@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, textarea { margin: 0; padding: 0; font-size: 14px; line-height: 24px; color: #000; font-family: 'microsoft yahei',verdana,Tahoma; }
ol, ul, li { list-style: none; line-height: 24px; }
ol, ul { zoom: 1; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; }

a, a:link, a:visited { cursor: pointer; text-decoration: none; color: #000; }
    a:hover { cursor: pointer; color: #ff302a; }
:focus { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear: both; float: none; overflow: hidden; height: 0; font-size: 0; }
.clearFix:after, .clearfix:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: "."; }
.clearFix, .clearfix { zoom: 1; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fl { float: left; }
.fr { float: right; }
.font { font: 14px/24px "Comic Sans MS"; }
.css3pie { behavior: url(css3pie/PIE.htc); }
.w1200px { width: 1200px; margin: 0 auto; }
.w1000px { width: 1000px; margin: 0 auto; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #666; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #666; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body { width: 100%; margin: 0 auto; background: #f8f8f8; overflow-x: hidden; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#mainbox { margin: 0 auto; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.muitableNoBg, .muitableNoBg:before, .muitableNoBg:after, .muitableNoBg.mui-table-view:before, .muitableNoBg.mui-table-view:after { background: none; }

.mui-a .mui-table-view-cell > a:not(.mui-btn) { margin-left: -14px !important; }
.white-space-initial,.white-space-normal { overflow: hidden; white-space: normal; text-overflow: ellipsis; }
.text-justify { text-align: justify; }

.mui-list-pic .mui-table-view-cell { padding: 10px 0; }
    .mui-list-pic .mui-table-view-cell > a:not(.mui-btn) { white-space: inherit !important; }
.mui-list-pic .mui-table-view .mui-media-object { max-width: 210px; height: 130px; line-height: 130px; }
.mui-list-pic .mui-table-view .mui-media-body { padding-right: 20px; }

.mui-grid-mine.mui-table-view.mui-grid-view { padding: 0 14px 10px 0; }
    .mui-grid-mine.mui-table-view.mui-grid-view .mui-table-view-cell { margin-right: 0; padding: 10px 0 0 14px; }
        .mui-grid-mine.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn) { padding: 0; margin: 0; }
.w_P100 { width: 100%; }

.swiperbtn { position: absolute; top: 50%; margin-top: -36px; z-index: 9999; }
    .swiperbtn.swiperbtn_p { left: 0; }
    .swiperbtn.swiperbtn_n { right: 0; }

    .swiperbtn .fa { font-size: 72px; line-height: 72px; color: #e5e5e5; /*color: #98d2f6;*/ }
.swiper-pagination-bullet { background: #fff; border: solid 2px #d93434; opacity: 1; }
.swiper-pagination-bullet-active { background: #d93434 !important; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.hpn_top_container { display: none; position: fixed; top: 0; z-index: 1000000; width: 100%; height: 32px; text-align: center; line-height: 32px; background: #fcd116; color: #202d33; border-bottom: solid 1px ##B59602; }
    .hpn_top_container a { color: #3e6db1; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.header_box { background: #f7f7f7; }
.header { padding: 15px 0; }
    .header .mui-table-view .mui-media-object { max-width: 48px; height: 48px; line-height: 48px; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.nav_box { background: #3b3b3b; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }

.nav_list { position: relative; z-index: 999999; }
    .nav_list ul li { float: left; width: 150px; position: relative; text-align: center; }
        .nav_list ul li a { display: block; margin: 0 1px; font-size: 16px; line-height: 65px; color: #fff; }

            .nav_list ul li.active a, .nav_list ul li a:hover { background: #df3232; }

        .nav_list ul li div.subNav { width: 150px; display: none; position: absolute; top: 65px; left: 0; z-index: 999999; }
            .nav_list ul li div.subNav a { display: block; height: 45px; line-height: 45px; background: #3b3b3b; background: rgba(59, 59, 59,0.8); color: #fff; border-bottom: solid 1px #fff; }
                .nav_list ul li div.subNav a:hover { background: #df3232; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.outPager { margin: 20px 0 20px 0; text-align: center; }
.pager { display: inline-block; }
.mui-pagination > li > a, .mui-pagination > li > span { float: left; padding: 5px 12px; margin: 0 5px; border: solid 1px #dcdcdc; color: #9a9a9a; }
    .mui-pagination > li > a.active, .mui-pagination > li > a:hover { background: #df3232; color: #fff; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#web_footer { background: #555656; padding: 40px 0; }
    #web_footer, #web_footer * { color: #fff !important; }
        #web_footer .l { width: 200px; padding: 0 10px; }
        #web_footer .c { width: 1px; height: 200px; margin: 0 45px; background: #fff; }
        #web_footer .r { width: 900px; padding: 0 10px; }
        #web_footer .r .footer_cate .line{ margin: 0 10px;}
        #web_footer .r .footer_cate li a:hover span{  color:#df3232!important; }
        #web_footer .r .footer_lxwm { margin-top: 10px;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#leftsead { width: 72px; position: fixed; top: 258px; right: 1px; z-index: 9999; }

.leftsead dd { position: relative; width: 72px; height: 72px; }
    .leftsead dd a { display: block; width: 72px; height: 72px; float: right; border-bottom: solid 1px #535353; background: #3b3b3b; cursor: pointer; }

        .leftsead dd a .shows { width: 72px; height: 72px; }

        .leftsead dd a .img { font-size: 14px; height: 45px; text-align: center; overflow: hidden; }
            .leftsead dd a .img i.nostacks { display: inline-block; width: 72px; height: 45px; line-height: 45px; color: #ddd; }
            .leftsead dd a .img span.stack, .leftsead dd a .img span.stack i { display: inline-block; width: 72px; height: 45px; line-height: 45px; color: #ddd; }
            .leftsead dd a .img span.stack { font-size: 18px; overflow: hidden; }

        .leftsead dd a .txt { color: #fff; font-size: 12px; line-height: 27px; text-align: center; }

        .leftsead dd a:hover { background: #df3232; }
            .leftsead dd a:hover .txt { color: #fff; }

        .leftsead dd a .hides { position: absolute; right: 72px; top: 0; display: none; }
        .leftsead dd a .hides { font: bold 14px/24px "microsoft yahei"; cursor: pointer; background: #df3232; color: #fff; }
        .leftsead dd a .hides,.leftsead dd a .hides *{color: #fff;}

        .leftsead dd a.dh .hides { padding: 10px; }

        .leftsead dd a.qr .hides { display: none; width: 145px; height: 145px; border: solid 1px #535353; border-right: none; }
            .leftsead dd a.qr .hides img { width: 100%; height: 100%; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* flexslider */
.flexslider { width: 100%; padding: 0; }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides li { display: none; }
    .flexslider .slides img { width: 100%; display: block; }
/* FlexSlider Default Theme */
.flexslider { position: relative; background: #fff; /* -webkit-box-shadow: 0 1px 1px 1px #f1f1f1; -moz-box-shadow: 0 1px 1px 1px #f1f1f1; box-shadow: 0 1px 1px 1px #f1f1f1; */ }
    .flexslider .slides li { position: relative; }
    /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
    .flexslider .flexslider-container { position: relative; }
    /* Caption style */
    .flexslider .flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: #000; color: #fff; text-shadow: 0 -1px 0 #000; font-size: 12px; line-height: 18px; text-align: center; }
    /* Direction Nav */
    .flexslider .flex-direction-nav li a { width: 52px; height: 52px; border: solid 1px red; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; }
        /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
        .flexslider .flex-direction-nav li a.flex-next { right: -21px; }
        .flexslider .flex-direction-nav li a.flex-prev { left: -21px; }
    /* Control Nav */
    .flexslider .flex-control-nav { position: absolute; bottom: 20px; left: 50%; margin-left: -31px; }
        /* set negative margin-left equal to half the width on the control-nav for perfect centering */
        .flexslider .flex-control-nav li { margin: 0 0 0 5px; float: left; }
            .flexslider .flex-control-nav li:first-child { margin: 0; }
            .flexslider .flex-control-nav li a { width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -9999px; border: solid 2px #fff; border-radius: 50%; }
                .flexslider .flex-control-nav li a:hover { background: #fff; }
                .flexslider .flex-control-nav li a.flex-active { cursor: default; background: #fff; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/