@charset "UTF-8";
.main-content { margin: 60px auto; }

.main-left { width: 220px; border: #eee 1px solid; float: left; height: 100%; background-color: #fff; }

.main-right { width: 840px; border: #eee 1px solid; float: right; height: 100%; background-color: #fff; }

.main-left h2 { width: 100%; height: 54px; line-height: 54px; padding-left: 24px; font-size: 24px; color: #fff; background-color: #14b5ad; }
.main-left .face { width: 100%; height: 220px; border-bottom: #eee 1px solid; padding: 25px; }
.main-left .face img { width: 170px; height: 170px; display: block; }
.main-left .slide-nav { width: 100%; margin-bottom: 100px; }
.main-left .slide-nav li { width: 100%; height: 54px; line-height: 54px; padding: 0 24px; border-bottom: #eee 1px solid; }
.main-left .slide-nav a { width: 100%; height: 100%; display: block; background: url("../images/arrow-r1.png") right center no-repeat; background-size: 7px 11px; }
.main-left .slide-nav li.on a { background-image: url(../images/arrow-r2.png); color: #14b5ad; }

.main-right { padding: 40px; font-size: 14px; }
.main-right h1 { font-size: 20px; line-height: 30px; border-bottom: #eee 1px solid; margin-bottom: 30px; padding-bottom: 10px; }
.main-right .page12-r { float: right; font-size: 12px; }
.main-right .page12-r a { margin: 0 5px; }
.main-right .page9-r, .main-right .page10-r { float: right; }
.main-right .btn-add-addr { width: 120px; height: 38px; line-height: 38px; border-radius: 5px; background: url("../images/add.png") 20px center no-repeat #14b5ad; background-size: 13px 13px; color: #fff; color: #fff; padding-left: 20px; text-align: center; display: inline-block; font-size: 12px; margin-top: -5px; }
.main-right .btn-apply { width: 100px; height: 38px; line-height: 38px; border-radius: 5px; background-color: #14b5ad; color: #fff; color: #fff; text-align: center; display: inline-block; font-size: 12px; margin-top: -5px; }

html { font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "宋体", 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: #666; }

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

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 { 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: #666; 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; }

.main-content, header nav, .ft-top .right p, .page8 .item, .page20 .part1, .step, .order-info .part1, .page05 .box02 .content, .page05 .box04 .content, .page05 .box05 .content, .page27-1 .content, .page27-3 .content, .page31-1 .content, .page31a .content, .page31a .part2 .con, .page30 .content, .page30a .content, .cf { *zoom: 1; }
.main-content:before, header nav:before, .ft-top .right p:before, .page8 .item:before, .page20 .part1:before, .step:before, .order-info .part1:before, .page05 .box02 .content:before, .page05 .box04 .content:before, .page05 .box05 .content:before, .page27-1 .content:before, .page27-3 .content:before, .page31-1 .content:before, .page31a .content:before, .page31a .part2 .con:before, .page30 .content:before, .page30a .content:before, .main-content:after, header nav:after, .ft-top .right p:after, .page8 .item:after, .page20 .part1:after, .step:after, .order-info .part1:after, .page05 .box02 .content:after, .page05 .box04 .content:after, .page05 .box05 .content:after, .page27-1 .content:after, .page27-3 .content:after, .page31-1 .content:after, .page31a .content:after, .page31a .part2 .con:after, .page30 .content:after, .page30a .content:after, .cf:before, .cf:after { content: ""; display: table; }
.main-content:after, header nav:after, .ft-top .right p:after, .page8 .item:after, .page20 .part1:after, .step:after, .order-info .part1:after, .page05 .box02 .content:after, .page05 .box04 .content:after, .page05 .box05 .content:after, .page27-1 .content:after, .page27-3 .content:after, .page31-1 .content:after, .page31a .content:after, .page31a .part2 .con:after, .page30 .content:after, .page30a .content:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

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

.content, .main-content, .page21, .page22, .page6-2, .page28 { width: 1100px; margin-left: auto; margin-right: auto; }

.bg { background-color: #f8f8f8; }

.page16 .btn-upload { height: 40px; line-height: 40px; padding: 0 10px; border: #14b5ad 1px solid; background-color: #14b5ad; text-align: center; color: #fff; }

input[type=text], input[type=password] { border: #eee 1px solid; height: 40px; padding: 0 10px; outline: none; }

textarea { height: auto; min-height: 120px; border: #eee 1px solid; padding: 5px; outline: none; }

input[type=submit] { border: #14b5ad 1px solid; height: 40px; padding: 0 10px; background-color: #14b5ad; text-align: center; color: #fff; font-size: 16px; outline: none; }

.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: #eee 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: #14b5ad; color: #fff; border-color: #14b5ad; }
.prv-nxt .right { font-size: 12px; }

.overly { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 888; display: none; }

.alert-login, .alert-register { background-color: #fff; position: fixed; left: 50%; z-index: 999; }
.alert-login h3, .alert-register h3 { height: 72px; line-height: 72px; font-size: 24px; color: #333333; background-color: #efefef; width: 100%; padding: 0 20px; }
.alert-login .alert-close, .alert-register .alert-close { width: 32px; height: 32px; display: block; float: right; background: url("../images/close.png") center center no-repeat; background-size: 32px 32px; margin-top: 20px; }

.alert-login { display: none; width: 470px; margin-left: -235px; top: 15%; }
.alert-login .con { padding: 40px 30px; position: relative; width: 100%; padding-left: 75px; }
.alert-login li { width: 100%; margin-bottom: 20px; position: relative; }
.alert-login input[type=text], .alert-login input[type=password], .alert-login input[type=submit] { width: 100%; }
.alert-login i { width: 32px; height: 32px; display: block; position: absolute; left: -45px; background: url("../images/input1.png") center center no-repeat; background-size: 32px 32px; }
.alert-login .i2 { background-image: url(../images/input2.png); }
.alert-login input[type=checkbox] { position: relative; top: 2px; margin-right: 5px; }
.alert-login label { font-size: 12px; }
.alert-login .li3 a { display: inline-block; color: #14b5ad; font-size: 12px; padding: 0 10px; }
.alert-login .li3 a:first-child { border-right: #eee 1px solid; }
.alert-login .li3 span { float: right; }
.alert-login .li4 { padding-bottom: 30px; border-bottom: #eee 1px solid; margin-bottom: 30px; }
.alert-login .li5 { font-size: 14px; }
.alert-login .li6 a { margin-right: 10px; }

.alert-register { display: none; position: absolute; width: 470px; margin-left: -235px; top: 10%; }
.alert-register .con { padding: 40px 30px; position: relative; width: 100%; padding-left: 75px; }
.alert-register li { width: 100%; margin-bottom: 20px; position: relative; }
.alert-register input[type=text], .alert-register input[type=password], .alert-register input[type=submit] { width: 100%; }
.alert-register i { width: 32px; height: 32px; display: block; position: absolute; left: -45px; background: url("../images/input1.png") center center no-repeat; background-size: 32px 32px; }
.alert-register .i2 { background-image: url(../images/input2.png); }
.alert-register .i3 { background-image: url(../images/input3.png); }
.alert-register .i4 { background-image: url(../images/input4.png); }
.alert-register .phone input[type=text] { padding-left: 50px; }
.alert-register .phone em { position: absolute; line-height: 40px; left: 10px; }
.alert-register .yzmbox { width: 202px; height: 101px; background: url("../images/yzmbg.png") center center no-repeat; background-size: 100% 100%; position: absolute; right: -212px; top: 0; padding: 10px; text-align: center; }
.alert-register .yzmbox p { width: 100%; text-align: center; font-size: 12px; color: #828282; }
.alert-register .yzmbox img { display: block; margin: 0 auto; }
.alert-register .yz input[type=text] { width: 220px; }
.alert-register .yz .yzm { width: 120px; display: block; height: 40px; background-color: #f4f4f4; border: #eee 1px solid; float: right; text-align: center; text-align: center; line-height: 38px; font-size: 14px; }
.alert-register input[type=checkbox] { position: relative; top: 2px; margin-right: 5px; }
.alert-register label { font-size: 12px; }
.alert-register .li3 a { display: inline-block; font-size: 12px; padding: 0 3px; text-decoration: underline; }
.alert-register .li4 { padding-bottom: 30px; border-bottom: #eee 1px solid; margin-bottom: 30px; }
.alert-register .li5 { font-size: 14px; font-size: 12px; color: #a2a2a2; }
.alert-register .li5 a { color: #14b5ad; }

.jia-jian { width: 116px; height: 30px; overflow: hidden; position: relative; }
.jia-jian .jian, .jia-jian .jia { width: 19px; height: 30px; background: url("../images/num-jian.png") 0 0 no-repeat; background-size: 100% 100%; outline: none; cursor: pointer; border: none; position: absolute; top: 0; }
.jia-jian .jian { left: 0; }
.jia-jian .jia { background-image: url("../images/num-jia.png"); float: right; right: 0; }
.jia-jian .num { width: 60px; height: 30px; text-align: center; position: absolute; left: 29px; border-color: #c3c3c3; }

.banner { width: 1920px; height: 668px; overflow: hidden; position: relative; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: 30px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd li { float: left; margin-right: 14px; width: 14px; height: 14px; border-radius: 14px; line-height: 14px; text-align: center; background: transparent; cursor: pointer; border: #fff 1px solid; }
.banner .hd li.on { border-color: #14b5ad; }
.banner .bd { position: absolute; height: 1920px; z-index: 0; top: 0; left: 50%; margin-left: -960px; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 1920px; height: 668px; display: block; }

header { width: 100%; height: 66px; background-color: #3e3e3e; }
header .logo { float: left; margin-top: 15px; }
header .content { height: 66px; position: relative; }
header nav { width: 500px; position: absolute; top: 0; left: 260px; }
header nav li { float: left; width: 100px; position: relative; height: 66px; }
header nav h3 { line-height: 66px; color: #fff; font-size: 15px; padding-left: 20px; }
header nav h3 a { color: #fff; }
header nav i { width: 7px; height: 4px; display: inline-block; background: url("../images/arrow-down.png") left top no-repeat; background-size: 7px 4px; position: relative; margin-left: 5px; top: -2px; }
header nav .con { width: 100px; background-color: #3e3e3e; text-align: center; position: absolute; left: 0; top: 66px; z-index: 10000; display: none; }
header nav .con a { width: 100%; height: 40px; line-height: 40px; font-size: 13px; padding-left: 20px; color: #fff; display: block; }
header nav .con a:hover { background-color: #696969; }
header .right { height: 66px; line-height: 66px; position: absolute; left: 900px; }
header .right a { font-size: 13px; color: #8d8d8d; }
header .right a:hover { color: #14b5ad; }
header .cart { width: 110px; height: 36px; line-height: 36px; border: #14b5ad 1px solid; text-align: center; background: url("../images/cart.png") 10px center no-repeat; background-size: 16px 15px; color: #14b5ad; display: block; position: absolute; right: 0; top: 15px; padding-left: 20px; font-size: 13px; }
header .cart:hover { background-image: url(../images/cart2.png); color: #fff; background-color: #14b5ad; }
header .right-user { height: 100px; line-height: 66px; position: absolute; left: 870px; font-size: 13px; color: #a4a4a4; text-align: center; }
header .right-user h3 { background: url("../images/arrow-down2.png") 90% center no-repeat; background-size: 7px 4px; width: 100px; height: 66px; text-align: center; }
header .right-user .con { width: 100px; background-color: #3e3e3e; text-align: center; position: absolute; left: 5px; top: 66px; z-index: 10000; display: none; }
header .right-user .con a { width: 100%; height: 40px; line-height: 40px; font-size: 13px; padding-left: 20px; color: #fff; display: block; }
header .right-user .con a:hover { background-color: #696969; }

.header2 { width: 100%; background-color: #fff; height: 46px; line-height: 46px; border-bottom: #eee 1px solid; font-size: 12px; }
.header2 a { color: #666666; margin-right: 44px; }
.header2 a.on, .header2 a:hover { color: #14b5ad; }
.header2 .right { float: right; margin-right: 0; font-weight: bold; font-size: 12px; }
.header2 .btn-buy { width: 80px; height: 25px; line-height: 25px; background-color: #14b5ad; color: #fff; text-align: center; display: inline-block; border-radius: 5px; }
.header2 .btn-buy:hover { color: #fff; opacity: .9; }

footer { width: 100%; }

.ft-top { width: 100%; height: 230px; background-color: #fff; }
.ft-top .content { padding-top: 67px; position: relative; height: 100%; }
.ft-top ul { width: 100%; position: absolute; top: 67px; width: 170px; }
.ft-top li { width: 100%; line-height: 30px; font-size: 13px; }
.ft-top h3 { font-size: 16px; }
.ft-top h3 a { color: #333333; margin-bottom: 10px; }
.ft-top h3 a:hover { color: #14b5ad; }
.ft-top .ul1 { left: 0; }
.ft-top .ul2 { left: 170px; }
.ft-top .ul3 { left: 340px; }
.ft-top .ul4 { left: 510px; }
.ft-top .ul5 { left: 680px; }
.ft-top .right { float: right; text-align: right; }
.ft-top .right p { width: 100%; }
.ft-top .right p b { font-size: 30px; float: right; color: #14b5ad; margin: 5px 0; }
.ft-top .right p i { font-size: 13px; color: #949494; }
.ft-top .tel { width: 144px; height: 36px; line-height: 36px; color: #fff; display: block; background: url("../images/icon2.png") 107px center no-repeat #14b5ad; background-size: 21px 21px; text-align: left; font-size: 14px; padding-left: 20px; float: right; box-sizing: border-box; }

.ft-btm { width: 100%; background-color: #f4f4f4; height: 55px; line-height: 55px; text-align: left; overflow: hidden; font-size: 13px; color: #959595; }
.ft-btm a { color: #959595; }
.ft-btm a:hover { color: #14b5ad; }
.ft-btm .content { padding: 1px; }
.ft-btm .logo { float: right; margin-top: 8px; }

.ft-top1 { width: 100%; height: 220px; background-color: #14b5ad; color: #fff; }
.ft-top1 .content { padding-top: 50px; font-size: 22px; }
.ft-top1 .content h3 { font-weight: bold; margin-bottom: 20px; }
.ft-top1 .content p { font-size: 20px; }
.ft-top1 .content a { color: #87eae4; margin-right: 30px; }
.ft-top1 .content a.on { color: #fff; }

.ft-top0 { width: 100%; height: 220px; background-color: #f7f7f7; }
.ft-top0 .content { padding-top: 50px; font-size: 22px; }
.ft-top0 .content h3 { margin-bottom: 20px; }
.ft-top0 .content a { color: #14b5ad; margin-right: 30px; }
.ft-top0 .content a.on { color: #fff; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.page07 { width: 100%; }
.page07 li { width: 100%; line-height: 40px; margin-bottom: 20px; position: relative; padding-left: 100px; }
.page07 li span { position: absolute; left: 0; }
.page07 input[type=text] { width: 280px; }
.page07 input[type=text].quhao1 { width: 70px; }
.page07 input[type=text].quhao2 { width: 200px; margin-left: 10px; }
.page07 .li4 input[type=text] { width: 180px; margin-right: 5px; }
.page07 .li5 input[type=text] { width: 560px; }
.page07 input[type=checkbox] { position: relative; top: 2px; margin-right: 5px; }
.page07 input[type=submit] { width: 180px; }

.page13 { width: 100%; }
.page13 li { width: 100%; line-height: 40px; margin-bottom: 20px; position: relative; padding-left: 70px; }
.page13 li span { position: absolute; left: 0; }
.page13 input[type=text], .page13 input[type=password] { width: 280px; }
.page13 input[type=submit] { width: 280px; }

.page14 { width: 100%; }
.page14 li { width: 100%; line-height: 40px; margin-bottom: 20px; position: relative; padding-left: 70px; }
.page14 li span { position: absolute; left: 0; }
.page14 input[type=text] { width: 280px; }
.page14 input[type=submit] { width: 280px; }
.page14 .li2 input[type=text] { width: 180px; }
.page14 .yzm { width: 90px; display: inline-block; height: 40px; background-color: #f4f4f4; border: #eee 1px solid; margin-left: 10px; text-align: center; text-align: center; line-height: 38px; font-size: 14px; }

.page11 { width: 100%; }
.page11 li { width: 100%; line-height: 40px; margin-bottom: 20px; position: relative; padding-left: 100px; }
.page11 li span { position: absolute; left: 0; }
.page11 input[type=text], .page11 textarea { width: 450px; }
.page11 textarea { height: 200px; line-height: 24px; }
.page11 input[type=submit] { width: 160px; }
.page11 .li1 i { min-width: 110px; display: inline-block; background: url("../images/radio.png") left center no-repeat; background-size: 18px 18px; padding-left: 30px; cursor: pointer; }
.page11 .li1 i.on { background-image: url(../images/radio-on.png); }
.page11 .tips { line-height: 24px; font-size: 12px; }

.page12 { width: 100%; font-size: 12px; }
.page12 th, .page12 td { text-align: center; height: 60px; }
.page12 th { background-color: #f8f8f8; }
.page12 td { border-bottom: #eee 1px solid; }
.page12 td:first-child { text-align: left; padding-left: 20px; }
.page12 td:last-child { text-align: right; padding-right: 20px; }
.page12 th:first-child { text-align: left; padding-left: 30px; }
.page12 th:last-child { text-align: right; padding-right: 60px; }
.page12 a { width: 99px; height: 32px; display: inline-block; border: #eee 1px solid; text-align: center; line-height: 30px; }
.page12 a:hover { background-color: #14b5ad; color: #fff; border-color: #14b5ad; }

.page9 { width: 100%; font-size: 12px; }
.page9 th, .page9 td { height: 60px; }
.page9 th { background-color: #f8f8f8; font-size: 14px; color: #333333; }
.page9 td { border-bottom: #eee 1px solid; }
.page9 td:first-child { text-align: left; padding-left: 20px; }
.page9 th:first-child { text-align: left; padding-left: 20px; }
.page9 th:nth-child(1) { width: 110px; }
.page9 th:nth-child(2) { width: 410px; }
.page9 th:nth-child(3) { width: 130px; }
.page9 th:nth-child(4) { width: 110px; }
.page9 .btn-default { color: #14b5ad; margin-left: 10px; display: none; }
.page9 tr:hover .btn-default { display: inline-block; }
.page9 .btn-modify { width: 60px; height: 32px; display: inline-block; border: #eee 1px solid; text-align: center; line-height: 30px; margin-top: 15px; }
.page9 .btn-modify:hover { background-color: #14b5ad; color: #fff; border-color: #14b5ad; }
.page9 .btn-delete { float: right; line-height: 60px; }
.page9 .btn-delete:hover { color: #14b5ad; }

.page10 { width: 100%; font-size: 12px; }
.page10 th, .page10 td { height: 60px; }
.page10 th { background-color: #f8f8f8; font-size: 14px; color: #333333; }
.page10 td { border-bottom: #eee 1px solid; }
.page10 td:first-child { text-align: left; padding-left: 20px; }
.page10 th:first-child { text-align: left; padding-left: 20px; }
.page10 td:last-child { text-align: center; }
.page10 th:last-child { text-align: center; }
.page10 th:nth-child(1) { width: 160px; }
.page10 th:nth-child(2) { width: 170px; }
.page10 th:nth-child(3) { width: 170px; }
.page10 th:nth-child(4) { width: 170px; }
.page10 th:nth-child(4) { width: 110px; }
.page10 .btn-details { width: 100px; height: 32px; display: inline-block; border: #eee 1px solid; text-align: center; line-height: 30px; }
.page10 .btn-details:hover { background-color: #14b5ad; color: #fff; border-color: #14b5ad; }

.page16 .part1, .page16 .part2, .page16 .part3, .page16 .part4 { width: 100%; padding: 20px 0; border-bottom: #eee 1px solid; }
.page16 .part1 { padding-top: 0; }
.page16 p { width: 100%; color: #333333; font-size: 14px; line-height: 40px; }
.page16 .btn-upload { width: 100px; height: 32px; position: relative; border-radius: 5px; overflow: hidden; display: inline-block; top: 12px; left: 10px; cursor: pointer; }
.page16 .btn-upload em { line-height: 32px; width: 100%; height: 100%; display: block; cursor: pointer; }
.page16 .btn-upload input[type=file] { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; }
.page16 .tips { width: 100%; color: #909090; font-size: 12px; line-height: 24px; }
.page16 i { margin: 0 10px; }
.page16 input[type=text] { margin: 0 10px; width: 240px; height: 34px; }
.page16 .p1 { position: relative; top: -10px; }
.page16 .btn-modify-pass, .page16 .btn-modify-mail, .page16 .btn-modify-phone, .page16 .btn-send { color: #14b5ad; margin-left: 30px; }
.page16 .btn-sure1 { color: #14b5ad; }

.page8 { width: 100%; font-size: 12px; color: #666666; }
.page8 h3, .page8 .top-info { font-size: 14px; color: #333333; }
.page8 .top-info { margin-top: -20px; }
.page8 .part1, .page8 .part2 { width: 100%; padding-top: 50px; border-bottom: #eee 1px solid; padding-bottom: 10px; }
.page8 .part1 li, .page8 .part2 li { line-height: 24px; }
.page8 .part3 { width: 100%; padding-top: 50px; border-bottom: #eee 1px solid; padding-bottom: 10px; }
.page8 .btn-pay { width: 70px; height: 28px; border-radius: 5px; background-color: #d90d0d; display: inline-block; text-align: center; line-height: 28px; color: #fff; margin-left: 10px; }
.page8 .part2 span { display: inline-block; width: 30%; }
.page8 .part3 h3 { width: 100%; height: 40px; background-color: #f8f8f8; line-height: 40px; margin-bottom: 20px; }
.page8 .part3 h3 span { display: block; line-height: 40px; text-align: center; float: left; }
.page8 .part3 .sp1 { width: 258px; }
.page8 .part3 .sp2 { width: 280px; }
.page8 .part3 .sp3 { width: 100px; }
.page8 .part3 .sp4 { width: 110px; }
.page8 .item { width: 100%; min-height: 120px; }
.page8 .item > div { float: left; }
.page8 .item .sp1 { padding-left: 110px; position: relative; }
.page8 .item .img { width: 100px; height: 100px; display: block; position: absolute; left: 0; top: 0; }
.page8 .item .sp2 { padding-left: 115px; padding-right: 20px; }
.page8 .item .sp3, .page8 .item .sp4 { text-align: center; }
.page8 .item .sp3 h4, .page8 .item .sp4 h4 { width: 100%; text-align: center; }
.page8 .total { width: 100%; padding: 20px 0; }
.page8 .total p { width: 100%; text-align: right; font-size: 13px; line-height: 26px; }

.page17 { font-size: 12px; }
.page17 .content { padding-top: 45px; }
.page17 .tips { width: 100%; border-bottom: #e5e5e5 1px dashed; font-size: 13px; padding-bottom: 10px; font-weight: bold; color: #000; }
.page17 h3 { margin-top: 60px; font-size: 16px; color: #000; margin-bottom: 10px; font-weight: bold; }
.page17 p { line-height: 24px; }

.page18 { font-size: 12px; margin-top: 20px; margin-bottom: 100px; }
.page18 .item { width: 100%; padding: 30px; border-bottom: #eee 1px solid; }
.page18 h3 { font-size: 14px; color: #000; font-weight: bold; line-height: 30px; position: relative; }
.page18 p { line-height: 24px; }
.page18 i { width: 14px; height: 14px; display: block; background: url("../images/icon18.png") center center no-repeat; background-size: 100% 100%; position: absolute; left: -25px; top: 7px; }

.page33 { font-size: 12px; margin-top: 20px; margin-bottom: 100px; }
.page33 .item { width: 100%; padding: 20px 10px 20px 30px; border-bottom: #e5e5e5 1px solid; }
.page33 h3 { font-size: 14px; color: #000; font-weight: bold; line-height: 30px; position: relative; background: url("../images/arrow-b2.png") right center no-repeat; background-size: 10px 5px; cursor: pointer; }
.page33 h3.on { background-image: url(../images/arrow-t2.png); }
.page33 p { line-height: 24px; display: none; }
.page33 i { width: 14px; height: 14px; display: block; position: absolute; left: -25px; }

.page19 { margin: 40px auto 60px auto; }
.page19 .part1 { width: 100%; height: 175px; overflow: hidden; margin-bottom: 30px; }
.page19 .part1 li { width: 245px; height: 175px; float: left; margin-left: 40px; background-color: #fff; }
.page19 .part1 li:first-child { margin: 0; }
.page19 .part1 img { width: 75px; height: 75px; display: block; margin: 33px auto 17px auto; }
.page19 .part1 span, .page19 .part1 i, .page19 .part1 a { width: 100%; display: block; text-align: center; }
.page19 .part1 span { font-size: 14px; color: #333333; }
.page19 .part1 i { font-size: 12px; color: #8a8a8a; }
.page19 .part1 a { color: #fff; font-size: 14px; }
.page19 .part1 .li4 { background-color: #14b5ad; }
.page19 .part2 { width: 100%; height: 426px; overflow: hidden; }
.page19 .part2 img { width: 100%; height: 426px; overflow: hidden; display: block; }

.page20 { margin-top: 0px; }
.page20 .part1 { width: 100%; height: 290px; border-bottom: #eee 1px solid; }
.page20 .part1 img { width: 132px; height: 145px; display: block; margin: 50px auto 17px auto; }
.page20 .part1 li { width: 33.33%; float: left; text-align: center; position: relative; }
.page20 .part1 p { width: 100%; text-align: center; }
.page20 .part1 .arrow { width: 25px; height: 18px; background: url("../images/arrow1.png") left top no-repeat; background-size: 100% 100%; position: absolute; right: -10px; top: 110px; }
.page20 h3 { font-size: 16px; color: #000; font-weight: bold; line-height: 30px; position: relative; margin-top: 60px; margin-bottom: 5px; }
.page20 h3:first-child { margin-top: 40px; }
.page20 p { line-height: 24px; font-size: 12px; color: #666666; }

.page23 { width: 100%; background-color: #f2f1f2; height: 640px; position: relative; }
.page23 .img { width: 1920px; height: 640px; position: absolute; left: 50%; margin-left: -960px; }
.page23 .detail { width: 620px; height: 640px; padding-top: 100px; padding-left: 70px; position: absolute; left: 50%; top: 0; }
.page23 .detail h1 { font-size: 36px; color: #333333; margin-bottom: 45px; }
.page23 .detail .p1 { font-size: 17px; line-height: 32px; margin-bottom: 55px; color: #666666; }
.page23 .detail .p2 { font-size: 13px; line-height: 24px; color: #959595; margin-bottom: 50px; }
.page23 .btn-buy { width: 166px; height: 40px; line-height: 40px; border-radius: 40px; display: block; text-align: center; border: #14b5ad 1px solid; color: #14b5ad; font-size: 14px; }
.page23 .btn-buy:hover { background-color: #14b5ad; color: #fff; }
.page23 .code { width: 128px; height: 151px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: 440px; }

.page21, .page22 { margin: 80px auto; }

.step { width: 100%; }
.step span { font-size: 24px; color: #000; font-weight: bold; }
.step .right { float: right; width: 760px; height: 40px; position: relative; }
.step .right > div { width: 260px; height: 40px; background: url("../images/bg211.png") center center no-repeat; background-size: 100% 100%; float: left; line-height: 40px; padding-left: 40px; margin-right: -8px; font-size: 14px; color: #666666; }
.step .right > div.on { color: #fff; }
.step .right > div.on i { background-color: #fff; color: #14b5ad; }
.step .right .step1 { background-image: url(../images/bg211.png); }
.step .right .step1.on { background-image: url(../images/bg211-on.png); }
.step .right .step2, .step .right .step3 { background-image: url(../images/bg212.png); }
.step .right .step2.on, .step .right .step3.on { background-image: url(../images/bg212-on.png); }
.step .right i { width: 22px; height: 22px; border-radius: 22px; display: inline-block; text-align: center; line-height: 22px; background-color: #a5a5a5; color: #fff; font-size: 14px; margin-right: 10px; }

.product-list { width: 100%; border: #eee 1px solid; background-color: #fff; margin-top: 30px; }
.product-list .title { width: 100%; height: 90px; line-height: 90px; border-bottom: #eee 1px solid; font-size: 14px; }
.product-list .title span { display: block; float: left; }
.product-list .title .sp1 { padding-left: 51px; }
.product-list .sp1 { width: 500px; }
.product-list .sp2 { width: 110px; }
.product-list .sp3 { width: 180px; text-align: center; }
.product-list .sp4 { width: 150px; text-align: center; }
.product-list .sp5 { width: 100px; text-align: center; }
.product-list .item { height: 135px; border-bottom: #eee 1px solid; padding: 10px; font-size: 14px; }
.product-list .item > div { float: left; }
.product-list .item .sp1 { padding-left: 120px; position: relative; }
.product-list .item i { color: #14b5ad; }
.product-list .item .img { width: 100px; height: 100px; overflow: hidden; position: absolute; left: 10px; top: 10px; }
.product-list .item img { display: block; }
.product-list .item p { width: 100%; line-height: 125px; }
.product-list .item .sp4 { color: #e01212; font-weight: bold; }
.product-list .item .sp5 { float: right; }
.product-list .btn-delete { width: 32px; height: 32px; display: block; background: url("../images/close.png") center center no-repeat; background-size: 32px 32px; margin: 45px auto; margin-left: 30px; }
.product-list .jia-jian { margin-top: 45px; }
.product-list .total { width: 100%; height: 160px; padding: 55px 50px; text-align: right; font-size: 14px; color: #666666; }
.product-list .total b { font-size: 30px; color: #e01212; }
.product-list .total .btn-pay { width: 150px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background-color: #e01212; color: #fff; font-size: 14px; position: relative; top: -5px; margin-left: 10px; }

.order-info { width: 100%; border: #eee 1px solid; background-color: #fff; margin-top: 30px; padding: 30px 50px; }
.order-info h3, .order-info .tt2 { font-size: 18px; color: #000; }
.order-info .part1 { width: 100%; padding-bottom: 30px; border-bottom: #eee 1px solid; }
.order-info .part1 h3 { margin-bottom: 20px; }
.order-info .part1 .item { width: 280px; height: 180px; border: #eee 1px solid; float: left; margin-right: 40px; text-align: center; padding: 30px 20px; position: relative; }
.order-info .part1 p { font-size: 14px; margin-bottom: 20px; }
.order-info .part1 .btn-modify, .order-info .part1 .btn-delete { position: absolute; top: 10px; font-size: 14px; }
.order-info .part1 .btn-delete { right: 20px; color: #909090; }
.order-info .part1 .btn-modify { right: 60px; color: #14b5ad; }
.order-info .part1 .btn-add { width: 100%; height: 100%; display: inline-block; text-align: center; font-size: 14px; }
.order-info .part1 .btn-add img { display: block; margin: 30px auto 10px auto; }
.order-info .part2, .order-info .part3, .order-info .part4, .order-info .part5 { width: 100%; position: relative; padding: 30px 0; border-bottom: #eee 1px solid; padding-left: 135px; font-size: 14px; }
.order-info .part2 .tt2, .order-info .part3 .tt2, .order-info .part4 .tt2, .order-info .part5 .tt2 { position: absolute; left: 0; }
.order-info .part2 p, .order-info .part3 p, .order-info .part4 p, .order-info .part5 p { line-height: 30px; }
.order-info .part2 .tt2 { margin-top: 20px; }
.order-info .pay { width: 126px; height: 52px; border: #eee 1px solid; margin-right: 20px; overflow: hidden; cursor: pointer; }
.order-info .pay.on { border-color: #14b5ad; }
.order-info .part5 { padding-bottom: 40px; padding-top: 0; }
.order-info .part5 .tt2 { top: 30px; }
.order-info .part5 .title { width: 100%; height: 90px; line-height: 90px; border-bottom: #eee 1px solid; font-size: 14px; }
.order-info .part5 .title span { display: block; float: left; }
.order-info .part5 .sp1 { width: 530px; }
.order-info .part5 .sp2 { width: 120px; }
.order-info .part5 .sp3 { width: 90px; text-align: center; }
.order-info .part5 .sp4 { width: 120px; text-align: center; }
.order-info .part5 .item { height: 135px; border-bottom: #eee 1px solid; padding: 10px 0; font-size: 14px; }
.order-info .part5 .item > div { float: left; }
.order-info .part5 .item .sp1 { padding-left: 120px; position: relative; }
.order-info .part5 .item i { color: #14b5ad; }
.order-info .part5 .item .img { width: 100px; height: 100px; overflow: hidden; position: absolute; left: 10px; top: 10px; }
.order-info .part5 .item img { display: block; }
.order-info .part5 .item p { width: 100%; line-height: 125px; }
.order-info .part5 .item .sp3 p { text-align: center; }
.order-info .part5 .item .sp4 { color: #e01212; font-weight: bold; text-align: right; }
.order-info .part5 .item .sp4 p { text-align: right; }
.order-info .total { width: 100%; padding: 55px 0px 55px 480px; text-align: right; font-size: 14px; color: #666666; }
.order-info .total p { line-height: 30px; }
.order-info .total b { font-size: 30px; color: #e01212; }
.order-info .total .btn-pay { width: 150px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background-color: #e01212; color: #fff; font-size: 14px; position: relative; top: -5px; margin-left: 10px; float: right; }

.page05 { width: 100%; height: 9270px; }
.page05.p29txt { height: 8200px; }
.page05 img { width: 1920px; position: absolute; left: 50%; margin-left: -960px; }
.page05 .box02 { width: 100%; padding-bottom: 80px; }
.page05 .box02 h2 { margin: 100px auto; width: 100%; text-align: center; font-size: 40px; }
.page05 .box02 .item { width: 30%; margin: 0 1.5%; float: left; padding: 30px; height: 320px; }
.page05 .box02 .item .img { width: 84px; height: 84px; display: block; margin: 10px auto; position: relative; left: auto; }
.page05 .box02 .item h3 { width: 100%; text-align: center; font-size: 21px; color: #333; line-height: 40px; }
.page05 .box02 .item p { width: 100%; text-align: justify; font-size: 15px; color: #666666; }
.page05 .box04 { width: 100%; padding-bottom: 80px; padding-top: 60px; }
.page05 .box04 h2 { margin: 100px auto; width: 100%; text-align: center; font-size: 40px; }
.page05 .box04 .item { width: 30%; margin: 0 1.5%; float: left; padding: 30px; height: 480px; }
.page05 .box04 .item .img { width: 84px; height: 84px; display: block; margin: 10px auto; position: relative; left: auto; margin-bottom: 40px; }
.page05 .box04 .item h3 { width: 100%; text-align: center; font-size: 32px; color: #333; line-height: 40px; color: #14b5ad; margin-top: 40px; margin-bottom: 10px; }
.page05 .box04 .item p { width: 100%; text-align: center; font-size: 18px; color: #666666; line-height: 1.5; }
.page05 .box04 .item em { font-size: .8em; }
.page05 .box04 .tips { width: 100%; font-size: .8em; text-align: center; }
.page05 .box05 { width: 100%; padding-bottom: 80px; padding-top: 60px; }
.page05 .box05 .item { width: 30%; margin: 0 1.5%; float: left; height: 320px; padding: 30px 0; }
.page05 .box05 .item img { width: 325px; height: 238px; display: block; margin: 20px auto; position: relative; left: auto; }
.page05 .box05 .item p { width: 100%; text-align: center; font-size: 15px; color: #666666; line-height: 1.5; margin-bottom: 40px; }

.img-box01 { width: 100%; height: 984px; overflow: hidden; }

.img-box02 { width: 100%; height: 915px; overflow: hidden; }

.img-box03 { width: 100%; height: 559px; overflow: hidden; }

.img-box04 { width: 100%; height: 585px; overflow: hidden; }

.img-box05 { width: 100%; height: 585px; overflow: hidden; }

.img-box06 { width: 100%; height: 585px; overflow: hidden; position: relative; }
.img-box06 .con { position: absolute; top: 90px; left: 50%; margin-left: -550px; width: 500px; z-index: 99; }
.img-box06 .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box06 .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box07 { width: 100%; height: 585px; overflow: hidden; position: relative; }
.img-box07 .con { position: absolute; top: 90px; left: 50%; width: 500px; z-index: 99; }
.img-box07 .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box07 .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box08 { width: 100%; height: 1037px; overflow: hidden; position: relative; }
.img-box08 .con { position: absolute; top: 90px; left: 50%; width: 500px; z-index: 99; }
.img-box08 .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box08 .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box08a { width: 100%; height: 564px; overflow: hidden; position: relative; }
.img-box08a .con { position: absolute; top: 140px; left: 50%; margin-left: -550px; width: 500px; z-index: 99; }
.img-box08a .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box08a .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box09 { width: 100%; height: 689px; overflow: hidden; position: relative; }
.img-box09 .con { position: absolute; top: 190px; left: 50%; margin-left: 40px; width: 500px; z-index: 99; }
.img-box09 .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box09 .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box10 { width: 100%; height: 731px; overflow: hidden; position: relative; }
.img-box10 .con { position: absolute; top: 160px; left: 50%; margin-left: -80px; width: 500px; z-index: 99; }
.img-box10 .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box10 .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box11 { width: 100%; height: 656px; overflow: hidden; position: relative; }
.img-box11 .con { position: absolute; top: 90px; left: 50%; width: 500px; z-index: 99; }
.img-box11 .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box11 .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box11a { width: 100%; height: 720px; overflow: hidden; position: relative; }
.img-box11a .con { position: absolute; top: 90px; left: 50%; width: 500px; z-index: 99; }
.img-box11a .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box11a .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box11b { width: 100%; height: 733px; overflow: hidden; position: relative; }
.img-box11b .con { position: absolute; top: 90px; left: 50%; width: 500px; z-index: 99; }
.img-box11b .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box11b .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box12 { width: 100%; height: 690px; overflow: hidden; position: relative; }
.img-box12 .con { position: absolute; top: 90px; left: 50%; width: 500px; z-index: 99; }
.img-box12 .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box12 .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.img-box13 { width: 100%; height: 656px; overflow: hidden; position: relative; }
.img-box13 .con { position: absolute; top: 90px; left: 50%; width: 500px; z-index: 99; }
.img-box13 .con h3 { font-size: 36px; font-weight: lighter; margin-bottom: 56px; }
.img-box13 .con p { font-size: 20px; margin-bottom: 40px; line-height: 34px; }

.page6-1 { width: 100%; background-color: #f2f1f2; height: 640px; position: relative; }
.page6-1 .img { width: 1920px; height: 640px; position: absolute; left: 50%; margin-left: -960px; }
.page6-1 .detail { width: 635px; height: 640px; padding-top: 100px; position: absolute; left: 50%; top: 0; margin-left: -80px; }
.page6-1 .detail h1 { font-size: 36px; color: #333333; margin-bottom: 15px; }
.page6-1 .detail .p1 { font-size: 18px; line-height: 32px; margin-bottom: 85px; color: #666666; }
.page6-1 .detail .p2 { font-size: 14px; line-height: 24px; color: #959595; margin-bottom: 20px; }
.page6-1 .detail .p2 i { color: #14b5ad; }
.page6-1 .a1, .page6-1 .a2 { width: 150px; height: 70px; line-height: 20px; border-radius: 10px; display: inline-block; text-align: center; padding-top: 15px; margin-right: 20px; border: #14b5ad 1px solid; color: #14b5ad; font-size: 14px; }
.page6-1 .a1 { background-color: #14b5ad; color: #fff; }

.page6-2 { padding: 100px 0 84px 465px; position: relative; height: 832px; }
.page6-2 .img { width: 352px; height: 648px; position: absolute; left: 20px; top: 100px; }
.page6-2 h2 { font-size: 36px; border-bottom: #eee 1px solid; line-height: 56px; color: #333; }
.page6-2 h3 { font-size: 16px; color: #333333; margin-top: 69px; margin-bottom: 20px; }
.page6-2 h3 i { font-size: 12px; color: #777777; }
.page6-2 .taocan span { width: 140px; height: 72px; text-align: center; display: inline-block; margin-right: 20px; border: #eee 1px solid; line-height: 70px; border-radius: 5px; cursor: pointer; }
.page6-2 .taocan span.on { border-color: #14b5ad; color: #14b5ad; }
.page6-2 .tips { margin-top: 20px; font-size: 12px; color: #333333; line-height: 24px; }
.page6-2 .tips a { text-decoration: underline; margin: 0 5px; }
.page6-2 .line { width: 100%; height: 1px; background-color: #eee; display: block; margin: 30px 0; }
.page6-2 .p3 { margin-top: 60px; }
.page6-2 .jia-jian { display: inline-block; position: relative; left: 20px; top: 10px; }
.page6-2 .p3 { font-size: 14px; }
.page6-2 .p3 p { line-height: 30px; }
.page6-2 .p3 b { font-size: 30px; color: #e01212; margin: 0 10px; font-weight: normal; }
.page6-2 .p3 .btn-buy { width: 168px; height: 50px; line-height: 50px; text-align: center; display: inline-block; background-color: #e01212; color: #fff; font-size: 16px; position: relative; top: -5px; margin-left: 10px; }

.page6-3 { width: 100%; height: 660px; }
.page6-3 img { width: 1920px; height: 640px; position: absolute; left: 50%; margin-left: -960px; }

.page28 { margin-top: 50px; }
.page28 img { width: 100%; display: block; margin-bottom: 50px; }

.page27-1 { background-color: #f0f1f3; width: 100%; padding: 50px 0; }
.page27-1 .content { padding: 50px 0; }
.page27-1 h2 { width: 100%; text-align: center; font-size: 60px; color: #000; margin-bottom: 50px; }
.page27-1 .item1, .page27-1 .item2, .page27-1 .item3, .page27-1 .item4, .page27-1 .item5 { width: 340px; height: 370px; float: left; margin: 20px; }
.page27-1 .item1 img, .page27-1 .item2 img, .page27-1 .item3 img, .page27-1 .item4 img, .page27-1 .item5 img { display: block; margin: 40px auto 10px auto; }
.page27-1 .item1 span, .page27-1 .item2 span, .page27-1 .item3 span, .page27-1 .item4 span, .page27-1 .item5 span { display: block; width: 100%; text-align: center; font-size: 24px; }
.page27-1 .item1 .con, .page27-1 .item2 .con, .page27-1 .item3 .con, .page27-1 .item4 .con, .page27-1 .item5 .con { width: 100%; height: 200px; background-color: #fff; padding: 1px; }
.page27-1 .item1 p, .page27-1 .item2 p, .page27-1 .item3 p, .page27-1 .item4 p, .page27-1 .item5 p { margin-top: 20px; font-size: 16px; line-height: 30px; }
.page27-1 .item1 { margin-left: 200px; }
.page27-1 .item3 { margin-left: 0; }
.page27-1 .item5 { margin-right: 0; }

.page27-2 { width: 100%; height: 597px; position: relative; }
.page27-2 img { width: 1920px; height: 597px; position: absolute; left: 50%; margin-left: -960px; display: block; }

.page27-3 { width: 100%; padding: 50px 0; }
.page27-3 h2 { width: 100%; font-size: 48px; color: #000; margin-bottom: 50px; }
.page27-3 .content { padding: 50px 0; }
.page27-3 p { font-size: 22px; line-height: 40px; color: #666666; }

.page32-1 { width: 100%; height: 658px; position: relative; }
.page32-1 img { width: 1920px; height: 658px; position: absolute; left: 50%; margin-left: -960px; display: block; }

.page32-2 { width: 100%; }
.page32-2 img { display: block; }

.page31-1 { width: 100%; padding: 50px 0; background-color: #f8f8f8; }
.page31-1 h2 { width: 100%; font-size: 60px; color: #000; margin-bottom: 20px; text-align: center; }
.page31-1 .content { padding: 50px 0; }
.page31-1 p { font-size: 18px; line-height: 36px; color: #666666; text-align: center; width: 100%; }

.page31 { width: 100%; }
.page31 img { display: block; }

.page31a { width: 100%; }
.page31a .part1 { width: 100%; padding: 90px 0; }
.page31a .part1 .item { display: inline-block; margin: 25px 5px; text-align: center; cursor: pointer; }
.page31a .part1 .item:hover { color: #14b5ad; }
.page31a .part1 .item:hover img { box-shadow: 0 0 3px 0 #ccc; }
.page31a .part1 img { display: block; margin-bottom: 10px; }
.page31a .part1 p { width: 100%; text-align: center; line-height: 32px; }
.page31a .content { text-align: center; position: relative; }
.page31a .part2 { width: 100%; background-color: #f1f3f5; }
.page31a .part2 h2 { width: 100%; font-size: 48px; line-height: 60px; text-align: center; margin: 90px 0; color: #000000; }
.page31a .part2 .img { position: absolute; bottom: 0; left: 50%; margin-left: -335px; }
.page31a .part2 .con { width: 100%; margin-bottom: 480px; }
.page31a .part2 li { width: 300px; float: left; margin-left: 80px; height: 160px; }
.page31a .part2 li:nth-child(1), .page31a .part2 li:nth-child(4) { margin-left: 0; }
.page31a .part2 h3 { color: #14b5ad; font-size: 30px; margin-bottom: 10px; }
.page31a .part2 p { font-size: 16px; color: #666666; line-height: 30px; }

.fixed30 { width: 220px; position: fixed; top: 200px; left: 50%; margin-left: -550px; z-index: 99; }
.fixed30 li { font-size: 18px; line-height: 60px; }
.fixed30 a { color: #666666; }
.fixed30 a:hover, .fixed30 a.on { color: #14b5ad; }

.page30 { width: 100%; }
.page30 img { display: block; float: right; }

.page30a { width: 100%; }
.page30a .part1 { background-color: #f8f8f8; width: 100%; padding: 50px 0 90px 0; }
.page30a .part2 li { width: 160px; float: left; text-align: center; padding-top: 93px; font-size: 18px; cursor: pointer; margin-left: 75px; }
.page30a .part2 li:first-child { margin-left: 0; }
.page30a .part2 li span { display: block; width: 160px; height: 160px; border-radius: 100%; border: #14b5ad 1px solid; line-height: 160px; text-align: center; display: block; margin-bottom: 25px; font-size: 22px; color: #14b5ad; }
.page30a .part2 li:hover { color: #14b5ad; }
.page30a .part2 li:hover span { background-color: #14b5ad; color: #fff; }
.page30a .line { margin-top: 80px; border-top: #eee 1px solid; padding-top: 80px; }
.page30a .part3 .item1, .page30a .part3 .item2, .page30a .part3 .item3 { width: 26%; float: left; }
.page30a .part3 .item1 h3, .page30a .part3 .item2 h3, .page30a .part3 .item3 h3 { font-size: 22px; margin-bottom: 20px; }
.page30a .part3 .item1 p, .page30a .part3 .item2 p, .page30a .part3 .item3 p { font-size: 15px; line-height: 37px; }
.page30a .part3 .item2, .page30a .part3 .item3 { margin-left: 10.5%; }
.page30a .part3 .tips { font-size: 13px; color: #808080; text-align: justify; margin-top: 80px; }
.page30a .part4 h3 { font-size: 37px; width: 100%; text-align: center; margin-bottom: 80px; }
.page30a .part4 h3 span { margin-left: 2em; font-size: 26px; }
.page30a .part4 .con { width: 100%; position: relative; min-height: 680px; padding-left: 850px; }
.page30a .part4 .img2, .page30a .part4 .img3 { position: absolute; top: 0; }
.page30a .part4 .img2 { left: 0; }
.page30a .part4 .img3 { left: 420px; }
.page30a .part4 p { font-size: 15px; line-height: 30px; }