/*----*/
/*通用区*/
body {background-color:#ddd}
.kht {clear:both; height:0}
.khb {clear:both; height:50px}
/*上部菜单栏*/
header {POSITION:relative; width:100%; height:80px; border-bottom:1px solid #400; text-align:center; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fdd)); background:-moz-linear-gradient(top,#fff,#fdd)}
#logo {POSITION:absolute; left:50%; top:10px; width:110px; height:60px; margin-left:-55px; background:url(logo.png?123) no-repeat; background-size:100% 100%}
header a {display:none}
#logo a {display:block}
header a.skin {display:block; float:right; width:25px; height:19px; background:url(skin.png) no-repeat; border:0; padding:0; margin:46px 8px 0 0}
/*通用内容区*/
section {POSITION:relative; margin:18px 4% 20px; padding:48px 5% 10px; border:0; color:#555; background-color:#fff; box-shadow:0 0 2px rgba(0,0,0,0.4); background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ddd)); background:-moz-linear-gradient(top,#fff,#ddd)}
h2 {POSITION:absolute; left:0; right:0; top:0; height:30px; padding:3px; border:0; background-color:#888; overflow:hidden}
h2 span {display:block; height:30px; font-size:18px; font-weight:bold; color:#fff; padding:0 16px; line-height:30px}
dl,p,.phb,.content {margin:0; padding:0; font-size:16px; line-height:1.6; color:#666}
dt {float:left; width:26%; text-align:right; margin:2px; padding:2px; color:#999}
dt.y:before {content:"*"; color:#f00; margin:2px}
dd {float:right; width:68%; margin:2px; padding:0 2px}
b {color:#000}
/*通用标题栏*/
h1 {float:right; height:40px; padding:4px 0 0 4px; margin:10px 0 0 0; border:0; border-right:none; border-radius:20px 0 0 20px; background-color:#fff}
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; background-color:#fee}
h1 span a {color:#a88; margin:0 8px}
h1.l {float:left; padding:4px 4px 0 0; border:0; border-left:none; border-radius:0 24px 24px 0}
h1.l span {padding:0 20px 0 10px; border-radius:0 18px 18px 0}
/*主页轮换广告*/
section.mad {margin:0 0 20px 0; padding:0; background:none; box-shadow:none}
#mad {display:block; width:100%; margin:0; padding:0; background-repeat:no-repeat; background-size:100% 100%}
/*产品列表*/
section.cplb {margin:12px 4% 20px; padding:0; background:none; box-shadow:none}
.cplb .s {POSITION:relative; float:left; width:45%; margin:2px 0 12px; padding:5px; background-color:#eee; box-shadow:0 0 2px rgba(0,0,0,0.4)}
.cplb .s:nth-child(2n) {float:right}
.cplb .s a {display:block; margin:0; border:0; 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:48%; margin:12px 0 32px}
.cplb .m:nth-child(2n) {float:right}
.cplb .m .p {margin:0; padding:5px; background-color:#eee; box-shadow:0 0 2px rgba(0,0,0,0.4)}
.cplb .m .p a {display:block; margin:0; border:0; background-size:100% 100%; background-repeat:no-repeat}
.cplb .m .t {position:absolute; bottom:-22px; left:10px; right:10px; margin:0 auto; padding:0; height:26px; line-height:26px; font-size:14px; color:#422; background-color:#f88; border-radius:13px; border:2px solid #fff;; box-shadow:0 0 8px rgba(0,0,0,0.6); text-align:center; overflow:hidden}
.cplb .z {width:100%; margin:12px 0}
.cplb .z .p {margin:0; padding:5px; background-color:#eee; box-shadow:0 0 2px rgba(0,0,0,0.4)}
.cplb .z .p a {display:block; margin:0; border:0; background-size:100% 100%; background-repeat:no-repeat}
/*产品详情*/
section.cpxq {margin:20px 4%; padding:0; border:none; background:none; box-shadow:none}
section.cpxq:before {content:normal}
section.cpxq:after {content:normal}
.cpxq .l {float:left; width:47%; padding:0; overflow:hidden}
.cpxq .l a {display:block; width:100%; margin:0; border:0; background-size:100% 100%; background-repeat:no-repeat}
.cpxq .r {float:right; width:50%; padding:0; overflow:hidden}
.cpxq .r ul {width:95%; margin:5px; border:0}
.cpxq .r li {height:28px; line-height:28px; border-bottom:1px dotted #aaa; overflow:hidden; color:#666}
.cpxq .r li:first-child {border-top:1px dotted #aaa; color:#000}
.cpxq .h {}
/*文章列表*/
section.wzlb {margin:50px 4% 20px; padding:12px; background-color:#fff; 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}
/*表格*/
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:30px; line-height:30px; margin:6px 0; padding:0; border-bottom:1px dotted #ccc}
.ydcp span {line-height:30px}
.ydcp .sl {float:right; margin-top:2px}
.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:-16px 4% 0; padding:4px; 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; border:0; background:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#000)); background:-moz-linear-gradient(top,#555,#000); z-index:9998}
footer a {float:left; height:36px; margin-top:7px; line-height:36px; text-align:center; font-size:18px; color:#bbb; border-left:1px solid #555}
footer a.tel {width:15%; background:url(tel.png) no-repeat center center}
footer a.but {width:28%}
nav {display:none; POSITION:fixed; bottom:52px; border:1px solid #888; padding:8px 0; background-color:#fff; border-radius:6px; 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:#fff; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}
nav a {display:block; height:36px; line-height:36px; padding:0 6px; font-size:18px; text-align:center; border-bottom:1px dotted #ccc; color:#666}
nav a:first-of-type {border-top:1px dotted #ccc}