@charset "UTF-8";
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: #333; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

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

pre { overflow: auto; }

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

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

ton { overflow: visible; }

button, select { text-transform: none; }

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

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

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

input { line-height: normal; }

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

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

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

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

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

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

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

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

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

header .nav, .page1 ul, .section23 .right, .section31, .section32 .content, .section33 .content, .section33 ul, .section41, .section43 .content, .section62 .part1, .section62 .part3 p, .section71, .section72 .content, .section75 .content, .section75 .right .part1, .section81 .content, .section82 ul, .section91 .part1, .section92 .con, .page10 li, .page5 .con, .section11 ul, .cf { *zoom: 1; }
header .nav:before, .page1 ul:before, .section23 .right:before, .section31:before, .section32 .content:before, .section33 .content:before, .section33 ul:before, .section41:before, .section43 .content:before, .section62 .part1:before, .section62 .part3 p:before, .section71:before, .section72 .content:before, .section75 .content:before, .section75 .right .part1:before, .section81 .content:before, .section82 ul:before, .section91 .part1:before, .section92 .con:before, .page10 li:before, .page5 .con:before, .section11 ul:before, header .nav:after, .page1 ul:after, .section23 .right:after, .section31:after, .section32 .content:after, .section33 .content:after, .section33 ul:after, .section41:after, .section43 .content:after, .section62 .part1:after, .section62 .part3 p:after, .section71:after, .section72 .content:after, .section75 .content:after, .section75 .right .part1:after, .section81 .content:after, .section82 ul:after, .section91 .part1:after, .section92 .con:after, .page10 li:after, .page5 .con:after, .section11 ul:after, .cf:before, .cf:after { content: ""; display: table; }
header .nav:after, .page1 ul:after, .section23 .right:after, .section31:after, .section32 .content:after, .section33 .content:after, .section33 ul:after, .section41:after, .section43 .content:after, .section62 .part1:after, .section62 .part3 p:after, .section71:after, .section72 .content:after, .section75 .content:after, .section75 .right .part1:after, .section81 .content:after, .section82 ul:after, .section91 .part1:after, .section92 .con:after, .page10 li:after, .page5 .con:after, .section11 ul:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

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

.content, header .hd-center, .section21, .section31, .section41, .section42, .section62, .section71, .section82, .section91, .section92, .page5 .con { width: 1280px; margin-left: auto; margin-right: auto; }

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

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

.revealOnScroll { opacity: 0; }

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

.banner { width: 100%; height: 297px; overflow: hidden; position: relative; border: 1px solid #ddd; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: 5px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd li { float: left; margin-right: 6px; width: 8px; height: 8px; border-radius: 5px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.banner .hd li.on { background: #ff0000; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 100%; height: 297px; display: block; }
.banner .prev, .banner .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.banner .next { left: auto; right: 3%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }

@-webkit-keyframes opacity { 0% { opacity: 1; }
  100% { opacity: .7; } }
@keyframes opacity { 0% { opacity: 1; }
  100% { opacity: .7; } }
header .hd-center .logo:hover { -webkit-animation: opacity .3s linear forwards; animation: opacity .3s linear forwards; }

header { width: 100%; position: fixed; z-index: 99; }
header .hd-top { width: 100%; height: 36px; background: url(../images/header-bg2.png) 0 0 repeat; background-size: 15px 15px; }
header .hd-top .content { text-align: right; font-size: 14px; line-height: 36px; color: #9d600f; }
header .hd-top a { color: #9d600f; margin: 0 5px; }
header .hd-top a:hover { opacity: .8; }
header .hd-top .btn-buy { color: #fff100; border: #fff100 1px solid; padding: 0 5px; border-radius: 5px; margin: 0 26px; display: inline-block; line-height: 24px; }
header .hd-top .btn-buy:hover { background-color: #fff100; color: #9d600f; }
header .hd-top .logo11 { float: left; padding-top: 5px; }
header .hd-center { height: 90px; background: url(../images/header-bg.png) 0 0 repeat; background-size: 15px 15px; padding: 17px 25px 10px 60px; }
header .hd-center .logo { float: left; }
header .nav { float: right; width: 690px; border-bottom: #f3ead9 1px solid; }
header .nav li { float: left; font-size: 19px; margin-left: 15px; margin-right: 65px; line-height: 36px; margin-top: 28px; }
header .nav li a { color: #f3ead9; }
header .nav li a:hover { -webkit-animation: opacity .3s linear forwards; animation: opacity .3s linear forwards; }
header .nav li.on { border-bottom: 3px #f3ead9 solid; position: relative; bottom: -2px; }

.menu { width: 224px; height: 334px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.6); padding: 18px 35px; text-align: center; position: absolute; left: 0; top: 35px; }
.menu p { text-align: center; font-size: 19px; line-height: 36px; letter-spacing: 6px; }
.menu a { color: #fff; }
.menu a:hover { opacity: .8; }
.menu .e2 { margin-right: 44px; }
.menu .e05 { margin-right: 12px; }
.menu p { border-bottom: #fff 1px solid; }
.menu div { border-top: #fff 4px solid; }
.menu img { display: block; margin: 0 auto 10px auto; }
.menu.p8 { width: 244px; }
.menu.p8 img { margin-top: 25px; margin-bottom: 25px; margin-left: -20px; }

footer { width: 100%; height: 60px; background-color: #fff; text-align: center; font-size: 13px; line-height: 18px; padding-top: 13px; }
footer p { text-align: center; }
footer a { margin: 0 5px; }
footer.fixed-footer { position: fixed; bottom: 0; z-index: 9; }

.section22 li, .section11 .title { font-family: "方正楷体简体","宋体"; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
@-webkit-keyframes opacity2 { 0% { opacity: 1; }
  100% { opacity: .8; } }
@keyframes opacity2 { 0% { opacity: 1; }
  100% { opacity: .8; } }
.page1 { width: 100%; background: url("../images/bg1.jpg") center center no-repeat; background-size: 1680px 870px; }
.page1 .content { min-height: 760px; position: relative; padding-top: 150px; height: 100%; }
.page1 ul { position: absolute; bottom: 100px; padding: 0 110px; }
.page1 ul li { float: left; width: 230px; height: 266px; background-color: rgba(140, 198, 109, 0.8); margin: 16px; padding: 13px; }
.page1 ul li.li2 { background-color: rgba(241, 156, 166, 0.8); }
.page1 ul li.li3 { background-color: rgba(211, 181, 134, 0.8); }
.page1 ul li.li4 { background-color: rgba(226, 207, 175, 0.8); }
.page1 ul li:hover { -webkit-animation: opacity2 .3s linear forwards; animation: opacity2 .3s linear forwards; }
.page1 ul a { color: #fff; font-size: 13px; line-height: 25px; }
.page1 ul a:hover { opacity: .8; }
.page1 ul img { margin-bottom: 10px; }
.page1 .ad { position: absolute; left: 0; bottom: 400px; }

.page2 { width: 100%; background: url("../images/bg2.jpg") center center no-repeat; background-size: 1680px 870px; }
.page2 .content { min-height: 760px; position: relative; padding-top: 150px; height: 100%; }
.page2 .ad { margin-top: 100px; opacity: .4; }

.section21 { height: 600px; padding-top: 70px; }
.section21 .left { float: left; }
.section21 .right { float: right; width: 720px; }
.section21 p { text-align: justify; font-size: 16px; line-height: 29px; color: #3e3a39; margin: 25px 0; }

.section22 { width: 100%; height: 740px; background: url("../images/bg22.png") center top no-repeat #f3ead9; }
.section22 .title { padding-top: 50px; padding-left: 64px; }
.section22 ul { width: 100%; margin-top: 260px; padding: 0 30px; position: relative; height: 328px; }
.section22 li { width: 14.28%; border-left: #d3b586 1px solid; float: left; padding-right: 80px; padding-left: 10px; color: #3e3a39; font-size: 20px; line-height: 34px; height: 330px; padding-top: 20px; position: relative; cursor: pointer; }
.section22 i { display: block; width: 18px; height: 18px; background-color: #d3b586; margin-bottom: 10px; }
.section22 b { width: 140px; text-align: center; line-height: 140px; height: 140px; position: absolute; background-color: #e23726; border: #fff 15px solid; border-radius: 100%; font-size: 31px; color: #fff; left: -20px; }
.section22 .li1 b, .section22 .li3 b, .section22 .li5 b, .section22 .li7 b { top: -210px; }
.section22 .li2, .section22 .li4, .section22 .li6 { margin-top: 130px; height: 200px; }
.section22 .li2 b, .section22 .li4 b, .section22 .li6 b { top: -210px; }
.section22 .li2 b { background-color: #a40182; }
.section22 .li3 b { background-color: #9ed8f6; }
.section22 .li4 b { background-color: #5aa572; }
.section22 .li5 b { background-color: #f6ae69; }
.section22 .li6 b { background-color: #f4b4d0; }
.section22 .li7 b { background-color: #aacd06; }

.section23 { width: 1344px; height: 790px; background: url("../images/bg23.png") center center no-repeat; background-size: 1344px 732px; margin: 0 auto; padding-top: 110px; padding-left: 100px; }
.section23 .left { float: left; width: 360px; margin-right: 30px; }
.section23 .left p { text-align: justify; font-size: 18px; line-height: 37px; color: #3e3a39; margin: 25px 0; }
.section23 .right { width: 800px; padding-top: 95px; font-size: 12px; line-height: 18px; }
.section23 .right li { float: left; width: 33.33%; text-align: center; height: 265px; }
.section23 .right img { display: block; margin: 0 auto 26px auto; }
.section23 .right span { font-size: 10px; line-height: 14px; }

.section24 { width: 100%; background-color: #efeff0; height: 825px; padding-top: 10px; }
.section24 img { display: block; margin: 0 auto; }

.section24-1 { width: 100%; background-color: #efeff0; height: 825px; padding-top: 10px; background: #efeff0 url(../images/img24-2.png) center center no-repeat; background-size: 1680px 825px; position: relative; }
.section24-1 ul { position: absolute; left: 50%; }
.section24-1 li { float: left; margin-right: 10px; }
.section24-1 .part1 { margin-left: -640px; top: 200px; }
.section24-1 .part2 { margin-left: -640px; top: 600px; }
.section24-1 .part3 { margin-left: 40px; top: 600px; }

.page3 { width: 100%; background: url("../images/bg3.jpg") center center no-repeat; background-size: 1680px 870px; }
.page3 .content { min-height: 760px; position: relative; padding-top: 150px; height: 100%; }
.page3 .ad { margin-top: 100px; float: right; }

.section31 { padding: 70px 0; }
.section31 .left { float: left; width: 313px; }
.section31 .center { float: left; width: 388px; margin-left: 35px; }
.section31 .right { float: right; width: 513px; }
.section31 p { text-align: justify; font-size: 16px; line-height: 29px; color: #3e3a39; margin: 25px 0; }

.section32 { width: 100%; background-color: #e4cfae; }
.section32 .left { float: left; }
.section32 img { display: block; }
.section32 .right { float: right; width: 638px; margin-right: 20px; padding-top: 25px; }
.section32 p { text-align: justify; font-size: 16px; line-height: 29px; color: #3e3a39; margin: 22px 0; }

.section33 { width: 100%; height: 875px; background: url("../images/bg32.jpg") center top no-repeat; background-size: 1680px 875px; }
.section33 .right { width: 650px; float: right; margin-right: 35px; padding-top: 100px; }
.section33 p { text-align: justify; font-size: 16px; line-height: 33px; color: #3e3a39; margin: 10px 0; }
.section33 ul { margin-top: 90px; }
.section33 li { width: 306px; float: left; margin-left: 30px; }
.section33 li:first-child { margin-left: 0; }

.page4 { width: 100%; background: url("../images/bg4.jpg") center center no-repeat; background-size: 1680px 870px; }
.page4 .content { min-height: 760px; position: relative; padding-top: 150px; height: 100%; }
.page4 .ad { position: absolute; bottom: 220px; left: 50%; margin-left: -462px; }

.section41 { padding-bottom: 40px; }
.section41 .left { float: left; width: 620px; }
.section41 .arrow { margin-bottom: 30px; }
.section41 img { display: block; }
.section41 .right { float: right; padding-top: 170px; }
.section41 p { text-align: justify; font-size: 17px; line-height: 32px; color: #3e3a39; margin: 25px 0; }

.section42 { padding-bottom: 70px; }
.section42 img { display: block; }
.section42 p { text-align: justify; font-size: 18px; line-height: 32px; color: #3e3a39; margin: 25px 0; }

.section43 { width: 100%; height: 870px; background: url("../images/img43.png") center top no-repeat #f3ead8; padding-top: 312px; }
.section43 .left, .section43 .right { width: 440px; }
.section43 .left img, .section43 .right img { display: block; margin: 0 auto 60px auto; }
.section43 .left { float: left; }
.section43 .right { float: right; }
.section43 p { text-align: justify; font-size: 22px; line-height: 37px; color: #3e3a39; margin: 25px 0; }
.section43 b { color: #e60012; }

.page6 { width: 100%; background: url("../images/bg6.jpg") center center no-repeat; background-size: 1680px 870px; }
.page6 .content { min-height: 760px; position: relative; padding-top: 35px; height: 100%; }
.page6 .ad { position: absolute; bottom: 70px; left: 50%; margin-left: -375px; width: 770px; }
.page6 .ad img { display: block; margin: 0 auto 50px auto; }
.page6 .ad p { text-align: justify; font-size: 18px; line-height: 32px; color: #fff; text-indent: 2em; margin: 40px 0 50px 0; }

.section61 { width: 100%; background: url("../images/bg62.png") center bottom no-repeat; background-size: 1680px 311px; }
.section61 .content { height: 870px; position: relative; position: relative; }
.section61 .part1 { position: absolute; left: 50px; top: 255px; }
.section61 img { display: block; }
.section61 .part2 { position: absolute; left: 570px; top: 90px; }
.section61 .part2 p { text-align: justify; font-size: 18px; line-height: 34px; color: #3e3a39; margin: 25px 0; }
.section61 .part3 { position: absolute; top: 710px; left: 470px; font-size: 19px; line-height: 24px; color: #fff; }
.section61 .part3 .btn-buy { width: 130px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; background: url("../images/cart.png") 15px center no-repeat #f5a200; display: block; padding-left: 20px; color: #fff; font-size: 16px; margin-top: 30px; }
.section61 .part3 .btn-buy:hover { opacity: .8; }

.section62 { padding-top: 60px; padding-bottom: 40px; }
.section62 .part1 { width: 100%; }
.section62 .part1 .left { width: 1042px; float: left; height: 440px; float: left; border: #b5b5b6 1px solid; padding: 35px; }
.section62 .part1 .right { float: right; width: 200px; float: right; margin-right: 20px; }
.section62 .part1 .right img { margin-top: 42px; cursor: pointer; }
.section62 .part1 .right img:first-child { margin-top: 0; }
.section62 .part1 p { text-align: justify; font-size: 20px; line-height: 40px; color: #3e3a39; margin: 25px 0; }
.section62 .part1 img { display: block; margin: 0 auto; }
.section62 .part2 { padding: 40px 0; }
.section62 .part2 img { display: block; }
.section62 .part3 { padding-top: 80px; }
.section62 .part3 img { display: block; margin: 0 auto 35px auto; }
.section62 .part3 p { font-size: 19px; line-height: 55px; color: #7e7e7e; padding: 0 65px 0 30px; }
.section62 .part3 span { display: block; width: 25%; text-align: center; float: left; }
.section62 .part3 .sp1 { width: 20%; }
.section62 .part3 .sp2 { width: 28%; }
.section62 .part3 .sp3 { width: 22%; }
.section62 .part3 .sp4 { width: 30%; }

.page7 { width: 100%; background: url("../images/bg7.jpg") center center no-repeat; background-size: 1680px 870px; }
.page7 .content { min-height: 760px; position: relative; padding-top: 35px; height: 100%; }
.page7 .ad { float: right; margin-top: 145px; margin-right: 60px; }
.page7 .ad img { display: block; }

.section71 { margin-bottom: 60px; }
.section71 .left { float: left; width: 800px; padding: 110px 10px 10px 10px; }
.section71 .img2 { display: block; margin: 60px auto; }
.section71 p { text-align: justify; font-size: 18px; line-height: 28px; color: #3e3a39; margin: 25px 0; }
.section71 .right { width: 450px; float: right; text-align: center; padding-top: 75px; }
.section71 .right img { display: block; margin: 0 auto 20px auto; }
.section71 .btn-buy { width: 130px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; background: url("../images/cart.png") 15px center no-repeat #b41128; display: block; padding-left: 20px; color: #fff; font-size: 16px; margin: 0 auto; }
.section71 .btn-buy:hover { opacity: .8; }

.section72 { width: 100%; border-top: #b41128 1px solid; }
.section72 .content { position: relative; }
.section72 .left, .section72 .right { width: 420px; position: relative; top: -32px; }
.section72 h3 { width: 100%; height: 63px; border: #b41128 1px solid; color: #b41128; font-size: 29px; text-align: center; line-height: 63px; background-color: #fff; }
.section72 .left { float: left; margin-left: 125px; }
.section72 .right { float: right; margin-right: 125px; }
.section72 p { text-align: justify; font-size: 16px; line-height: 32px; color: #3e3a39; margin: 32px 0; }

.section73 { width: 100%; height: 863px; background: url("../images/img73.jpg") center top no-repeat #ba181f; }

.section74 { width: 100%; border-top: #b41128 1px solid; background: url("../images/bg72.png") center top no-repeat; margin-top: 90px; }
.section74 .content { position: relative; height: 1058px; }
.section74 h3 { width: 100%; height: 63px; border: #b41128 1px solid; color: #b41128; font-size: 29px; text-align: center; line-height: 63px; background-color: #fff; position: relative; top: -32px; padding-top: 5px; }
.section74 .part1, .section74 .part2, .section74 .part3 { width: 408px; height: 408px; position: absolute; background-color: #ffe8c4; border-radius: 408px; cursor: pointer; padding: 80px 60px 0 60px; }
.section74 .part1 img, .section74 .part2 img, .section74 .part3 img { display: block; margin: 0 auto; }
.section74 .part1 { left: 0; top: 480px; }
.section74 .part2 { left: 435px; top: 150px; }
.section74 .part3 { right: 0; top: 480px; }
.section74 p { text-align: justify; font-size: 16px; line-height: 27px; color: #3e3a39; margin: 20px 0; }

@-webkit-keyframes transform11 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } }
@keyframes transform11 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } }
.section74 .part1:hover, .section74 .part2:hover, .section74 .part3:hover { -webkit-animation: transform11 .3s linear forwards; animation: transform11 .3s linear forwards; }

.section75 { width: 100%; background: url("../images/bg73.png") center top no-repeat; padding-top: 660px; margin-bottom: 75px; }
.section75 .left, .section75 .right { width: 600px; }
.section75 .left img, .section75 .right img { margin: 40px 0 30px 0; }
.section75 p { text-align: justify; font-size: 16px; line-height: 27px; color: #3e3a39; }
.section75 .right { float: right; padding-top: 210px; }
.section75 .right .part1 { margin-bottom: 25px; }
.section75 .btn-buy { width: 130px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; background: url("../images/cart.png") 15px center no-repeat #b41128; display: block; padding-left: 20px; color: #fff; font-size: 16px; float: right; margin-right: 100px; }
.section75 .btn-buy:hover { opacity: .8; }

.page8 { width: 100%; background: url("../images/bg8.jpg") center center no-repeat; background-size: 1680px 870px; }
.page8 .content { min-height: 760px; position: relative; padding-top: 35px; height: 100%; }
.page8 .ad { position: absolute; bottom: 290px; left: 50%; margin-left: -370px; }
.page8 .ad img { display: block; }

.section81 { width: 100%; height: 872px; background: url("../images/bg82.png") center top no-repeat; }
.section81 .content { position: relative; padding-top: 130px; padding-left: 55px; }
.section81 .left { width: 560px; float: left; }
.section81 p { text-align: justify; font-size: 17px; line-height: 29px; color: #3e3a39; margin: 20px 0; }
.section81 .btn-buy { width: 130px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; background: url("../images/cart.png") 15px center no-repeat #d5b789; display: block; padding-left: 20px; color: #fff; font-size: 16px; position: absolute; left: 440px; bottom: 30px; }
.section81 .btn-buy:hover { opacity: .8; }
.section81 .right { float: right; margin-right: -100px; margin-top: -35px; }

.section82 { padding: 90px 0; }
.section82 ul { margin: 40px 0; width: 100%; }
.section82 li { width: 245px; height: 475px; background-color: #e4cca9; float: left; margin-left: 13px; cursor: pointer; }
.section82 li:first-child { margin-left: 0; }
.section82 .bgc { background-color: #ebd9b8; }
.section82 img { display: block; }
.section82 p { text-align: justify; font-size: 17px; line-height: 25px; color: #3e3a39; width: 100%; padding: 18px; }

.section83 { width: 100%; height: 870px; background: url("../images/bg83.jpg") center top no-repeat; }
.section83 .content { position: relative; height: 870px; }
.section83 p { text-align: justify; font-size: 22px; line-height: 35px; color: #727171; }
.section83 .right { position: absolute; right: 0; bottom: 60px; }
.section83 .left { position: absolute; bottom: 60px; right: 240px; }

.page9 { width: 100%; background: url("../images/bg9.jpg") center center no-repeat; background-size: 1680px 870px; }
.page9 .content { min-height: 760px; position: relative; padding-top: 35px; height: 100%; }
.page9 .ad { float: right; margin-top: 145px; margin-right: 60px; }
.page9 .ad img { display: block; }

.section91 { padding: 40px 0; }
.section91 .part1 { width: 100%; margin-bottom: 13px; }
.section91 .left { width: 387px; height: 515px; float: left; overflow: hidden; }
.section91 .left img { display: block; }
.section91 .right { width: 878px; height: 515px; float: right; overflow: hidden; background-color: #e9dac2; padding: 118px 60px 0 60px; }
.section91 p { text-align: justify; font-size: 20px; line-height: 38px; color: #221815; width: 100%; padding: 18px; letter-spacing: 3px; }
.section91 .part2 { width: 100%; }
.section91 .part2 img { display: block; }

.section92 { padding: 20px 0px; }
.section92 .con { margin-top: 40px; width: 100%; }
.section92 .left { float: left; width: 585px; }
.section92 p { text-align: justify; font-size: 18px; line-height: 38px; color: #221815; width: 100%; padding: 18px 0; letter-spacing: 2px; }
.section92 .right { float: right; }

@-webkit-keyframes transform12 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } }
@keyframes transform12 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } }
.section93 { width: 100%; background: url("../images/bg93.png") center bottom no-repeat; height: 800px; padding-top: 80px; }
.section93 img { display: block; margin: 0 auto 50px auto; }
.section93 p { text-align: justify; font-size: 20px; line-height: 31px; color: #221815; width: 1030px; padding: 8px 0; letter-spacing: 2px; margin: 0 auto; }

.page10 { width: 100%; background: url("../images/bg10.jpg") center center no-repeat; background-size: 1680px 870px; overflow: hidden; }
.page10 .content { min-height: 760px; position: relative; height: 100%; width: 1000px; padding: 100px 0; }
.page10 .hd { position: absolute; top: 40px; line-height: 20px; right: 0; font-size: 14px; }
.page10 .hd a { color: #6f6f6f; margin-left: 20px; }
.page10 .hd a:hover { opacity: .8; }
.page10 .box { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); padding: 1px 330px; font-size: 14px; }
.page10 .box .logo { margin: 22% auto; display: block; }
.page10 input[type=text], .page10 input[type=password] { width: 100%; height: 36px; border: #cccccc 1px solid; background: url("../images/input1.png") left center no-repeat #fff; padding-left: 40px; border-radius: 0; outline: none; }
.page10 li { margin-bottom: 8%; }
.page10 .btn-forget { float: right; position: relative; top: -10px; color: #cccccc; }
.page10 .btn-forget:hover { color: #999; }
.page10 input[type=submit] { width: 100%; height: 36px; border-radius: 0; background-color: #66bf2e; color: #fff; text-align: center; border: none; font-size: 15px; letter-spacing: 1px; }
.page10 input[type=submit]:hover { opacity: .8; }
.page10 .btn-register { width: 100%; height: 36px; border: #cccccc 1px solid; font-size: 15px; letter-spacing: 1px; display: block; text-align: center; background-color: #fff; line-height: 36px; }
.page10 .btn-register:hover { color: #66bf2e; }

.page5 { width: 100%; background: url("../images/bg5.jpg") center center no-repeat; background-size: 1680px 870px; }
.page5 .content { min-height: 760px; position: relative; padding-top: 150px; height: 100%; }
.page5 .ad { float: right; margin-right: 60px; margin-top: 50px; }
.page5 .box { position: absolute; width: 100%; background-color: #fff; bottom: 60px; }
.page5 .con { padding: 0 80px; }
.page5 .left { float: left; padding-top: 30px; width: 630px; }
.page5 .right { float: right; margin-right: 60px; padding: 10px 0; }
.page5 p { text-align: justify; font-size: 20px; line-height: 31px; color: #221815; width: 1030px; padding: 8px 0; letter-spacing: 2px; margin: 0 auto; }

.bg11 { background-color: #e2cfaf; }

.page11 { width: 100%; height: 485px; overflow: hidden; }
.page11 img { display: block; margin: 0 auto; }

.section11 { width: 1104px; background-color: #f1e7d7; padding: 10px; margin: 0 auto 80px auto; }
.section11 > div { border-top: #8d8d8d 1px dotted; margin-top: 55px; position: relative; padding: 40px; }
.section11 .title { line-height: 38px; padding: 0 20px; letter-spacing: 2px; position: absolute; top: -19px; left: 82px; border: #8d8d8d 1px dotted; background-color: #f1e7d7; min-width: 165px; text-align: center; font-size: 24px; font-weight: bold; color: #45b035; }
.section11 ul { width: 100%; }
.section11 li { width: 225px; height: 305px; border: #45b035 4px solid; margin: 12px; float: left; padding: 10px; position: relative; }
.section11 li img { width: 100%; height: 247px; display: block; margin: 0 auto; }
.section11 .flag { width: 74px; height: 61px; background: url("../images/icon111.png") center center no-repeat; background-size: 100% 100%; position: absolute; right: -20px; top: -20px; }
.section11 .txt { width: 100%; height: 32px; line-height: 32px; text-align: center; letter-spacing: 2px; text-align: center; display: block; background-color: #45b035; color: #fff; }
.section11 .txt:hover { opacity: .8; }
.section11 .part2 .title { color: #c5162e; }
.section11 .part2 li { border-color: #c5162e; }
.section11 .part2 .txt { background-color: #c5162e; }
.section11 .part3 .title { color: #9d600f; }
.section11 .part3 li { border-color: #e2cfaf; }
.section11 .part3 .txt { background-color: #e2cfaf; }