@charset "utf-8";

/* CSS Document */
#ordernow { display:none; }
@media screen and (min-width:1000px) {
.ccenter { z-index:201; }
.ptitle { height:7rem; margin:10rem 0 4rem 0; background:url(/images/s2b9p0.png) center repeat-x; text-align:center; }
.ptitle .text { display:inline-block; line-height:7rem; background-color:#fff; padding:0 2.5rem; font-size:3rem; color:#333; font-weight:bold; }

.b0 { height:40.5rem; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.b0 dl { position:absolute; width:25rem; box-sizing:border-box; padding:0 0 0 2rem; }
.b0 .l0 { top:0; left:0;}
.b0 .l1 { top:0; left:25rem;}
.b0 .l2 { top:0; left:50rem;}
.b0 .l3 { top:0; left:75rem;}
.b0 .l4 { top:19rem; left:0;}
.b0 dt { margin:2rem 0 1rem 0; line-height:3rem; font-size:1.6rem; font-weight:bold; color:#333; }
.b0 dd { margin:0 0 1.2rem 0; height:2.3rem; }
.b0 dd >div { display:inline-block; height:2.3rem; padding:0 0.8rem 0 0; line-height:2.3rem; color:#666; }
.b0 dd input { height:2rem; box-sizing:border-box; border:none; outline:none; border-bottom:1px solid #cecdcd; padding:0 0.5rem; text-align:center; font-family:微软雅黑; }
.b0 .f0 { width:13rem; }
.b0 .f1 { width:10.8rem; }
.b0 .f2 { width:11.9rem; }
.b0 .f3 { width:13.7rem; }
.b0 select { height:2.3rem; box-sizing:border-box; border:1px solid #a8a8a8; padding:0 0.5rem; font-family:微软雅黑; }
.b0 .fs0 { width:14.2rem;  }
.b0 .fs1 { width:11rem;  }
.b0 .fs2 { width:7.5rem; }
.b0 .fs3 { width:9.7rem; }
.b0 .btns { position:absolute; bottom:3.8rem; right:2.2rem; height:5rem; }
.b0 .btns >div { position:absolute; top:0; width:22.2rem; height:5rem; line-height:5rem; text-align:center; color:#fff; font-size:1.4rem; cursor:pointer; }
.b0 .btns .btnSubmit { right:0; background-color:#c00; }
.b0 .btns .btnReset { right:24.4rem; background-color:#adadad; }

.b1 { padding:2rem 0 0 0; }
.b1 dl { width:66.2rem; }
.b1 dt { line-height:6rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b1 .dd { display:inline-block; }
.b1 dd { display:inline-block; width:21.2rem; height:6rem; box-sizing:border-box; border:1px solid #ddd; line-height:5.8rem; text-align:center; font-size:1.4rem; margin:0 0 1rem 1rem; cursor:pointer; }
.b1 dd.active { border:4px solid #1c89e5; line-height:5.2rem; }
.b1 .dd dd:nth-child(3n-2) { margin:0; }
.b1 .dd .check { position:absolute; top:-5rem; right:0; line-height:5rem; color:#1c89e5; text-align:right; padding-left:2rem; cursor:pointer; background:url(/images/cccheckn.png) left center no-repeat; }
.b1 .dd .check.active { background-image:url(/images/ccchecka.png); }
.b2 dl { width:70.2rem; }
.b2 dt { line-height:6rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b2 dd { line-height:2.4rem; padding:0 0 0 1rem; margin:0 3rem 0.6rem 0; width:18.4rem; float:left; background:url(/images/ccb2.png) left top no-repeat; font-size:1.4rem; }
.b3 .title { line-height:7.5rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b3 dl { width:66rem; box-sizing:border-box; border:1px solid #ddd; margin-bottom:2rem; padding:2.5rem; position:relative; cursor:pointer; }
.b3 dl.active { border:0.4rem solid #1c89e5; padding:2.2rem; }
.b3 dl.active .pic { right:2.2rem; }
.b3 dt { font-size:1.6rem; font-weight:bold; color:#333; line-height:2rem; height:2rem; width:35rem; overflow:hidden; }
.b3 dd { width:35rem; padding:1.5rem 0 0 0; position:relative;  }
.b3 .txt { min-height:12rem; line-height:2.4rem; font-size:1.4rem; }
.b3 .pic { position:absolute; top:2rem; right:2.5rem; width:22.5rem; height:14.9rem; }
.b3 .pic img { width:100%; height:100%; }

.b4 { margin:1rem 0; width:66rem;}
.b4 dl { margin-bottom:2.5rem; }
.b4 dt { line-height:4.5rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b4 dd { line-height:2.4rem; color:#666; font-size:1.4rem; }
.b4 dd a { color:#c00; }
.b5 { margin:2rem 0 5rem 0; width:66rem; padding-top:2rem; border-top:1px solid #ddd; }
.b5 .txt { line-height:2.4rem; color:#666; font-size:1.4rem;}

.caldiv { position:absolute; width:30rem; right:0; top:0; }
.cal { position:absolute; top:55rem; width:30rem; background-color:#2c2c2c; }
.cal .label { height:5rem; overflow:hidden; }
.cal .label .unit { width:50%; float:left; line-height:5rem; text-align:center; color:#8d8d8d; background-color:#000; font-size:1.6rem; cursor:pointer; }
.cal .label .unit.active { background-color:#2c2c2c; color:#fff; }
.cal .container .unit { display:none; padding:6rem 2rem 0 2rem; height:34.5rem; }
.cal .container .unit.active { display:block; }
.cal .orderinfo { height:5rem; background-color:#000; overflow:hidden; }
.cal .orderinfo .txt { color:#fff; line-height:5rem; padding-left:1.8rem; width:50%; font-size:1.4rem; }
.cal .orderinfo .btn { position:absolute; width:9rem; height:3rem; top:1rem; right:1rem; cursor:pointer; background-color:#c00; color:#fff; font-size:1.4rem; line-height:3rem; text-align:center; }

.order { position:fixed; top:0; left:0; width:100%; height:100%; display:none; }
.order .bg { position:absolute; top:0; left:0;  width:100%; height:100%; background-color:rgba(0,0,0,0.65); }
.order .container { width:45rem; padding:5rem 7rem; background:#272727; margin:0 auto; }
.order .title { height:4.5rem; overflow:hidden; }
.order .title .t0 { line-height:4.5rem; font-size:2.4rem; font-weight:bold; color:#fff; }
.order .title .t1 { position:absolute; top:1.5rem; right:0; line-height:3rem; text-align:right; color:#fff; }
.order .form { padding:2rem 0 0 0; }
.order .form li { height:3rem; padding:0 0 1rem 0; }
.order .form li .l0 { float:left; line-height:3rem; color:#aeaeae; width:5rem; overflow:hidden; font-size:1.4rem; }
.order .form li .l1 { float:right; height:3rem; width:39rem; overflow:hidden; }
.order .form li .f0 { width:39rem; height:3rem; box-sizing:border-box; border:none; background-color:#fff; padding:0 0.5rem; }
.order .btns { padding:2rem 0 0 0; text-align:center; }
.order .btn { width:13rem; height:3.5rem; background-color:#c00; color:#fff; line-height:3.5rem; text-align:center; display:inline-block; cursor:pointer; font-size:1.4rem; }
.btn1 { width:13rem; height:3.5rem; background-color:#c00; color:#fff; line-height:3.5rem; text-align:center; display:inline-block; cursor:pointer; font-size:1.4rem; }
.order .close { position:absolute; top:1rem; right:2rem; width:5rem; height:3rem; box-sizing:border-box; padding-right:2rem; text-align:right; color:#fff; background:url(/images/ccclose.png) right center no-repeat; background-size:1.1rem 1.1rem; cursor:pointer; line-height:3rem; }
.calPhone { display:none; }

}

@media screen and (min-width:641px) and (max-width:999px) {
.ccenter { z-index:201; }
.ptitle { height:7rem; margin:10rem 0 4rem 0; background:url(/images/s2b9p0.png) center repeat-x; text-align:center; }
.ptitle .text { display:inline-block; line-height:7rem; background-color:#fff; padding:0 2.5rem; font-size:3rem; color:#333; font-weight:bold; }

.b0 { height:40.5rem; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.b0 dl { position:absolute; width:25rem; box-sizing:border-box; padding:0 0 0 2rem; }
.b0 .l0 { top:0; left:0;}
.b0 .l1 { top:0; left:25rem;}
.b0 .l2 { top:0; left:50rem;}
.b0 .l3 { top:0; left:75rem;}
.b0 .l4 { top:19rem; left:0;}
.b0 dt { margin:2rem 0 1rem 0; line-height:3rem; font-size:1.6rem; font-weight:bold; color:#333; }
.b0 dd { margin:0 0 1.2rem 0; height:2.3rem; }
.b0 dd >div { display:inline-block; height:2.3rem; padding:0 0.8rem 0 0; line-height:2.3rem; color:#666; }
.b0 dd input { height:2rem; box-sizing:border-box; border:none; outline:none; border-bottom:1px solid #cecdcd; padding:0 0.5rem; text-align:center; font-family:微软雅黑; }
.b0 .f0 { width:13rem; }
.b0 .f1 { width:10.8rem; }
.b0 .f2 { width:11.9rem; }
.b0 .f3 { width:13.7rem; }
.b0 select { height:2.3rem; box-sizing:border-box; border:1px solid #a8a8a8; padding:0 0.5rem; font-family:微软雅黑; }
.b0 .fs0 { width:14.2rem;  }
.b0 .fs1 { width:11rem;  }
.b0 .fs2 { width:7.5rem; }
.b0 .fs3 { width:9.7rem; }
.b0 .btns { position:absolute; bottom:3.8rem; right:2.2rem; height:5rem; }
.b0 .btns >div { position:absolute; top:0; width:22.2rem; height:5rem; line-height:5rem; text-align:center; color:#fff; font-size:1.4rem; cursor:pointer; }
.b0 .btns .btnSubmit { right:0; background-color:#c00; }
.b0 .btns .btnReset { right:24.4rem; background-color:#adadad; }

.b1 { padding:2rem 1rem 0 1rem; }
.b1 dl { width:45rem; }
.b1 dt { line-height:6rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b1 .dd { display:inline-block; }
.b1 dd { display:inline-block; width:21.2rem; height:6rem; box-sizing:border-box; border:1px solid #ddd; line-height:5.8rem; text-align:center; font-size:1.4rem; margin:0 0 1rem 1rem; cursor:pointer; }
.b1 dd.active { border:4px solid #1c89e5; line-height:5.2rem; }
.b1 .dd dd:nth-child(2n-1) { margin:0; }
.b1 .dd .check { position:absolute; top:-5rem; right:0; line-height:5rem; color:#1c89e5; text-align:right; padding-left:2rem; cursor:pointer; background:url(/images/cccheckn.png) left center no-repeat; }
.b1 .dd .check.active { background-image:url(/images/ccchecka.png); }
.b2 { padding:0 1rem;}
.b2 dl { width:70.2rem; }
.b2 dt { line-height:6rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b2 dd { line-height:2.4rem; padding:0 0 0 1rem; margin:0 3rem 0.6rem 0; width:18.4rem; float:left; background:url(/images/ccb2.png) left top no-repeat; font-size:1.4rem; }
.b3 { padding:0 1rem;}
.b3 .title { line-height:7.5rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b3 dl { width:66rem; box-sizing:border-box; border:1px solid #ddd; margin-bottom:2rem; padding:2.5rem; position:relative; cursor:pointer; }
.b3 dl.active { border:0.4rem solid #1c89e5; padding:2.2rem; }
.b3 dl.active .pic { right:2.2rem; }
.b3 dt { font-size:1.6rem; font-weight:bold; color:#333; line-height:2rem; height:2rem; width:35rem; overflow:hidden; }
.b3 dd { width:35rem; padding:1.5rem 0 0 0; position:relative;  }
.b3 .txt { min-height:12rem; line-height:2.4rem; font-size:1.4rem; }
.b3 .pic { position:absolute; top:2rem; right:2.5rem; width:22.5rem; height:14.9rem; }
.b3 .pic img { width:100%; height:100%; }

.b4 { margin:1rem 0; padding:0 0 0 1rem; width:66rem;}
.b4 dl { margin-bottom:2.5rem; }
.b4 dt { line-height:4.5rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b4 dd { line-height:2.4rem; color:#666; font-size:1.4rem; }
.b4 dd a { color:#c00; }
.b5 { margin:2rem 0 5rem 1rem; width:66rem; padding-top:2rem; border-top:1px solid #ddd; }
.b5 .txt { line-height:2.4rem; color:#666; font-size:1.4rem;}

.caldiv { position:absolute; width:30rem; right:0; top:0; }
.cal { position:absolute; top:55rem; width:30rem; background-color:#2c2c2c; }
.cal .label { height:5rem; overflow:hidden; }
.cal .label .unit { width:50%; float:left; line-height:5rem; text-align:center; color:#8d8d8d; background-color:#000; font-size:1.6rem; cursor:pointer; }
.cal .label .unit.active { background-color:#2c2c2c; color:#fff; }
.cal .container .unit { display:none; padding:6rem 2rem 0 2rem; height:34.5rem; }
.cal .container .unit.active { display:block; }
.cal .orderinfo { height:5rem; background-color:#000; overflow:hidden; }
.cal .orderinfo .txt { color:#fff; line-height:5rem; padding-left:1.8rem; width:50%; font-size:1.4rem; }
.cal .orderinfo .btn { position:absolute; width:9rem; height:3rem; top:1rem; right:1rem; cursor:pointer; background-color:#c00; color:#fff; font-size:1.4rem; line-height:3rem; text-align:center; }

.order { position:fixed; top:0; left:0; width:100%; height:100%; display:none; }
.order .bg { position:absolute; top:0; left:0;  width:100%; height:100%; background-color:rgba(0,0,0,0.65); }
.order .container { width:45rem; padding:5rem 7rem; background:#272727; margin:0 auto; }
.order .title { height:4.5rem; overflow:hidden; }
.order .title .t0 { line-height:4.5rem; font-size:2.4rem; font-weight:bold; color:#fff; }
.order .title .t1 { position:absolute; top:1.5rem; right:0; line-height:3rem; text-align:right; color:#fff; }
.order .form { padding:2rem 0 0 0; }
.order .form li { height:3rem; padding:0 0 1rem 0; }
.order .form li .l0 { float:left; line-height:3rem; color:#aeaeae; width:5rem; overflow:hidden; font-size:1.4rem; }
.order .form li .l1 { float:right; height:3rem; width:39rem; overflow:hidden; }
.order .form li .f0 { width:39rem; height:3rem; box-sizing:border-box; border:none; background-color:#fff; padding:0 0.5rem; }
.order .btns { padding:2rem 0 0 0; text-align:center; }
.order .btn { width:13rem; height:3.5rem; background-color:#c00; color:#fff; line-height:3.5rem; text-align:center; display:inline-block; cursor:pointer; font-size:1.4rem; }
.btn1 { width:13rem; height:3.5rem; background-color:#c00; color:#fff; line-height:3.5rem; text-align:center; display:inline-block; cursor:pointer; font-size:1.4rem; }
.order .close { position:absolute; top:1rem; right:2rem; width:5rem; height:3rem; box-sizing:border-box; padding-right:2rem; text-align:right; color:#fff; background:url(/images/ccclose.png) right center no-repeat; background-size:1.1rem 1.1rem; cursor:pointer; line-height:3rem; }
.calPhone { display:none; }
}

@media screen and (max-width:640px) {
footer { margin-bottom:9rem; }
.ccenter { z-index:201; }
.ptitle { height:7rem; margin:10rem 0 2rem 0; text-align:center; border-bottom:1px solid #ddd; }
.ptitle .text { display:inline-block; line-height:7rem; padding:0 2.5rem; font-size:3rem; color:#333; font-weight:bold; }

.b0 { border:1px solid #ddd; padding:2rem 3.5rem; }
.b0 dl { margin-bottom:2rem; }
.b0 dt { line-height:5.5rem; font-size:2rem; font-weight:bold; color:#333; }
.b0 dd { margin:0 0 1rem 0; height:5rem; font-size:1.8rem; }
.b0 dd >div { display:inline-block; height:5rem; padding:0 1rem 0 0; line-height:5rem; color:#666; }
.b0 dd input { height:5rem; box-sizing:border-box; border:none; outline:none; border-bottom:1px solid #ccc; padding:0 0.5rem; text-align:center; font-family:微软雅黑; }
.b0 .f0 { width:40rem; }
.b0 .f1 { width:33rem; }
.b0 .f2 { width:35.5rem; }
.b0 .f3 { width:41rem; }
.b0 select { height:5rem; box-sizing:border-box; border:1px solid #a8a8a8; padding:0 0.5rem; font-family:微软雅黑; }
.b0 .fs0 { width:40.5rem;  }
.b0 .fs1 { width:36rem;  }
.b0 .fs2 { width:18.8rem; }
.b0 .fs3 { width:33rem; }
.b0 .btns { height:5rem; padding:3rem; }
.b0 .btns >div { width:22.2rem; height:5rem; line-height:5rem; text-align:center; color:#fff; font-size:1.4rem; cursor:pointer; }
.b0 .btns .btnSubmit { float:right; background-color:#c00; }
.b0 .btns .btnReset { float:left; background-color:#adadad; }

.b1 { padding:2rem 0 0 0; }
.b1 dt { line-height:6rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b1 .dd { display:inline-block; }
.b1 dd { display:inline-block; width:18.5rem; height:6rem; box-sizing:border-box; border:1px solid #ddd; line-height:5.8rem; text-align:center; font-size:1.8rem; margin:0 0 1rem 1rem; cursor:pointer; }
.b1 dd.active { border:4px solid #1c89e5; line-height:5.2rem; }
.b1 .dd dd:nth-child(3n-2) { margin:0; }
.b1 .dd .check { position:absolute; top:-5rem; right:0; line-height:5rem; color:#1c89e5; text-align:right; padding-left:4rem; cursor:pointer; background:url(/images/cccheckn.png) left center no-repeat; background-size:2.4rem 2.4rem; font-size:1.8rem; }
.b1 .dd .check.active { background-image:url(/images/ccchecka.png); }
.b2 dt { line-height:6rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b2 dd { line-height:4rem; padding:0 0 0 2rem; background:url(/images/ccb2.png) left top no-repeat; font-size:1.8rem; background-size:auto 4rem; }
.b2 dd:nth-child(4n), .b2 dd:last-child { padding-bottom:2rem; border-bottom:1px solid #ddd; margin-bottom:2rem; }
.b3 .title { line-height:7.5rem; color:#333; font-size:1.8rem; font-weight:bold; }
.b3 dl { box-sizing:border-box; border:1px solid #ddd; margin-bottom:2rem; padding:2.5rem; position:relative; cursor:pointer; }
.b3 dl.active { border:0.4rem solid #1c89e5; padding:2.2rem; }
.b3 dt { font-size:2rem; font-weight:bold; color:#333; line-height:4rem; height:4rem; overflow:hidden; padding:0 0 2rem 0; }
.b3 .txt { line-height:3rem; font-size:1.8rem; padding:1.5rem 0; }
.b3 .pic img { width:100%; }

.b4 { margin:1rem 0; padding:0 0 0 1rem;}
.b4 dl { margin-bottom:2.5rem; }
.b4 dt { line-height:4.5rem; color:#333; font-size:2rem; font-weight:bold; }
.b4 dd { line-height:3rem; color:#666; font-size:1.8rem; }
.b4 dd a { color:#c00; }
.b5 { margin:2rem 0 5rem 1rem; padding-top:2rem; border-top:1px solid #ddd; }
.b5 .txt { line-height:3rem; color:#666; font-size:1.8rem;}

.caldiv { position:absolute; width:30rem; right:0; top:0; }
.cal { display:none; }
.cal .label { height:5rem; overflow:hidden; }
.cal .label .unit { width:50%; float:left; line-height:5rem; text-align:center; color:#8d8d8d; background-color:#000; font-size:1.6rem; cursor:pointer; }
.cal .label .unit.active { background-color:#2c2c2c; color:#fff; }
.cal .container .unit { display:none; padding:6rem 2rem 0 2rem; height:34.5rem; }
.cal .container .unit.active { display:block; }
.cal .orderinfo { height:5rem; background-color:#000; overflow:hidden; }
.cal .orderinfo .txt { color:#fff; line-height:5rem; padding-left:1.8rem; width:50%; font-size:1.4rem; }
.cal .orderinfo .btn { position:absolute; width:9rem; height:3rem; top:1rem; right:1rem; cursor:pointer; background-color:#c00; color:#fff; font-size:1.4rem; line-height:3rem; text-align:center; }

.order { position:fixed; top:0; left:0; width:100%; height:100%; display:none; }
.order .bg { position:absolute; top:0; left:0;  width:100%; height:100%; background-color:rgba(0,0,0,0.65); }
.order .container { width:45rem; padding:5rem 7rem; background:#272727; margin:0 auto; }
.order .title { height:4.5rem; overflow:hidden; }
.order .title .t0 { line-height:4.5rem; font-size:2.4rem; font-weight:bold; color:#fff; }
.order .title .t1 { position:absolute; top:1.5rem; right:0; line-height:3rem; text-align:right; color:#fff; }
.order .form { padding:2rem 0 0 0; }
.order .form li { height:3rem; padding:0 0 1rem 0; }
.order .form li .l0 { float:left; line-height:3rem; color:#aeaeae; width:5rem; overflow:hidden; font-size:1.4rem; }
.order .form li .l1 { float:right; height:3rem; width:39rem; overflow:hidden; }
.order .form li .f0 { width:39rem; height:3rem; box-sizing:border-box; border:none; background-color:#fff; padding:0 0.5rem; }
.order .btns { padding:2rem 0 0 0; text-align:center; }
.order .btn { width:13rem; height:3.5rem; background-color:#c00; color:#fff; line-height:3.5rem; text-align:center; display:inline-block; cursor:pointer; font-size:1.4rem; }
.order .close { position:absolute; top:1rem; right:2rem; width:5rem; height:3rem; box-sizing:border-box; padding-right:2rem; text-align:right; color:#fff; background:url(/images/ccclose.png) right center no-repeat; background-size:1.1rem 1.1rem; cursor:pointer; line-height:3rem; }
.calPhone { height:9rem; position:fixed; width:100%; bottom:0; z-index:999; }
.calPhone .label .unit { width:50%; height:100%; float:left; background-color:#1e1e1e; color:#939393; line-height:9rem; text-align:center; font-size:2rem; }
.calPhone .label .unit.active { background-color:#2c2c2c; color:#fff; }
.calPhone .label .unit span { font-size:3rem; padding-left:3rem; }
.calPhone .container .unit { position:absolute; bottom:9rem; left:0; width:100%; background-color:#2c2c2c; padding:4rem 0; text-align:center; display:none; }
.calPhone .container .unit .txt { font-size:1.8rem; line-height:3.5rem; color:#fff; }
.calPhone .container .unit .btn  { width:37.5rem; height:6rem; background-color:#c00; color:#fff; line-height:6rem; text-align:center; display:inline-block; margin:3rem 0 0 0; font-size:2rem; }
.btn1 { width:37.5rem; height:6rem; background-color:#c00; color:#fff; line-height:6rem; text-align:center; display:inline-block; margin:3rem 0 0 0; font-size:2rem; }
}