@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; overflow: scroll; overflow-x: hidden; font-family: "微软雅黑", "黑体"; }
html, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, span, i, a, em, strong, b, input, textarea, select { margin: 0; padding: 0; list-style: none; text-decoration: none; border: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/*去掉边框所占用像素+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* { -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; }

.w1000 { width: 1000px; margin: 0 auto; }
a { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*ie6,7*/ clear: both; }
/*img { width: 100%; }*/

.fr { float: right; }
.fl { float: left; }

/*头部*/
#header { width: 100%; margin: 0 auto; }
.top-h { width: 100%; height: 90px; padding:20px 0;}
    .top-h img { vertical-align: middle; }
.top-h-l { width: 485px; height: 48px; float: left; }
.top-h-r { width: 328px; height: 34px; float: right; }
.nav-h { width: 100%; line-height: 50px; background: #db2313; text-align: center; position: relative; z-index: 9999; }
    .nav-h ul li { position: relative; display: inline-block; text-align: center; padding: 0 30px; }
        .nav-h ul li a { color: #fff; }
            .nav-h ul li a:hover, .nav-h ul li.active a.fir { font-weight: bold; border-bottom: 2px solid #fff; padding-bottom: 10px; }

        .nav-h ul li div { width: 125px; display: none; position: absolute; top: 50px; left: 5px; background: #db2313; }
            .nav-h ul li div a { display: block; width: 100%; height: 24px; margin-left: 0; line-height: 24px; margin-bottom: 2px; color: #fff; }
                .nav-h ul li div a:hover { background: #db2313; }


.contact { margin: 60px auto; width: 1000px; }
.contact-m { width: 300px; height: 40px; display: inline-block; margin: 0 15px; }
.contact .phone { background: url(../../images/web/c-phone.png) no-repeat left center; }
.contact .email { background: url(../../images/web/c-email.png) no-repeat left center; }
.contact .adress { background: url(../../images/web/c-adress.png) no-repeat left center; }


/*底部*/
.footer-t { width: 100%; background: #ebebeb; }
.footer-t-main { padding: 40px 0; }
.f-main { float: left; }
.footer-t-main-l { width: 218px; height: 58px; }

.footer-t-main-c { margin: 0 80px; }
.main-c-l { float: left; width:76px; margin: 0 20px; }
.footer-t-main-c h4 { background: url(../../images/web/footer-u-bg.png) no-repeat center bottom; padding-bottom: 10px; float: left; margin-right: 20px; }
.footer-t-main-c ul { float: left; }
    .footer-t-main-c ul a { color: #666; padding: 2px 0; }
        .footer-t-main-c ul a:hover { color: #333; }
.main-c-r {float: left; width:76px; margin: 0 20px; }
.footer-t-main-r img { width: 112px; margin: 0 10px; }
.footer-d { width: 100%; height: 40px; background: #db2313; line-height: 40px; color: #fd9991; font-size: 13px; }
    .footer-d p { float: left; }
    .footer-d span { float: right; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.flexslider { width: 100%; padding: 0; }
    .flexslider .slides li { display: none; height: 420px; }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img { width: 100%; display: block; }
/* FlexSlider Default Theme */
.flexslider { background: #fff; position: relative; -webkit-box-shadow: 0 1px 1px 1px rgba(202, 202, 202, 0.8); -moz-box-shadow: 0 1px 1px 1px rgba(202, 202, 202, 0.8); box-shadow: 0 1px 1px 1px rgba(202, 202, 202, 0.8); }
    .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: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 12px; line-height: 18px; text-align: center; }
    /* Direction Nav */
    .flexslider .flex-direction-nav li a { width: 52px; height: 76px; margin: -38px 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 { background: url(../../images/web/btn-next.png) no-repeat right top; right: 200px; }
        .flexslider .flex-direction-nav li a.flex-prev { background: url(../../images/web/btn-prev.png) no-repeat left top; left: 200px; }
    /* Control Nav */
    .flexslider .flex-control-nav { margin-left: -31px; position: absolute; bottom: 20px; left: 50%; }
        /* 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: 16px; height: 16px; display: block; cursor: pointer; text-indent: -9999px; border-radius: 50%; background: url(../../images/web/btn-o.png) no-repeat center; }
                .flexslider .flex-control-nav li a:hover { background: url(../../images/web/btn-on.png) no-repeat center; }
                .flexslider .flex-control-nav li a.flex-active { background: url(../../images/web/btn-on.png) no-repeat center; }

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
#leftsead { position: fixed; top: 258px; right: 0; width: 160px; height: 143px; z-index: 9999; }
*html #leftsead { position: absolute; margin-top: 258px; top: expression(eval(document.documentElement.scrollTop)); }

    #leftsead li { position: relative; width: 160px; height: 40px; margin-bottom: 1px; }
        #leftsead li a { float: right; display: block; height: 40px; max-width: 200px; }
            #leftsead li a .shows { width: 40px; height: 40px; }
            #leftsead li a .hides { display: none; width: 160px; height: 40px; line-height: 40px; margin-right: -150px; padding-left: 55px; text-align: left; color: #fff; cursor: pointer; }

            #leftsead li a.qq .shows { background: #db2313 url(../../images/web/leftsead_01.png) no-repeat center; }
            #leftsead li a.qq .hides { background: #db2313 url(../../images/web/leftsead_01.png) no-repeat 10px center; }

            #leftsead li a.tel .shows { background: #db2313 url(../../images/web/leftsead_02.png) no-repeat center; }
            #leftsead li a.tel .hides { background: #db2313 url(../../images/web/leftsead_02.png) no-repeat 10px center; }

            #leftsead li a.weixinbox .w_shows { width: 40px; height: 40px; background: #db2313 url(../../images/web/leftsead_03.png) no-repeat center; }
            #leftsead li a.weixinbox .w_hides { position: absolute; right: 42px; bottom: 0; display: none; width: 152px; height: 152px; border: solid 1px #999; box-shadow: 0 0 5px #999; behavior: url(css3pie/PIE.htc); }
            #leftsead li a .w_hides img { width: 100%; height: 100%; }

.gotop { width: 40px; height: 40px; background: #db2313 url(../../images/web/leftsead_04.png) no-repeat center; }
/*------------------------------------------------------------------------------------------------------------------------------------------------*/