﻿@charset "utf-8";
/** 清除内外边距 **/ 
* { margin: 0; padding: 0; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; }
/** 设置默认字体 **/ 
body, button, input, select, textarea { font: 12px/1.5 'microsoft yahei', '宋体', tahoma, Srial, helvetica, sans-serif; color:#333; }
body { background-color: #f2f2f2; }
form { display:block; }
em { font-style:normal; }
/** 重置列表元素 **/ 
ul, ol, li { list-style: none; }
/** 重置超链接元素 **/ 
a { text-decoration: none; color:#333; }
a:hover { text-decoration:none; color:#09f; }
/** 重置图片元素 **/ 
img { border:0px; }
/** 重置表格元素 **/ 
table { border-collapse: collapse; border-spacing: 0; }
.al { float:left; }
.ar { float:right; text-align:right; }
.ac { text-align:center; }
.fl { float:left!important;}
.fr { float:right!important;}
.clear, .cb { clear:both; text-indent:-9999px; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; font-weight: normal; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; }
/* Hides from IE-mac \*/
* html .clf { height: 1%; }
.clf,.clearfix { display: block; }
.clf:after,.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* End hide from IE-mac */
.w { width:1200px; margin:0 auto; }
.w1 { width:98%; margin:0 auto; }
.mb20 { margin-bottom:20px; }
.mt20 { margin-top:20px; }
.hide { display: none; }
.red { color:#f00!important; }
.rel { position:relative; }
.orange01 {
    color: #f65d58!important;;   
}
.fontbold{ font-weight: bold!important;;}
.blue01 {
    color: #0084ff!important;
}
.black01 {
    color: #555!important;
}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.ml20 {margin-left:20px!important;
}
.bgfff{background-color:#fff!important;}
.block{ display:block!important;}
.tc{ text-align:center!important;}
.tr{ text-align:right!important;}
/*top*/
.top { background-color:#f4f4f4; height: 36px; color: #888; font-size: 12px; line-height: 36px; }
.top a{color: #888;}
.top .fl a{margin-right:10px;}
.icon {
    background: url(../images/icon.png) no-repeat;
}
/*top-menu*/
.top .t-menu{font-size:12px; position:relative;}
.top .t-menu .right_text{position:relative;}
.top .t-menu .right_text ul li{ float:left;vertical-align:middle; padding:0 12px;}
.top .t-menu .right_text ul li.line{ width:1px; height:14px; background:#ddd; display:block; margin:11px 0 0 0;padding:0;}
.top .t-menu .right_text ul li a{ text-decoration:none;}
.top .t-menu .right_text .user a{color:#0084ff;margin-right:10px;}
.top .t-menu .right_text .user a:hover{color:#FB7600;text-decoration: none;}
.top .t-menu .right_text li.webnav{ position:relative; padding:0 15px;}
.top .t-menu .right_text li.webnav i{ line-height:40px; display:block; vertical-align:middle; float:right;margin-left:5px;}
.top .t-menu .right_text li.webnav:hover{ cursor:pointer;}
.top .t-menu .right_text li.webnav .jq_hidebox{display:none;position:absolute;width:auto;right:0; text-align:center;top:30px; padding:5px;box-shadow:0 1px 2px #ccc;background:#fff;z-index:9999;}
.top .t-menu .right_text li.webnav:hover .jq_hidebox{display:block}
.top .t-menu .right_text li.webnav .jq_hidebox img{ display:block;}
/*header*/
header { height: 90px; background: #fff; position: relative; z-index: 3; }
header a.logo { float: left; width: auto; height: 82px;margin-top:4px; }
header a.logo img { display: inline-block; vertical-align: middle; height: 100%; }
header .kouhao { height:21px; line-height:21px; display:inline-block; margin-top:35px; color:#999; font-size:13px; margin-left:20px; }
header .headr { float: right; width: auto; height: 40px; margin-top: 25px; }
header .headr .olink { height: 58px; line-height: 58px; color: #666; font-size: 14px; text-align: right; }
header .headr .olink a { margin-left: 24px; }
/* nav */
nav { height: 100%; }
nav .myicon.myicon-arrow { width: 14px; height: 40px; background-position: -118px 0; }
nav li:hover .myicon.myicon-arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
nav li { position: relative; float: left; height: 100%; width: 96px; }
nav li a { position: relative; width: 100%; height: 100%; display: block; line-height: 40px; color: #666; font-size: 16px; background: transparent; text-align: center; }
nav li.on a { color: #0084ff; }
nav li:hover a { color: #0084ff; }
nav li a i{margin-top:-5px;}
nav li ul { display: none; position: absolute; top: 40px; left: 50%; margin-left: -70px; width: 140px; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); background: rgba(0, 0, 0, 0.7); }
nav li li { float: none; width: 100%; margin: 0;}
nav li:hover li a, nav li li a { display: block; width: 100%; height: 37px; position: relative; z-index: 2; color: #fff; background: transparent; line-height: 36px; font-size: 14px; text-align: center; }
nav li li:hover { background: #0084ff; }
nav li:hover ul { display: block; }
/*--------------------footer-------------------------*/
.footer { background:#fff; width:100%; padding:20px 0 ; color:#333; }

.ft_pic { display:block; width:100px; margin-right:30px; margin-top:-10px}
.ft_pic img{display:block}
.ft_pic  span{display:block; text-align:center}
.footer_weixin{margin-right:100px;}
.footer_l_nav a { float:left; color:#999; font-size:13px; }
.footer_l_nav a:hover { color:#0084ff; }
.footer_l_nav span { float:left; font-size:14px; margin:0 15px;color:#ddd; }
.footer_l p { color:#999; line-height:25px; font-size:13px; }
.footer_l p a { color:#999; }
.footer_l p a:hover { color:#0084ff; text-decoration:underline;}
.footer .links a{margin:0 5px;}
.footer_r_o { float:left; }
.footer_r_o p { text-align:right }
.footer_r_o p.p1 { color:#999; font-size:14px; line-height:20px; background-position:-230px -158px; padding-left:20px; display:inline-block; float:right; }
.footer_r_o p.p2 { color:#0084ff; font-size:22px; line-height:30px;padding:3px 0; font-weight:bold;font-family: Georgia;font-style: italic; }
.footer_r_o p.p3 { color:#999; font-size:12px; line-height:12px; }
.footer_r_o p.p3 a { color:#999; }
.footer_r_o p.p3 a:hover { color:#e70012 }
