@charset "UTF-8";
body { padding: 0; margin: 0; font-family: '微软雅黑', 'Microsoft YaHei', Helvetica, Tahoma, Arial, SimSun, '宋体', Heiti, '黑体', sans-serif; color: #414141; font-size: 14px; background: #f0f0f2; }

* { background-size: cover; background-repeat: no-repeat; }

input { box-shadow: 0; border: 0; }

ul, li, p { margin: 0; padding: 0; list-style: none; }

.float-l { float: left; }

.float-r { float: right; }

/*.main{
    padding: 30px;
}*/
.font4 { color: #888; }

.font20 { font-size: 20px; }

.font60 { font-size: 60px; }

a { text-decoration: none; color: #414141; }

a:hover, a:active, a:visited { color: #333; }

.blank20 { display: inline-block; height: .266rem; width: 100%; background: #f6f6f6; margin-top: -.093rem; }

.width100 { display: inline-block; width: 100%; }

.w48 { min-width: 48px; width: 48px; }

.w58 { min-width: 58px; width: 58px; }

.w60 { min-width: 60px; width: 60px; }

.w70 { min-width: 76px; width: 76px; }

.w72 { min-width: 72px; width: 72px; }

.w80 { min-width: 80px; width: 80px; }

.w84 { min-width: 84px; width: 84px; }

.w88 { min-width: 88px; width: 88px; }

.w96 { min-width: 96px; width: 96px; }

.w108 { min-width: 108px; width: 108px; }

.w114 { min-width: 114px; width: 114px; }

.w116 { min-width: 116px; width: 116px; }

.w118 { min-width: 116px; width: 116px; }

.w120 { min-width: 120px; width: 120px; }

.w132 { min-width: 132px; width: 132px; }

.w144 { width: 144px; min-width: 144px; }

.w148 { width: 148px; min-width: 148px; }

.w168 { min-width: 168px; width: 168px; }

.w180 { min-width: 180px; width: 180px; }

.w192 { width: 192px; min-width: 192px; }

.w216 { min-width: 216px; width: 216px; }

.w218 { min-width: 218px; width: 218px; }

.w238 { min-width: 238px; width: 238px; }

.w240 { min-width: 240px; width: 240px; }

.w300 { width: 300px; }

.mb130 { margin-bottom: 130px; }

.mt5 { margin-top: 5px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt70 { margin-top: 70px; }

.mt80 { margin-top: 80px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.ml0 { margin-left: 0; }

.ml20 { margin-left: 20px; }

.ml60 { margin-left: 60px; }

.ml80 { margin-left: 80px; }

.ml100 { margin-left: 100px; }

.ml105 { margin-left: 105px; }

.mt30 { margin-top: 30px; }

.red, .errorbox { color: red; }

.errorbox { display: inline-block; width: 100%; }

.centerbox { display: block; overflow: hidden; margin: 0 auto; text-align: center; line-height: 30px; color: #fff; }

.popup-box { padding: 20px; }

.popup-box .zhifu-status { margin: 0 auto; width: 136px; height: 136px; background: url(/assets/image/userCenter/zhifu-status.png) no-repeat; }

.footer { position: fixed; bottom: 0; width: 100%; padding: 20px 0; background: #333; z-index: 100; }

.footer li { position: relative; float: left; width: 25%; text-align: center; color: #fff; padding-top: 54px; }

.footer li a { color: #fff; }

.footer li:hover { color: red; }

.footer li .icon-footer { position: absolute; top: 0; left: 50%; width: 40px; height: 40px; margin-left: -20px; background-image: url(/assets/image/nav-icon-normal1.png); background-size: cover; background-position: left; background-repeat: no-repeat; }

.footer li .icon-footer.two { background-image: url(/assets/image/nav-icon-normal2.png); }

.footer li .icon-footer.three { background-image: url(/assets/image/nav-icon-normal3.png); }

.footer li .icon-footer.four { background-image: url(/assets/image/nav-icon-normal4.png); }

.footer li .icon-footer:hover { background-image: url(/assets/image/nav-icon1.png); }

.footer li .icon-footer:hover.two { background-image: url(/assets/image/nav-icon2.png); }

.footer li .icon-footer:hover.three { background-image: url(/assets/image/nav-icon3.png); }

.footer li .icon-footer:hover.four { background-image: url(/assets/image/nav-icon4.png); }

.blue-bg { background: #0554ad; }

.commonbtn { display: inline-block; min-width: 84px; line-height: 60px; border-radius: 20px; padding: 20px; text-align: center; box-sizing: border-box; cursor: pointer; background: linear-gradient(to right, #a80201, #f10100); box-shadow: #a80201 0 10px 10px -6px; color: #fff; }

.commonbtn:hover { opacity: .9; }

.commonbtn.-reg { width: 100%; color: #fff; margin-top: 120px; }

.commonbtn.signup { position: relative; top: 60px; width: 100%; background: #ed9028; color: #fff; }

.commonbtn.recent { width: 112px; margin: 20px 0 0 56px; background: #2577e3; color: #fff; font-size: 18px; }

.commonbtn.recent.over { border: 1px solid #ebebeb; color: #999; background: #f5f5f5; box-sizing: border-box; }

.cqgrain-button { position: relative; float: left; box-sizing: border-box; min-width: 84px; padding: 0 20px; line-height: 28px; font-size: 12px; color: #fff; text-align: center; background-color: #44b4ff; box-sizing: border-box; cursor: pointer; }

.cqgrain-button:hover { background-color: #3da2e5; }

.cqgrain-button.-disabled { background-color: #cdcdcd; cursor: not-allowed; }

.cqgrain-button.-disabled:hover { background-color: #cdcdcd; }

.cqgrain-button.-plain { line-height: 26px; color: #44b4ff; background-color: #fff; border: 1px solid #44b4ff; }

.cqgrain-button.-plain:hover { color: #3da2e5; border-color: #3da2e5; }

.cqgrain-button.-plain.-disabled { color: #aaa; border-color: #cdcdcd; }

.cqgrain-button.-plain.-disabled:hover { color: #aaa; background-color: #fff; }

.common-checkbox { position: absolute; top: 0; left: 0; background: #fff; border: 1px solid #ebebeb; box-shadow: 0; width: 42px; height: 42px; }

input[type=checkbox] { box-sizing: border-box; padding: 0; line-height: normal; }

.sidebar { position: absolute; top: 0; left: 0; bottom: 0; width: 170px; background: rgba(0, 0, 0, 0.3); padding: 0 30px; }

.sidebar ul { display: inline-block; width: 100%; margin: 60px 0 0 0; }

.sidebar ul li { display: block; margin: 10px 0; }

.sidebar ul li.this { padding: 3px 0 3px 10px; background: #0554ad; }

.sidebar ul li a { color: #fff; }

.sidebar ul li.oa, .sidebar ul li.tel { padding: 3px 0 3px 10px; background: #999; color: #fff;}

.sidebar ul li.oa a, .sidebar ul li.tel a { margin-top: 20px; }

.sidebar .index-news { display: inline-block; width: 100%; margin-top: 15px; background: rgba(0, 0, 0, 0.4); padding: 5px 10px 0 10px; line-height: 22px; }

.sidebar .index-news.layui-carousel > [carousel-item] > * { background: none; }

.sidebar .index-news.layui-carousel > [carousel-item]:before { content: ''; }

.sidebar .index-news a { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; }

.index-nav { height: 30px; padding-top: 10px; background: #004e8f; }

.index-nav ul { float: left; width: 100%; }

.index-nav ul li { display: inline-block; margin-right: 45px; }

.index-nav ul li:last-child { margin-right: 0; }

.index-nav ul li a { color: #fff; }

.con-top { position: relative; width: 100%; height: 230px; background: url(/assets/image/top/top-bg.jpg) no-repeat; }

.con-top .title { position: absolute; left: 280px; top: 50px; width: 500px; font-size: 24px; }

.con-top .address { position: absolute; right: 300px; bottom: 60px; font-size: 18px; }

.navbox { float: left; width: 100%; height: 40px; line-height: 40px; background: #5d5f9d; font-size: 14px; color: #fff; }

.navbox .nav-left { float: left; width: 100%; }

.navbox .nav-left li { display: inline-block; margin: 0 10px; color: #fff; }

.navbox .nav-left li:first-child { margin-left: 20px; }

.navbox .nav-left li a { color: #fff; }

.navbox .nav-left li a:hover { text-decoration: underline; }

.navbox .nav-right { float: right; position: relative; width: 180px; height: 40px; border-left: 1px solid #fff; padding-left: 50px; }

.navbox .nav-right .icon-shijian { position: absolute; top: 11px; left: 20px; width: 20px; height: 18px; background: url(/assets/image/img.png) no-repeat 0 0; }

.main { margin: 0 auto; width: 1140px; height: 100%; font-size: 14px; }

.main .main-left { float: left; width: 220px; margin: 20px 20px 0 0; box-sizing: border-box; }

.main .main-left .timebox { position: relative; width: 100%; padding: 20px; margin-bottom: 20px; background: #fff; border: 1px solid #ddd; }

.main .main-left .timebox .time-one, .main .main-left .timebox .time-two, .main .main-left .timebox .time-three { position: relative; height: 43px; padding-left: 50px; margin-bottom: 20px; }

.main .main-left .timebox .time-one .icon, .main .main-left .timebox .time-two .icon, .main .main-left .timebox .time-three .icon { position: absolute; left: 0; top: 3px; width: 24px; height: 24px; background: url("/assets/image/img.png") no-repeat -31px 0; }

.main .main-left .timebox .time-one .title, .main .main-left .timebox .time-two .title, .main .main-left .timebox .time-three .title { color: #5d5f9d; }

.main .main-left .timebox .time-one .datetxt, .main .main-left .timebox .time-two .datetxt, .main .main-left .timebox .time-three .datetxt { color: #333; margin-top: 5px; font-size: 16px; line-height: 22px; }

.main .main-left .timebox .time-two .icon { background-position: -61px 0; }

.main .main-left .timebox .time-three { margin-bottom: 0; }

.main .main-left .timebox .time-three .icon { background-position: -88px 0; }

.main .main-left .timebox .countdown { font-size: 18px; color: #414141; text-align: center; }

.main .main-left .timebox .left-day { width: 36px; padding: 5px; margin: 20px 20px 0 0; background: #94cef2; color: #fff; font-size: 16px; line-height: 18px; text-align: center; }

.main .main-left .timebox .right-day { position: absolute; top: 68px; right: 20px; width: 150px; }

.main .main-left .timebox .right-day .num { font-size: 20px; line-height: 20px; }

.main .main-left .timebox .right-day .unit { margin-top: 5px; font-size: 16px; line-height: 16px; }

.main .main-left .timebox .right-day .unit span { margin-right: 28px; }

.main .main-left .timebox .right-day .unit span:last-child { margin-right: 0; }

.main .main-left .timebox .right-day .unit span:first-child { margin-left: 3px; }

.main .main-right { float: right; width: 715px; }

.main .foot { float: left; width: 100%; padding: 20px 0; text-align: center; line-height: 24px; color: #414141; background: #cac9c9; }

.breadcrumb { box-sizing: border-box; height: 50px; line-height: 50px; border-bottom: 1px solid #d8e6ee; }

.breadcrumb span { padding-left: 20px; font-size: 16px; color: #333; }

.cqgrain-body { position: relative; padding: 20px 20px 20px 20px; }

.cqgrain-body .head-wrap { display: inline-block; line-height: 32px; }

.cqgrain-body .head-wrap .layui-form-label { padding-left: 0; }

.cqgrain-body .btn-wrap { display: inline-block; width: 100%; margin-top: -10px; }

.cqgrain-body.recharge .layui-input-block { margin-left: 60px; }

.recharge-box { margin: 60px auto; width: 740px; padding: 30px; background: #fff; border: 2px solid #3da2e5; }

.foot { float: left; width: 100%; background: #292929; padding: 30px 0; margin-top: 40px; }

.foot .logo { float: left; width: 95px; height: 106px; margin-right: 20px; background: url(/assets/image/img.png) no-repeat -158px -45px; }

.foot .about { float: left; margin: 0 30px; }

.foot .about li { line-height: 24px; color: #bbb; list-style-type: disc; list-style-position: outside; marker-offset: 5px; }

.foot .about li:first-child { color: #fff; list-style: none; margin-bottom: 10px; margin-left: -15px; }

.foot .about:last-child { width: auto; }

.foot .foot-wechart { width: 220px; float: right; }

.foot .foot-wechart img { max-width: 140px; }

footer { float: left; height: 40px; width: 100%; text-align: center; background: #474747; margin-top: -3px; line-height: 40px; color: #bbb; font-size: 14px; }

.commoninput { width: 100%; height: 90px; padding: 10px 0 10px 60px; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box; }

.commoninput.middle { width: 180px; }

.commoninput.small { width: 120px; }

.commoninput.user, .commoninput.psw { background: url("/assets/image/user.png") no-repeat #fff 20px; box-sizing: border-box; }

.commoninput.psw { background: url("/assets/image/psw.png") no-repeat #fff 20px; }

.commoninput.code { width: 60%; }

.pay .layui-form-radio { width: 160px; border: 1px solid #ebebeb; padding: 20px; margin: 10px 20px 10px 0; }

.pay .layui-form-radio:hover { border-color: #e76329; }

.pay .layui-form-radio.layui-form-radioed { border-color: #e76329; }

.pay .layui-form-radio.layui-form-radioed i { color: #e76329; }

.radio { display: inline-block; }

.tr { display: inline-block; width: 100%; margin-top: 20px; }

.input-tips { display: inline-block; width: 400px; margin-left: 10px; color: #888; line-height: 18px; }

/*列表顶部筛选样式*/
.form-wrap { height: 28px; line-height: 28px; padding: 0 20px 12px 0; font-size: 12px; color: #666; }

.form-wrap.ts { /*height: 28px; line-height: 28px; margin: 6px 0;*/ }

.form-wrap .coat-r { height: 28px; width: 180px; }

.layui-upload-list.headpic { width: 120px; /*height: 120px; border: 1px solid #ccc;*/ }

.layui-upload-list.headpic img { width: 120px; height: 120px; }

.recharge-text { font-size: 30px; color: #e76329; }

.layadmin-tips .layui-icon[face] { display: inline-block; font-size: 300px; color: #393D49; }

.layadmin-tips .layui-text { width: 500px; margin: 30px auto; padding-top: 20px; border-top: 5px solid #009688; font-size: 16px; }

.layadmin-tips .layui-text h1 { font-size: 100px; line-height: 100px; color: #009688; }

.layadmin-tips .layui-text h1 .layui-anim { display: inline-block; }

.tips { position: relative; width: 360px; height: 100px; padding: 20px; margin-top: 20px; border: 2px dashed #009688; }

.tips .layui-icon { position: absolute; top: 20px; font-size: 30px; }

.tips .layui-icon.layui-icon-ok-circle { color: #009688; }

.tips .layui-icon.layui-icon-close-fill { color: red; }

.tips .layui-icon.layui-icon-tips { color: #fe7200; }

.tips .tips-text { text-align: left; margin: 3px 0 0 40px; font-size: 18px; }

.cqgrain-table { width: 100%; border-collapse: collapse; border: 1px solid #d8e6ee; box-sizing: border-box; font-size: 12px; /*.ifram-wrap*/ }

.cqgrain-table thead { text-align: left; }

.cqgrain-table thead tr { background: #fff !important; border-top: 0; border-bottom: 1px solid #d8e6ee; }

.cqgrain-table tbody { /*border-bottom: 1px solid #d8e6ee;*/ box-sizing: border-box; }

.cqgrain-table tr { height: 40px; border-bottom: 1px solid #eaf2f5; box-sizing: border-box; }

.cqgrain-table th { padding: 0 10px; height: 40px; color: #8ba3c2; border-left: 1px solid #d8e6ee; }

.cqgrain-table th:first-child { border-left: none; }

.cqgrain-table td { padding: 7px 10px; border-left: 1px solid transparent; color: #666; height: 12px; line-height: normal; }

.cqgrain-table td:first-child { border-left: 0; }

.cqgrain-table.border-none { border: 0; }

.cqgrain-table.-tr-hover tbody tr:hover { background-color: #fffee7 !important; }

.cqgrain-table.-odd-bg tr:nth-child(odd) { background-color: #f3fbff; }

.cqgrain-table.-even-bg tr:nth-child(even) { background-color: #f3fbff; }

.cqgrain-table.-allside-none { border: none; }

.cqgrain-table.varieties-scroll { overflow-x: auto; }

.cqgrain-table .dic-l-right { float: left; color: #888; text-align: right; margin-right: 20px; }

.cqgrain-table .dic-r-right { float: left; color: #414141; }

.cqgrain-table .view-tr { vertical-align: top; }

.cqgrain-table .view-tr:last-child { border-bottom: 0; }

.cqgrain-table .view-tr td { /*border-left: 1px solid #d8e6ee;*/ width: 408px; padding: 11px 20px 10px 20px; }

.cqgrain-table .view-tr .ele-wrap { width: 100%; /*  overflow: hidden; display: flex; display: -webkit-flex; align-items: center;*/ }

.cqgrain-table .view-tr .ele-wrap .txt-r { float: left; }

.cqgrain-table .view-tr .dic-l, .cqgrain-table .index4 .view-tr .dic-l2, .index4 .cqgrain-table .view-tr .dic-l2 { float: left; width: 72px; color: #888; text-align: right; margin-right: 20px; }

.cqgrain-table .view-tr .dic-r { float: left; color: #414141; word-break: break-word; line-height: 18px; margin: 0 0 -4px 0; /* width: 365px;*/ }

.cqgrain-table .view-tr .view { /*float: left;*/ color: #44b4ff; padding-left: 10px; }

.cqgrain-table .view-tr .view:hover { color: #3da2e5; }

.tr-line { display: block; overflow: hidden; width: 100%; margin: 0 10px; height: 1px; border-top: 1px dashed #d8e6ee; }

.attachment-wrap { display: inline-block; }

.attachment-wrap .attachment { display: block; overflow: hidden; margin-top: 4px; line-height: 18px; }

.attachment-wrap .attachment:first-child { margin-top: 0; }

.attachment-wrap .attachment:last-child { margin-bottom: 0; }

.attachment-wrap .attachment .attachment-txt { float: left; word-break: break-all; color: #414141; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.table-scroll { max-width: 810px; overflow: hidden; overflow-x: auto; }

.table-wrap { display: inline-block; border: 1px solid #d8e6ee; border-bottom: 0; box-sizing: border-box; }

.table-nav { border-bottom: 1px solid #d8e6ee; padding: 11px 10px 9px 10px; /*line-height: 50px;*/ height: 50px; background-color: #DBF1FF; box-sizing: border-box; /* a { margin: 11px 0 0 10px; }*/ }

/*.table-nav {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background-color: #DBF1FF;
    border-bottom: 1px solid #d8e6ee;
    box-sizing: border-box;
}*/
.data-tr1 a { color: #44b4ff; margin-right: 5px; }

.data-tr1 a:last-child { margin-right: 0; }

.data-tr1 a:hover { color: #3da2e5; }

.data-tr1 .data-td { color: #414141; }

.data-tr1 .data-td span { margin-right: 10px; }

.data-tr1 .data-td span:last-child { margin-right: 0; }

.data-tr1 .td-view span { margin-right: 10px; color: #414141; }

.data-tr1 .td-view span:last-child { margin-right: 0; }

/*翻页*/
.table-footer, .role-thead { height: 40px; line-height: 40px; padding: 0 10px; background-color: #EFF3F8; }

.table-footer .side-l, .role-thead .side-l { font-size: 12px; color: #8395AB; }

.table-footer { border: 1px solid #d8e6ee; /* border-top: 0;*/ }

.ele-coat { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.index4 .view-tr .dic-l, .index4 .view-tr .dic-l2 { float: left; width: 156px; color: #888; text-align: right; padding: 5px 20px 5px 0; }

.index4 .view-tr .dic-l2 { width: 72px; }

/*
弹出层所用表格*/
.popup-table, .set-body { display: block; max-height: 520px; padding: 0 20px 20px 20px; overflow-x: hidden; overflow-y: auto; }

.popup-table .cqgrain-table, .set-body .cqgrain-table { border: 0; }

.popup-table .sideborder-table, .set-body .sideborder-table { border-right: 1px solid #d8e6ee; border-left: 1px solid #d8e6ee; }

.popup-table .table-footer, .set-body .table-footer { border-top: 1px solid #d8e6ee; }

.ifram-wrap { /*    white-space: nowrap;*/ }

.ifram-wrap .cqgrain-table { box-sizing: border-box; border: 1px solid #d8e6ee; }

.ifram-wrap .cqgrain-table.border-none { border-top: 0; }

.ifram-wrap .cqgrain-table thead tr { border-bottom: 0; }

.cqgrain-table tbody.popup-tbody, .cqgrain-table tbody.popup-tbody-noscroll { text-align: left; border: 0 !important; }

.cqgrain-table tbody.popup-tbody tr:first-child, .cqgrain-table tbody.popup-tbody-noscroll tr:first-child { border-bottom: 1px solid #eaf2f5; }

.cqgrain-table tbody.popup-tbody tr td, .cqgrain-table tbody.popup-tbody-noscroll tr td { text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; }

.cqgrain-table tbody.popup-tbody .popup-tr td, .cqgrain-table tbody.popup-tbody-noscroll .popup-tr td { min-width: 458px; width: 458px; }

.cqgrain-table tbody.popup-tbody .width-l, .cqgrain-table tbody.popup-tbody-noscroll .width-l { width: 58px; min-width: 58px; padding-right: 0; }

.popup-thead { border: 1px solid #d8e6ee; box-sizing: border-box; height: 40px; /* .width-r { min-width: 388px; width: 388px; }*/ }

.popup-thead tr { height: 38px; }

.popup-thead th { height: auto; }

.popup-thead .width-l { width: 48px; }

.popup-thead .width-l a { width: 48px; }

tbody.popup-tbody-noscroll { max-height: 400px; }

tbody.popup-tbody-noscroll tr .width-r { max-width: 360px; }

/*状态颜色*/
.normal { color: #8ba3c2; }

.normal.txt-success { color: #71d189; }

.normal.txt-fail { color: #f56767 !important; }

.normal.txt-warning { color: #ffc600; }

/*暂无数据*/
.no-data { position: absolute; top: 50%; left: 50%; margin: -100px auto 0 -100px; width: 200px; height: 200px; padding-top: 150px; background: url(../image/nodata/no-data.png) no-repeat center; box-sizing: border-box; text-align: center; }

.no-data .nodata-title, .no-data .nodata-title2 { font-size: 14px; font-weight: bold; color: #666; text-align: center; }

.no-data .nodata-title2 { font-weight: normal; line-height: 12px; }

.no-data .nodata-txt { font-size: 12px; color: #666; line-height: 12px; }

/*链接下划线*/
.underline:hover { text-decoration: underline; }

/*新增角色表格*/
.role-table { width: 100%; border-collapse: collapse; border: 1px solid #d8e6ee; box-sizing: border-box; font-size: 12px; }

.role-table .role-thead { text-align: left; border-bottom: 1px solid #d8e6ee; }

.role-table .role-thead tr { background-color: #f3fbff !important; }

.role-table .role-thead tr th { padding: 0 10px; height: 40px; color: #8ba3c2; box-sizing: border-box; border-left: 1px solid #d8e6ee; }

.role-table .role-thead tr th:first-child { border-left: none; }

.role-table tr { border-top: 1px solid #eaf2f5; box-sizing: border-box; }

.role-table td { padding: 5px 10px; line-height: 18px; border-left: 1px solid transparent; }

.role-table td:first-child { border-left: 0; }

/*合同表格样式*/
.contract-table { display: table; }

.contract-table a { color: #50a3f8; }

.contract-table th { padding: 0 10px; line-height: 49px; min-height: 49px; height: 49px; }

.contract-table th:last-child { border-left: 1px solid #d8e6ee !important; }

.contract-table td { padding: 0; }

.contract-table.-rest thead { border-bottom: 1px solid #d8e6ee; }

.contract-table.-rest thead tr:hover { background: #eef7ff; }

.contract-table.-rest tr:hover { background: none; }

.contract-table .contract-thead { display: block; overflow: hidden; height: 40px; margin: 16px 0 1px 0; padding: 0 0 0 10px; border-left: 3px solid #50a3f8; box-sizing: border-box; /*line-height: 20px;*/ }

.contract-table .contract-thead .contract-title { float: left; margin: -2px 0 12px 0; padding-right: 50px; font-size: 12px; /*line-height: 12px;*/ }

.contract-table .contract-thead .contract-title:last-child { padding-right: 0; }

.contract-table .contract-thead .contract-title.inline { width: 100%; }

.contract-table .contract-thead .contract-title.blue span, .contract-table .contract-thead .contract-title.blue a { font-weight: bold; color: #50a3f8; }

.contract-table .contract-thead .contract-title .left { color: #888; }

.contract-table .contract-thead .contract-title .right { color: #666; }

.contract-table .contract-tbody { display: block; overflow: hidden; padding: 0 0 12px 0; margin: 16px 0 0 0; box-sizing: border-box; line-height: 20px; }

.contract-table .contract-tbody .tr-line { display: block; overflow: hidden; width: 100%; margin: 0 10px; height: 1px; border-top: 1px dashed #d8e6ee; }

.contract-table .contract-tbody .tr { float: left; width: 20%; padding: 0 10px; margin-top: 15px; border-right: 1px solid transparent; box-sizing: border-box; }

.contract-table .contract-tbody .tr:nth-child(2) { padding-left: 13px; padding-right: 7px; }

.contract-table .contract-tbody .tr .td { display: block; overflow: hidden; width: 100%; margin-bottom: 3px; }

.contract-table .contract-tbody .tr .td a { display: inline-block; }

.contract-table .contract-tbody .tr .td .left { float: left; margin-right: 20px; color: #888; }

.contract-table .contract-tbody .tr .td .right { float: left; color: #666; }

.contract-table .contract-tbody.-sell .tr { width: 16.5%; }

.contract-table .contract-tbody.-sell .tr:last-child { width: auto; }

.contract-table .contract-tbody.-sell .tr:nth-child(2) { padding-left: 13px; padding-right: 7px; }

.condetail-table { border-collapse: collapse; border: 1px solid #d8e6ee; }

.condetail-table thead { background: #EFF3F8; border-bottom: 1px solid #d8e6ee; color: #8ba3c2; }

.condetail-table td, .condetail-table th { padding: 0 10px; line-height: 40px; border-right: 1px solid #d8e6ee; text-align: left; }

.condetail-table td:last-child, .condetail-table th:last-child { border-right: 0; }

.condetail-table tbody tr { border-bottom: 1px solid #d8e6ee; }

.condetail-table tbody tr:last-child { border-bottom: 0; }

.condetail-table tbody .td-box { width: 438px; }

.condetail-table tbody .td-box.-big { width: 823px; }

.condetail-table tbody .blue-bg { text-align: right; padding-right: 20px; background: #EFF3F8; color: #8ba3c2; }

.scrollbox { border: 1px solid #d8e6ee; width: 100%; overflow-y: hidden; overflow-x: auto; }

.detail-table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #d8e6ee; box-sizing: border-box; font-size: 12px; }

.detail-table thead { text-align: left; color: #8ba3c2; border-bottom: 1px solid #d8e6ee; /*background: #EFF3F8;*/ }

.detail-table thead th { border-right: 1px solid #d8e6ee; }

.detail-table thead th:last-child { border-right: 1px solid transparent; }

.detail-table tr { line-height: 40px; }

.detail-table td, .detail-table th { padding: 0 10px; }

.detail-table tbody tr { border-top: 1px solid #eaf2f5; }

.detail-table tbody tr:first-child { border-top: 0; }

.detail-table tbody tr:hover { background-color: #fffee7 !important; }

.detail-table tbody tr:nth-child(odd) { background-color: #f3fbff; }

.detail-table tbody tr td { color: #666; border-right: 1px solid transparent; }

.detail-table tbody tr td a { color: #44b4ff; }

.thead-line { display: block; overflow: hidden; width: 100%; height: 1px; background-color: #d8e6ee; }

.page { display: block; overflow: hidden; background: #fff; padding-top: 5px; margin-bottom: 20px; text-align: center; border: 1px solid #ebebeb; }

.iconfont { font-size: 48px; }

.index-honor .iconfont { display: inline-block; width: 48px; height: 48px; background-size: cover; }

.index-honor .iconfont.icon-honor1 { background-image: url(../image/icon-honor1.png); }

.index-honor .iconfont.icon-honor2 { background-image: url(../image/icon-honor2.png); }

.index-honor .iconfont.icon-honor3 { background-image: url(../image/icon-honor3.png); }

.index-logo { display: inline-block; width: 170px; height: 137px; margin: 30px 0 0 0; background-image: url(../image/index-logo.png); background-position: center;background-repeat: no-repeat; background-size: contain;}

.banner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: transparent; }

.banner.layui-carousel > [carousel-item] > * { background-color: transparent; }

/* Opera */
@keyframes myfirst { 0% { top: 50%;
    opacity: 0; }
  50% { top: 25%;
    opacity: .7; }
  100% { top: 0;
    opacity: 1; } }

@-moz-keyframes myfirst { 0% { top: 50%;
    opacity: 0; }
  50% { top: 25%;
    opacity: .7; }
  100% { top: 0;
    opacity: 1; } }

@-webkit-keyframes myfirst { 0% { top: 50%;
    opacity: 0; }
  50% { top: 25%;
    opacity: .7; }
  100% { top: 0;
    opacity: 1; } }

@-o-keyframes myfirst { 0% { top: 50%;
    opacity: 0; }
  50% { top: 25%;
    opacity: .7; }
  100% { top: 0;
    opacity: 1; } }

.showbox { position: absolute; width: 50%; top: 0; right: 0; bottom: 0; left: 50%; background: rgba(0, 0, 0, 0.3); animation: myfirst linear 1s; -moz-animation: myfirst linear 1s; /* Firefox */ -webkit-animation: myfirst linear 1s; /* Safari and Chrome */ -o-animation: myfirst linear 1s; }

.showbox .title { display: inline-block; margin: 60px 0 0 30px; padding: 0 0 10px 20px; border-left: 3px solid #fff; border-bottom: 1px solid #fff; color: #fff; font-size: 16px; font-weight: bold; }

.showbox .content { display: inline-block; height: 75%; overflow-y: auto; margin: 30px 0 30px 30px; padding-right: 30px; line-height: 30px; color: #fff; }

.showbox .content p { margin-top: 10px; text-indent: 2em; }

.showbox .content .layui-this { background: #fff; }

.honorbox { display: inline-block; height: 78%; overflow-y: auto; margin: 30px 0 30px 30px; padding-right: 30px; line-height: 30px; color: #fff; }

.honorbox a { position: relative; display: inline-block; width: 47%; height: 300px; line-height: 300px; margin: 10px 0 10px 20px; padding: 10px; background: rgba(255, 255, 255, 0.4); box-shadow: 0 0 6px 2px #333; box-sizing: border-box; text-align: center; }

.honorbox a:nth-child(odd) { margin-left: 3px; }

.honorbox a:hover span { display: block; }

.honorbox a span { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: none; background: rgba(255, 255, 255, 0.6); color: #333; font-size: 16px; font-weight: bold; }

.honorbox a img { display: inline-block; margin: -5px 0 0 0; max-width: 100%; max-height: 90%; }

.indexpadding { padding-top: 120px; }

.casepopup { display: none; text-align: center; }

.casepopup img { max-width: 70%; margin: 10px 0; }

.casepopup .case-title { margin-top: 20px; font-size: 16px; line-height: 30px; text-align: center; }

.casepopup .case-s-title { margin-top: 20px; padding-bottom: 10px; color: #666; text-align: center; border-bottom: 1px dotted #ccc; }

.casepopup .case-content { text-align: left; font-size: 14px; line-height: 30px; margin: 10px 30px; }

.topfixed { position: fixed; top: 0; left: 0; right: 0; z-index: 100; box-shadow: 0 0 6px 2px #333; }

.top { position: relative; background: #fff; width: 100%; padding: 20px 0; }

.top .logo { display: inline-block; width: 423px; height: 75px; background-image: url(/assets/image/logo.jpg); background-position: left top; }

.top .tel { display: block; width: 100%; margin-bottom: 15px; text-align: right; }

.top .right-tool { display: inline-block; }

.top .right-tool li { display: inline-block; }

.top .right-tool li .input_hover { width: 160px; height: 32px; padding: 0 10px; border-radius: 20px; border: 1px solid #bfbfbf; }

.top .right-tool li .input_hover::placeholder { color: #999; }

.toptitle { float: right; }

.toptitle ul { height: 50px; position: relative; }

.toptitle ul li { display: inline-block; height: 50px; padding: 12px 13px 4px 15px; margin-left: -3px; margin-top: -5px; background: transpan; box-sizing: border-box; text-align: center; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }

.toptitle ul li:hover, .toptitle ul li.this { border-bottom: 3px solid #0f4391; height: 55px; }

.toptitle ul li:hover a, .toptitle ul li.this a { color: #0f4391; }

.toptitle ul li a { color: #333; font-weight: bold; }

.toptitle ul li a strong { font-size: 16px; }

.layui-carousel .company-name { position: absolute; top: 60px; left: 0; bottom: 0; right: 0; text-align: center; font-size: 40px; color: #fff; opacity: .6; z-index: 2; }

.layui-carousel .company-name span { display: inline-block; width: 100%; font-size: 20px; text-transform: uppercase; }

.layui-carousel .ad { background-position: left center; background-size: cover; }

.index-about { display: inline-block; width: 100%; text-align: center; font-size: 14px; padding: 20px 0; margin-bottom: 20px; background: #fff; }

.index-about strong { font-size: 20px; color: #0f4391; }

.index-case-title { width: 540px; margin: 0 auto; border: 0; }

.index-case-title li { border-radius: 20px; vertical-align: middle; font-size: 14px; transition: all .2s; -moz-transition: all .2s; /* Firefox 4 */ -webkit-transition: all .2s; /* Safari 和 Chrome */ -o-transition: all .2s; position: relative; line-height: 40px; min-width: 65px; padding: 0 15px; margin: 0 5px; text-align: center; cursor: pointer; }

.index-case-title li.layui-this { background: #333; color: #fff; }

.index-case-list li { position: relative; display: inline-block; width: 370px; height: 280px; margin: 3px 0 0 3px; overflow: hidden; }

.index-case-list li:nth-child(3n+1) { margin-left: -5px; }

.index-case-list li .hc_pic img { width: 370px; height: 280px; }

.index-case-list li:hover .mask { top: 5px; }

.index-case-list li .mask { position: absolute; top: 285px; left: 5px; bottom: 5px; right: 5px; padding: 30px; border: 5px solid #fff; background: rgba(15, 67, 145, 0.3); color: #fff; text-align: center; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }

.index-case-list li .mask i { display: inline-block; width: 32px; height: 32px; margin-top: 30px; border: 3px solid #fff; border-radius: 50%; font-style: normal; font-size: 24px; }

.index-honor { display: inline-block; width: 100%; padding-bottom: 30px; background-image: url(../image/honor.png); background-size: cover; }

.index-honor .title { margin: 30px auto; font-size: 14px; text-align: center; }

.index-honor .title strong { font-size: 20px; color: #0f4391; }

.index-honor .hc_lj_lb li { float: right; width: 50%; margin-top: 30px; margin-left: 20px; text-align: center; vertical-align: middle; }

.index-honor .hc_lj_lb li:first-child { margin-left: 0; }

.index-honor .hc_lj_lb li a { display: inline-block; width: 100%; height: 240px; padding: 30px; font-size: 18px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }

.index-honor .hc_lj_lb li a h4 { display: inline-block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #0f4391; text-align: left; }

.index-honor .hc_lj_lb li a h4 p { display: inline-block; font-size: 18px; font-weight: bold; color: #0f4391; }

.index-honor .hc_lj_lb li a h5 { font-size: 16px; line-height: 36px; text-align: left; }

.half-box { position: relative; width: 50%; height: 360px; margin-top: -20px; }

.half-box.blue { background: #0f4391; }

.half-box .relativebox { position: absolute; right: -570px; z-index: 10; }

.half-box .relativebox .leftbox, .half-box .relativebox .rightbox { display: inline-block; width: 385px; color: #fff; line-height: 30px; font-size: 14px; vertical-align: top; text-align: right; padding-right: 20px; box-sizing: border-box; }

.half-box .relativebox .leftbox .title, .half-box .relativebox .rightbox .title { margin-top: 30px; font-size: 20px; border-bottom: 2px solid #fff; }

.half-box .relativebox .centerbox { position: relative; display: inline-block; width: 360px; height: 360px; background: url("/assets/image/ad3.jpg") -1200px -80px; }

.half-box .relativebox .centerbox .title { margin: 30px 20px 0 20px; font-size: 20px; border-bottom: 2px solid #fff; }

.half-box .relativebox .rightbox { text-align: left; color: #0f4391; padding-right: 0; padding-left: 20px; }

.half-box .relativebox .rightbox .title { border-bottom: 2px solid #0f4391; }

.index-process { display: inline-block; width: 100%; background: #fff; padding: 20px 0; }

.index-process .index-process-box { display: inline-block; width: 120px; height: 100px; border: 1px solid #0f4391; cursor: pointer; color: #fff; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; margin-left: 70px; padding-top: 20px; text-align: center; vertical-align: top; /*&:nth-child(even){ background: #0f4391; }*/ }

.index-process .index-process-box:first-child { margin-left: 0; }

.index-process .index-process-box:hover { background: #0f4391; border-radius: 50%; }

.index-process .index-process-box:hover i, .index-process .index-process-box:hover span { color: #fff; }

.index-process .index-process-box i { color: #0f4391; }

.index-process .index-process-box span { display: inline-block; width: 100%; text-align: center; color: #0f4391; margin-top: 10px; }

.news-box { display: inline-block; box-sizing: border-box; border-bottom: 1px dotted #fff; padding: 35px 0; transition: padding-left 0.6s; -moz-transition: padding-left 0.6s; -webkit-transition: padding-left 0.6s; -o-transition: padding-left 0.6s; margin-left: 30px; }

.news-box:hover { padding-left: 30px; cursor: pointer; }

.news-box:hover .news-arrow { background: url(../image/arrow.jpg) no-repeat 0 -40px; }

.news-box .news-list-img { margin-right: 25px; }

.news-box .news-list-img img { width: 250px; height: 150px; }

.news-box .news-list-text { width: 368px; }

.news-box .news-list-text h3 { display: inline-block; }

.news-box .news-list-text h3 a { color: #fff; }

.news-box .news-list-text .news-abstract { display: inline-block; overflow: hidden; height: 80px; margin-top: 15px; line-height: 28px; color: #ccc; }

.news-box .news-date { margin-left: 20px; font-size: 18px; font-family: HelveticaNeueLTPro-ThEx; color: #ccc; }

.news-box .news-arrow { width: 40px; height: 40px; margin-top: 60px; background: url(../image/arrow.jpg) no-repeat 0 0; transition: background 0.6s; -moz-transition: background 0.6s; -webkit-transition: background 0.6s; -o-transition: background 0.6s; }