/*----*/
/*通用区*/
body {background:url(back.jpg) #eee}
.kht {clear:both; height:50px}
.khb {clear:both; height:50px}
/*上部菜单栏*/
header {POSITION:fixed; left:0; top:0; width:100%; height:40px; text-align:right; background:url(back4.jpg) right bottom; box-shadow:0 1px 12px #000; z-index:9999}
#logo {POSITION:absolute; width:110px; height:70px; left:-10px; top:-10px; background:url(back5.jpg) no-repeat bottom right; border-radius:0 0 16px 0; box-shadow:0 1px 12px #000}
#logo a {POSITION:absolute; bottom:4px; right:4px; width:110px; height:70px; border:2px dashed #321; border-radius:0 0 14px 0; background:url(logo.png) no-repeat 25px 25px; background-size:80px}
header>a {height:28px; padding:0 10px; margin-top:2px; text-align:center; line-height:28px; font-size:16px; color:#fff; border-right:2px dashed #234; text-shadow:1px 1px 1px #234}
header>a.skin {float:right; width:25px; height:19px; background:url(skin.png) no-repeat; border:0; padding:0; margin:4px 12px}
/*通用内容区*/
section {POSITION:relative; margin:36px 4% 24px; padding:4px; border:2px dashed #855; border-radius:8px}
h2 {POSITION:absolute; right:6%; top:-20px; height:36px; max-width:87%; background:url(back2.jpg); padding:2px; border:1px outset #644; box-shadow:1px 1px 12px #000; overflow:hidden}
h2 span {display:block; height:32px; font-size:18px; text-shadow:1px 1px 1px #000; color:#fff; padding:0 10px; line-height:32px; border:2px dashed #888; border-radius:6px}
dl,p,.phb,.content {margin:0; padding:30px 5% 20px; font-size:16px; line-height:1.6; color:#666; border-radius:7px; box-shadow:1px 1px 10px #000 inset; background:url(back1.jpg) center #fee}
dt {float:left; width:29%; text-align:right; margin:2px 0; padding:0; color:#666}
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}
/*通用标题栏*/
h1 {float:right; height:40px; padding:4px 0 0 4px; border:2px dashed #855; border-right:none; border-radius:24px 0 0 24px}
h1 span {display:block; height:36px; font-size:18px; color:#000; padding:0 10px 0 20px; line-height:36px; border:0; border-radius:18px 0 0 18px; box-shadow:1px 0 4px #000 inset; background:url(back1.jpg) center #fee}
h1 span a {color:#d88; margin:0 8px}
h1.l {float:left; padding:4px 4px 0 0; border:2px dashed #855; border-left:none; border-radius:0 24px 24px 0}
h1.l span {padding:0 20px 0 10px; border-radius:0 18px 18px 0; box-shadow:-1px 0 4px #000 inset}
/*产品列表*/
section.cplb {margin:6px 5% 32px; padding:0; border:none}
.cplb .s {POSITION:relative; float:left; width:44%; margin:5px 0 10px; padding:4px; border:2px dashed #855; border-radius:8px}
.cplb .s:nth-child(2n) {float:right}
.cplb .s a {display:block; width:100%; border:0; border-radius:6px; box-shadow:1px 1px 10px #000 inset; 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 {float:left; width:47%; margin:5px 0 10px; padding:0}
.cplb .m:nth-child(2n) {float:right}
.cplb .m .p {width:100%; border-bottom:2px dashed #855; padding:0 0 4px 0; overflow:hidden}
.cplb .m .p a {display:block; width:110%; border-bottom:2px dotted #999; padding:0; margin:-30px -5% 0; box-shadow:0 -2px 8px rgba(0,0,0,0.8) inset; overflow:hidden; background-size:80%; background-position:bottom center; background-repeat:no-repeat}
.cplb .m .t {height:28px; line-height:28px; border-bottom:2px dashed #855; color:#ca9; text-align:center}
.cplb .z {width:100%; margin:0 0 10px; padding:0}
.cplb .z .p {width:100%; border-bottom:2px dashed #855; padding:0 0 4px 0; overflow:hidden}
.cplb .z .p a {display:block; width:110%; border-bottom:2px dotted #999; padding:0; margin:-30px -5% 0; box-shadow:0 -2px 8px rgba(0,0,0,0.8) inset; overflow:hidden; background-size:80%; background-position:bottom center; background-repeat:no-repeat}
/*产品详情*/
section.cpxq {margin:20px 3%; padding:2.5%; border:0; border-radius:3.5%/6.5%; box-shadow:0 0 12px rgba(0,0,0,1); background:url(back6.png) no-repeat #fee; background-size:100% 100%}
.cpxq .l {float:left; width:49%; height:100%; padding:0; background-color:#fff; box-shadow:0 0 4px rgba(0,0,0,0.5); 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; box-shadow:0 0 4px rgba(0,0,0,0.5); 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 dashed #88b; overflow:hidden; color:#999}
.cpxq .r li:first-child {border-top:1px dashed #88b; color:#666}
.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:8px 5% 30px; padding:0; border:none}
.wzlb h3 {width:100%; height:40px; border-bottom:2px dashed #855; padding:0 0 4px 0; overflow:hidden}
.wzlb h3 div {width:110%; height:44px; border-bottom:2px dotted #999; padding:0; margin:-4px -5% 0; box-shadow:0 -2px 8px rgba(0,0,0,1) inset; overflow:hidden}
.wzlb h3 div span {float:left; height:36px; line-height:36px; margin:8px 0 0 8%; padding:0 20px; background-color:#eef; color:#000; font-size:18px; border-radius:10px 10px 0 0; box-shadow:0 -2px 4px rgba(0,0,0,0.5) inset}
.wzlb a {POSITION:relative; display:block; width:100%; height:36px; border-bottom:2px dashed #855; overflow:hidden; line-height:36px; color:#ccc}
.wzlb a:before {content:""; width:0; height:0; border-color:#fdd #633 #433 #a88; border-style:solid; border-width:6px; float:left; margin:12px 8px 0 2px}
.wzlb a:after {position:absolute; content:""; right:0; top:13px; width:0; height:0; border-color:transparent transparent transparent #855; border-style:solid; border-width:5px 0 5px 10px; float:right; margin-right:2px}
/*主页轮换广告*/
section.mad {margin:20px 4%}
#mad {display:block; width:100%; margin:0; padding:0; border-radius:7px; box-shadow:1px 1px 12px #000 inset; background-repeat:no-repeat; background-size:100% 100%; overflow:hidden}
/*表格*/
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; border-radius:4px; box-shadow:1px 1px 4px rgba(0,0,0,0.5) inset; background:url(back1.jpg) center #eee; color:#666}
.ydcp:first-child {margin-top:30px}
.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:4px}
/*按钮区*/
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:50px; background:url(back3.jpg) left top; box-shadow:0 0 12px #000; z-index:9998}
footer a {float:left; height:40px; margin-top:9px; line-height:40px; text-align:center; font-size:18px; color:#321; border-left:2px dashed #fc6; text-shadow:1px 1px 1px #cba}
footer a.tel {width:14%; background:url(tel.png) no-repeat center center}
footer a.but {width:28%}
nav {display:none; POSITION:fixed; bottom:47px; border:1px solid #888; padding:8px 0; background-color:#eee; border-radius:6px; box-shadow:0 0 10px #000; z-index:10000}
nav:after {content:""; POSITION:absolute; left:50%; width:10px; height:10px; bottom:-5px; margin-left:-5px; background-color:#eee; -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}