/* ===================================
 * 信息展示页面样式表
 * 版本: 1.0
 * 整理日期: 2023-06-15
 * =================================== */

/* ===== 1. 基础重置样式 ===== */
* { outline: 0; margin: 0; padding: 0; }
img, a img, a:hover img { border: 0; }
i, em { font-style: normal }
ol, ul, dl, li, dt, dd { list-style: none; }
:focus { outline: 0; }
iframe { border: 0; }

/* ===== 2. 链接样式 ===== */
a { color: #131313; text-decoration: none; }
a:hover { color: #277CFF; text-decoration: none; }
a, a:active, .btn, .more { transition: all 300ms ease; appearance: none; }

/* ===== 3. 表单元素 ===== */
input, textarea, button { appearance: none; font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }
/*select:not(.myinput),*/
::-webkit-input-placeholder { color: #999999; }

/* ===== 4. 辅助类 ===== */
.clear { height: 0; font-size: 0; overflow: hidden; clear: both; float: none; }

/* ===== 5. 基础布局 ===== */
html { }
body { color: #131313; background: #f5f6f9; font-size: 14px; font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }
.wrap { min-width: 1200px; padding-top: 121px; }

/* ===== 6. 头部区域样式 ===== */
.header { position: fixed; left: 0; top: 0; right: 0; z-index: 999; box-shadow: 0 4px 8px rgba(0,0,0,0.03); }
.topbox { height: 72px; background: #fff; border-bottom: 1px #E7E7E7 solid; position: relative; }
.header_l { position: absolute; left: 40px; top: 0; }
.header_r { position: absolute; right: 30px; top: 15px; }
.head_logo { float: left; font-size: 26px; font-weight: bold; line-height: 30px; padding-top: 21px; color: #354972; }
.head_logo img { float: left; height: 28px; margin-right: 18px; }

/* ===== 7. 搜索框样式 ===== */
.header_search { float: left; }
.header_search .input { float: left; height: 42px; line-height: 42px; border: none; border-radius: 4px; background: url(../../../images/index/search.png) left center no-repeat #f5f6fa; width: 436px; text-indent: 46px; font-size: 16px; }
.header_search .btn { float: left; margin-left: 11px; width: 126px; height: 42px; line-height: 42px; text-align: center; border: 2px #93beff solid; color: #3889ff; font-size: 18px; border-radius: 4px; background: white; cursor: pointer; }
.header_search .btn:hover { background: #247aff; color: #fff; border: 2px #247aff solid; }
.header_search .btn2 { background-color: #2178ff; background: linear-gradient(to right,#2178ff,#418fff); color: #fff; border: 0; height: 50px; line-height: 50px; cursor: pointer; }
.header_search .btn2:hover { background: linear-gradient(to right,#418fff,#2178ff); color: #fff; border: 0; }
.header_time { float: left; line-height: 42px; color: #919CB0; font-size: 16px; margin-left: 26px; }

/* ===== 8. 位置导航 ===== */
.location_box { height: 34px; line-height: 34px; position: relative; background: #fff; }
.location_box .time { position: absolute; right: 30px; top: 0; font-size: 16px; color: #919CB0; }
.location_box .info { font-size: 16px; color: #919CB0; padding-left: 16px; }
.location_box .info a { color: #46587E; float: left; }
.location_box .info a:hover { color: #277CFF; }
.location_box .info i { float: left; display: inline-block; background: url(../../../images/index/r.png) center center no-repeat; width: 24px; height: 34px; margin: 0 6px; vertical-align: middle; }
.location_box .info .home { background: url(../../../images/index/home.png) center center no-repeat; width: 40px; height: 34px; float: left; }

/* ===== 9. 主体布局 ===== */
.mainer { }
.mainer_hasleft { padding-left: 260px; }
.main_left { position: fixed; left: 12px; top: 121px; bottom: 12px; width: 240px; border-radius: 6px; background: #ffffff; }
.main_right { padding-bottom: 8px; }
.main_right_m { background: #fff; border-radius: 4px; padding: 36px 26px 26px 26px; margin: 0 8px; }

/* ===== 10. 左侧导航 ===== */
.lnav { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 12px; overflow-y: auto; }
.lnav .item { padding: 10px 0; }
.lnav .item .tit { display: block; position: relative; padding: 12px 10px 12px 66px; font-size: 20px; color: #5D6677; border-radius: 4px; line-height: 26px; cursor: pointer; transition: all 300ms ease; }
.lnav .item .tit i { display: block; position: absolute; right: 20px; width: 0; height: 0; top: 50%; margin-top: -3px; border-left: 5px transparent solid; border-right: 5px transparent solid; border-bottom: 6px #d7dbe2 solid; transition: all 300ms ease; transform: scaleY(-1); }
.lnav .item .tit b { position: absolute; right: 14px; top: 50%; width: 34px; height: 24px; line-height: 24px; font-size: 14px; color: #fff; border-radius: 12px; background-image: linear-gradient(#ff5454,#ff7d7d); margin-top: -12px; text-align: center; }
.lnav .item .tit span { position: absolute; left: 20px; top: 50%; width: 30px; height: 30px; margin-top: -15px; background: url(../../../images/purchase/noticeicon.png) no-repeat; background-position: 0 0; }
.lnav .item .tit span.t1 { background-position: 0 0; }
.lnav .item .tit span.t2 { background-position: 0 -30px; }
.lnav .item .tit span.t3 { background-position: 0 -60px; }
.lnav .item .tit span.t4 { background-position: 0 -90px; }
.lnav .item .tit span.t5 { background-position: 0 -120px; }
.lnav .item .tit span.t6 { background-position: 0 -150px; }
.lnav .item .tit span.t7 { background-position: 0 -180px; }
.lnav .item .tit span.t8 { background-position: 0 -210px; }
.lnav .item .tit span.t9 { background-position: 0 -240px; }
.lnav .item .tit span.t10 { background-position: 0 -270px; }

/* ===== 11. 导航激活状态 ===== */
.lnav .item_on .tit { background: #E8F2FF; color: #277CFF; }
.lnav .item_on .tit span.t1 { background-position: -30px 0; }
.lnav .item_on .tit span.t2 { background-position: -30px -30px; }
.lnav .item_on .tit span.t3 { background-position: -30px -60px; }
.lnav .item_on .tit span.t4 { background-position: -30px -90px; }
.lnav .item_on .tit span.t5 { background-position: -30px -120px; }
.lnav .item_on .tit span.t6 { background-position: -30px -150px; }
.lnav .item_on .tit span.t7 { background-position: -30px -180px; }
.lnav .item_on .tit span.t8 { background-position: -30px -210px; }
.lnav .item_on .tit span.t9 { background-position: -30px -240px; }
.lnav .item_on .tit span.t10 { background-position: -30px -270px; }
.lnav .item_on .tit i { border-bottom: 6px #277CFF solid; transform: scaleY(1); }

/* ===== 12. 导航悬停状态 ===== */
.lnav .item:hover .tit { color: #277CFF; }
.lnav .item:hover .tit span.t1 { background-position: -30px 0; }
.lnav .item:hover .tit span.t2 { background-position: -30px -30px; }
.lnav .item:hover .tit span.t3 { background-position: -30px -60px; }
.lnav .item:hover .tit span.t4 { background-position: -30px -90px; }
.lnav .item:hover .tit span.t5 { background-position: -30px -120px; }
.lnav .item:hover .tit span.t6 { background-position: -30px -150px; }
.lnav .item:hover .tit span.t7 { background-position: -30px -180px; }
.lnav .item:hover .tit span.t8 { background-position: -30px -210px; }
.lnav .item:hover .tit span.t9 { background-position: -30px -240px; }
.lnav .item:hover .tit span.t10 { background-position: -30px -270px; }
.lnav .item:hover .tit i { border-bottom: 6px #277CFF solid; }

/* ===== 13. 导航内容区域 ===== */
.lnav .item .con { display: none; padding-top: 10px; }
.lnav .item .con .items { padding: 5px 0; }
.lnav .item .con .t { display: block; position: relative; padding: 10px 10px 10px 66px; font-size: 20px; color: #5D6677; line-height: 24px; border-radius: 4px; cursor: pointer; }
.lnav .item .con .t:before { display: block; content: ''; position: absolute; left: 33px; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #919CB0; margin-top: -2px; }
.lnav .item .con .t i { display: block; position: absolute; right: 20px; width: 0; height: 0; top: 50%; margin-top: -3px; border-left: 5px transparent solid; border-right: 5px transparent solid; border-bottom: 6px #d7dbe2 solid; transition: all 300ms ease; transform: scaleY(-1); }
.lnav .item .con .t:hover { color: #277CFF; }
.lnav .item .con .t:hover:before { background: #277CFF; }
.lnav .item .con .t:hover i { border-bottom: 6px #a9ccff solid; }
.lnav .item .con .items_on .t { color: #277CFF; }
.lnav .item .con .items_on .t:before { background: #277CFF; }
.lnav .item .con .items_on .t i { border-bottom: 6px #a9ccff solid; transform: scaleY(1); }
.lnav .item .con .m { display: none; padding: 5px 0; }
.lnav .item .con .m ul { display: block; }
.lnav .item .con .m ul li { padding: 5px 0; }
.lnav .item .con .m a { display: block; position: relative; padding: 10px 10px 10px 66px; font-size: 16px; color: #919CB0; line-height: 24px; border-radius: 4px; }
.lnav .item .con .m a:hover { color: #277cff; }
.lnav .item .con .m a.on { background-image: linear-gradient(to right,#2279ff,#3d8dff); color: #ffffff; }

/* ===== 14. 信息列表 ===== */
.information_list { margin-bottom: 20px; }
.information_list table { border: 1px #e7e9f0 solid; width: 100%; border-collapse: collapse; }
.information_list table th { border: none; border-bottom: 1px #e7e9f0 solid; background: #f9fbfd; font-size: 21px; color: #354972; padding: 0 40px; height: 66px; }
.information_list table td { border: none; border-bottom: 1px #e7e9f0 solid; font-size: 16px; color: #979CB0; padding: 0 40px; height: 66px; text-align: center; }
.information_list table td a { display: block; height: 66px; line-height: 66px; overflow: hidden; padding-left: 120px; font-size: 21px; position: relative; text-align: left; }
.information_list table td a:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: #F64041; margin-top: -5px; }
.information_list table td a span { display: block; position: absolute; left: 34px; top: 50%; width: 73px; height: 28px; line-height: 28px; border-radius: 3px; text-align: center; background: #e4efff; color: #3380F4; font-size: 16px; margin-top: -14px; }
.information_list table td a.grey { color: #A2A2A2; }
.information_list table td a.grey:before { background: #CCDFFC; }
.information_list table td a.grey:hover { color: #212121; }

/* ===== 15. 信息详情框 ===== */
.information_box { background: #fff; border-radius: 4px; padding: 36px 26px 26px 26px; margin: 0 14px 14px 14px; }
.information_box .title { font-size: 28px; line-height: 44px; font-weight: bold; text-align: center; }
.information_box .info { font-size: 18px; line-height: 54px; color: #979CB0; text-align: center; }
.information_box .contact { background: #f5f6f9; border-radius: 4px; padding: 20px 26px; line-height: 32px; font-size: 18px; }
.information_box .contact p { display: inline-block; padding-left: 36px; margin-right: 40px; }
.information_box .contact p.t1 { background: url(../img/information/vb1.png) left center no-repeat; }
.information_box .contact p.t2 { background: url(../img/information/vb2.png) left center no-repeat; }
.information_box .contact p.t3 { background: url(../img/information/vb3.png) left center no-repeat; }

/* ===== 16. 信息垂直列表 ===== */
.information_vlist { padding: 20px 0; }
.information_vlist table { border: 1px #e7e9f0 solid; width: 100%; border-collapse: collapse; }
.information_vlist table th { border: none; border-bottom: 1px #e7e9f0 solid; background: #f9fbfd; font-size: 18px; line-height: 32px; color: #354972; padding: 30px 20px; text-align: left; }
.information_vlist table td { border: none; border-bottom: 1px #e7e9f0 solid; font-size: 18px; line-height: 30px; color: #878aa2; padding: 18px 20px; text-align: left; }
.information_vlist table th:first-child { padding: 0 30px; }
.information_vlist table td:first-child { padding: 0 30px; }

/* ===== 17. 分页控件 ===== */
.pages { text-align: right; line-height: 48px; font-size: 20px; color: #878AA2; padding: 20px 0; }
.pages span { display: inline-block; vertical-align: top; margin-left: 10px; }
.pages a { display: inline-block; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; text-align: center; margin: 0 5px; vertical-align: top; color: #878AA2; }
.pages a:hover { background: #297EFF; color: #fff; }
.pages a.on { background: #297EFF; color: #fff; }
.pages a.l, .pages a.r { background: url(../img/information/pages.png) no-repeat; }
.pages a.l { background-position: 0 0; }
.pages a.r { background-position: 0 -48px; }
.pages a.l:hover { background-color: #297EFF; background-position: -48px 0; }
.pages a.r:hover { background-color: #297EFF; background-position: -48px -48px; }

/* ===== 18. 表单按钮区域 ===== */
.mform_btnbox { text-align: center; padding: 30px 0; }
.mform_btnbox .btn { display: inline-block; margin: 0 20px; width: 238px; height: 46px; line-height: 46px; text-align: center; border: 2px #93beff solid; color: #3889ff; font-size: 16px; font-weight: bold; border-radius: 4px; background: white; cursor: pointer; }
.mform_btnbox .btn:hover { background: #247aff; color: #fff; border: 2px #247aff solid; }
.mform_btnbox .btn2 { background-color: #2178ff; background: linear-gradient(to right,#2178ff,#418fff); color: #fff; border: 0; height: 50px; line-height: 50px; cursor: pointer; }
.mform_btnbox .btn2:hover { background: linear-gradient(to right,#418fff,#2178ff); color: #fff; border: 0; }
 
/* ===== 19. 中小屏幕适配样式 ===== */
@media (max-width:4000px) { /*1600px*/
    /* ----- 19.1 基础布局调整 ----- */
    .wrap { padding-top: 85px; }
    
    /* ----- 19.2 头部区域调整 ----- */
    .topbox { height: 50px; }
    .header_l { left: 28px; top: 0; }
    .header_r { right: 21px; top: 11px; }
    .head_logo { font-size: 22px; line-height: 21px; padding-top: 14px; }
    .head_logo img { height: 20px; margin-right: 14px; }
    
    /* ----- 19.3 搜索框调整 ----- */
    .header_search .input { height: 30px; line-height: 30px; border-radius: 3px; background-size: 30px auto; width: 300px; text-indent: 32px; font-size: 14px; }
    .header_search .btn { margin-left: 8px; width: 88px; height: 30px; line-height: 28px; border-radius: 3px; font-size: 14px; }
    .header_time { line-height: 30px; font-size: 12px; margin-left: 18px; }
    
    /* ----- 19.4 位置导航调整 ----- */
    .location_box { height: 24px; line-height: 24px; }
    .location_box .time { right: 20px; font-size: 12px; }
    .location_box .info { font-size: 12px; padding-left: 12px; }
    .location_box .info i { background-size: 6px auto; width: 18px; height: 24px; margin: 0 3px; }
    .location_box .info .home { background-size: 12px auto; width: 28px; height: 24px; }
    
    /* ----- 19.5 主体布局调整 ----- */
    .mainer_hasleft { padding-left: 180px; }
    .main_left { left: 8px; top: 84px; bottom: 8px; width: 170px; border-radius: 3px; }
    
    /* ----- 19.6 左侧导航调整 ----- */
    .lnav { padding: 8px; }
    .lnav .item { padding: 7px 0; }
    .lnav .item .tit { padding: 8px 7px 8px 46px; font-size: 15px; border-radius: 3px; line-height: 22px; }
    .lnav .item .tit i { right: 14px; margin-top: -2px; border-left: 3px transparent solid; border-right: 3px transparent solid; border-bottom: 4px #d7dbe2 solid; }
    .lnav .item .tit b { right: 10px; width: 28px; height: 18px; line-height: 18px; font-size: 12px; border-radius: 9px; margin-top: -10px; }
    .lnav .item .tit span { left: 14px; width: 22px; height: 22px; margin-top: -11px; background-size: 44px auto; }
    .lnav .item .tit span.t1 { background-position: 0 0; }
    .lnav .item .tit span.t2 { background-position: 0 -22px; }
    .lnav .item .tit span.t3 { background-position: 0 -44px; }
    .lnav .item .tit span.t4 { background-position: 0 -66px; }
    .lnav .item .tit span.t5 { background-position: 0 -88px; }
    .lnav .item .tit span.t6 { background-position: 0 -110px; }
    .lnav .item .tit span.t7 { background-position: 0 -132px; }
    .lnav .item .tit span.t8 { background-position: 0 -154px; }
    .lnav .item .tit span.t9 { background-position: 0 -176px; }
    .lnav .item .tit span.t10 { background-position: 0 -198px; }
    
    /* ----- 19.7 导航激活状态调整 ----- */
    .lnav .item_on .tit span.t1 { background-position: -22px 0; }
    .lnav .item_on .tit span.t2 { background-position: -22px -22px; }
    .lnav .item_on .tit span.t3 { background-position: -22px -44px; }
    .lnav .item_on .tit span.t4 { background-position: -22px -66px; }
    .lnav .item_on .tit span.t5 { background-position: -22px -88px; }
    .lnav .item_on .tit span.t6 { background-position: -22px -110px; }
    .lnav .item_on .tit span.t7 { background-position: -22px -132px; }
    .lnav .item_on .tit span.t8 { background-position: -22px -154px; }
    .lnav .item_on .tit span.t9 { background-position: -22px -176px; }
    .lnav .item_on .tit span.t10 { background-position: -22px -198px; }
    .lnav .item_on .tit i { border-bottom: 4px #277CFF solid; }
    
    /* ----- 19.8 导航悬停状态调整 ----- */
    .lnav .item:hover .tit span.t1 { background-position: -22px 0; }
    .lnav .item:hover .tit span.t2 { background-position: -22px -22px; }
    .lnav .item:hover .tit span.t3 { background-position: -22px -44px; }
    .lnav .item:hover .tit span.t4 { background-position: -22px -66px; }
    .lnav .item:hover .tit span.t5 { background-position: -22px -88px; }
    .lnav .item:hover .tit span.t6 { background-position: -22px -110px; }
    .lnav .item:hover .tit span.t7 { background-position: -22px -132px; }
    .lnav .item:hover .tit span.t8 { background-position: -22px -154px; }
    .lnav .item:hover .tit span.t9 { background-position: -22px -176px; }
    .lnav .item:hover .tit span.t10 { background-position: -22px -198px; }
    .lnav .item:hover .tit i { border-bottom: 4px #277CFF solid; }
    
    /* ----- 19.9 导航内容区域调整 ----- */
    .lnav .item .con { padding-top: 7px; }
    .lnav .item .con .items { padding: 4px 0; }
    .lnav .item .con .t { padding: 7px 7px 7px 46px; font-size: 15px; line-height: 18px; border-radius: 3px; }
    .lnav .item .con .t:before { left: 23px; }
    .lnav .item .con .t i { right: 14px; margin-top: -2px; border-left: 3px transparent solid; border-right: 3px transparent solid; border-bottom: 4px #d7dbe2 solid; }
    .lnav .item .con .t:hover i { border-bottom: 4px #a9ccff solid; }
    .lnav .item .con .items_on .t i { border-bottom: 4px #a9ccff solid; }
    .lnav .item .con .m { padding: 4px 0; }
    .lnav .item .con .m ul li { padding: 4px 0; }
    .lnav .item .con .m a { padding: 7px 7px 7px 46px; font-size: 13px; line-height: 18px; border-radius: 3px; }
    
    /* ----- 19.10 右侧内容区域调整 ----- */
    .main_right { padding-bottom: 8px; }
    .main_right_m { border-radius: 3px; padding: 25px 20px 20px 20px; margin: 0 8px; }
    
    /* ----- 19.11 信息列表调整 ----- */
    .information_list { margin-bottom: 14px; }
    .information_list table th { font-size: 15px; padding: 0 24px; height: 46px; }
    .information_list table td { font-size: 12px; padding: 0 24px; height: 46px; }
    .information_list table td a { height: 46px; line-height: 46px; padding-left: 105px; font-size: 14px; }
    .information_list table td a:before { width: 6px; height: 6px; margin-top: -3px; }
    .information_list table td a span { left: 22px; width: 73px; height: 20px; line-height: 20px; border-radius: 2px; font-size: 12px; margin-top: -10px; }
    
    /* ----- 19.12 信息详情框调整 ----- */
    .information_box { border-radius: 3px; padding: 25px 20px 20px 20px; margin: 0 10px 140px 10px; }
    .information_box .title { font-size: 20px; line-height: 30px; }
    .information_box .info { font-size: 14px; line-height: 38px; }
    .information_box .contact { border-radius: 3px; padding: 14px 18px; line-height: 24px; font-size: 14px; }
    .information_box .contact p { padding-left: 26px; margin-right: 28px; }
    .information_box .contact p.t1 { background-size: 22px auto; }
    .information_box .contact p.t2 { background-size: 22px auto; }
    .information_box .contact p.t3 { background-size: 22px auto; }
    
    /* ----- 19.13 信息垂直列表调整 ----- */
    .information_vlist { padding: 14px 0; }
    .information_vlist table th { font-size: 14px; line-height: 24px; padding: 20px 14px; text-align: left; }
    .information_vlist table td { font-size: 14px; line-height: 22px; padding: 12px 14px; text-align: left; }
    .information_vlist table th:first-child { padding: 0 20px; }
    .information_vlist table td:first-child { padding: 0 20px; }
    
    /* ----- 19.14 分页控件调整 ----- */
    .pages { line-height: 32px; font-size: 14px; padding: 14px 0; }
    .pages span { margin-left: 7px; }
    .pages a { width: 32px; height: 32px; line-height: 32px; margin: 0 3px; }
    .pages a.l, .pages a.r { background-size: 64px auto; }
    .pages a.l { background-position: 0 0; }
    .pages a.r { background-position: 0 -32px; }
    .pages a.l:hover { background-position: -32px 0; }
    .pages a.r:hover { background-position: -32px -32px; }
    
    /* ----- 19.15 表单按钮区域调整 ----- */
    .mform_btnbox { padding: 24px 0; }
    .mform_btnbox .btn { margin: 0 16px; width: 190px; height: 36px; line-height: 36px; border: 1px #93beff solid; font-size: 14px; }
    .mform_btnbox .btn:hover { border: 1px #247aff solid; }
    .mform_btnbox .btn2 { height: 38px; line-height: 38px; border: 0; }
    .mform_btnbox .btn2:hover { border: 0; }
}

/* ===== 20. 大屏幕适配样式 ===== */
@media (min-width:1600px) {
    .mainer_hasleft { padding-left: 266px; }
    .main_left { width: 258px; }
}

/* ===== 21. 滚动条样式 ===== */
::-webkit-scrollbar-corner { background-color: #ffffff; }
::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 3px; }
::-webkit-scrollbar-track { background: none; }
::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border-radius: 3px; }