@charset "UTF-8";
html { font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑 Light", "微软雅黑", "宋体", Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #333333; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #0099ff; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, nav, section, source, video, time { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #333333; background: #fff; font: 8px; overflow-x: hidden; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

header ul, .hd-center, footer .ft1, .section11 .con, .section13 ul, .section15 ul, .section22 .con, .section23 ul, .section24 ul, .section25 ul, .section13-2 ul, .section31 ul, .section33 ul, .section43 ul, .section53 ul, .section73 ul, .section63 ul, .section52 ul, .section61 ul, .section62 ul, .page8, .page8-right .s87 .con, .cf { *zoom: 1; }
header ul:before, .hd-center:before, footer .ft1:before, .section11 .con:before, .section13 ul:before, .section15 ul:before, .section22 .con:before, .section23 ul:before, .section24 ul:before, .section25 ul:before, .section13-2 ul:before, .section31 ul:before, .section33 ul:before, .section43 ul:before, .section53 ul:before, .section73 ul:before, .section63 ul:before, .section52 ul:before, .section61 ul:before, .section62 ul:before, .page8:before, .page8-right .s87 .con:before, header ul:after, .hd-center:after, footer .ft1:after, .section11 .con:after, .section13 ul:after, .section15 ul:after, .section22 .con:after, .section23 ul:after, .section24 ul:after, .section25 ul:after, .section13-2 ul:after, .section31 ul:after, .section33 ul:after, .section43 ul:after, .section53 ul:after, .section73 ul:after, .section63 ul:after, .section52 ul:after, .section61 ul:after, .section62 ul:after, .page8:after, .page8-right .s87 .con:after, .cf:before, .cf:after { content: ""; display: table; }
header ul:after, .hd-center:after, footer .ft1:after, .section11 .con:after, .section13 ul:after, .section15 ul:after, .section22 .con:after, .section23 ul:after, .section24 ul:after, .section25 ul:after, .section13-2 ul:after, .section31 ul:after, .section33 ul:after, .section43 ul:after, .section53 ul:after, .section73 ul:after, .section63 ul:after, .section52 ul:after, .section61 ul:after, .section62 ul:after, .page8:after, .page8-right .s87 .con:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

.h50 { width: 100%; height: 0.98rem; }

.content, header, .hd-center, footer .ft1, .section11, .section22, .section24, .section31, .section41, .section51, .section71, .section61, .crumb, .page8 { width: 1200px; margin-left: auto; margin-right: auto; }

.section11 .btn { height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; border: #0099ff 1px solid; background-color: #0099ff; text-align: center; color: #fff; }

input[type=text], input[type=password] { border: #e0e1e3 1px solid; height: 30px; border-radius: 5px; padding: 0 5px; }

textarea { height: auto; min-height: 120px; border: #e0e1e3 1px solid; border-radius: 5px; padding: 5px; }

.prv-nxt { padding-top: 20px; padding-bottom: 20px; }
.prv-nxt .left { float: left; }
.prv-nxt .right { float: right; }
.prv-nxt a { padding: 0 10px; height: 27px; border: #e0e1e3 1px solid; text-align: center; line-height: 27px; font-size: 12px; display: inline-block; margin-right: 5px; }
.prv-nxt a:hover, .prv-nxt .active { background-color: #0099ff; color: #fff; border-color: #0099ff; }
.prv-nxt .right { font-size: 12px; }

.banner { width: 1920px; height: 493px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: 5px; z-index: 1; opacity: 0; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd li { float: left; margin-right: 6px; width: 8px; height: 8px; border-radius: 5px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.banner .hd li.on { background: #0099ff; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 1920px; height: 493px; display: block; }

.h493 { width: 100%; height: 493px; }

header { position: absolute; left: 50%; top: 0; margin-left: -600px; z-index: 999; color: #fff; height: 90px; padding: 1px; }
header .logo { float: left; margin-top: 27px; margin-left: 15px; margin-right: 60px; }
header nav { float: left; }
header ul { width: 100%; }
header li { float: left; margin-top: 50px; margin-right: 30px; font-size: 16px; }
header a { color: #fff; }
header a:hover { opacity: .8; color: #fff; }

.header { width: 100%; height: 165px; }

.hd-top { height: 40px; line-height: 40px; background-color: #f9f9f9; font-size: 12px; color: #9d9d9d; }
.hd-top a { color: #9d9d9d; margin: 0 10px; }
.hd-top a:hover { color: #0099ff; }
.hd-top a:first-child { margin-left: 0; }
.hd-top span { float: right; }

.hd-center { height: 86px; position: relative; padding: 1px; overflow: hidden; }
.hd-center .logo { float: left; margin-top: 10px; }
.hd-center .search { position: absolute; right: 0; top: 50%; margin-top: -20px; width: 258px; }
.hd-center input[type=text] { width: 258px; height: 37px; border-radius: 3px; border: #e0e1e3 1px solid; padding: 0 40px 0 10px; display: block; outline: none; font-size: 12px; }
.hd-center input[type=submit] { width: 37px; height: 37px; border: none; background: url("../images/search2.png") center center no-repeat; position: absolute; right: 0; top: 0; overflow: hidden; }

.hd-nav { width: 100%; border-bottom: #0099ff 1px solid; font-size: 16px; height: 39px; }
.hd-nav a { margin: 0 20px; color: #3e3a39; font-size: 16px; line-height: 39px; }
.hd-nav a:hover { color: #0099ff; }
.hd-nav .all { width: 240px; text-align: center; padding-left: 30px; color: #0099ff; border: #0099ff 1px solid; display: block; float: left; height: 39px; background: url("../images/menu.png") 60px center no-repeat; line-height: 35px; margin-left: 0; }

footer { width: 100%; }
footer .ft1 { height: 240px; padding-top: 50px; }
footer .item { width: 180px; float: left; padding-left: 40px; }
footer .item h3 { font-size: 16px; line-height: 32px; font-weight: bold; color: #000; }
footer .item li { line-height: 24px; font-size: 14px; padding-left: 5px; }
footer .item a { color: #7c7c7c; }
footer .item a:hover { color: #0099ff; }
footer .code { float: left; padding-left: 20px; }
footer .code p { font-size: 14px; color: #7c7c7c; width: 100%; text-align: center; }
footer .code img { width: 117px; height: 117px; display: block; margin: 0 auto; }
footer .contact { float: right; width: 280px; margin-right: 10px; color: #7b7b7b; }
footer .contact li { width: 100%; padding-left: 74px; position: relative; margin-bottom: 15px; }
footer .contact .icon { position: absolute; left: 20px; top: 0; }
footer .contact h3 { font-size: 16px; }
footer .contact p { font-size: 14px; }
footer .ft2 { width: 100%; border-top: #e0e1e3 1px solid; height: 95px; padding: 20px 0 10px 0; line-height: 32px; }
footer .ft2 p { width: 100%; text-align: center; font-size: 12px; color: #858585; }
footer .ft2 a { color: #858585; margin: 0 5px; }
footer .ft2 a:hover { color: #0099ff; }
footer .ft2 .p2 a { margin: 0 2px; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
/* 01-专题-首页 */
.section11 { padding: 50px 0 10px 0; }
.section11 h2 { font-size: 34px; width: 100%; text-align: center; }
.section11 > p { width: 100%; text-align: center; font-size: 14px; line-height: 26px; margin-top: 10px; }
.section11 .con { width: 100%; padding: 0 10px; margin-top: 50px; }
.section11 .item { float: left; width: 360px; height: 400px; margin-right: 50px; border: #e0e1e3 1px solid; position: relative; padding: 202px 40px 0 40px; }
.section11 .item:last-child { float: right; margin-right: 0; }
.section11 .item p { width: 100%; text-align: justify; font-size: 16px; line-height: 24px; }
.section11 .img { width: 360px; height: 202px; position: absolute; left: -1px; top: -1px; display: block; overflow: hidden; }
.section11 .btn { position: absolute; width: 110px; height: 29px; line-height: 27px; text-align: center; display: block; font-size: 14px; background-color: transparent; color: #0099ff; position: absolute; bottom: 20px; left: 50%; margin-left: -55px; }
.section11 .btn:hover { background-color: #0099ff; color: #fff; }
.section11 h3 { width: 100%; text-align: center; font-size: 24px; line-height: 66px; }

.section13 { width: 100%; background-color: #f2f7fa; padding: 50px 0 10px 0; margin-top: 50px; height: 490px; }
.section13 h2 { font-size: 34px; width: 100%; text-align: center; }
.section13 ul { margin-top: 50px; width: 100%; padding: 0 10px; }
.section13 li { width: 360px; height: 146px; border: #b8c5d6 1px solid; float: left; margin-right: 50px; margin-bottom: 25px; padding: 20px; text-align: center; }
.section13 li h3 { width: 100%; font-size: 24px; line-height: 32px; width: 100%; text-align: center; }
.section13 li p { font-size: 14px; line-height: 32px; width: 100%; text-align: center; }
.section13 li img { display: block; margin: 0 auto 10px auto; }
.section13 .fr { float: right; margin-right: 0; }

.section14 { width: 1920px; position: absolute; left: 50%; margin-left: -960px; }
.section14 img { display: block; overflow: hidden; width: 1920px; height: 335px; }

.h335 { width: 100%; height: 335px; }

.section15 { width: 100%; background-color: #f2f7fa; }
.section15 ul { padding: 0 10px; }
.section15 li { float: left; width: 278px; height: 124px; margin-right: 20px; padding-left: 100px; position: relative; padding-top: 24px; }
.section15 li .icon { position: absolute; left: 25px; top: 25px; }
.section15 li:last-child { margin-right: 0; }
.section15 h3 { font-size: 16px; line-height: 30px; color: #000; font-weight: bold; }
.section15 p { font-size: 13px; line-height: 30px; color: #7c7c7c; }

/* 02-ICP许可证 */
.section21 { width: 100%; background-color: #ecf1f5; padding: 30px 0 50px 0; }
.section21 h2 { font-size: 24px; margin-bottom: 20px; }
.section21 p { width: 100%; font-size: 14px; line-height: 26px; }
.section21 .content { padding: 0 30px; }

.section22 { padding: 90px 450px 100px 30px; position: relative; }
.section22 h2 { width: 100%; font-size: 36px; margin-bottom: 50px; }
.section22 .con { width: 100%; margin-bottom: 40px; }
.section22 .con span { width: 160px; height: 40px; line-height: 40px; border-radius: 5px; background-color: #5bc4f1; color: #fff; font-size: 18px; text-align: center; display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
.section22 p { font-size: 14px; line-height: 26px; color: #7b7b7b; }
.section22 .img { position: absolute; right: 40px; top: 110px; }

.section23 { width: 100%; background-color: #5bc4f1; color: #fff; padding: 50px 0; }
.section23 h2 { width: 100%; text-align: center; font-size: 36px; margin-bottom: 50px; }
.section23 ul { width: 100%; }
.section23 li { width: 25%; float: left; border-left: #fff 1px solid; padding: 0 30px; text-align: center; }
.section23 li:first-child { border: none; }
.section23 li img { display: block; margin: 0 auto 20px auto; }
.section23 li h3 { width: 100%; font-size: 18px; text-align: center; margin-bottom: 10px; }
.section23 li p { width: 100%; font-size: 14px; line-height: 26px; text-align: left; }

.section24 { padding: 50px 0; }
.section24 h2 { width: 100%; text-align: center; font-size: 36px; margin-bottom: 50px; }
.section24 ul { width: 100%; }
.section24 li { width: 33.33%; float: left; text-align: center; }
.section24 .num { height: 62px; background: url("../images/line.png") center center no-repeat; width: 100%; text-align: center; font-size: 32px; line-height: 62px; color: #666666; }
.section24 h3 { width: 100%; text-align: center; color: #333333; font-size: 22px; margin: 20px 0; }
.section24 .con { width: 100%; padding: 0 70px; }
.section24 p { font-size: 14px; line-height: 26px; }

.section25 { width: 100%; border-top: #e0e1e3 1px solid; border-bottom: #e0e1e3 1px solid; padding: 50px 0; }
.section25 h2 { width: 100%; text-align: center; font-size: 36px; }
.section25 .content > p { width: 100%; text-align: center; font-size: 14px; line-height: 24px; color: #7b7b7b; margin: 20px 0 50px 0; }
.section25 ul { width: 100%; background: url("../images/bg2.png") center top no-repeat; }
.section25 li { width: 25%; float: left; height: 160px; text-align: center; }
.section25 img { display: block; margin: 0 auto; }
.section25 h3 { width: 100%; margin-top: 10px; line-height: 40px; font-size: 16px; text-align: center; }
.section25 li p { width: 100%; text-align: center; font-size: 14px; color: #7b7b7b; }
.section25 .mb { margin-bottom: 30px; margin-top: -15px; }

.section13-2 { width: 100%; padding: 0px 0 10px 0; margin-top: 50px; height: 490px; }
.section13-2 h2 { font-size: 34px; width: 100%; text-align: center; }
.section13-2 ul { margin-top: 50px; width: 100%; padding: 0 10px; }
.section13-2 li { width: 360px; height: 146px; border: #b8c5d6 1px solid; float: left; margin-right: 50px; margin-bottom: 25px; padding: 20px; text-align: center; }
.section13-2 li h3 { width: 100%; font-size: 24px; line-height: 32px; width: 100%; text-align: center; }
.section13-2 li p { font-size: 14px; line-height: 32px; width: 100%; text-align: center; }
.section13-2 li img { display: block; margin: 0 auto 10px auto; }
.section13-2 .fr { float: right; margin-right: 0; }

.section27 { width: 100%; background-color: #5bc4f1; color: #fff; padding: 50px 0 100px; }
.section27 h2 { width: 100%; text-align: center; font-size: 36px; margin-bottom: 50px; }
.section27 img { display: block; margin: 0 auto; }
.section27 .con2 { background: url("../images/img22-2.png") left top no-repeat; width: 1182px; height: 141px; padding-top: 80px; }
.section27 .con2 a { display: block; width: 186px; height: 60px; background-color: #fff; text-align: center; line-height: 60px; font-size: 18px; float: left; margin-left: 10px; }
.section27 .con2 a:first-child { margin-left: 0; }

/* 03-SP许可证 */
.section31 { padding: 90px 440px 100px 30px; position: relative; }
.section31 h2 { width: 100%; font-size: 34px; margin-bottom: 40px; }
.section31 h2 b { font-size: 48px; font-weight: bold; }
.section31 ul { width: 100%; margin-bottom: 30px; }
.section31 ul li { width: 230px; height: 205px; background-color: #ecf1f5; padding: 30px; font-size: 14px; line-height: 26px; float: left; margin-left: 20px; }
.section31 ul li:first-child { margin-left: 0; }
.section31 p { font-size: 14px; line-height: 26px; text-align: justify; color: #7b7b7b; }
.section31 .img { position: absolute; right: 40px; top: 110px; }

.section32 { width: 100%; padding: 50px 0 80px 0; border-top: #e0e1e3 1px solid; }
.section32 h2 { width: 100%; text-align: center; font-size: 36px; margin-bottom: 50px; }
.section32 h3 { font-size: 22px; width: 100%; margin-bottom: 30px; }
.section32 .content { padding-right: 500px; position: relative; }
.section32 .img { position: absolute; right: 30px; top: 100px; }
.section32 p { width: 100%; font-size: 14px; line-height: 28px; color: #7b7b7b; }
.section32 p b { font-weight: bold; color: #333333; }

.section33 { padding: 50px 0; background-color: #5bc4f1; color: #fff; }
.section33 h2 { width: 100%; text-align: center; font-size: 36px; margin-bottom: 50px; }
.section33 ul { width: 100%; }
.section33 li { width: 25%; float: left; text-align: center; border-left: #fff 1px solid; }
.section33 li:first-child { border: none; }
.section33 .num { height: 62px; background: url("../images/line2.png") center center no-repeat; width: 100%; text-align: center; font-size: 32px; line-height: 62px; }
.section33 h3 { width: 100%; text-align: center; font-size: 22px; margin: 20px 0; }

/* 04-软件著作权 */
.bg4 { background-color: #0059aa; }

.section41 { padding: 50px 460px 130px 30px; position: relative; }
.section41 h2 { width: 100%; font-size: 34px; margin-bottom: 50px; }
.section41 p { font-size: 14px; line-height: 26px; text-align: justify; color: #7b7b7b; }
.section41 .img { position: absolute; right: 0px; top: 40px; }

.section42 { width: 100%; padding: 50px 0; border-top: #e0e1e3 1px solid; }
.section42 h2 { width: 100%; font-size: 34px; margin-bottom: 80px; text-align: center; }
.section42 .con { width: 100%; text-align: center; }
.section42 .con img { display: block; margin: 0 auto; }

.section43, .section53, .section73, .section63 { padding: 50px 0; background-color: #0059aa; color: #fff; }
.section43 h2, .section53 h2, .section73 h2, .section63 h2 { width: 100%; text-align: center; font-size: 36px; margin-bottom: 50px; }
.section43 ul, .section53 ul, .section73 ul, .section63 ul { width: 100%; }
.section43 li, .section53 li, .section73 li, .section63 li { width: 33.33%; float: left; text-align: center; border-left: #fff 1px solid; padding: 0 60px; min-height: 210px; }
.section43 li:first-child, .section53 li:first-child, .section73 li:first-child, .section63 li:first-child { border: none; }
.section43 .num, .section53 .num, .section73 .num, .section63 .num { height: 62px; background: url("../images/line2.png") center center no-repeat; width: 100%; text-align: center; font-size: 32px; line-height: 62px; margin-bottom: 20px; }
.section43 p, .section53 p, .section73 p, .section63 p { font-size: 16px; line-height: 24px; }

/* 05-游戏版号 */
.bg5 { background-color: #1a162b; }

.section51 { padding: 50px 460px 130px 30px; position: relative; }
.section51 h2 { width: 100%; font-size: 34px; margin-bottom: 50px; }
.section51 h3 { font-size: 16px; line-height: 26px; }
.section51 p { font-size: 14px; line-height: 26px; text-align: justify; color: #7b7b7b; }
.section51 ul { width: 100%; margin-top: 50px; }
.section51 li { list-style-type: square; list-style-position: inside; color: #ff3300; font-weight: bold; font-size: 14px; line-height: 26px; }
.section51 .img { position: absolute; right: 0px; top: 40px; }

.section52 { width: 100%; padding: 50px 0; border-top: #e0e1e3 1px solid; }
.section52 h2 { width: 100%; font-size: 34px; margin-bottom: 80px; text-align: center; }
.section52 ul { width: 100%; }
.section52 li { width: 50%; float: left; padding: 0 50px; }
.section52 li:first-child { border-right: #e0e1e3 1px solid; }
.section52 h3 { font-size: 20px; line-height: 32px; margin-bottom: 20px; }
.section52 p { font-size: 14px; line-height: 26px; text-align: justify; color: #7b7b7b; }
.section52 .icon { position: relative; margin-right: 10px; top: 3px; }

.section53 { background-color: #1a162b; }
.section53 li { width: 25%; min-height: 160px; }

/* 07-在线数据处理与交易 */
.bg7 { background-color: #00167e; }

.section71 { padding: 50px 460px 50px 30px; position: relative; }
.section71 h2 { width: 100%; font-size: 34px; margin-bottom: 50px; }
.section71 h3 { font-size: 16px; line-height: 26px; font-weight: bold; color: #000; }
.section71 p { font-size: 14px; line-height: 26px; text-align: justify; margin-bottom: 30px; }
.section71 .img { position: absolute; right: 0px; top: 40px; }

.section72 { width: 100%; padding: 50px 0; border-top: #e0e1e3 1px solid; }
.section72 h2 { width: 100%; font-size: 34px; margin-bottom: 80px; text-align: center; }
.section72 .con { width: 100%; padding-right: 460px; position: relative; }
.section72 p { font-size: 14px; line-height: 26px; text-align: justify; color: #7b7b7b; }
.section72 .img { position: absolute; right: 0px; top: 40px; }

.section73 { background-color: #00167e; }
.section73 li { width: 25%; min-height: 180px; padding: 0 40px; }
.section73 .center { text-align: center; }

/* 06-游戏文网文 */
.bg5 { background-color: #80a1eb; }

.section61 { padding: 50px 10px 130px 10px; position: relative; }
.section61 h2 { width: 100%; font-size: 36px; margin-bottom: 50px; text-align: center; }
.section61 ul { width: 100%; margin-bottom: 80px; }
.section61 li { float: left; width: 353px; height: 160px; margin-right: 60px; margin-bottom: 30px; }
.section61 .fr { float: right; margin-right: 0; }
.section61 .con2 { position: relative; padding: 0 430px 0 0; }
.section61 .img { position: absolute; right: 0px; top: -50px; }
.section61 h3 { font-size: 34px; margin-bottom: 40px; }
.section61 p { font-size: 14px; line-height: 26px; text-align: justify; color: #7b7b7b; }
.section61 b { color: #000; }

.section62 { padding: 50px 0 70px 0; }
.section62 h2 { width: 100%; text-align: center; font-size: 36px; margin-bottom: 70px; }
.section62 ul { width: 100%; }
.section62 li { width: 278px; height: 139px; float: left; text-align: center; border: #e0e1e3 1px solid; padding: 0 60px; margin-left: 20px; }
.section62 li:first-child { margin-left: 0; }
.section62 h3 { font-size: 24px; line-height: 33px; }

.section63 { background-color: #80a1eb; }
.section63 li { width: 33.33%; min-height: 180px; padding: 0 100px; min-height: 240px; }
.section63 h3 { width: 100%; text-align: center; font-size: 22px; margin: 30px 0; }

/* 08-关于我们 */
/* 0099ff */
.crumb { line-height: 72px; font-size: 12px; }

.page8-left { width: 134px; float: left; }
.page8-left li { margin-bottom: 4px; }
.page8-left li a { display: block; width: 100%; height: 42px; background-color: #f5f5f5; text-align: center; font-size: 14px; color: #333333; line-height: 42px; }
.page8-left li.on a, .page8-left li:hover a { background-color: #0099ff; color: #fff; }

.page8-right { width: 1020px; float: right; }
.page8-right h2 { font-size: 24px; line-height: 42px; color: #0099ff; }
.page8-right > div { margin-bottom: 40px; }
.page8-right .s81 img { display: block; }
.page8-right .s82 h2 { margin-bottom: 10px; }
.page8-right .s82 p { line-height: 28px; }
.page8-right .s82 span { background-color: #f6f6f6; padding: 0 10px; font-size: 14px; color: #333333; }
.page8-right .s82 a { color: #0099ff; margin: 0 5px; }
.page8-right .s85 li { width: 100%; border-bottom: #e0e1e3 1px dashed; line-height: 48px; padding: 0 1px; font-size: 14px; }
.page8-right .s85 a { color: #333333; }
.page8-right .s85 a:hover { color: #0099ff; }
.page8-right .s85 i { display: inline-block; width: 6px; height: 6px; background-color: #0099ff; margin: 0 20px 0 5px; }
.page8-right .s85 time { float: right; font-size: 12px; }
.page8-right .s86 { line-height: 40px; }
.page8-right .s86 h3 { font-weight: bold; color: #000; font-size: 16px; margin-top: 20px; }
.page8-right .s86 p { color: #333333; font-size: 14px; }
.page8-right .s86 b { font-size: 18px; color: #0099ff; line-height: 40px; font-weight: normal; }
.page8-right .s87 { margin-bottom: 100px; }
.page8-right .s87 .con { width: 100%; }
.page8-right .s87 .con li { width: 317px; height: 345px; border: #e0e1e3 1px solid; float: left; margin-left: 30px; padding: 0 15px; }
.page8-right .s87 .con li:first-child { margin-left: 0; }
.page8-right .s87 .con h3 { line-height: 90px; font-size: 20px; width: 100%; text-align: center; }
.page8-right .s87 .con p { font-size: 14px; line-height: 30px; width: 100%; text-align: left; }

#d_tab29 { position: relative; height: 400px; text-align: left; }
#d_tab29 .d_img { position: relative; margin: 0 auto; width: 860px; height: 100%; }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0; overflow: hidden; border: #eee 10px solid; }
#d_tab29 .d_img .cont { width: 100%; height: 60px; position: absolute; bottom: 0px; left: 0px; z-index: 99999; background-color: rgba(0, 0, 0, 0.5); padding-top: 5px; }
#d_tab29 .d_img .cont h3, #d_tab29 .d_img .cont p { width: 100%; text-align: center; color: #fff; }
#d_tab29 .d_img .cont h3 { font-size: 18px; }
#d_tab29 .d_img .cont p { font-size: 14px; }
#d_tab29 .d_img li img { width: 100%; box-sizing: border-box; display: block; }
#d_tab29 .d_img li.d_pos1 { display: block; width: 400px; left: 0%; top: 60px; z-index: 1; }
#d_tab29 .d_img li.d_pos2 { display: block; width: 450px; left: 10%; top: 40px; z-index: 2; }
#d_tab29 .d_img li.d_pos3 { display: block; width: 500px; left: 21%; top: 20px; z-index: 3; }
#d_tab29 .d_img li.d_pos4 { display: block; width: 450px; right: 10%; top: 40px; z-index: 2; }
#d_tab29 .d_img li.d_pos5 { display: block; width: 400px; right: 0%; top: 60px; z-index: 1; }
#d_tab29 .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center; }
#d_tab29 .d_menu li { display: block; width: 100%; height: 50px; cursor: pointer; opacity: 0; position: absolute; left: 0; top: 0; color: #000; }
#d_tab29 .d_menu li.d_select { opacity: 1; }
#d_tab29 .d_next { position: absolute; left: 50%; margin-left: 475px; top: 140px; z-index: 10; cursor: pointer; }
#d_tab29 .d_prev { position: absolute; left: 50%; margin-left: -525px; top: 140px; z-index: 10; cursor: pointer; }
