@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; }
html { overflow-y: auto; overflow-x: hidden; font-size: 10px; }
body { font-family: Arial, 微软雅黑; font-size: 10px; color: #1a1a1a; }
body a { outline: none; blr:expression(this.onFocus=this.blur());
}
img { border: none; vertical-align: top; }
ul, li { list-style: none; position: relative; }
div { position: relative; display: block; }
a { text-decoration: none; color: #1a1a1a; }
a:hover { color: #555; }
.morelink img { width: 100%; height: 100%; }
.editor img { max-width: 100%; }
.clear { width: 0px; height: 0px; clear: both; }
.debug { border: 1px solid red; }
.disappear, .hide { display: none; }
.yahei { font-family: Arial, 微软雅黑; }
.songti { font-family: Arial, 宋体; }
.times { font-family: "Times New Roman"; }
.red { color: #cf0307 }
.bold { font-weight: bold; }
.center { text-align: center; }
.bdrbtm { border: 1px solid }
.ab { position: absolute; }
.fl { float: left; }
.fr { float: right; }
.dib { display: inline-block; }
.gray79 { color: #797979; }
.size14 { font-size: 14px; }
.grayfil { filter: url(grayscale.svg#grayscale); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.trans { filter: alpha(Opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.tss { transition: all 0.5s ease 0s; }
header { position: relative; z-index: 250; }
footer { position: relative; z-index: 200; }
.dummy { display:inline-block; width:100%; }
.content { margin: 0 auto; }

@media screen and (min-width:1000px) {
body { font-size: 12px; }
.content { width: 1000px; }
header { height: 58px; background-color: rgba(0,0,0,0.8); }
#logo { position: absolute; top: 0; left: 0; height: 58px; width: 145px; background: url(/images/logo.png) left center no-repeat; background-size: auto 100%; }
#menudiv { display:block;}
#topnav { position: absolute; top: 11px; left: 148px; height: 36px; }
#topnav .unit { height: 36px; padding: 0 6px 6px 6px; margin: 0 6px; float: left; }
#topnav .unit.active { border-bottom-width: 5px; border-bottom-style: solid; }
#topnav .unit .txt { text-align: center; color: #fff; font-size: 14px; line-height: 18px; }
#topnav .unit .txt span { display: block; }
#topnav .unit .txt sub { font-size: 8px; line-height: 8px; }
#ordernow { position: absolute; top: 13px; left: 564px; width: 104px; height: 30px; line-height: 30px; text-align: center; color: #fff; display:block; }
#topmenu { position: absolute; top: 11px; right: 25px; text-align: right; }
#topmenu .unit { display: inline-block; line-height: 36px; padding: 0 8px; }
#topmenu .unit .txt { color: #fff; line-height: 36px; font-size: 14px; }
#lang { position: absolute; top: 16px; right: 0; width: 16px; }
#lang .unit { height: 11px; padding-bottom: 6px; background-position: top center; background-repeat: no-repeat; background-size: 100% auto; }
#lang .cn { background-image: url(/images/langcn.png); display:block; }
#lang .en { background-image: url(/images/langen.png); }
#menuBtn { display: none; }


.pc { display:block; }
.pad, .phone { display:none; }
}

@media screen and (max-width:999px) and (min-width:641px) {
body { font-size: 1.2rem; }
.content { width: 100%; }
header { height: 8.4rem; /*background-color: #1e1e1e;*/background-color: rgba(0,0,0,0.8); }
#logo { position: absolute; top: 0; left: 0; height: 8.4rem; width: 25rem; background: url(/images/pad/logo.png) left center no-repeat; background-size: auto 100%; }
#menuBtn { position: absolute; top: 0; right: 9.2rem; width: 3.5rem; height: 2.8rem; padding: 2.8rem 2.6rem; border-left: 0.1rem solid #333; display:block; }
#menuBtn .unit { height: 0.4rem; width: 3.5rem; background: #fff; margin-top: 0.8rem; transition: all 0.3s ease 0s; opacity: 1; }
#menuBtn .unit:nth-child(1) { margin: 0; transform-origin: left top; }
#menuBtn .unit:nth-child(3) { transform-origin: left bottom; }
#menuBtn.active .unit:nth-child(1) { transform: rotate(45deg); }
#menuBtn.active .unit:nth-child(2) { opacity: 0; }
#menuBtn.active .unit:nth-child(3) { transform: rotate(-45deg); }
#menudiv { position: absolute; top: 8.4rem; left: 0; width: 100%; display: none; background-color: rgba(30,30,30,0.9); }
#topnav .unit, #topmenu .unit { height: 7rem; border-bottom: 0.1rem solid #414141; background: url(/images/phone/navbg.png) right center no-repeat; background-size: 4.2rem 2.6rem; }
#topnav .unit .txt, #topmenu .unit .txt { line-height: 7rem; padding: 0 3rem; color: #c6c6c6; font-size: 2rem; }
#ordernow { display: none; }
#lang { position: absolute; top: 0; right: 0; width: 9.1rem; height: 8.4rem; }
#lang .cn { display: none; }
#lang .en { width: 100%; height: 100%; background: url(/images/pad/langen.png) center no-repeat; background-size: 100% 100%; }



.pad { display:block; }
.pc, .phone { display:none; }
}

@media screen and (max-width:640px) {
body { font-size: 1.2rem; }
.content { width: 100%; padding:0 2rem; box-sizing:border-box; }
header { height: 8.8rem; background-color: rgba(0,0,0,0.95); }
#logo { position: absolute; top: 0.2rem; left: 0; height: 8.4rem; width: 25rem; background: url(/images/pad/logo.png) left center no-repeat; background-size: auto 100%; }
#menuBtn { position: absolute; top: 0; right: 9.2rem; width: 3.5rem; height: 2.8rem; padding: 3rem 2.6rem; border-left: 0.1rem solid #333; }
#menuBtn .unit { height: 0.4rem; width: 3.5rem; background: #fff; margin-top: 0.8rem; transition: all 0.3s ease 0s; opacity: 1; }
#menuBtn .unit:nth-child(1) { margin: 0; transform-origin: left top; }
#menuBtn .unit:nth-child(3) { transform-origin: left bottom; }
#menuBtn.active .unit:nth-child(1) { transform: rotate(45deg); }
#menuBtn.active .unit:nth-child(2) { opacity: 0; }
#menuBtn.active .unit:nth-child(3) { transform: rotate(-45deg); }
#menudiv { position: absolute; top: 8.8rem; left: 0; width: 100%; display: none; background-color: rgba(30,30,30,0.9); }
#topnav .unit, #topmenu .unit { height: 8rem; border-bottom: 0.1rem solid #414141; background: url(/images/phone/navbg.png) right center no-repeat; background-size: 4.2rem 2.6rem; }
#topnav .unit .txt, #topmenu .unit .txt { line-height: 8rem; padding: 0 3rem; color: #c6c6c6; font-size: 2.4rem; }
#ordernow { display: none; }
#lang { position: absolute; top: 0; right: 0; width: 9.1rem; height: 8.8rem; }
#lang .cn { display: none; }
#lang .en { width: 100%; height: 8.4rem; background: url(/images/pad/langen.png) center no-repeat; background-size: 100% 100%; }


.phone { display:block; }
.pad, .pc { display:none; }
}