@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:auto; 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;display:none}
.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("../image/arrow-r1.png") right center no-repeat; background-size: 7px 11px; }
.main-left .slide-nav li.on a { background-image: url(../image/arrow-r2.png); color: #14b5ad; }
.main-left .slide-nav a:hover{ background-image: url(../image/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("../image/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, .page27-1 .content, .page27-3 .content, .page31-1 .content, .page30 .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, .page27-1 .content:before, .page27-3 .content:before, .page31-1 .content:before, .page30 .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, .page27-1 .content:after, .page27-3 .content:after, .page31-1 .content:after, .page30 .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, .page27-1 .content:after, .page27-3 .content:after, .page31-1 .content:after, .page30 .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; line-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; }
input[type=submit]:hover{background-color:#068E87}

.bnt_blue_1{ border: #14b5ad 1px solid; height: 40px; padding: 0 10px; background-color: #14b5ad; text-align: center; color: #fff; font-size: 16px; outline: none; }
.bnt_blue_1:hover{background-color:#068E87}

.bnt_blue_2{ border: #14b5ad 1px solid; height:30px; padding: 0 10px; background-color: #14b5ad; text-align: center; color: #fff; font-size: 16px; outline: none; }
.bnt_blue_2:hover{background-color:#068E87}

.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("../image/close12.png") center center no-repeat; background-size: 32px 32px; margin-top: 20px; }
.alert-login .alert-close:hover,.alert-register .alert-close:hover{ background:url("../image/close_hover.png") center center no-repeat}

.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;top:3px; background: url("../image/input1.png") center center no-repeat; background-size: 32px 32px; }
.alert-login .i2 { background-image: url(../image/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 a:hover{ text-decoration: underline}
.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("../image/input1.png") center center no-repeat; background-size: 32px 32px;top:5px }
.alert-register .i2 { background-image: url(../image/input2.png); }
.alert-register .i3 { background-image: url(../image/input3.png); }
.alert-register .i4 { background-image: url(../image/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("../image/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("../image/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("../image/num-jia.png"); float: right; right: 0; }
.jia-jian .num { width: 60px; height: 30px; line-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 {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 .goumai li { float: left; width: 100px; position: relative; height: 66px; }

header .goumai h3 { line-height: 66px; color: #fff; font-size: 15px; padding-left: 20px; text-align: center}

header .goumai h3 a { color: #fff; }

header .goumai i { width: 7px; height: 4px; display: inline-block; background: url("../image/arrow-down2.png") left top no-repeat; background-size: 7px 4px; position: relative; margin-left: 5px; top: -68px;left: 22px; }

header .goumai .con { width: 155px; background-color: #3e3e3e; text-align: center; position: absolute; left: 0; top: 66px; z-index: 10000; display: none; }

header .goumai #con a {
    width: 100%; height: 40px; line-height: 40px; font-size: 13px; padding-left: 20px; color: #fff; display: block;
    padding-bottom: 0px;
    padding-top: 0px;
}

header .goumai .con a:hover { background-color: #696969; }

header .right { height: 66px; line-height: 66px; position: absolute; left: 880px; }
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("../image/cart2.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(../image/cart21.png); color: #fff; background-color: #14b5ad; }
header .right-user { height: 100px; line-height: 66px; position: absolute; left: 860px; font-size: 13px; color: #a4a4a4; text-align: center; }
header .right-user h3 { background: url("../image/arrow-down21.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; z-index:1000}
.header2 a { color: #666666; margin-right: 30px; }
.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: 300px; 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; margin-bottom:10px}
.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; width: 280px}
.ft-top .right p { width: 100%; text-align: right }
.ft-top .right p b { font-size:28px; 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("../image/icon21.png") 107px center no-repeat #14b5ad; background-size: 21px 21px; text-align: left; font-size: 14px; padding-left: 16px; float: right; box-sizing: border-box; }


.ft-top1 { width: 100%; height: 220px; background-color: #f7f7f7; 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-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-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; }

.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("../image/radio1.png") left center no-repeat; background-size: 18px 18px; padding-left: 30px; cursor: pointer; }
.page11 .li1 i.on { background-image: url(../image/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; padding-right:15px}
.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; line-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: 30px; }
.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;border: 0 }
.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: 220px; }
.page8 .part3 .sp2 { width: 170px; }
.page8 .part3 .sp3 { width: 80px; }
.page8 .part3 .sp4 { width: 200px; }
.page8 .part3 .sp5 { width: 80px; }
.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("../image/icon18.png") center center no-repeat; background-size: 100% 100%; position: absolute; left: -25px; top: 7px; }

.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 .on { background-color: #14b5ad; }
.page19 .part2 { width: 100%; height: 426px; overflow: hidden; }
.page19 .part2 img { width: 100%; height: 426px; overflow: hidden; display: block; }


.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("../image/arrow-b2.png") right center no-repeat; background-size: 10px 5px; cursor: pointer; }
.page33 h3.on { background-image: url(../image/arrow-t2.png); }
.page33 p { line-height: 24px; display: none; }
.page33 i { width: 14px; height: 14px; display: block; position: absolute; left: -25px; }
.page33 .time:before{ width: 25px; height: 18px;background: url(../image/time.png) no-repeat ; content: ""; display: inline-block;vertical-align: middle;}
.page33 span.time{ float: right; color:#666; font-weight: normal; }


.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("../image/arrow12.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: #959595 1px solid; border-radius: 40px; display:inline-block; text-align: center;  color: #959595; 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; }


.page27-1,.page27-2,.page27-3,.page27-4,.page27-5,.page27-6,.page27-7,.page27-8,.page27-9{ width: 100%;position: relative}
.page27-1 img,.page27-2 img,.page27-3 img,.page27-2 img,.page27-4 img,.page27-5 img,.page27-6 img,.page27-7 img,.page27-8 img,.page27-9 img{
    width: 1920px; position: absolute; left: 50%; margin-left: -960px; display: block;
}
.page27-1 { height: 464px }
.page27-1 img {height: 464px}
.page27-1 .con{ position: absolute; top: 130px;left: 50%;
    margin-left: -280px;
    width: 600px;
    z-index: 99;
}
.page27-1  .con h3 {
    font-size: 60px;
    font-weight: lighter;
    margin-bottom: 56px;
    color:#13b4ac;
    letter-spacing:10px
}
.page27-1  .con h3 em{color:#000}
.page27-1  .con p {
    font-size: 86px;
    font-weight: lighter;
    color:#000;
    letter-spacing:10px
}


.page27-2 { height: 596px }
.page27-2 img { height: 596px }
.page27-2 .con{position: absolute;top: 185px;left: 50%;margin-left: -128px;width: 684px;z-index: 99}
.page27-2  .con h3 {font-size: 49px;font-weight: lighter; margin-bottom: 56px;color: #333333}
.page27-2  .con p {font-size: 21px;font-weight: lighter; color: #676767;letter-spacing: 1px;line-height:35px}

.page27-3 { height: 599px }
.page27-3 img {height: 599px }
.page27-3 .con{position: absolute;top: 185px;left: 50%;margin-left: -550px;width: 684px;z-index: 99}
.page27-3  .con h3 {font-size: 49px;font-weight: lighter; margin-bottom: 42px;color: #333333}
.page27-3  .con p {font-size: 21px;font-weight: lighter; color: #676767;letter-spacing: 1px;line-height:35px}

.page27-4 { height: 587px}
.page27-4 img {  height: 587px }
.page27-4 .con{position: absolute;top: 160px;left: 50%;margin-left:-10px;width: 684px;z-index: 99}
.page27-4  .con h3 {font-size: 49px;font-weight: lighter; margin-bottom: 42px;color: #333333}
.page27-4  .con p {font-size: 21px;font-weight: lighter; color: #676767;letter-spacing: 1px;line-height:35px}

.page27-5 { height: 597px}
.page27-5 img {height: 597px }
.page27-5 .con{position: absolute;top: 160px;left: 50%;margin-left:-555px;width: 568px;z-index: 99}
.page27-5  .con h3 {font-size: 49px;font-weight: lighter; margin-bottom: 42px;color: #333333}
.page27-5  .con p {font-size: 21px;font-weight: lighter; color: #676767;letter-spacing: 1px;line-height:35px}

.page27-6 { height: 564px}
.page27-6 img { height: 564px }
.page27-6 .con{position: absolute;top: 160px;left: 50%;margin-left:-12px;width: 568px;z-index: 99}
.page27-6  .con h3 {font-size: 49px;font-weight: lighter; margin-bottom: 42px;color: #333333}
.page27-6  .con p {font-size: 21px;font-weight: lighter; color: #676767;letter-spacing: 1px;line-height:35px}

.page27-7 { height: 504px}
.page27-7 img { height: 504px }
.page27-7 .con{position: absolute;top: 135px;left: 50%;margin-left:-555px;width: 568px;z-index: 99}
.page27-7  .con h3 {font-size: 49px;font-weight: lighter; margin-bottom: 42px;color: #333333}
.page27-7  .con p {font-size: 21px;font-weight: lighter; color: #676767;letter-spacing: 1px;line-height:35px}

.page27-8 {height: 597px}
.page27-8 img { height: 597px}
.page27-8 .con{position: absolute;top:260px;left: 50%;margin-left:-555px;width: 568px;z-index: 99}
.page27-8  .con h3 {font-size: 49px;font-weight: lighter; margin-bottom: 42px;color: #fff}
.page27-8  .con p {font-size: 21px;font-weight: lighter; color: #fff;letter-spacing: 1px;line-height:35px}

.page27-9 {height: 512px; background:#fff}
.page27-9 img {height: 512px }
.page27-9 .con{position: absolute;top: 130px;left: 50%;margin-left:-555px;width:1122px;z-index: 99}
.page27-9  .con h3 {font-size: 49px;font-weight: lighter; margin-bottom: 42px;color: #333333; width:610px}
.page27-9  .con p {font-size: 21px;font-weight: lighter; color: #676767;letter-spacing: 1px;line-height:35px}



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


.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%; background:#fff}
.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 }
.page31 .content{ position: relative}
.page31 .box1{position: absolute;top:120px;left: 50%;margin-left:-360px;z-index: 99}
.page31 .box1 h1{font-size:45px}
.page31 .box2{position: absolute;top:200px;left: 50%;margin-left:-598px;z-index: 99}
.page31 .box2 .item {width: 30%;
    margin: 0 1.5%;
    float: left;
    height: 190px;
}
.page31 .box2 .item h3 {
    width: 100%;
    text-align: left;
    font-size: 32px;
    color: #333;
    line-height: 40px;
    color: #14b5ad;
    margin-top: 40px;
    margin-bottom: 10px;
}
.page31 .box2 .item p {
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #666666;
    line-height: 1.5;
}

.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; text-align: center;margin:auto }

.page30 { width: 100%; }
.page30 img { display: block; text-align: center;margin:auto }
.page30_tab1{ margin-top:65px}
.page30_tab1 .page_30_tab1_left,.page30_tab1 .page_30_tab1_middle,.page30_tab1 .page_30_tab1_right{ float: left; width:250px; margin-right:120px}
.page30_tab1 .page_30_tab1_right{margin-right:0}
.page30_tab1 h3{ font-size: 25px; line-height: 50px;color:#000}
.page30_tab1 p{ font-size: 16px; line-height: 40px; text-align: left}
.page30_tab1 .tip{ text-align: center;font-size:14px; line-height: 25px; margin-top: 100px;color:#808080;padding-bottom: 100px}

.page30_tab2{padding-top: 80px; border-top: 2px solid  #E1E1E1}
.page30_tab2 h2{ font-size: 35px; line-height: 50px; text-align: center}
.page30_tab2 h2 span{font-size:20px}
.page30_tab2 .right,.page30_tab2 .left{ margin-top: 100px}
.page30_tab2 .right{ margin-left: 100px}
.page30_tab2 .right p{  line-height: 35px; text-align: left}

.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("../image/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(../image/bg211.png); }
.step .right .step1.on { background-image: url(../image/bg211-on.png); }
.step .right .step2, .step .right .step3 { background-image: url(../image/bg212.png); }
.step .right .step2.on, .step .right .step3.on { background-image: url(../image/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;padding: 20px; font-size: 18px;text-align: center }
.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;text-align:center }
.product-list .title .sp1 { padding-left:0 }
.product-list p{text-align: center; line-height: 30px}
.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: 95px; 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; text-align:center}
.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("../image/close12.png") center center no-repeat; background-size: 32px 32px; margin: 45px auto; margin-left: 30px; }
.product-list .jia-jian { margin-top: 45px; margin-left: 35px }
.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; }
.product-list .total .btn-pay:hover{ background-color: #FF3131}

.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;cursor: pointer;margin-bottom: 40px;}
.order-info .part1 .on{border:1px solid #14b5ad}
.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%; line-height: 25px; 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;border: 0 }
.order-info .total .btn-pay:hover{ background-color:#FF3131 }

.page05 { width: 100%; height: 8485px;background:#fff }
.page05.p29txt { height: 8200px; }
.page05 img { width: 1920px; position: absolute; left: 50%; margin-left: -960px; }
.page05 .box02 { width: 100%; height: 930px; 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;line-height:30px }
.page05 .box04 { width: 100%; padding-bottom:40px; 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: 1em; 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: 24px; color: #000; line-height: 1.5; margin-bottom: 40px; }
.page05 .box05 .item p.item_desc{font-size:18px}

.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: 651px; 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 .a_on { 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: 20px; margin-bottom: 20px; }
.page6-2 h3 i { font-size: 12px; color: #777777; }
.page6-2 .taocan span { padding-left: 5px;padding-right: 5px; 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: 13px; 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:30px; }
.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-2 .p3 .btn-buy:hover{ background-color: #FF3131}

.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; }


.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; }

.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; }


.leftLayer{ width: 48px;
    height: 149px;
   position: fixed;bottom:118px;right: 50%; opacity: 1; cursor: pointer;margin-right: -620px;z-index: 100
}
.leftLayer .erweimaWrap {
    position: relative;
}
.leftLayer a.erweima {
    display: block;
    width: 48px;
    height: 100px;
    background: url(../image/erweima2.png) no-repeat 0 0;
    border: 0;
    margin-top: 10px;
    padding: 0;
}
.erweimaWrap .erweimaContent {
    position: absolute;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    box-shadow: 1px 3px 3px #ebebeb;
    width: 200px;
    padding: 10px;
    background: #fff;
    left: -216px;
    top: 50%;
    margin-top: -108px;
}
.erweimaWrap .erweimaContent s {
    position: absolute;
    width: 9px;
    height: 35px;
    background: url(../image/erweima_arrow.png) no-repeat 0 0;
    left: 198px;
    top: 50%;
    margin-top: -20px;
}

.product_item{padding:5px; margin-top: 15px}
.product_content{ width: 450px; height: 185px}
.product_item_left{ width: 150px; float: left}
.product_item_left img{}
.product_item_right{ width: 300px; float: left}
.product_item_right p { line-height: 30px}
.product_item_cp a.cp{ border: 1px solid #000; padding: 5px;margin: 3px}

.page20 { width: 100%; font-size: 12px; }
.page20 th, .page20 td { height: 60px;height:40px }
.page20 th { background-color: #f8f8f8; font-size: 14px; color: #333333; text-indent: 10px }
.page20 th:nth-child(1) { width: 160px; }
.page20 th:nth-child(2) { width: 170px; }
.page20 th:nth-child(3) { width: 170px; }
.page20 th:nth-child(4) { width: 170px; }
.page20 th:nth-child(4) { width: 110px; }

.msg_goods{}
.msg_goods .main_pic{vertical-align:middle;background:url(../image/333.png) no-repeat;padding-left:60px; width:300px;height: 83px;padding-top:16px;margin-left:25px}
p.tips{color:#949191}
.product_code{ background: #b9b9b8;border-radius: 5px; text-align: center;padding:5px;color:#fff}
.msg_address  .item { width: 280px; height: 180px; border: #eee 1px solid; float: left; margin:30px 30px 0 0; text-align: center; padding:20px; position: relative;cursor: pointer}
.msg_address  .on{border:1px solid #14b5ad}
.msg_address  p { font-size: 14px;}
.msg_address  .btn-add { width: 100%; line-height: 25px; display: inline-block; text-align: center; font-size: 14px; }
.msg_address  .btn-add img { display: block; margin: 30px auto 10px auto; }
.msg_address textarea{width: 630px; height:250px}

.page11 .tag1 select{border: #eee 1px solid}
.page11 .tag1 input[name='checkbox']{border: #eee 1px solid}
.page11 .tag_2{display:none}
.page11 .tag_3{display:none; padding-left: 0}

.support-sub-title {
    text-align: center;
    padding-bottom:40px;
}
.support-sub-title li {
    display: inline-block;
    width: 214px;
    height: 98px;
    margin: 0 15px;
    background: url(../image/aftermarket-select-box.png) no-repeat;
    line-height: 98px;
    text-align: center;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    padding:0
}
.support-sub-title li.disabled {
    opacity: .62;
    cursor: default;
}
.support-sub-title li.on {
    background: url(../image/aftermarket-select-box.png) 0 -100px no-repeat;
}

.order-info-wrapper {
    overflow: hidden;
    padding-bottom: 40px;
}
.order-status-wrapper {
    width: 740px;
    height: 155px;
    margin: 10px auto 0;
}
.order-process .order-status-wrapper {
    position: relative;
    top: 1px;
    z-index: 2;
    overflow: hidden;
}
.order-process .account-order-detail .order-status-process {
    width: 720px;
    height: 38px;
    margin: 5px auto 0;
}

.order-process .order-status-process {
    position: relative;
    background: url(../image/order-process.png) 0 -307px repeat-x;
    top:40px;
    width: 660px;
    height: 38px;
    margin: 35px auto 0;
}
.order-process .order-status-process .status-process {
    display: block;
    height: 38px;
    background: url(../image/order-process.png) 0 -257px repeat-x;
}
.order-process .order-status-process .status-on {
    background: url(../image/order-status-bottom-arrow.png) center bottom no-repeat;
}
.order-process .order-status-text {
    position: absolute;
    left: 0;
    top: -33px;
    width: 200px;
    height: 140px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    color: #666;
}
.order-process .order-status-text h5 {
    font-size: 16px;
    color: #999;
    font-weight:500;
    text-align:center
}
.order-process .order-status-process .status-on span.point {
    background: url(../image/order-process.png) 0 -8px no-repeat;
}
.order-process .order-status-text .point {
    display: block;
    width: 38px;
    height: 38px;
    margin: 18px auto 5px;
    background: url(../image/order-process.png) 0 -158px no-repeat;
}
.order-process .order-status-text p {text-align: center}
.order-status-now {
    background: #F6F6F6;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 20px 30px;
    margin: 0 30px;
    line-height: 38px;
}


.article-lists {
    background: #FFF;
    overflow: hidden;
    padding: 40px;
    width: 870px;
    float:left
}
.article-lists ul li {
    font-size: 14px;
    border-bottom: 1px solid #e6e7e8;
    margin: 0 0 30px;
    padding: 0 0 30px 0;
    overflow: hidden;
}
.article-lists h2 a {
    font-size: 22px;
    color: #333;
}
.article-lists .public-date {
    color: #888;
    margin: 25px 0;
    font-size: 12px;
}
.article-lists .article-content {
    line-height: 26px;
}
.article-lists ul li img {
    width: 100%;
    margin: 0 0 25px 0;
    display: block;
}
article-lists a.readmore {
    float: right;
}

.article-sider {
    float: right;
    width: 212px;
    background: #fff;
    box-shadow: rgba(0,0,0,.27) 0 1px 3px;
    overflow: hidden;
    margin-bottom: 55px;
}
.article-sider h1 {
    border-bottom: 1px solid #CFCFCF;
    box-shadow: rgba(0,0,0,.12) 0 1px 8px;
    line-height: 60px;
    font-size: 18px;
    padding-left: 30px;
    position: relative;
}
.article-sider li {
    line-height: 50px;
    border-bottom: 1px solid #cfcfcf;
    list-style: none;
}
.article-sider li a {
    padding-left: 30px;
    color: #000;
    font-size: 16px;
    display: block
}
.article-sider li a:hover{background: #14b5ad;color:#fff}