﻿@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "Microsoft Yahei", "Tahoma", "SimSun","宋体"; font-size: 14px; padding-top: 0px; }
ul, li { list-style: none; }
img { border: 0; margin: 0 auto; }
select, input, img { vertical-align: middle; }
.clearfix { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }
.mt4 { margin-top: 4px; }
.mt6 { margin-top: 6px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt18 { margin-top: 18px; }
.mt26 { margin-top: 26px; }
.ml30 { margin-left: 30px; }
.ml10 { margin-left: 10px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font18 { font-size: 18px; }
h1, h2, h3, h4, h5, h6, b, i, cite, em, ins { font-style: normal; font-weight: normal; }
.image { margin: 0 auto; display: block; }
/*Header*/
.w1000 { position:relative; }
/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }
.oh { overflow: hidden; }
#header { position: relative; overflow: hidden; margin: 0 auto; height: 110px; }
#logo { width: 198px; height: 74px; overflow: hidden; text-indent: -999em; background: url(../images/YanSeDaQuan.Com.png) no-repeat; position: absolute; top: 30px; }
#tophome { height: 20px; line-height: 20px; position: absolute; right: 0; top: 10px; }
    #tophome #icon01 { background: url(../images/icon_01.gif) no-repeat left center; padding-left: 15px; }
    #tophome #icon02 { background: url(../images/icon_02.gif) no-repeat left center; padding-left: 15px; }
    #tophome a { padding: 3px 10px; }
    #tophome .gg { color: #f00; }
#toptel { width: 324px; height: 21px; position: absolute; top: 74px; right: 10px; background: url(../images/zx_tel.png) no-repeat; }
/* Nav*/
.menu { height: 46px; margin-left: 220px; margin-top: 40px; overflow: hidden; }
    .menu li { float: left; padding-left: 10px; width: 110px; }
    .menu a { display: block; height: 46px; overflow: hidden; position: relative; }
    .menu strong { position: absolute; width: 80px; height: 30px; overflow: hidden; left: 30px; }
    .menu a strong.s2 { color: #666; }
    .menu a strong.s1 { color: #E56C00; }
    .menu a strong { font-size: 16px; font-weight: bold; }
    .menu i { position: absolute; background: url(../images/r.png) no-repeat; width: 46px; height: 46px; overflow: hidden; top: 0px; }
    .menu .i1 { left: -46px; z-index: 2; }
    .menu .i2, .menu .i3 { left: 120px; }
    .menu .r1 { background: url(../images/menu_i_01.png); }
    .menu .r2 { background: url(../images/menu_i_02.png); }
    .menu .r3 { background: url(../images/menu_i_03.png); }
    .menu .r4 { background: url(../images/menu_i_04.png); }
    .menu .r5 { background: url(../images/menu_i_05.png); }
    .menu .r6 { background: url(../images/menu_i_06.png); }
    .menu .r7 { background: url(../images/menu_i_07.png); }
    .menu .r8 { background: url(../images/menu_i_08.png); }
    .menu .r9 { background: url(../images/menu_i_09.png); }
#footer { background: url(../images/footer_bg.jpg) repeat-x; margin-top: 15px; bottom: 0px; position: relative; }
#footer_tool { line-height: 50px; margin: 0 auto; color: #fff; font-size: 14px; position: relative; }
#footer_retop { position: absolute; right: 0; top: 0; font-family: Arial, Helvetica, sans-serif; }
#footer_tool a { color: #fff; }
#footer_links { margin: 0 auto; padding: 18px 0; background: url(../images/links.jpg) no-repeat 0 18px; overflow: hidden; }
    #footer_links ul { padding-left: 205px; }
    #footer_links li { height: 18px; line-height: 18px; float: left; margin: 5px 20px 10px 5px; _display: inline; white-space: nowrap; color: #cecece; }
        #footer_links li a { color: #cecece; }
#foot { margin: 0 auto; padding: 5px 0; color: #cecece; line-height: 18px; }
    #foot a { color: #fff; }
#copyright { float: left; color: #cecece; line-height: 18px; }
#boombox { float: left; width: 300px; height: 55px; margin-top: 0px; }
.row .thumbnail-z { width: 138px; margin: 5px 0px; border-radius: 5px; float: left; }
    .row .thumbnail-z .sk { width: 110px; height: 110px; margin: 5px auto; border-radius: 5px; }
    .row .thumbnail-z p { overflow: hidden; height: 20px; }
    .row .thumbnail-z h4 { margin: 0 5px 5px 5px; overflow: hidden; }
.row .thumbnail-x { width: 105px; margin: 5px 1px; border-radius: 5px; float: left; }
    .row .thumbnail-x .sk { width: 80px; height: 80px; margin: 5px auto; border-radius: 5px; }
    .row .thumbnail-x p { overflow: hidden; height: 20px; }
    .row .thumbnail-x h4 { margin: 0 5px 5px 5px; font-size: 16px; overflow: hidden; }
.row .thumbnail-d { width: 188px; margin: 5px 2px; border-radius: 5px; float: left; }
    .row .thumbnail-d .sk { width: 160px; height: 160px; margin: 5px auto; border-radius: 10px; }
    .row .thumbnail-d h4 { margin: 0 5px 5px 5px; overflow: hidden; }
    .row .thumbnail-d p { overflow: hidden; height: 20px; }
.title { font-weight: bold; color: #ff0000; }
.gj { background: #F8F8FF; }
.center { text-align: center; }
.off { display: none; }
.on { display: block; }
.left { float: left; }
.right { float: right; }
.border { border: 1px solid #ddd; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; }
.w1000 .nav { margin: 5px 7px; }
    .w1000 .nav > li > span { position: relative; padding: 5px 5px; }
    .w1000 .nav > li { margin: 5px 7px; }
        .w1000 .nav > li > a { position: relative; padding: 5px 7px; }
.w1000 p { text-align: center; margin-bottom: 5px; }
.panel-title { display: inline; }
    .panel-title a { margin: 0px 5px; }
.r { color: #FF0000; }
.g { color: #32CD32; }
.b { color: #0000FF; }
.c { color: #00B2EB; }
.m { color: #FF00FF; }
.y { color: #ffc20e; }
.k { color: #000000; }
.sk { position: relative; }
    .sk:after { position: absolute; top: 5px; right: 5px; font-size: 9px; color: #ffffff; text-transform: uppercase; content: "RGB"; }
a:hover .sk:after { text-decoration: none; }
.qianse { color: #aaa; }
.stjs { background: #F3F3F3; margin: 10px 0px; padding: 10px; text-indent: 1em; border: 1px solid #E2E1E1; border-radius: 4px; }
.cusalert { position: fixed; top: 20px; left: 0px; right: 0px; margin: auto auto; display: none; }
    .cusalert .content { overflow: hidden; margin-left: 15px; }
.ierror { border: 1px solid #ff0000; }
.search { margin: 5px auto 15px; padding: 10px 10px; background: #F7F7F9; border: 1px solid #ddd; }
.pagerBox { text-align: center; padding-bottom: 10px; line-height: 45px; margin-top: 5px; padding-left: 0px; padding-right: 0px; font-size: 16px; padding-top: 0px; }
    .pagerBox span { border: #8b6825 1px solid; padding: 2px 10px; margin: 2px 8px 0px 0px; background: #8b6825; color: #fff; font-weight: bold; padding-top: 2px; line-height: 25px; }
    .pagerBox a { border: #0a5a94 1px solid; padding: 5px 10px; margin: 2px 10px 0px 0px; color: #0a5a94; padding-top: 2px;display:inline-block; line-height:25px; }
        .pagerBox a:hover { border: #8b6825 1px solid; background: #8b6825; color: #fff; text-decoration: none; }
    .pagerBox .mot { padding: 0px; border: 0px; background-color: #fff; color: #0b3b8c; }
.min_display { display: none; }
.min_none_line { display:inline-block;}
.min_none { display:block; }
@media (max-width: 767px) {
    .min_none { display: none; }
    .min_display { display: block;  }
    body { padding-top: 50px; padding-bottom: 20px; }
    .min_none_line { display:none; }
}
