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

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: #4e4e4e; -webkit-tap-highlight-color: transparent; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; width: auto; max-width: 100%; width: 100%; -ms-interpolation-mode: bicubic; }

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: 0; }

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; empty-cells: show; font-size: inherit; }

body { font-size: 24px; }

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-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #4e4e4e; background: #fff; margin: 0 auto; min-width: 320px; max-width: 640px; }

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

small { font-size: 0.875em; }

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

.tabBox .bd li, header .hd-top, nav ul, .cnav, footer, footer .ft-top, .page14 ul, .page21, .page1 .part3 .con, .page2 .part4 .con, .page8 .part3 .con, .page8 .part6 .con, .page16 .part4 .con, .page16 .part5, .page19 .part4 .con, .page19 .part5, .cf { *zoom: 1; }
.tabBox .bd li:before, header .hd-top:before, nav ul:before, .cnav:before, footer:before, footer .ft-top:before, .page14 ul:before, .page21:before, .page1 .part3 .con:before, .page2 .part4 .con:before, .page8 .part3 .con:before, .page8 .part6 .con:before, .page16 .part4 .con:before, .page16 .part5:before, .page19 .part4 .con:before, .page19 .part5:before, .tabBox .bd li:after, header .hd-top:after, nav ul:after, .cnav:after, footer:after, footer .ft-top:after, .page14 ul:after, .page21:after, .page1 .part3 .con:after, .page2 .part4 .con:after, .page8 .part3 .con:after, .page8 .part6 .con:after, .page16 .part4 .con:after, .page16 .part5:after, .page19 .part4 .con:after, .page19 .part5:after, .cf:before, .cf:after { content: ""; display: table; }
.tabBox .bd li:after, header .hd-top:after, nav ul:after, .cnav:after, footer:after, footer .ft-top:after, .page14 ul:after, .page21:after, .page1 .part3 .con:after, .page2 .part4 .con:after, .page8 .part3 .con:after, .page8 .part6 .con:after, .page16 .part4 .con:after, .page16 .part5:after, .page19 .part4 .con:after, .page19 .part5:after, .cf:after { clear: both; }

.page22 h3, .page15 h3, .page10 .item h3, .page14 ul h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.left, .right { float: left; }

.show { display: block !important; }

.hide { display: none !important; }

.h50 { width: 100%; height: 98px; }

.bg { background-color: #eae8e8; }

header .hd2, .page22 .item, .page6 input[type=text] { box-shadow: 0px 6px 5px #888; border: #eae8e8 1px solid; }

nav.bg { box-shadow: 0px 6px 5px #888; border: #eae8e8 1px solid; }

input[type=text], input[type=password] { border: #eae8e8 1px solid; height: 60px; border-radius: 10px; padding: 0 10px; }

textarea { height: auto; min-height: 240px; border: #eae8e8 1px solid; border-radius: 10px; padding: 10px; }

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

.alert-xxx { position: fixed; top: 0; width: 80%; left: 10%; background-color: #f1f2f6; z-index: 999; display: none; }
.alert-xxx .alert-close { width: 80px; height: 80px; position: absolute; right: -40px; top: -40px; background: url(../images/close.png) center center no-repeat; background-size: 100% 100%; display: block; z-index: 1000; }

.banner { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.banner .hd { width: 100%; height: 22px; position: absolute; z-index: 99; bottom: 20px; text-align: center; }
.banner .hd ul { display: inline-block; height: 10px; padding: 6px 10px; border-radius: 10px; font-size: 0; vertical-align: top; }
.banner .hd ul li { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff; margin: 0 10px; vertical-align: top; overflow: hidden; }
.banner .hd ul .on { background: #00b7ee; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; background: url(images/loading.gif) center center no-repeat; display: block; }
.banner .bd li a { -webkit-tap-highlight-color: transparent; }

.tabBox { font-weight: lighter; }
.tabBox .hd { padding: 20px; width: 100%; }
.tabBox .hd ul { width: 100%; height: 60px; line-height: 60px; font-size: 0.28rem; overflow: hidden; }
.tabBox .hd li { height: 60px; line-height: 60px; float: left; text-align: center; width: 33%; }
.tabBox .hd li.on { display: block; }
.tabBox .hd li.on a { color: #00b7ee; }
.tabBox .bd { width: 100%; }
.tabBox .bd li { border-top: #1b1b1b 1px solid; padding: 20px; }
.tabBox .left { width: 20%; float: left; margin-right: 20px; }
.tabBox .right { width: 75%; float: left; }
.tabBox .right a { font-size: 225px; margin: 6px 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

header { width: 640px; background-color: #fff; }
header .hd-top { width: 100%; height: 110px; border-bottom: #eae8e8 1px solid; }
header .logo { width: 149px; height: 67px; float: left; margin-left: 40px; margin-top: 20px; }
header .right { width: 300px; float: right; text-align: center; margin-top: 20px; margin-right: 40px; }
header .right p { width: 100%; text-align: center; font-size: 20px; line-height: 32px; }
header .hd2 { width: 100%; height: 70px; line-height: 70px; background-color: #e5e5e5; padding: 0 20px; position: relative; }
header .hd2 .back { position: relative; z-index: 99; background: url("../images/back2.png") left center no-repeat; background-size: 15px 26px; padding-left: 25px; float: left; }
header .hd2 .index { position: relative; z-index: 99; float: right; border: #c9c9c9 2px solid; background-color: #fff; width: 70px; height: 40px; line-height: 40px; text-align: center; margin-top: 10px; }
header .hd2 h3 { position: absolute; width: 100%; text-align: center; }

nav { width: 100%; height: 50px; }
nav ul { width: 100%; }
nav li { float: left; line-height: 50px; width: 20%; text-align: center; font-weight: bold; font-size: 18px; }
nav a { font-weight: bold; }
nav.bg li { background-color: #eeeeee; }

.cnav { width: 100%; height: 60px; background-color: #fce9db; margin-top: 2px; }
.cnav li { width: 25%; float: left; line-height: 60px; text-align: center; }
.cnav a { color: #333; font-weight: bold; }

footer { width: 640px; overflow: hidden; z-index: 10; padding: 10px 20px 40px 20px; box-sizing: border-box; }
footer .ft-top { width: 100%; }
footer .ft-top a { width: 290px; height: 100px; background: url("../images/icon1.png") 40px center no-repeat #003f5f; background-size: 40px 40px; display: block; color: #fff; padding-left: 100px; float: left; padding-top: 15px; }
footer .ft-top .a1 { margin-right: 20px; }
footer .ft-top .a2 { background-image: url(../images/icon2.png); }
footer .ft-top span { display: block; width: 100%; }
footer .back-top { width: 100%; padding-top: 30px; text-align: center; }
footer .back-top a { background: url("../images/icon3.png") left center no-repeat; background-size: 25px 26px; padding-left: 30px; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.page22 { width: 100%; margin-top: 20px; margin-bottom: 40px; }
.page22 .item { width: 100%; height: 180px; position: relative; margin-bottom: 20px; padding-left: 20px; background: url("../images/arrow-right.png") 96% center no-repeat #fff; background-size: 8px 14px; }
.page22 h3 { line-height: 180px; width: 400px; }
.page22 h3 a { font-weight: bold; }
.page22 .img { width: 150px; height: 150px; position: absolute; right: 40px; top: 15px; }

.page18, .page04 { width: 100%; padding: 20px; }
.page18 .item, .page04 .item { width: 100%; height: 165px; position: relative; margin-bottom: 20px; padding-left: 150px; border-bottom: #bfbfbf 3px solid; background: url("../images/arrow-right.png") 96% center no-repeat; background-size: 8px 14px; overflow: hidden; }
.page18 h3, .page04 h3 { width: 90%; color: #bd2791; padding-top: 5px; height: 75px; font-family: "楷体"; }
.page18 h3 a, .page04 h3 a { font-weight: bold; color: #bd2791; line-height: 32px; }
.page18 h3 span, .page04 h3 span { font-size: 20px; margin-left: 10px; font-family: "微软雅黑"; }
.page18 p, .page04 p { width: 90%; font-size: 18px; line-height: 28px; }
.page18 .img, .page04 .img { width: 130px; height: 130px; position: absolute; left: 0px; top: 10px; }
.page18 .img img, .page04 .img img { width: 100%; height: 100%; display: block; }

.page04 h3 p { font-family: "楷体"; }

.page15 { width: 100%; padding: 40px 20px; }
.page15 h1 { width: 100%; text-align: center; font-size: 32px; font-weight: bold; color: #333; margin-bottom: 60px; }
.page15 .item { width: 100%; position: relative; min-height: 132px; margin-bottom: 20px; padding-left: 220px; }
.page15 .img { width: 176px; height: 132px; position: absolute; left: 0; top: 0; }
.page15 .img img { display: block; }
.page15 h3 { width: 100%; font-size: 24px; margin-bottom: 20px; }
.page15 p { width: 100%; text-align: justify; font-size: 18px; }

.page10 { width: 100%; }
.page10 .title { margin: 30px 0; height: 50px; line-height: 50px; color: #fff; padding: 0 20px; font-weight: bold; font-size: 20px; }
.page10 .t1 { background-color: #ea68a2; }
.page10 .t2 { background-color: #313131; }
.page10 .t3 { background-color: #8f82bc; }
.page10 .item { width: 100%; padding: 20px 180px 20px 40px; background: url("../images/icon4.png") left top no-repeat #eeeeee; background-size: 28px 16px; position: relative; height: 145px; margin-bottom: 20px; overflow: hidden; }
.page10 .item .video { width: 145px; height: 145px; position: absolute; top: 0; right: 0; display: block; }
.page10 .item .video img { display: block; }
.page10 .item h3 { color: #ffa633; font-size: 18px; width: 100%; }
.page10 .item p { font-size: 16px; }

.page20 { width: 100%; padding: 40px 20px; }
.page20 h1 { width: 100%; font-size: 24px; text-align: center; }
.page20 .info { width: 100%; text-align: center; margin-bottom: 40px; margin-top: 10px; }
.page20 p { width: 100%; text-indent: 2em; margin-bottom: 1em; }
.page20 img { width: 100%; display: block; margin-bottom: 40px; }

.page14 { width: 100%; padding: 40px 0px; }
.page14 h1 { width: 100%; text-align: center; font-size: 32px; font-weight: bold; color: #333; margin-bottom: 60px; }
.page14 h3 { width: 100%; background: url("../images/icon14.png") left center no-repeat; background-size: 34px 34px; padding-left: 34px; font-weight: bold; color: #333; margin-bottom: 40px; }
.page14 ul { width: 100%; padding: 10px; }
.page14 ul li { width: 185px; margin: 10px; float: left; height: 200px; overflow: hidden; }
.page14 ul img { width: 185px; height: 132px; overflow: hidden; border-radius: 10px; display: block; }
.page14 ul h4 { width: 100%; text-align: center; font-size: 18px; margin: 5px 0; }
.page14 ul p { width: 100%; text-align: right; font-size: 18px; }

.page13, .page11, .page07 { width: 100%; padding: 40px 0px; }
.page13 h1, .page11 h1, .page07 h1 { width: 100%; text-align: center; font-size: 32px; font-weight: bold; color: #333; margin-bottom: 60px; }
.page13 .con, .page11 .con, .page07 .con { width: 100%; padding: 0 20px; }
.page13 .con p, .page11 .con p, .page07 .con p { margin-bottom: 40px; width: 100%; text-align: justify; font-size: 20px; line-height: 32px; }

.page11 img { width: 100%; display: block; margin-bottom: 40px; }

.page07 img { width: 100%; display: block; margin-bottom: 40px; }
.page07 .con p { font-size: 16px; }

.page12 { width: 100%; padding: 40px 0px; overflow: hidden; }
.page12 img { width: 100%; display: block; margin-bottom: 40px; }

.page21 { width: 100%; padding: 5px 20px 40px 20px; }
.page21 .city { width: 100%; background: url("../images/addrline.png") left top repeat; background-size: 1px 61px; line-height: 61px; padding-left: 4em; position: relative; color: #fff; font-size: 24px; }
.page21 .city a { color: #fff; margin-right: 20px; white-space: nowrap; }
.page21 .city span { position: absolute; left: 10px; }
.page21 .item { width: 50%; float: left; padding: 10px; margin-top: 30px; }
.page21 .item h3 { background: url("../images/addr.png") left center no-repeat; background-size: 28px 28px; padding-left: 30px; margin-bottom: 10px; font-size: 24px; }
.page21 .item p { width: 100%; font-size: 20px; }

.page6 { width: 100%; padding: 30px 20px 0 20px; }
.page6 h3 { font-size: 24px; color: #e4007f; margin-bottom: 30px; }
.page6 input[type=text], .page6 select { width: 100%; height: 60px; line-height: 60px; background-color: #fff; border-radius: 0; padding-left: 30px; }
.page6 select { border: #bfbfbf 1px solid; }
.page6 li { margin-bottom: 40px; }
.page6 input[type=submit] { width: 100%; height: 90px; line-height: 90px; text-align: center; background-color: #e4007f; border: none; color: #fff; font-size: 24px; }
.page6 .tel { width: 100%; height: 60px; line-height: 60px; padding: 0 30px; background: url("../images/tel2.png") 20px center no-repeat #fff; background-size: 25px 23px; padding-left: 60px; font-weight: bold; color: #000; border: #bfbfbf 1px solid; }
.page6 .tel a { float: right; background: url("../images/arrow-right2.png") right center no-repeat; background-size: 15px 26px; padding-right: 25px; }

.page1 { width: 100%; padding: 20px; font-size: 20px; }
.page1 .part1 { width: 100%; position: relative; padding-right: 190px; margin-top: 40px; }
.page1 .part1 .img { width: 150px; height: 150px; display: block; position: absolute; right: 0; top: 20px; }
.page1 .part1 p { width: 100%; text-align: justify; font-size: 18px; }
.page1 .part2 { width: 100%; margin-top: 40px; }
.page1 .part2 h3 { font-size: 24px; color: #333; }
.page1 .part2 h4 { font-size: 20px; color: #333; margin-bottom: 10px; }
.page1 .part2 p { font-size: 18px; }
.page1 .part3 { width: 100%; margin-top: 40px; }
.page1 .part3 h3 { font-size: 28px; font-weight: bold; color: #1b3d5d; }
.page1 .part3 h4 { width: 100%; color: #1b3d5d; margin-bottom: 40px; }
.page1 .part3 .con { width: 100%; padding: 10px 50px; }
.page1 .part3 .con img { width: 224px; height: 185px; display: block; float: left; margin: 10px; }

.page2 { width: 100%; padding: 20px; font-size: 20px; }
.page2 .part1 { width: 100%; position: relative; padding-left: 180px; margin-top: 40px; font-size: 18px; }
.page2 .part1 .img { position: absolute; left: 0; top: 0; width: 156px; height: 156px; display: block; }
.page2 .part2 { width: 100%; position: relative; padding-right: 250px; margin-top: 40px; min-height: 230px; }
.page2 .part2 .img { width: 228px; height: 228px; display: block; position: absolute; right: 0; top: 20px; }
.page2 .part2 h3 { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 20px; }
.page2 .part2 p { width: 100%; text-align: justify; font-size: 18px; }
.page2 .part3 { width: 100%; margin-top: 40px; }
.page2 .part3 h2 { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 40px; }
.page2 .part3 .item { width: 100%; border-bottom: #bfbfbf 1px solid; min-height: 226px; padding-top: 10px; padding-bottom: 20px; padding-left: 210px; position: relative; margin-bottom: 20px; overflow: hidden; }
.page2 .part3 .item img { width: 188px; height: 145px; display: block; position: absolute; left: 0; top: 10px; }
.page2 .part3 .item h3 { color: #333; font-weight: bold; }
.page2 .part4 { width: 100%; margin-top: 40px; }
.page2 .part4 h3 { font-size: 24px; font-weight: bold; }
.page2 .part4 p { width: 100%; margin-bottom: 40px; }
.page2 .part4 .con { width: 100%; padding: 10px 50px; }
.page2 .part4 .con img { width: 224px; height: 185px; display: block; float: left; margin: 10px; }
.page2 .part5 { margin-top: 40px; padding-bottom: 50px; }
.page2 .part5 img { width: 100%; display: block; margin-bottom: 40px; }
.page2 .part5 .con { width: 440px; height: 300px; display: block; margin: 0 auto; text-align: center; }

.page8 { width: 100%; padding: 20px; font-size: 20px; }
.page8 .title { font-size: 24px; color: #167aeb; font-weight: bold; margin-bottom: 10px; }
.page8 .title span { font-size: 1.4em; }
.page8 > div { margin-top: 40px; width: 100%; }
.page8 .part1 .img { width: 144px; height: 167px; display: block; float: right; margin-left: 20px; }
.page8 .part1 p { width: 100%; text-align: justify; font-size: 18px; margin-bottom: 20px; }
.page8 .part2 .img { width: 220px; height: 203px; display: block; float: right; margin-left: 20px; margin-bottom: 20px; }
.page8 .part2 p { width: 100%; text-align: justify; font-size: 18px; margin-bottom: 20px; }
.page8 .part3 h3 { font-size: 24px; font-weight: bold; }
.page8 .part3 p { width: 100%; margin-bottom: 20px; }
.page8 .part3 .con { width: 100%; padding: 10px 50px; }
.page8 .part3 .con img { width: 224px; height: 185px; display: block; float: left; margin: 10px; }
.page8 .part4 .con { width: 100%; padding: 20px 30px; }
.page8 .part5 { width: 100%; margin-top: 40px; }
.page8 .part5 h2 { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 40px; }
.page8 .part5 .con { width: 100%; border-bottom: #bfbfbf 1px solid; min-height: 226px; padding-top: 10px; padding-bottom: 20px; padding-left: 210px; position: relative; margin-bottom: 20px; overflow: hidden; }
.page8 .part5 .con .img { width: 188px; height: 145px; display: block; position: absolute; left: 0; top: 10px; }
.page8 .part5 .con h3 { color: #333; font-weight: bold; }
.page8 .part6 .con { width: 100%; margin-top: 20px; }
.page8 .part6 .con img { width: 177px; height: 167px; display: block; float: left; margin-left: 25px; }
.page8 .part6 .con img:first-child { margin-left: 0; }
.page8 .part7 { margin-top: 40px; padding-bottom: 50px; }
.page8 .part7 img { width: 100%; display: block; margin-bottom: 40px; }
.page8 .part7 .con { width: 440px; height: 300px; display: block; margin: 0 auto; text-align: center; }

.page9 { width: 100%; padding: 20px; font-size: 20px; }
.page9 .title { font-size: 24px; color: #167aeb; font-weight: bold; margin-bottom: 10px; }
.page9 .title span { font-size: 1.4em; }
.page9 > div { margin-top: 40px; width: 100%; }
.page9 .part1 { width: 100%; position: relative; }
.page9 .part1 .img { width: 154px; height: 169px; display: block; float: left; margin-right: 20px; margin-bottom: 20px; }
.page9 .part1 p { width: 100%; text-align: justify; font-size: 18px; margin-bottom: 20px; }
.page9 .btn1, .page9 .btn2 { width: 140px; height: 50px; line-height: 50px; border-radius: 10px; display: block; text-align: center; color: #000; margin-top: 60px; margin-bottom: 20px; font-size: 28px; }
.page9 .btn1 { background-color: #00b7ee; }
.page9 .btn2 { background-color: #22ac38; }
.page9 .part2 { margin-top: 40px; padding-bottom: 40px; border-bottom: #666 2px solid; }
.page9 .part2 h3 { font-weight: bold; color: #333; margin-bottom: 20px; font-size: 24px; }
.page9 .part2 p { width: 100%; font-size: 18px; color: #696969; margin-bottom: 10px; }
.page9 .part2 img { width: 100%; display: block; }
.page9 .part3 p { width: 100%; font-size: 18px; color: #696969; margin-bottom: 10px; }
.page9 .part4 { margin-top: 40px; padding-bottom: 50px; }
.page9 .part4 img { width: 100%; display: block; margin-bottom: 40px; }
.page9 .part4 .con { width: 440px; height: 300px; display: block; margin: 0 auto; text-align: center; }

.page16 { width: 100%; padding: 20px; font-size: 20px; }
.page16 > div { margin-top: 40px; width: 100%; }
.page16 h1 { width: 100%; text-align: center; margin-top: 40px; }
.page16 p { width: 100%; text-align: justify; font-size: 18px; margin-bottom: 10px; }
.page16 .part1 .img { width: 178px; height: 155px; display: block; float: right; margin-left: 20px; margin-bottom: 20px; }
.page16 .part2 { margin-top: 60px; }
.page16 .part2 h3 { width: 100%; border-top: #979191 1px solid; }
.page16 .part2 h3 span { display: block; padding: 0 30px; height: 60px; line-height: 60px; color: #fff; background-color: #979191; width: 300px; margin: 0 auto; text-align: center; margin-bottom: 40px; }
.page16 .part2 img { width: 100%; display: block; margin: 30px 0; }
.page16 .part3 { width: 100%; margin-top: 60px; }
.page16 .part3 h3 { font-weight: bold; color: #000; margin-bottom: 24px; margin-bottom: 20px; }
.page16 .part3 p { color: #5b5b5b; }
.page16 .part3 img { width: 100%; display: block; margin: 30px 0; }
.page16 .part4 { width: 100%; margin-top: 60px; }
.page16 .part4 h3 { font-weight: bold; color: #000; margin-bottom: 24px; margin-bottom: 20px; text-align: center; }
.page16 .part4 p { text-align: center; }
.page16 .part4 .con { width: 100%; margin: 30px 0; }
.page16 .part4 .con img { width: 192px; height: 179px; display: block; float: left; margin-left: 10px; }
.page16 .part4 .con img:first-child { margin-left: 0; }
.page16 .btn3 { width: 220px; height: 50px; line-height: 50px; border-radius: 10px; display: block; text-align: center; color: #000; margin-top: 60px; margin-bottom: 20px; font-size: 28px; }
.page16 .btn3 { background-color: #87578a; color: #fff; }
.page16 .part5 { width: 100%; }
.page16 .part5 img { width: 286px; height: 251px; display: block; float: left; margin-right: 20px; margin-bottom: 20px; }
.page16 .part5 .mr0 { margin-right: 0; }

.page19 { width: 100%; padding: 20px; font-size: 20px; }
.page19 > div { margin-top: 40px; width: 100%; }
.page19 h1 { width: 100%; text-align: center; margin-top: 40px; }
.page19 p { width: 100%; text-align: justify; font-size: 18px; margin-bottom: 10px; }
.page19 .part1 .img { width: 178px; height: 155px; display: block; float: right; margin-left: 20px; margin-bottom: 20px; }
.page19 .part2 { margin-top: 60px; }
.page19 .part2 h3 { width: 100%; text-align: center; color: #000; }
.page19 .part2 img { width: 100%; display: block; margin: 30px 0; }
.page19 .part2 p { text-indent: 2em; }
.page19 .part3 { width: 100%; margin-top: 60px; }
.page19 .part3 h3 { font-weight: bold; color: #000; margin-bottom: 24px; margin-bottom: 20px; }
.page19 .part3 p { color: #5b5b5b; }
.page19 .part3 img { width: 100%; display: block; margin: 30px 0; }
.page19 .part4 { width: 100%; margin-top: 60px; }
.page19 .part4 h3 { font-weight: bold; color: #000; margin-bottom: 24px; margin-bottom: 20px; text-align: center; }
.page19 .part4 p { text-align: center; }
.page19 .part4 .con { width: 100%; margin: 30px 0; }
.page19 .part4 .con img { width: 192px; height: 179px; display: block; float: left; margin-left: 10px; }
.page19 .part4 .con img:first-child { margin-left: 0; }
.page19 .btn1, .page19 .btn2, .page19 .btn3, .page19 .btn4 { height: 50px; line-height: 50px; border-radius: 10px; display: block; text-align: center; color: #000; margin-top: 60px; margin-bottom: 20px; font-size: 28px; }
.page19 .btn1 { width: 300px; background-color: #40b70c; color: #fff; }
.page19 .btn2 { width: 200px; background-color: #723d38; color: #fff; }
.page19 .btn3 { width: 200px; background-color: #019192; color: #fff; }
.page19 .btn4 { width: 220px; background-color: #87578a; color: #fff; }
.page19 .part5 { width: 100%; }
.page19 .part5 img { width: 286px; height: 251px; display: block; float: left; margin-right: 20px; margin-bottom: 20px; }
.page19 .part5 .mr0 { margin-right: 0; }

.page17 { width: 100%; padding: 20px; font-size: 20px; }
.page17 > div { margin-top: 40px; width: 100%; }
.page17 h1 { width: 100%; text-align: center; margin-top: 40px; }
.page17 p { width: 100%; text-align: justify; font-size: 18px; margin-bottom: 10px; }
.page17 .part1 .img { width: 178px; height: 155px; display: block; float: right; margin-left: 20px; margin-bottom: 20px; }
.page17 .part2 { margin-top: 60px; }
.page17 .part2 h3 { width: 100%; text-align: center; color: #000; }
.page17 .part2 img { width: 100%; display: block; margin: 20px 0; }
.page17 .part2 p { margin-bottom: 40px; }
.page17 .btn1 { height: 80px; border-radius: 10px; display: block; text-align: center; color: #000; margin-top: 60px; margin-bottom: 20px; font-size: 28px; padding-top: 20px; }
.page17 .btn1 i { display: block; width: 100%; text-align: center; font-size: 18px; }
.page17 .btn1 { width: 240px; background-color: #ffa633; color: #fff; }