html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, blockquote { margin: 0; padding: 0; }

*, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a { text-decoration: none; background-color: transparent; }

a:active, a:hover { outline: 0; }

b, strong { font-weight: bold; }

sub, sup { position: relative; vertical-align: baseline; }

em { font-style: normal; }

img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button, select { text-transform: none; }

button, input { line-height: normal; padding: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { box-sizing: content-box; }

textarea { overflow-y: auto; resize: vertical; }

:focus { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: normal; }

ul, ol { list-style: none outside none; }

html, body { height: 100%; background: #e7f3ff; font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,STXihei,sans-serif; font-size: 24px; }

.body { padding-bottom: 38px; margin: 0 auto; width: 750px; min-height: 2130px; background: #e7f3ff url(../../yibazhan/images/bg.png) top center no-repeat; }

.logo { padding-top: 28px; padding-bottom: 20px; text-align: center; }

.page-title { margin-bottom: 18px; text-align: center; }
.page-title h1 { margin-bottom: 10px; }
.page-title .btn-go { display: inline-block; width: 696px; height: 84px; background: url(../../yibazhan/images/btn_bg.gif); }

.notice { position: relative; margin: 0 auto 37px; padding: 58px 50px 0; width: 688px; height: 520px; background: url(../../yibazhan/images/card_bg2.png); font-size: 30px; }
.notice h2 { margin-bottom: 18px; text-align: center; }
.notice p { text-indent: 2em; line-height: 1.5; }
.notice span, .notice a { color: #f00; }
.notice .btn-service { position: absolute; display: block; left: 66px; bottom: 0; width: 554px; height: 84px; line-height: 84px; text-align: center; font-size: 34px; color: #efea3a; }

.items { *zoom: 1; margin-bottom: 30px; padding: 0 31px; text-align: center; }
.items:before, .items:after { content: " "; display: table; }
.items:after { clear: both; }
.items .item { padding: 29px 18px 5px; width: 330px; height: 336px; background: url(item_../../yibazhan/images/bg.png); color: #fff; }
.items .item.fl { float: left; }
.items .item.fr { float: right; }
.items .item img { margin-bottom: 14px; }
.items .item .tit { font-weight: bold; font-size: 42px; }
.items .item p { padding-top: 8px; padding-bottom: 20px; }
.items .item .btn { display: block; height: 58px; line-height: 58px; border-radius: 29px; background: -webkit-linear-gradient(#fff, #e8e8e8); background: linear-gradient(#fff, #e8e8e8); color: #3d7be8; font-size: 38px; }

.item-card { margin: 0 auto 30px; padding: 0 33px; width: 690px; height: 400px; background: url(../../yibazhan/images/card_bg1.png); }
.item-card .tit { margin-bottom: 20px; line-height: 60px; text-align: center; font-size: 36px; color: #fff; }
.item-card p { padding: 8px 0; border-bottom: 1px dashed #ccc; color: #4573b9; }
.item-card p span { color: #f00; }

.num-card { margin: 0 auto; width: 690px; padding: 30px 20px 20px; background-color: #fff; border-radius: 14px; }
.num-card .number-items { margin-bottom: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; }
.num-card .number-items .item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.num-card .number-items .item .tit { margin-bottom: 10px; font-size: 22px; }
.num-card .number-items .item .number { font-size: 50px; font-family: Arial; color: #4083ed; }
.num-card .slider-items { overflow: hidden; padding: 20px 23px; height: 221px; background: -webkit-linear-gradient(#7ca5f0, #3c7ae9); background: linear-gradient(#7ca5f0, #3c7ae9); border-radius: 10px; }
.num-card .slider-items ul li div { position: relative; padding: 8px 8px 8px 15px; color: #fff; }
.num-card .slider-items ul li div span { color: #efea3a; }
.num-card .slider-items ul li div:before { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; border-radius: 100%; margin-top: -1px; }
