@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1000px) {
header {position:fixed; top:0; left:0; width:100%;}
#ordernow { display:none; }
.section { height:100%; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.section .text { position:absolute; top:35%; left:50%; width:1000px; height:145px; margin:-70px -500px;  background-position:center; background-repeat:no-repeat; background-size:100%; opacity:0; }
.section .btns { position:absolute; top:57%; left:50%; width:1000px; height:40px; text-align:center; margin:-20px -500px; opacity:0; }
.section .btns .btn { display:inline-block; width:132px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; border-radius:5px; overflow:hidden; cursor:pointer; margin:0 6px; background-color:#393939; transition:all 0.4s ease 0s; }


#p1 { background-image:url(/images/mbg0.jpg); }
#p1 .text0 { position:absolute; top:55%; left:50%; width:554px; height:141px; margin:-70px -277px; background:url(/images/mtxt0.png) center no-repeat; background-size:100%; opacity:0;  }

#p2 { background-image:url(/images/mbg1.jpg); }
#p2 .text {  background-image:url(/images/mtxt1.png); }
#p2 .btns .btn:hover { background-color:#ce0a18; }

#p3 { background-image:url(/images/mbg2.jpg); }
#p3 .text {  background-image:url(/images/mtxt2.png); }
#p3 .btns .btn:hover { background-color:#10b141; }

#p4 { background-image:url(/images/mbg3.jpg); }
#p4 .text {  background-image:url(/images/mtxt3.png); }
#p4 .btns .btn:hover { background-color:#137bbb; }

#p5 { background-image:url(/images/mbg4.jpg); }
#p5 .text {  background-image:url(/images/mtxt4.png); }
#p5 .btns .btn:hover { background-color:#ff6000; }


footer { position:fixed; bottom:0; left:0; width:100%; }
footer #copyright { color:#fff; line-height:35px; }
footer #copyright a { color:#fff; }
footer #copyright .c0 { float:left; }
footer #copyright .c1 { float:right; }
footer #btm22y { position:absolute; bottom:35px; left:0; }
footer #btmtel { position:absolute; bottom:120px; left:0; width:100%; height:40px; text-align:center; }
footer #btmtel .txt { display:inline-block; line-height:40px; color:#fff; font-size:32px; font-weight:bold; font-style:italic; padding:0 0 0 45px; background:url(/images/mtel.png) left center no-repeat; background-size:auto 100%; }
footer #scrdwn { position:absolute; bottom:35px; left:0; width:100%; height:75px; text-align:center; }
footer #scrdwn .txt { display:inline-block; line-height:25px; color:#fff; padding-bottom:5px;  }
footer .qrcode { position:fixed; top:115px; right:30px; width:94px; height:94px; }

}

@media screen and (max-width:999px) and (min-width:641px) {
header {position:fixed; top:0; left:0; width:100%;}

#ordernow { display:none; }
.section { height:100%; background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.section .text { position:absolute; top:35%; left:50%; width:100%; height:20rem; margin:-10rem -50%;  background-position:top center; background-repeat:no-repeat; background-size:auto 100%; opacity:0; }
.section .btns { position:absolute; top:35%; left:50%; width:60rem; height:28rem; text-align:center; margin:0 -30rem;  }
.section .btns .btn { position:absolute; width:100%; height:7.5rem; left:0; line-height:7.5rem; text-align:center; color:#fff; font-size:2.4rem; border-radius:0.5rem; overflow:hidden; cursor:pointer; background-color:#393939; opacity:0; }
.section .btns a:nth-child(1) .btn { top:2rem; }
.section .btns a:nth-child(1) .btn { top:9rem; }
.section .btns a:nth-child(1) .btn { top:16rem; }



#p1 { background-image:url(/images/pad/mbg0.jpg); }
#p1 .text0 { position:absolute; top:55%; left:50%; width:100%; height:20rem; margin:-10rem -50%; background:url(/images/pad/mtxt0.png) center no-repeat; background-size:auto 100%; opacity:0;  }

#p2 { background-image:url(/images/pad/mbg1.jpg); }
#p2 .text {  background-image:url(/images/pad/mtxt1.png); }
#p2 .btns a:nth-child(1) .btn { background-color:#ce0a18; }

#p3 { background-image:url(/images/pad/mbg2.jpg); }
#p3 .text {  background-image:url(/images/pad/mtxt2.png); }
#p3 .btns a:nth-child(1) .btn { background-color:#10b141; }

#p4 { background-image:url(/images/pad/mbg3.jpg); }
#p4 .text {  background-image:url(/images/pad/mtxt3.png); }
#p4 .btns a:nth-child(1) .btn { background-color:#137bbb; }

#p5 { background-image:url(/images/pad/mbg4.jpg); }
#p5 .text {  background-image:url(/images/pad/mtxt4.png); }
#p5 .btns a:nth-child(1) .btn { background-color:#ff6000; }


footer { position:fixed; bottom:0; left:0; width:100%; }
footer #copyright { color:#fff; line-height:5rem; font-size:1.8rem; }
footer #copyright a { color:#fff; }
footer #copyright .c0 { text-align:center; }
footer #copyright .c1 { display:none; }
footer #btm22y { position:absolute; bottom:5rem; left:50%; width:14.6rem; height:3.1rem; margin:0 -7.3rem;  }
footer #btm22y img { width:100%; height:100%; }
footer #btmtel { position:absolute; bottom:17rem; left:0; width:100%; height:5rem; text-align:center; }
footer #btmtel .txt { display:inline-block; line-height:5rem; color:#fff; font-size:3.5rem; font-weight:bold; font-style:italic; padding:0 0 0 5.5rem; background:url(/images/mtel.png) left center no-repeat; background-size:auto 100%;  }
footer #scrdwn { position:absolute; bottom:9rem; left:0; width:100%; height:7.5rem; text-align:center; }
footer #scrdwn .txt { display:none;  }


footer .qrcode { display:none;}
}

@media screen and (max-width:640px) {
header { position:fixed; top:0; left:0; width:100%; }

#ordernow { display:none; }
.section { height:100%; background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.section .text { position:absolute; top:35%; left:50%; width:100%; height:15rem; margin:-7.5rem -50%;  background-position:center; background-repeat:no-repeat; background-size:auto 100%; opacity:0; }
.section .btns { position:absolute; top:35%; left:50%; width:45.6rem; height:21rem; text-align:center; margin:0 -22.8rem;  }
.section .btns .btn { position:absolute; width:45.6rem; height:5.8rem; left:0; line-height:5.8rem; text-align:center; color:#fff; font-size:2rem; border-radius:0.5rem; overflow:hidden; cursor:pointer; background-color:#393939; opacity:0; }
.section .btns a:nth-child(1) .btn { top:2rem; }
.section .btns a:nth-child(1) .btn { top:9rem; }
.section .btns a:nth-child(1) .btn { top:16rem; }



#p1 { background-image:url(/images/phone/mbg0.jpg); }
#p1 .text0 { position:absolute; top:55%; left:50%; width:100%; height:13rem; margin:-7.5rem -50%; background:url(/images/pad/mtxt0.png) center no-repeat; background-size:auto 100%; opacity:0;  }

#p2 { background-image:url(/images/phone/mbg1.jpg); }
#p2 .text {  background-image:url(/images/pad/mtxt1.png); }
#p2 .btns a:nth-child(1) .btn { background-color:#ce0a18; }

#p3 { background-image:url(/images/phone/mbg2.jpg); }
#p3 .text {  background-image:url(/images/pad/mtxt2.png); }
#p3 .btns a:nth-child(1) .btn { background-color:#10b141; }

#p4 { background-image:url(/images/phone/mbg3.jpg); }
#p4 .text {  background-image:url(/images/pad/mtxt3.png); }
#p4 .btns a:nth-child(1) .btn { background-color:#137bbb; }

#p5 { background-image:url(/images/phone/mbg4.jpg); }
#p5 .text {  background-image:url(/images/pad/mtxt4.png); }
#p5 .btns a:nth-child(1) .btn { background-color:#ff6000; }


footer { position:fixed; bottom:0; left:0; width:100%; }
footer #copyright { color:#fff; line-height:3.5rem; }
footer #copyright a { color:#fff; }
footer #copyright .c0 { text-align:center; }
footer #copyright .c1 { display:none; }
footer #btm22y { position:absolute; bottom:3.5rem; left:50%; width:14.6rem; height:3.1rem; margin:0 -7.3rem;  }
footer #btm22y img { width:100%; height:100%; }
footer #btmtel { position:absolute; bottom:13.5rem; left:0; width:100%; height:4rem; text-align:center; }
footer #btmtel .txt { display:inline-block; line-height:4rem; color:#fff; font-size:3rem; font-weight:bold; font-style:italic; padding:0 0 0 4.8rem; background:url(/images/mtel.png) left center no-repeat; background-size:auto 100%;  }
footer #scrdwn { position:absolute; bottom:6rem; left:0; width:100%; height:7.5rem; text-align:center; }
footer #scrdwn .txt { display:none;  }
footer #scrdwn .pic img { width:4rem; height:3rem; }
	
footer .qrcode { display:none;}
	
}