@charset "utf-8";

/*reset*/

/* CSS reset for c_b */
body {
    min-width: 1200px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table th, table td {
    padding: 5px;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

ception, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

a {
    color: #666;
    text-decoration: none;
}

/*for ie f6n.net*/
a:focus {
    outline: none;
}

/*for ff f6n.net*/
a:hover {
    text-decoration: underline;
}

/*定位*/
.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.bc {
    margin-left: auto;
    margin-right: auto;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.zoom {
    zoom: 1
}

.hidden {
    visibility: hidden;
}

.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

p {
    word-spacing: -1.5px;
}

-moz-box-sizing: content-box

;
-webkit-box-sizing: content-box

;
box-sizing: content-box

;

/*其他*/
.cur {
    cursor: pointer
}

;

/*原reset*/
sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

input, select {
    vertical-align: middle;
}

body {
    font: 12px/1.231 arial, helvetica, clean, sans-serif;
}

select, input, button, textarea, button {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
    border-collapse: collapse;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}

/*title*/
h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

#roll_top, #fall, #ct {
    position: relative;
    cursor: pointer;
    height: 52px;
    width: 52px
}

#roll_top {
    background: url(../images/top.gif) no-repeat
}

#fall {
    background: url(../images/top.gif) no-repeat 0 -80px
}

#ct {
    background: url(../images/top.gif) no-repeat 0 -40px
}

#roll {
    display: block;
    width: 15px;
    margin-right: -558px;
    position: fixed;
    right: 46%;
    top: 80%;
    _margin-right: -558px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8));
    z-index: 100;
}

/*end reset*/

/* CSS Document */

body {
    background-color: #fff;
    overflow-x: hidden;
    color: #666;
    font-size: 12px;
    font-family: "微软雅黑";
    position: relative;
}

/*网站字体颜色*/
.header, .content, .footer, .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

/*页眉*/
.header {
    width: 100%;
    background: url(../images/header_bg.png) no-repeat center top;
    height: 193px;
}

.header_top {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    height: 137px;
}

.header_top h1 {
    float: left;
    margin-top: 40px;
}

.header_top h2 {
    float: left;
    padding: 5px 0;
    padding-left: 25px;
    margin-left: 25px;
    background: url(../images/logo_w.png) no-repeat left center;
    margin-top: 50px;
    font-size: 20px;
    color: #333;
    letter-spacing: 3px;
    font-weight: 400;
}

.header_top h2 p {
    /*font-weight: normal;
    font-size: 16px;
    color: #333;
    letter-spacing: 8px;*/
    letter-spacing: 3px;
}

/*

.header_top .phone{ overflow:hidden; float:right; margin-top:40px; padding-left:50px; background:url(../images/phone.png) no-repeat left top;}

.header_top .phone p{ font-size:13px; color:#333; text-align-last:justify}

.header_top .phone b{ display:block; font-size:26px; color:#c80b0f; font-family:Impact}

.header_top .phone em{ display:block; font-size:18px; color:#000; background:url(../images/phone02.png) no-repeat center; margin-left:-50px; margin-top:5px; text-align:center}

*/
.header_top .phone {
    overflow: hidden;
    float: right;
    margin-top: 33px;
    padding-left: 50px;
    background: url(../images/phone.png) no-repeat left center;
}

.header_top .phone p {
    font-size: 20px;
    color: #c80b0f;
    letter-spacing: 6px;
}

.header_top .phone b {
    display: block;
    font-size: 20px;
    color: #333;
    font-family: 宋体;
    font-weight: bold;
}

.header_top .phone em {
    display: block;
    font-size: 20px;
    color: #333;
    background: url(../images/phone02.png) no-repeat center;
    margin-left: -60px;
    margin-top: 5px;
    text-align: center
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

nav {
    background: #c80b0f;
    height: 56px;
    color: #fff;
    width: 100%;
    z-index: 2;
    clear: both;
}

.nav li {
    float: left;
    width: 145px;
    position: relative;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-right: 1px solid #c80b0f;
}

.nav li:last-child {
    border-right: none;
}

.nav > li > a {
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 0;
}

.nav > li > a:link {
    background: none;
}

.nav > li > a:hover, .nav > li > a.active {
    color: #fff;
    background: none;
}

.nav .hb-first-li ul li a {
    color: #ffffff;
    height: 36px;
    overflow: hidden;
}

.nav .hb-first-li .active a, .nav .hb-first-li a:hover {
    background-color: #dcdcdc;
    color: #c80b0f;
    display: block;
}

.nav .hb-first-li > ul {
    position: absolute;
    width: 145px;
    background-color: #c80b0f;
    z-index: 20;
    padding: 0;
    opacity: 0;
    transition: all .5s ease 0s;
    -webkit-transform: translate3d(0, 10px, 0);
    visibility: hidden
}

.nav .hb-first-li:hover ul {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible
}

.nav .hb-first-li > ul li {
    height: 34.18px;
    line-height: 36px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(226, 226, 226, 0.37);
    transition: all .3s ease-out 0s
}

#roll_top, #fall, #ct {
    position: relative;
    cursor: pointer;
    height: 60px;
    width: 52px
}

#roll_top {
    background: url(../images/top.gif) no-repeat
}

#fall {
    background: url(../images/top.gif) no-repeat 0 -80px
}

#ct {
    background: url(../images/top.gif) no-repeat 0 -40px
}

#roll {
    display: block;
    width: 15px;
    margin-right: -558px;
    position: fixed;
    right: 46%;
    top: 80%;
    _margin-right: -558px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8));
    z-index: 100;
}

.clsas {
    width: 300px;
    height: 170px;
    background: #ffed99;
    border: 5px solid #bfbfbf;
    position: fixed;
    _position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9999
}

.clsas h5 {
    color: #843e00;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    height: 46px
}

.clsas p {
    color: #111;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding-left: 20px;
    height: 24px
}

.clsas span {
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 18px solid red;
    border-bottom: 9px solid transparent;
    display: block;
    float: left;
    margin-right: 5px
}

.clsas a {
    color: #111
}

.clsas a:hover {
    color: #f00
}