@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: 13px/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: 13px; 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: 33px; }
.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: 22px; color: #eb3d00; }
.header_top h2 p { font-weight: normal; font-size: 16px; color: #333; }

/*

.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: 40px; padding-left: 50px; background: url(../images/phone.png) no-repeat left top; }
.header_top .phone p { font-size: 13px; color: #333; letter-spacing: 14px; }
.header_top .phone b { display: block; font-size: 26px; color: #eb3d00; font-family: Impact }
.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: 120px;position: relative;height: 56px;line-height: 56px; text-align: center;}
.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: #ffff00;color: #c80b0f;display: block;}
.nav .hb-first-li>ul { position: absolute; width: 170px; 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 }