/*----*/
/*通用区*/
body {background:url(back.jpg) #eee}
.kht {clear:both; height:54px}
.khb {clear:both; height:56px}
/*上部菜单栏*/
header {POSITION:fixed; left:0; top:0; width:100%; height:54px; border:none; text-align:right; background:url(back4.png) repeat-x right bottom; z-index:9999}
#logo {POSITION:absolute; width:110px; height:68px; left:-10px; top:-10px; background:url(back4.png) repeat-x right bottom}
#logo a {POSITION:absolute; bottom:4px; right:4px; width:110px; height:70px; border-radius:0 0 14px 0; background:url(logo.png) no-repeat 25px 16px; background-size:80px}
header>a {height:32px; padding:0 12px; margin-top:5px; text-align:center; line-height:32px; font-size:16px; color:#fff; border-right:2px solid #644; text-shadow:1px 1px 1px #432}
header>a.skin {float:right; width:25px; height:19px; background:url(skin.png) no-repeat; border:0; padding:0; margin:6px 12px}
/*通用内容区*/
section {POSITION:relative; margin:36px 4%; padding:6px; background-color:#fff}
section:before,.cplb .s:before {position:absolute; z-index:-1; left:6%; bottom:32px; width:80%; height:60%; content:""; -webkit-transform:skew(-8deg) rotate(-4deg); -moz-transform:skew(-8deg) rotate(-4deg); box-shadow:0 32px 14px #666}
section:after,.cplb .s:after {position:absolute; z-index:-2; right:6%; bottom:28px; width:50%; height:20%; content:""; -webkit-transform:skew(12deg) rotate(4deg); -moz-transform:skew(12deg) rotate(4deg); box-shadow:0 28px 10px #666}
h2 {POSITION:absolute; right:6%; top:-20px; height:36px; max-width:88%; background-color:rgba(200,200,150,0.5); padding:0}
h2 span {display:block; height:36px; font-size:18px; color:#600; padding:0 12px; line-height:36px; overflow:hidden}
dl,p,.phb,.content {margin:0; padding:30px 5% 20px; font-size:16px; color:#666; line-height:1.6; background-color:#fee}
dt {float:left; width:29%; text-align:right; margin:2px 0; padding:0; color:#999}
dt.y:before {content:"*"; color:#f00; margin:2px}
dd {float:right; width:68%; margin:2px 0; padding:0}
b {color:#000}
.content p {padding:0; border-radius:0; box-shadow:none; background:none}
/*产品列表*/
section.cplb {margin:8px 5% 30px; padding:0; border:none; background:none}
section.cplb:before {content:normal}
section.cplb:after {content:normal}
.cplb .s {POSITION:relative; float:left; width:45%; margin:2px 0 16px; padding:4px 4px 4px 5px; background-color:#fff}
.cplb .s:nth-child(2n) {float:right}
.cplb .s a {display:block; margin-left:-1px; border:1px solid #ccc; background-size:100% 100%; background-repeat:no-repeat}
.cplb .s a span {position:absolute; display:block; width:80%; height:40px; left:0; top:0; right:0; bottom:0; font-size:20px; text-align:center; line-height:40px; color:#000; text-shadow:0 0 6px #fff; margin:auto}
.cplb .m {POSITION:relative; float:left; width:46%; margin:16px 0 40px}
.cplb .m:nth-child(2n) {margin-left:12px}
.cplb .m:before {position:absolute; z-index:-1; right:18px; top:17px; width:90%; height:60%; content:""; -webkit-transform:skew(-4deg) rotate(9deg); -moz-transform:skew(-4deg) rotate(9deg); transform:skew(-4deg) rotate(9deg); box-shadow:16px -16px 22px #666}
.cplb .m .p {width:96%; margin:0 5%; padding:4px 4px 4px 5px; background-color:#fff; -moz-transform:rotate(8deg); -webkit-transform:rotate(8deg); transform:rotate(8deg)}
.cplb .m .p a {display:block; margin-left:-1px; border:1px solid #ccc; background-size:100% 100%; background-repeat:no-repeat}
.cplb .m .t {position:absolute; bottom:-28px; right:0; padding:0 4px; height:26px; line-height:26px; font-size:14px; color:#422; background-color:rgba(200,120,150,0.5); text-align:center; -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); transform:rotate(-2deg)}
.cplb .z {POSITION:relative; width:90%; margin:16px 0 40px}
.cplb .z:before {position:absolute; z-index:-1; right:18px; top:17px; width:90%; height:60%; content:""; -webkit-transform:skew(-4deg) rotate(9deg); -moz-transform:skew(-4deg) rotate(9deg); transform:skew(-4deg) rotate(9deg); box-shadow:16px -16px 22px #666}
.cplb .z .p {width:96%; margin:0 5%; padding:4px 4px 4px 5px; background-color:#fff; -moz-transform:rotate(8deg); -webkit-transform:rotate(8deg); transform:rotate(8deg)}
.cplb .z .p a {display:block; margin-left:-1px; border:1px solid #ccc; background-size:100% 100%; background-repeat:no-repeat}
/*产品详情*/
section.cpxq {margin:20px 4%; padding:0; border:none; background:none}
section.cpxq:before {content:normal}
section.cpxq:after {content:normal}
.cpxq .l {float:left; width:49%; height:100%; padding:0; background-color:#fff; border-radius:6px 0 0 6px; box-shadow:0 0 8px rgba(0,0,0,0.6); overflow:hidden}
.cpxq .l a {display:block; width:85%; margin:10px 10% 10px 5%; border:0; background-size:100% 100%; background-repeat:no-repeat}
.cpxq .r {float:right; width:49%; height:100%; padding:0; background-color:#fff; border-radius:0 6px 6px 0; box-shadow:0 0 8px rgba(0,0,0,0.6); overflow:hidden}
.cpxq .r ul {width:85%; margin:15px 5% 15px 10%; border:0}
.cpxq .r li {height:28px; line-height:28px; border-bottom:1px dotted #aaa; overflow:hidden; color:#a99}
.cpxq .r li:first-child {border-top:1px dotted #aaa; color:#655}
.cpxq .h {position:absolute; width:8%; height:84%; top:0; bottom:0; left:0; right:0; margin:auto; background:url(huan.png) repeat-y center top; background-size:100% 10%}
/*文章列表*/
section.wzlb {margin:60px 6% 20px; padding:12px; background-color:#fff; border-radius:6px; box-shadow:0 0 8px rgba(0,0,0,0.6)}
section.wzlb:before {content:normal}
section.wzlb:after {content:normal}
.wzlb h3 {position:absolute; width:100%; left:0; top:-30px; height:30px; padding:0; overflow:hidden}
.wzlb h3 div {float:left; height:30px; padding:0; margin:4px 0 -4px 20px; background-color:#fff; border-radius:6px 6px 0 0; box-shadow:0 0 8px rgba(0,0,0,0.6)}
.wzlb h3 div span {float:left; height:26px; line-height:26px; margin:4px 0 0 0; padding:0 12px; color:#000; font-size:18px}
.wzlb a {POSITION:relative; display:block; width:100%; height:36px; border-bottom:1px dotted #aaa; overflow:hidden; line-height:36px; color:#555}
.wzlb a:first-of-type {border-top:1px dotted #aaa}
.wzlb a:before {content:""; width:0; height:0; border-color:#fbb #844 #400 #f66; border-style:solid; border-width:6px; float:left; margin:12px 8px 0 2px}
.wzlb a:after {position:absolute; content:""; right:2px; top:13px; width:0; height:0; border-color:transparent transparent transparent #f44; border-style:solid; border-width:5px 0 5px 10px}
/*主页轮换广告*/
section.mad {margin:12px 4%}
#mad {display:block; width:100%; margin:0; padding:0; background-repeat:no-repeat; background-size:100% 100%}
/*通用标题栏*/
h1 {POSITION:relative; float:right; height:50px; padding:0; margin:12px 0; border:0}
h1 span {display:block; height:50px; font-size:18px; color:#000; padding:0 10px 0 24px; line-height:50px; border:0; background:url(back1.png) repeat-x right top}
h1 span a {color:#522; margin:0 8px}
h1:before {POSITION:absolute; left:-20px; top:-3px; width:38px; height:70px; content:url(back1_b.png)}
h1.l {float:left}
h1.l span {padding:0 24px 0 10px}
h1.l:before {content:normal}
h1.l:after {POSITION:absolute; right:-20px; top:-3px; width:38px; height:70px; content:url(back1_a.png)}
/*表格*/
table {width:96%; margin:0 2%; padding:0; font-size:1rem}
th, .phb td {margin:0; padding:0; height:1.6rem; line-height:1.6rem; border-bottom:1px dotted #ccc}
th {text-align:center; color:#fff; background-color:#d99}
td {text-align:center; color:#666}
/*表单*/
input[type=text], textarea {width:90%; border:1px solid #aaa; font-size:14px; height:22px; line-height:22px; border-radius:4px}
textarea {height:56px}
button {POSITION:relative; padding:0; margin:5% 0 5% -70px; width:140px; height:40px; left:50%; font-size:20px; line-height:40px; color:#FFF; text-shadow:1px 1px 1px #faa, -1px -1px 1px #100; border:2px outset #dbb; background:-webkit-gradient(linear,0 0,0 100%,from(#faa),to(#d22)); background:-moz-linear-gradient(top,#faa,#d22); border-radius:20px; box-shadow:2px 2px 8px #000}
input[type=radio], input[type=checkbox] {vertical-align:2px}
/*预订产品*/
.ydcp {height:36px; line-height:36px; margin:6px; padding:0 4px; border:0; background-color:#fee; border-radius:4px}
.ydcp:first-child {margin-top:16px}
.ydcp span {line-height:30px}
.ydcp .sl {float:right; margin-top:6px}
.ydcp .sl input[type=text] {float:left; width:36px; height:22px; text-align:center; margin:0 1px; padding:0}
.ydcp .sl span {float:left; height:22px; width:22px; line-height:22px; border:1px solid #aaa; font-size:20px; text-align:center; margin:0 1px; border-radius:11px}
/*按钮区*/
section.anq {margin:-8px 4% 0; padding:0; border:none; background:none; box-shadow:none}
.anq .l {float:left; width:46%}
.anq .l a {float:right}
.anq .r {float:right; width:46%}
.anq .r a {float:left}
.anq a {padding:0; margin:4px; width:120px; height:32px; font-size:18px; line-height:32px; color:#FFF; text-align:center; text-shadow:1px 1px 1px #faa, -1px -1px 1px #100; border:1px outset #dbb; background:-webkit-gradient(linear,0 0,0 100%,from(#faa),to(#d22)); background:-moz-linear-gradient(top,#faa,#d22); border-radius:16px; box-shadow:1px 1px 8px rgba(0,0,0,0.6)}
/*签到框*/
.qdk {POSITION:relative; width:240px; height:80px; margin:20px 0 60px -120px; left:50%; border:2px outset #ccf; background:-webkit-gradient(linear,0 0,0 100%,from(#88f),to(#22c)); background:-moz-linear-gradient(top,#88f,#22c); border-radius:10px; box-shadow:4px 4px 8px #000}
.qdk .qdpm {POSITION:absolute; width:72px; height:68px; left:5px; top:5px; border:1px inset #ccf; text-align:center; background-color:#fff; border-radius:8px; box-shadow:1px 1px 8px #444 inset}
.qdk .qdpm .pm {color:#888; line-height:24px; margin-top:10px}
.qdk .qdan {POSITION:absolute; width:160px; height:68px; right:5px; top:5px; text-align:center}
.qdk .qdan .qd {font-size:36px; line-height:68px; color:#FFF; text-shadow:-1px -1px 1px #aaf, 1px 1px 2px #001}
.qdk .qdan .yq {font-size:24px; line-height:40px; color:#FFF; text-shadow:-1px -1px 1px #aaf, 1px 1px 2px #001}
.qdk .qdan .xx {font-size:12px; line-height:24px; color:#bbf}
/*底部菜单栏*/
footer {POSITION:fixed; left:0; bottom:0; width:100%; height:56px; border:0; background:url(back3.png) repeat-x left top; z-index:9998}
footer a {float:left; height:40px; margin-top:16px; line-height:40px; text-align:center; font-size:18px; color:#321; border-left:1px dotted #444; text-shadow:1px 1px 1px #cba}
footer a.tel {width:15%; background:url(tel.png) no-repeat center center}
footer a.but {width:28%}
nav {display:none; POSITION:fixed; bottom:45px; border:1px solid #888; padding:8px 0; background-color:#fee; box-shadow:0 0 10px rgba(0,0,0,0.6); z-index:10000}
nav:after {content:""; POSITION:absolute; left:50%; width:12px; height:12px; bottom:-7px; margin-left:-6px; border-right:1px solid #888; border-bottom:1px solid #888; background-color:#fee; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}
nav a {display:block; height:36px; line-height:36px; padding:0 6px; text-align:center; font-size:18px; border-bottom:1px dotted #ccc; color:#666}
nav a:first-of-type {border-top:1px dotted #ccc}