/* ============================================
   PHPCMS 仿 zqdb.com.cn 主样式表 - main.css
   放置路径: /statics/css/main.css
   配套图片放在: /statics/images/
   ============================================ */

/* --- 全局重置 --- */
body {
    margin: 0 auto;
    padding: 0;
    background: #FFF;
    font: 16px "Microsoft Yahei", "微软雅黑", Arial, Verdana, sans-serif;
    color: #333333;
}
div, form, img, ul, ol, li, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
li { list-style-type: none; }
img { vertical-align: top; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* --- 布局 --- */
.content { width: 1200px; margin: 0 auto; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.fr { float: right; }

/* --- 宽度 --- */
.w1 { width: 1px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w372 { width: 372px; }
.w496 { width: 496px; }
.w500 { width: 500px; }
.w518 { width: 518px; }
.w618 { width: 618px; }
.w690 { width: 690px; }
.w786 { width: 786px; }
.w1080 { width: 1080px; }
.w1200 { width: 1200px; }

/* --- 高度 --- */
.h10 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 10px; }
.h20 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 20px; }
.h30 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 30px; }
.h40 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 40px; }
.h110 { height: 110px; }
.h120 { height: 120px; }
.h720 { height: 720px; }

/* --- 间距 --- */
.sp1 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 1px; }
.sp10 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 10px; }
.sp20 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 20px; }
.sp30 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 30px; }
.sp36 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 36px; }
.sp40 { font-size: 1px; display: block; clear: both; overflow: hidden; height: 40px; }

/* --- 边距 --- */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.mt32 { margin-top: 32px; }
.mt66 { margin-top: 66px; }
.mt80 { margin-top: 80px; }
.ml18 { margin-left: 18px; }
.ml26 { margin-left: 26px; }
.ml30 { margin-left: 30px; }
.ml32 { margin-left: 32px; }
.ml34 { margin-left: 34px; }
.ml35 { margin-left: 35px; }
.ml39 { margin-left: 39px; }
.ml40 { margin-left: 40px; }
.ml42 { margin-left: 42px; }
.ml50 { margin-left: 50px; }
.ml80 { margin-left: 80px; }
.ml140 { margin-left: 140px; }
.mr32 { margin-right: 32px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

/* --- 链接 --- */
a { color: #3f3f3f; text-decoration: none; }
a:link, a:visited { color: #333333; text-decoration: none; }
a:hover { color: #fa983a; text-decoration: none; }
.cgred { color: #999; }

/* --- 背景 --- */
.hcj_bg1 { background-color: #f4f9ff; height: 100%; width: 100%; }
.hcj_bg2 { background-color: #054691; height: 100%; width: 100%; }

/* --- 颜色 --- */
.cWhite, a.cWhite:link, a.cWhite:visited { color: #fff; }
.cOrange, a.cOrange:link, a.cOrange:visited { color: #ff7e00; }
.cRed, a.cRed:link, a.cRed:visited { color: #F00; }
.cBlue_d1, a.cBlue_d1:link, a.cBlue_d1:visited { color: #054691; }
.cGrey, a.cGrey:link, a.cGrey:visited { color: #999999; }

/* ============ 搜索框 ============ */
#search_box {
    margin-top: 20px;
    width: 190px;
    height: 30px;
    background: url("../images/search_bg.png");
}
#search_box #go {
    float: right;
    margin: 4px 20px 0 0;
}
.textbox {
    float: left;
    width: 122px;
    height: 30px;
    line-height: 24px;
    color: #333333;
    vertical-align: middle;
    border: 0;
    background-color: transparent;
    outline: 0;
    margin-left: 20px;
    font-size: 14px;
    font-family: "Microsoft Yahei", "微软雅黑", Arial, Verdana, sans-serif;
}

/* ============ 导航 ============ */
.nav {
    font-size: 20px;
    text-align: left;
    line-height: 50px;
    float: left;
    margin-top: 20px;
}
.nav li {
    float: left;
    margin-left: 0;
    margin-right: 26px;
    width: 60px;
    height: 32px;
}
.nav li a {
    float: left;
    color: #333333;
    font-size: 20px;
    width: 100%;
    height: 32px;
    line-height: 29px;
    text-align: center;
}
#active a { border-bottom: 3px solid #fa983a; color: #fa983a; }
.nav li a:hover { color: #fa983a; text-decoration: none; }

/* ============ 按钮 ============ */
.but a {
    display: inline-block;
    border-radius: 30px;
    background-color: #eaeaea;
    border: none;
    color: #000000;
    text-align: center;
    font-size: 16px;
    padding: 4px 10px;
    width: 100%;
    transition: all 0.4s;
    cursor: pointer;
}
.but:hover a { background-color: #fa983a; }

.but_wzy a {
    display: inline-block;
    border-radius: 30px;
    background-color: #ffffff;
    color: #fa983a;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fa983a;
    padding: 3px 10px;
    width: 100%;
    transition: all 0.4s;
    cursor: pointer;
}
.but_wzy:hover a { border: 1px solid #eb3d00; color: #eb3d00; }

/* ============ 头条区域 ============ */
.addBox { width: 1200px; margin: auto; }
.addBox img { width: 100%; }
.toutiaoBox { width: 1200px; margin: auto; }
.toutiaoBox h1 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    padding-bottom: 10px;
}
.toutiaoBox h1 a { color: #333333; }
.toutiaoBox p { font-size: 16px; line-height: 35px; margin-bottom: 10px; text-align: center; }

/* ============ 要闻区域大图覆盖文字 ============ */
.chen_02 {
    background: #000;
    width: 518px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.40);
    position: absolute;
}
.chen_02 a { color: #FFF; }
.hcj_bg1 .w518 { position: relative; }
.hcj_bg1 .chen_02 { top: 241px !important; }

/* ============ 头条右侧文字列表 ============ */
.f101 { text-align: left; line-height: 30px; font-size: 14px; color: #333; }
.f101 a { color: #333; font-size: 14px; line-height: 30px; }
.f101 a:hover { color: #fa983a; }
.f101 li { margin-bottom: 40px; }
.f201 a {
    text-align: left;
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}
.f201 a:hover { color: #fa983a; }

/* ============ 4图专题区 ============ */
.top_tj ul { width: 798px; overflow: hidden; }
.top_tj li img { width: 250px; height: 141px; }
.top_tj ul li {
    float: left;
    margin-right: 18px;
    list-style: none;
    margin-bottom: 40px;
    width: 250px;
    height: 180px;
}
.top_tj ul li:nth-of-type(3n) { margin-right: 0; }
.top_tj li p { line-height: 32px; text-align: left; font-size: 18px; }
.top_tj li span { line-height: 24px; text-align: left; font-size: 14px; }

/* ============ 时间轴列表 ============ */
.list-time li {
    padding: 0 0 36px 10px;
    background: none;
    border-left: 1px solid #ddd;
    margin-left: 5px;
    position: relative;
    line-height: 26px;
    font-size: 16px;
}
.list-time li:last-child { padding-bottom: 0; }
.list-time li::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #ff7e00;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -6px;
    top: 7px;
}
.list-time li:hover::before { border-color: #ff7e00; }

/* ============ Tab 切换 ============ */
.dis { display: block; }
.undis { display: none; }
.tb34_ { height: 40px; width: 786px; }
.tbq { width: 786px; margin: 0 auto; border-bottom: 1px solid #dadada; }
.tbq ul { height: 40px; }
.tbq li { float: left; height: 40px; margin-right: 80px; }
.normaltab34 {
    text-align: left;
    vertical-align: middle;
    height: 40px;
    line-height: 30px;
    font-size: 20px;
    color: #505050;
}
.normaltab34 a { color: #505050; }
.normaltab34 a:hover { color: #fa983a; }
.hovertab34 {
    text-align: left;
    vertical-align: middle;
    height: 40px;
    line-height: 30px;
    font-size: 20px;
    color: #fa983a;
}
.hovertab34 a { color: #054690; font-weight: bold; }
.hovertab34 a:hover { color: #fa983a; }

/* ============ 推荐文章列表（首页） ============ */
.xie_middle li { width: 786px; margin-top: 1px; }
.xie_middle li img { width: 250px; height: 140px; }
.xie_middle li { font-size: 18px; line-height: 36px; float: right; }
.xie_middle li span { font-size: 14px; line-height: 18px; margin-top: 10px; margin-right: 10px; float: left; }
.xie_middle p { font-size: 14px; line-height: 18px; margin-top: 14px; float: right; color: #999999; }
.article-list {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e6e8eb;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

/* ============ 列表页文章样式 ============ */
.xie_middle_wzy li { width: 786px; margin-top: 1px; }
.xie_middle_wzy li img { width: 260px; height: 146px; }
.xie_middle_wzy li { font-size: 18px; line-height: 26px; float: right; }
.xie_middle_wzy li p { font-size: 14px; line-height: 22px; margin-top: 10px; float: right; color: #999999; }
.xie_middle_wzy li span { font-size: 14px; line-height: 18px; float: right; margin-top: 10px; margin-right: 10px; float: left; }
.xie_middle_wzytxt { font-size: 14px; line-height: 22px; margin-top: 10px; color: #999999; }
.article-list-wzy {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e6e8eb;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

/* ============ 右侧栏目标题 ============ */
.xie_right01 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 16px 0;
    padding: 0;
    height: auto !important;
    line-height: 40px;
    border-bottom: 1px solid #dadada;
}
.xie_right01 a {
    color: #333333;
    border-bottom: 1px solid #054690;
    padding-bottom: 7px;
}
.xie_right01 a:hover { color: #fa983a; text-decoration: none; }

/* ============ 专题列表 ============ */
.zhuantiList li h2 { font-size: 19px; line-height: 35px; margin-bottom: 5px; font-weight: bold; }
.zhuantiList li p { font-size: 16px; line-height: 25px; }
.zhuantiList li { padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #e6e8eb; }

/* ============ 右侧图文列表(自贸港/免税) ============ */
.hcj_sj ul { width: 372px; overflow: hidden; }
.hcj_sj li { width: 372px; margin: 0 10px 30px 0; float: left; }
.hcj_sj li img { width: 142px; height: 80px; float: left; margin-right: 10px; }
.hcj_sj li h1 { font-size: 18px; line-height: 24px; width: 220px; float: right; text-align: left; }
.hcj_sj li p { font-size: 16px; line-height: 32px; width: 220px; float: right; text-align: left; }

/* ============ 右侧链接列表 ============ */
.hcj_zc { width: 372px; font-size: 16px; float: left; text-align: left; }
.hcj_zc li {
    text-align: left;
    float: left;
    width: 362px;
    line-height: 26px;
    overflow: hidden;
    list-style: none;
    margin-bottom: 26px;
    background: url("../images/ico.png") no-repeat left 11px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.hcj_zc li a { color: #333; }
.hcj_zc li a:hover { color: #ff7e00; }

/* ============ 右侧排行榜列表 ============ */
.hcjph li {
    padding-left: 30px;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 26px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

/* ============ 图文叠加效果 ============ */
.xie_3tuPic { position: relative; overflow: hidden; margin-bottom: 30px; }
.xie_3tuPic a { color: #ffffff; text-decoration: none; }
.xie_3tuTxt2 {
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 24px;
    bottom: 0;
    color: #fff;
    padding: 5px;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

/* ============ 加载更多按钮 ============ */
.btn-list03 p a {
    width: 786px;
    height: 40px;
    float: left;
    display: block;
    line-height: 40px;
    background: #006cbc;
    border-radius: .4rem;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
}
.btn-list03 p a:hover { color: #ffffff; background: #054690; }

/* ============ 内容页样式 ============ */
.x_wz {
    line-height: 34px;
    font-size: 14px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 6px;
    color: #999999;
}
.x_wz a { line-height: 34px; font-size: 14px; padding-bottom: 6px; color: #999999; }
.x_wz a:hover { color: #fa983a; }

.x_wenzhangtxt { line-height: 36px; font-size: 14px; }
.x_wenzhangtxt h1 {
    text-align: left;
    line-height: 50px;
    font-size: 29px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
}
.x_wenzhangtxt p {
    text-align: left;
    line-height: 36px;
    font-size: 18px;
    color: #333333;
    margin: 30px 0;
}
.x_wenzhangtxt img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
}
.x_wenzhangtxt span { text-align: left; line-height: 46px; font-size: 14px; color: #333333; }
.x_wenzhangtxt a { text-align: left; line-height: 46px; font-size: 14px; color: #999; }
.x_wenzhangtxtline {
    list-style: none;
    border-bottom: 1px #cccccc dashed;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* ============ 分页 ============ */
#pages { text-align: center; padding: 10px 0; }
#pages a { display: inline-block; padding: 4px 12px; margin: 0 3px; border: 1px solid #ddd; border-radius: 4px; color: #333; }
#pages a:hover { background: #fa983a; color: #fff; border-color: #fa983a; }
#pages span { display: inline-block; padding: 4px 12px; margin: 0 3px; background: #006cbc; color: #fff; border-radius: 4px; }

/* ============ 底部版权 ============ */
.hcj_link { font-size: 16px; }
.hcj_link li { float: left; width: 100px; overflow: hidden; list-style: none; }
.hcj_link li a { color: #333333; line-height: 40px; text-decoration: none; }
.hcj_link li a:hover { color: #fa983a; }
.hcjbq_txt { float: left; line-height: 40px; }
.hcjbq_e { float: left; width: 508px; }
.hcjbq_e li { float: left; width: 100px; margin-left: 69px; }
.hcjbq_e p { text-align: left; font-size: 16px; line-height: 20px; text-align: center; }
.bor1 { width: 100px; border: 1px solid #d6d6d6; border-radius: 6px; }
.bor1 img { margin: 2px; }