/*public.css*/
.icon { background: url(../images/icon.png) no-repeat; }

/*header*/
header { position: relative; z-index: 2;  background-color:#fff; /*box-shadow:0 0 5px #ccc;*/ }

/* top */
.top { background-color:#fff;     border-top: 2px solid #f90;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
height: 34px; color: #666; font-size: 12px; line-height: 34px; }
.top a:hover { text-decoration: underline; }
.notice { width: 734px; height: 34px; overflow: hidden; z-index: 2; }
.notice li { width: auto; margin-right: 10px; display: inline; line-height: 30px; }
.notice li span { color: #008de4; }
.notice li a { color: #f00; }
.notice li a:hover { text-decoration: underline; }

/* head_m */
header .head_m { height: 102px; padding:10px 0;}
header .logo { height: 100%; width: auto; }
.head_m .nav li { display:inline-block; height:82px; line-height:82px; font-size:15px; text-align:center; position:relative;padding:0 20px; }
.head_m .nav li a { display:block; text-align:center; }
.head_m .nav li i { color:#444; }
.head_m .nav li:hover i, .head_m .nav li:hover>a, .head_m .nav li.cur>a, .head_m .nav li.cur i { color:#008de4; font-weight:bold; }
.head_m .nav li dl { display:none; position:absolute; z-index:9999; top:65px; width: 140px; left:50%; margin-left:-70px; background: #008de4; /*box-shadow: 0 0px 5px rgba(0, 0, 0, .4); */padding: 10px 0; }
.head_m .nav li dl:before { content: ' '; display: block; width: 8px; height: 8px; background: #008de4; position: absolute; top: -4px; left: 50%; margin-left: -4px; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); /* box-shadow: 0 0px 5px rgba(0, 0, 0, .4); */ }
.head_m .nav li:hover dl { display:block; }
.head_m .nav li dl dd { height: 36px; line-height: 36px; overflow: hidden;  }
.head_m .nav li dl dd a { display:block; height:36px; line-height:36px; text-align:left; font-size:13px; padding:0; color:#fff; text-indent:20px;}
.head_m .nav li dl dd a:hover { color:#f90; background-color:#046fb1; }


/*.table*/
.table { width: 100%; border: 1px solid #eee; }
.table tr { height: 30px; line-height: 24px; line-height: 24px; }
.table tr:hover { background: #f6f6f6; }
.table td, .table th { line-height: 24px; padding: 8px 0; color: #666; font-size: 14px; text-align: center; border: 1px solid #ddd; }
.table th { font-weight: bold; background: #008de4; color: #fff; /*border-color: #ff4141;*/ }
.table .mainbg { background-color: #008de4; color: #fff; font-weight: bold;/*border-color: #ff4141;*/ }
.table .blackbg { background-color: #666; color: #fff; font-weight: bold;/*border-color: #ff4141;*/ }

/* 在线客服样式 */
.online_icon { overflow: hidden; }
.online_icon a { display: block; width: 68px; height: 148px; background: url(../images/qq_online_trigger.png) no-repeat; font-size: 16px; text-align: center; color: #000; }
.online_windows { width: 144px; }
.online_w_top { background: url(../images/online_bg.png) no-repeat -36px 0; height: 10px; _background: url(../images/online_bg_ie6.png) no-repeat -36px 0; _margin-bottom: -7px; }
.online_w_c { background: url(../images/online_bg.png) repeat-y 0 -185px; padding: 0 5px; _background: url(../images/online_bg_ie6.png) repeat-y 0 -185px }
.online_w_bottom { background: url(../images/online_bg.png) repeat-y -36px -35px; height: 29px; _background: url(../images/online_bg_ie6.png) repeat-y -36px -35px; }
.online_content { background: url(../images/online_bg.png) no-repeat -147px -185px; padding-top: 11px; _background: url(../images/online_bg_ie6.png) no-repeat -147px -185px; }
.online_content a.qq_icon { background: url(../images/online_bg.png) no-repeat -37px -130px; width: 121px; height: 25px; display: block; margin: 0 auto; text-indent: 30px; line-height: 23px; cursor: pointer; }
.online_content a.qq_icon:hover { background-position: -159px -130px; color: #FFF; }
.online_bar h2 { background: url(../images/online_bg.png) repeat-x 0 -156px; height: 29px; line-height: 27px; font-size: 12px; color: #666; text-align: left; }
.online_bar h2 a { display: block; padding-left: 14px; margin-left: 6px; cursor: pointer; }
.expand h2 a { background: url(../images/online_bg.png) no-repeat -36px -69px; _background: url(../images/online_bg_ie6.png) no-repeat -36px -69px; }
.collapse h2 a { background: url(../images/online_bg.png) no-repeat -36px -96px; _background: url(../images/online_bg_ie6.png) no-repeat -36px -96px; }
.expand h2 a:hover, .collapse h2 a:hover { text-decoration: none; color: #c81d04; }
.online_content { text-align: center; border-bottom: 1px solid #d0d0d0; }
.online_content ul li { height: 24px; line-height: 24px; margin-bottom: 4px; }
.online_content ul li a:hover { color: #c81d04; }
#online_qq_layer { width: 68px; position: fixed; right: 0; top: 80px; _position: fixed; _position: absolute; z-index: 20; height: 158px; font-size: 12px; overflow: hidden; }
#online_qq_layer.on { width: 212px; height: auto; }
* html, * html body { _background-attachment: fixed; }
* html #online_qq_layer { _bottom: auto; _top: expression(eval(document.documentElement.scrollTop + 150)); }
#online_qq_tab { float: left; margin-top: 10px; }
#onlineService { float: left; margin-top: 0; }
#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 { display: none; }
#onlineType1 { display: block; }

/*footer*/
footer { width: 100%; height: auto; /*! background: #3b3a3a; */ font-size: 14px; color: #555; padding: 30px 0; line-height: 28px; background: #fff; }
footer a:hover { text-decoration: underline; }
.bottom { line-height: 40px; font-size: 12px;  color: #777;background: #fff;  }

/* gotop */
.gotop { display: none; z-index: 4; position: fixed; width: 40px; height: 40px; bottom: 0; right: 0; background: #008de4; opacity: 1; filter: opacity(100); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; cursor: pointer; }
.gotop:hover { opacity: .8; filter: opacity(80); }
.gotop:before { position: absolute; top: 13px; left: 5px; content: ''; width: 0; height: 0; border-bottom: 15px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent; }
.gotop:after { position: absolute; top: 19px; left: 10px; content: ''; width: 0; height: 0; border-bottom: 10px solid #008de4; border-left: 10px solid transparent; border-right: 10px solid transparent; }