body,p ,table, caption, tr, th ,td ,dl ,dt ,dd { margin:0; padding:0; }
body {font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;font-size:16px; line-height:30px; color:#333; background-color:#fff; }
a { color:#2479CC; text-decoration:none; }
a:hover { color:#D94040; outline:0; }
a:active { outline:0; }

.header {padding:20px 0; } 
.container { position:relative; min-width:320px; max-width:1000px; margin:0 auto; overflow:hidden;}  
.logo { float:left; height:60px; width:60px;}
.logo a { display:block; height:60px; background:url(img/logo.gif) no-repeat 0 center;}
.hidden{display:none;}
.banner{float:right;margin-bottom:10px;font-size:18px;}
.banner-s{display:none;float:right;margin-bottom:10px;font-size:18px;}
.contact {float:right;width:630px;background:url(img/contact.gif) no-repeat 0 4px;text-align:right;}

.nav{margin-bottom:20px;padding-top:15px;background:#EBF3FB;font-size:16px;}
.nav span{position: absolute;left:0;}
.nav ul{padding:0;}
.nav li{margin-bottom:15px;padding-left:40px;}
.nav a{margin-left:20px;line-height:30px;white-space:nowrap;color:#333;}
.nav a.current{padding:3px 8px;background: #2479CC;color:#fff;}

.rice{width:768px;height:90px;margin:0 auto 20px;text-align:center;}

dl{margin-bottom:20px;line-height:40px;overflow:hidden;}
dt{margin-bottom:10px;background: #f1f1f1;border-left:5px solid #D94040;}
dt a{color: #D94040;padding-left:10px;}
.count{float:right;padding-right:20px;color:#999;}
dd{position:relative;text-indent:10px;}
dd:hover{background: #f1f1f1;}
dd a{display:inline-block;width:200px;}
dd .price{position:absolute;right:0;padding-right:10px;}
.more{margin-bottom:10px;text-align:center;}

h1{margin:10px auto 40px;font-size:24px;font-weight:normal;text-align:center;word-break:break-all;}
big{color:#D94040;}
table{width:100%;margin-bottom:30px;border-collapse:collapse; border-spacing:0;border:1px solid #ddd;}
th{width:33.33%;padding:10px;border-right:1px solid #ddd;background:#f1f1f1;font-weight:normal;}
td{padding:15px;border-right:1px solid #ddd;text-align:center;}
td .price{color:#D94040;font-size:20px;}
h2{font-size:20px;font-weight:normal;text-indent:20px;}
.note{float:left;width:50%;margin-bottom:20px;}

.ph{margin-bottom:30px;padding-top:20px;background:#EBF3FB;}
.ph .container{background:url(img/logo.gif) no-repeat 0 0;}
.pc{margin:0 auto 20px;width:630px;background:url(img/contact.gif) no-repeat 0 4px;text-align:right;}

.footer {margin:0 auto 20px;color:#999;font-size:14px;text-align:center; } 

@media screen and (max-width:768px) {
    .banner{display:none;}
    .contact {width:230px;height:32px;padding-top:18px;background:url(img/contact.png) no-repeat 0 10px;}
    .nav span{left:10px;}
    .rice{display:none;}
    .intro{position: absolute;padding:10px 0;line-height:20px;word-break:break-all;}
    dd .price{background:#fff;}
    .note{float:none;width:100%;}
    .page{padding-left:60px;}

    .ph h1{padding-left:70px;}
    .pc {width:230px;height:32px;padding-top:8px;background:url(img/contact.png) no-repeat 0 0;}
}

@media screen and (max-width:560px) {
    .intro{display:none;}
    .hidden-s{display:none;}
}