﻿@charset "utf-8";
/* CSS Document */
/** 清除内外边距 **/
* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */
img /* img elements 图片元素 */
{ margin: 0; padding: 0; }
/** 设置默认字体 **/
body, button, input, select, textarea {
    font: 14px/1.5 'microsoft yahei', '宋体', tahoma, Srial, helvetica, sans-serif;
    color: #333;
}
body { background-color: #fff; }
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: #2d358e; }
/** 重置图片元素 **/
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, .r { float: right!important; }
.vm { vertical-align: middle; }
.dib { display: inline-block; }
.f44 { font-size: 44px; }
.f16 { font-size: 16px; }
.lh18 { line-height: 18px; }
.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; }
.rel, .f_pr { position: relative; }
.Fixed { line-height: 40px; background: #fff; }
.Fixed a:hover { background: #324e93; color: #fff; text-decoration: none; }
.pb20 { padding-bottom: 20px; }
.pt20 { padding-top: 20px; }
.pl30 { padding-left: 30px; }
.pct70 { width: 70%; }
.fix, .pp_item {  *zoom: 1;
}
.fix:after, .pp_item:after { display: table; content: ''; clear: both; }
/* End hide from IE-mac */
.w { width: 1200px; margin: 0 auto; }
.w100 { width: 98%; margin: 0 auto; min-width: 1200px; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mb20 { margin-bottom: 20px; }
.mt20 { margin-top: 20px; }
.mr20 { margin-right: 20px; }
.hide { display: none; }
.red { color: #f00 !important; }
.rel { position: relative; }
.cover { display: inline-block; height: 100%; }
.ml20 { margin-left: 20px; }
/*header*/
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    background: #fff;
}
.topBar {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    color: #333;
    font-size: 13px;
    background: #f5f5f5;
}
.topBar a { margin-right: 25px; color: #333; }
    .topBar a:hover {
        color: #e62129;
    }
.topBar a i { color: #333; margin-right: 2px; }
    .topBar a:hover i {
        color: #e62129;
    }
.topBar a.lan-icon { display: inline-block; vertical-align: -5px; width: 68px; height: 19px; background-position: center center; background-repeat: no-repeat; }
.topBar a.lan-icon.f-icon { background-image: url(../images/common/f-icon.png); }
.topBar a.lan-icon.j-icon { background-image: url(../images/common/j-icon.png); }
.topBar a.lan-icon.f-icon:hover { background-image: url(../images/common/f-iconh.png); }
.topBar a.lan-icon.j-icon:hover { background-image: url(../images/common/j-iconh.png); }
.header .logo { display: block; width: 243px; height: 90px; float: left; margin-top: 6px }
.header .navbg {
    background: #2d358e;
}
.header .nav {
    height: 100%;
}
ul.parent li { display: block; float: left; position: relative; height: 50px; line-height: 50px; }
ul.parent li i { color: #fff; }
ul.parent li>a { display: block; font-size: 15px; color: #fff; padding: 0 20px; text-transform:uppercase; }
ul.parent li a>i { font-size: 20px; color: #fff; line-height: 50px; display: inline-block; }
.header ul.parent li:hover a, .header ul.parent li.active a {
    color: #e62129;
}
    .header ul.parent li:hover a > i, .header ul.parent li.active a > i {
        color: #e62129;
    }
#nav ul.nav-menu { opacity: 0; visibility: hidden; position: absolute; left: 50%; margin-left: -103px; width: 166px; padding: 10px 20px 15px; background-color: #fff; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
#nav ul.nav-menu li { position: relative; color: #333; float: none; background: none; height: 34px; line-height: 34px; padding: 0; _width: 100%; _padding: 0; }
#nav ul.nav-menu li .add { top: 0; left: 40px; }
#nav ul.nav-menu li a:link, #nav ul.nav-menu li a:visited, #nav ul.nav-menu li a:hover, #nav ul.nav-menu li a:active { padding: 0 15px 0 15px; display: block; height: 34px; line-height: 34px; text-align: center; margin: 0; color: #787878; font-size: 14px; font-weight: normal; }
#nav ul.nav-menu li a:hover { color: #e62129; }
#nav ul.nav-menu li.nav-menu-tit { text-align: center; color: #2d358e; font-size: 16px; background: url(../images/nav_menu_tlt.png) no-repeat 10px center; height: 34px; line-height: 34px; margin-bottom: 6px; }
    #nav ul.nav-menu li.nav-menu-tit b {
        font-weight: normal;
        display: block;
        text-transform: uppercase;
    }
#nav li.actived ul.nav-menu { display: block; }
#nav ul li:hover .nav-menu { opacity: 1; visibility: visible; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.topbarbg ul.parent li a { color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, .86); -o-text-shadow: 0 1px 0 rgba(255, 255, 255, .86); -ms-text-shadow: 0 1px 0 rgba(255, 255, 255, .86); -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .86); -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .86); }
.header .actions { margin-left: 15px; margin-top: 15px; padding: 0 0 0 25px; position: relative; }
.actions .btn { margin-right: 10px; }
.btn-hollow { color: #FFF; background-color: transparent; border-color: #FFF; }
.btn-hollow:hover { color: #FFF; background-color: #aed828; border-color: #aed828; }
.btn-primary { color: #fff; background-color: #0078d6; border-color: #0078d6; }
.btn-primary:hover { color: #fff; background-color: #09f; border-color: #09f; }
.header .telphone { line-height: 96px; height: 96px; padding: 0px 0px 0px 49px; background: url(../images/telphonepc.png) no-repeat 16px center; }
    .header .telphone p {
        margin: 0;
        padding: 0;
        font-size: 28px;
        font-family: Impact;
        line-height: 14px;
        line-height: 96px;
        height: 96px;
        color: #e62129;
    }
.header .telphone span { display: block; font-size: 15px; padding: 0; color: #fff; line-height: 15px; margin: 3px 0 0; }
/*footer*/
/*底部开始*/
.f_bg { background: #333; margin-top: 15px; }
.f_con { padding-bottom: 20px; font-size: 13px; }
.f_img { float: left; padding: 38px 30px 0 0; }
.f_img img { margin-right: 20px; }
.f_p { color: #dfdfdf; line-height: 25px; padding: 25px 0 0; width:380px; }
.f_p p a { color: #dfdfdf; }
    .f_p i {
        color: #fff;
    }
    .f_p b{color:#fff;}
    .f_p p span {
        padding: 0 20px;
    }
.f_p p img { padding: 0 0 0 10px; float: none; }
.f_qrcode { padding-top: 38px; text-align: center; }
.f_qrcode img { width: 100px; height: 100px; display: block; border: 3px solid #fff;border-radius:5px; }
.f_qrcode p { color: #fff; line-height: 30px; }
.f_yq { width: 330px; margin: 20px 0 0 30px; overflow: hidden; float: right; border-radius: 5px; padding: 10px 0; }
.yq_top { line-height: 45px; padding: 0 20px; }
.yq_top span { float: right; line-height: 35px; }
.yq_top span a { color: #dfdfdf; font-family: "Microsoft YaHei"; }
.yq_top h3 { margin-bottom: 5px; font-weight: bold; }
.yq_top h3 a { font-size: 14px; color: #fff; font-family: "Microsoft YaHei"; }
.yq_top h3 em { font-size: 14px; color: #666; }
.yq_con { padding: 0 15px; line-height: 30px; }
.yq_con a { padding: 0 10px; display: inline-block; color: #dfdfdf; }
    .yq_con a:hover{
        color:#e62129;
    }
    /*底部结束*/
    .time {
        color: #fff;
        padding-left: 5px;
    }
