@charset "UTF-8";
.sc-appeal-account { background: url("../images/sc.png") no-repeat -88px 0px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-appeal-name { background: url("../images/sc.png") no-repeat -264px 0px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-appeal-phone { background: url("../images/sc.png") no-repeat -176px 0px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-appeal-select { background: url("../images/sc.png") no-repeat 0px -102px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-consult-fake { background: url("../images/sc.png") no-repeat -88px -102px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-consult-phone { background: url("../images/sc.png") no-repeat -176px -102px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-consult-suggest { background: url("../images/sc.png") no-repeat 0px 0px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-consult-webpage { background: url("../images/sc.png") no-repeat -264px -102px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-fake-service { background: url("../images/sc.png") no-repeat 0px -204px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-mail { background: url("../images/sc.png") no-repeat -88px -204px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-qq { background: url("../images/sc.png") no-repeat -176px -204px; background-size: 350px 304px; width: 86px; height: 100px; }

.sc-url { background: url("../images/sc.png") no-repeat -264px -204px; background-size: 350px 304px; width: 86px; height: 100px; }

.kf-top { width: 1200px; height: 120px; margin: 0 auto; overflow: hidden; }

.kf-top .kft-left { margin: 10px 0; }

.kf-top .kft-left a { display: inline-block; width: 227px; height: 100px; float: left; position: relative; }

.kf-top .kft-left a img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.kf-top .kft-left > span { display: inline-block; margin: 0 10px; border-left: 1px solid #ededed; height: 55px; float: left; margin-top: 22.5px; }

.kf-top .kft-left > div { float: left; margin-top: 40px; }

.kf-top .kft-left > div h2 { color: #333333; font-size: 24px; font-weight: bold; height: 28px; line-height: 28px; }

.kf-top .kft-left > div span { display: inline-block; margin-top: 4px; color: #999999; font-size: 14px; height: 18px; line-height: 18px; }

.kf-top .kft-right { margin-top: 51px; }

.kf-top .kft-right ul li { float: left; margin-left: 32px; }

.kf-top .kft-right ul li p { font-size: 16px; line-height: 18px; }

.kf-top .kft-right ul li p:hover { color: #1c98d8; font-weight: bold; }

.kf-top .kft-right ul .kft-active p { color: #1c98d8 !important; font-weight: bold; }

.layui-layer-hui { background-color: #000000 !important; filter: Alpha(opacity=100) !important; /* 只支持IE6、7、8、9 */ border-radius: 10px !important; }

.layui-layer-hui .layui-layer-content { padding: 18px 60px !important; }

.content-title { width: 100%; height: 178px; filter: alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#56bc5c,endcolorstr=#0e56a6,gradientType=1); background-image: linear-gradient(to right, #56bc5c, #0e56a6); }

.w1200 { width: 1200px; margin: 0 auto; margin-top: -178px; position: relative; z-index: 1; min-height: calc(100% - 570px); }

.w1200 > .titlecontent { height: 120px; padding-top: 33px; box-sizing: border-box; }

.w1200 > .titlecontent > .title { font-size: 28px; color: #fff; font-weight: bold; line-height: 30px; }

.w1200 > .titlecontent > .letterp { font-size: 16px; margin-top: 6px; line-height: 16px; color: rgba(255, 255, 255, 0.3); }

.w1200 > .content { width: 100%; height: 401px; box-sizing: border-box; margin-bottom: 60px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 5px; overflow: hidden; }

.w1200 > .content > .items { height: 100%; text-align: center; width: 100%; overflow: hidden; }

.w1200 > .content > .items > .list-item { width: 25%; height: 100%; box-sizing: border-box; float: left; border-left: 1px solid #EDEDED; position: relative; text-align: center; }

.w1200 > .content > .items > .list-item:first-child { border-left: 0; }

.w1200 > .content > .items > .list-item > .numberlist { position: absolute; top: 2px; left: 7px; font-size: 72px; color: #fafafa; font-weight: bold; height: 72px; line-height: 72px; }

.w1200 > .content > .items > .list-item .icons { margin: 64px auto 14px; width: 86px; height: 100px; }

.w1200 > .content > .items > .list-item > .describes > p { line-height: 21px; font-size: 14px; color: #999; }

.w1200 > .content > .items > .list-item > .describes > p:first-child { font-size: 18px; color: #333; line-height: 22px; margin-bottom: 11px; }

.w1200 > .content > .items > .list-item > .bottom-btn { width: 120px; height: 40px; font-size: 14px; background-color: #38b03f; color: #fff; display: block; margin: 55px auto 0; line-height: 40px; border-radius: 2px; }

.w1200 > .content > .items > .list-item > .bottom-btn:hover { background-color: #56bc5c; }

.w1200 > .content > .items > .list-item > .bottom-p { color: #38b03f; font-size: 24px; line-height: 28px; font-weight: bold; }
