@charset "utf-8";
/* --bbq-* .bbq-* */
:root{
  --bbq-blue:#1048a0;
  --bbq-blue2:#0185d0;
  --bbq-ink:#222;
  --bbq-gray:#666;
  --bbq-line:#e4e4e4;
  --bbq-bg:#f6f6f6;
}
/* ---------- ---------- */
.bbq-info{float:left;width:100%;margin-top:18px;padding-top:14px;border-top:1px solid #434343;color:#c9c9c9;font-size:13px;line-height:24px;}
.bbq-info p{margin:0;color:#c9c9c9;}
.bbq-info p strong{color:#f9f9f9;font-weight:normal;}
/* ---------- ---------- */
.bbq-h2{font-size:24px;color:var(--bbq-blue);font-weight:bold;margin:0 0 14px;}
.bbq-p{font-size:14px;line-height:26px;color:#444;margin:0 0 12px;}
.bbq-meta{font-size:13px;color:var(--bbq-gray);line-height:24px;}
/* ---------- ---------- */
.bbq-grid{width:100%;}
.bbq-grid ul{list-style:none;margin:0;padding:0;}
.bbq-grid li{float:left;width:32%;margin:0 2% 22px 0;background:#fff;border:1px solid var(--bbq-line);}
.bbq-grid li:nth-child(3n){margin-right:0;}
.bbq-grid li a{display:block;text-decoration:none;}
.bbq-grid .pic{display:block;width:100%;height:210px;overflow:hidden;background:#f2f2f2;}
.bbq-grid .pic img{width:100%;height:100%;object-fit:cover;display:block;}
.bbq-grid .name{font-size:15px;color:#333;line-height:22px;padding:10px 12px 4px;margin:0;height:44px;overflow:hidden;}
.bbq-grid .model{font-size:12px;color:#999;padding:0 12px;}
.bbq-grid .pri{padding:6px 12px 12px;}
.bbq-grid .now{color:#d52929;font-size:18px;font-weight:bold;}
.bbq-grid .old{color:#999;font-size:12px;text-decoration:line-through;margin-left:8px;}
.bbq-grid .unit{color:#888;font-size:12px;margin-left:4px;}
/* ---------- ---------- */
.bbq-detail{padding:10px 0 0;}
.bbq-detail .bbq-pics{float:left;width:44%;}
.bbq-detail .bbq-pics img{width:100%;border:1px solid var(--bbq-line);display:block;}
.bbq-detail .bbq-main{float:right;width:53%;}
.bbq-pricebox{background:#f6f8fb;border:1px solid #dbe6f5;padding:14px 16px;margin:12px 0 16px;}
.bbq-pricebox .lab{font-size:13px;color:#666;}
.bbq-pricebox .now{color:#d52929;font-size:26px;font-weight:bold;}
.bbq-pricebox .old{color:#999;font-size:14px;text-decoration:line-through;margin-left:10px;}
.bbq-pricebox .row{font-size:13px;color:#555;line-height:26px;}
.bbq-btns{margin:14px 0;}
.bbq-btns a{display:inline-block;padding:10px 26px;background:var(--bbq-blue);color:#fff;text-decoration:none;font-size:15px;margin-right:10px;}
.bbq-btns a.alt{background:#fff;color:var(--bbq-blue);border:1px solid var(--bbq-blue);}
.bbq-btns a:hover{background:var(--bbq-blue2);color:#fff;}
.bbq-table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:14px;}
.bbq-table th,.bbq-table td{border:1px solid var(--bbq-line);padding:9px 12px;text-align:left;}
.bbq-table th{width:150px;background:#f6f8fb;color:#555;font-weight:normal;}
.bbq-spec-title{font-size:17px;color:var(--bbq-blue);border-left:4px solid var(--bbq-blue);padding-left:10px;margin:22px 0 10px;font-weight:bold;}
/* ---------- ---------- */
.bbq-form{background:#fff;border:1px solid var(--bbq-line);padding:18px 20px;}
.bbq-form .row{margin-bottom:14px;}
.bbq-form label{display:block;font-size:14px;color:#444;margin-bottom:6px;}
.bbq-form input[type=text],.bbq-form input[type=password],.bbq-form input[type=tel],.bbq-form input[type=email],.bbq-form select,.bbq-form textarea{
  width:100%;box-sizing:border-box;border:1px solid #ccc;height:38px;line-height:38px;padding:0 10px;font-size:14px;color:#333;}
.bbq-form textarea{height:92px;line-height:22px;padding:8px 10px;resize:vertical;}
.bbq-form .btn{display:inline-block;border:0;height:42px;line-height:42px;padding:0 34px;background:var(--bbq-blue);color:#fff;font-size:15px;cursor:pointer;}
.bbq-form .btn:hover{background:var(--bbq-blue2);}
.bbq-form .tip{font-size:13px;color:#888;line-height:22px;}
.bbq-form .err{color:#d52929;font-size:13px;display:none;}
.bbq-two{width:48%;float:left;margin-right:4%;}
.bbq-two.last{margin-right:0;}
.bbq-cap{display:inline-block;vertical-align:middle;border:1px solid #ccc;height:38px;cursor:pointer;background:#fff;}
.bbq-cap img{display:block;height:36px;}
/* ---------- ---------- */
.bbq-plan{border:1px solid var(--bbq-line);background:#fff;}
.bbq-plan .grp{border-bottom:1px solid var(--bbq-line);padding:14px 18px;}
.bbq-plan .grp h4{margin:0 0 10px;font-size:16px;color:var(--bbq-blue);}
.bbq-plan .opt{display:inline-block;margin:0 16px 10px 0;font-size:14px;color:#333;}
.bbq-plan .opt input{vertical-align:middle;margin-right:5px;}
.bbq-plan .cart{background:#f6f8fb;padding:14px 18px;}
.bbq-plan table{width:100%;border-collapse:collapse;font-size:14px;}
.bbq-plan th,.bbq-plan td{border:1px solid var(--bbq-line);padding:8px 10px;text-align:left;}
.bbq-plan th{background:#eef3fa;font-weight:normal;color:#555;}
.bbq-plan .sum{font-size:16px;color:#d52929;font-weight:bold;}
/* ---------- FAQ ---------- */
.bbq-faq{border:1px solid var(--bbq-line);background:#fff;}
.bbq-faq .q{padding:12px 18px;border-bottom:1px solid var(--bbq-line);cursor:pointer;font-size:15px;color:#333;}
.bbq-faq .q:hover{color:var(--bbq-blue);}
.bbq-faq .a{display:none;padding:0 18px 14px;font-size:14px;line-height:24px;color:#555;border-bottom:1px solid var(--bbq-line);}
.bbq-faq .a.on{display:block;}
/* ---------- ---------- */
.bbq-cols{width:100%;}
.bbq-cols .col{float:left;width:31%;margin-right:3.5%;}
.bbq-cols .col.last{margin-right:0;}
.bbq-card{border:1px solid var(--bbq-line);background:#fff;padding:16px 18px;}
.bbq-card h4{margin:0 0 8px;font-size:16px;color:var(--bbq-blue);}
.bbq-card p{margin:0;font-size:13px;line-height:23px;color:#555;}
.bbq-steps{list-style:none;margin:0;padding:0;}
.bbq-steps li{float:left;width:23%;margin-right:2.6%;background:#fff;border:1px solid var(--bbq-line);padding:14px;}
.bbq-steps li.last{margin-right:0;}
.bbq-steps .n{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;background:var(--bbq-blue);color:#fff;border-radius:50%;font-size:14px;margin-bottom:8px;}
.bbq-steps h4{margin:0 0 6px;font-size:15px;color:#333;}
.bbq-steps p{margin:0;font-size:13px;line-height:22px;color:#666;}
.bbq-note{background:#f6f8fb;border-left:4px solid var(--bbq-blue);padding:12px 16px;font-size:14px;line-height:24px;color:#444;margin:14px 0;}
.bbq-tag{display:inline-block;padding:3px 10px;border:1px solid var(--bbq-blue);color:var(--bbq-blue);font-size:12px;margin:0 6px 6px 0;}
.bbq-idcard{background:#fff;border:1px dashed var(--bbq-blue);padding:14px 18px;font-size:14px;line-height:24px;color:#444;}
.bbq-idcard b{color:var(--bbq-blue);font-size:16px;letter-spacing:1px;}
/* ---------- ---------- */
.bbq-member{border:1px solid var(--bbq-line);background:#fff;padding:18px 20px;}
.bbq-member .head{font-size:16px;color:#333;margin-bottom:10px;}
.bbq-rec{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px;}
.bbq-rec th,.bbq-rec td{border:1px solid var(--bbq-line);padding:8px 10px;text-align:left;}
.bbq-rec th{background:#f6f8fb;font-weight:normal;color:#555;}
/* - */
@media screen and (max-width:1000px){
  .bbq-grid li{width:48%;margin-right:4%;}
  .bbq-grid li:nth-child(3n){margin-right:4%;}
  .bbq-grid li:nth-child(2n){margin-right:0;}
  .bbq-detail .bbq-pics,.bbq-detail .bbq-main{float:none;width:100%;}
  .bbq-cols .col{float:none;width:100%;margin:0 0 14px;}
  .bbq-steps li{float:none;width:100%;margin:0 0 12px;}
  .bbq-two{width:100%;float:none;margin-right:0;}
}

/* image ratio guards: keep natural aspect ratio to avoid stretched photos */
#floor_2_main .proCenter .list li img{width:320px;height:auto;}
#floor_1_main .about img{height:auto;}
.bbq-grid .pic{height:auto;overflow:hidden;}
.bbq-grid .pic img{width:100%;height:auto;}
.proCase li img.img{width:100%;height:auto;}
.bbq-detail .bbq-pics img{height:auto;}
@media screen and (max-width:1000px){
  #floor_2_main .proCenter .list li img{width:100%;height:auto;}
  #floor_2_main .proCenter .list li{height:auto;}
  #banner li img{max-width:100%;width:auto;left:0;margin-left:0;}
}
#floor_4_main .proCase .list li a img{width:320px;height:auto;}
#floor_4_main .proCase .list li{height:auto;padding-bottom:20px;}
#floor_4_main .proCase .list li .view_detail{position:static;display:block;width:120px;margin-top:14px;}
@media screen and (max-width:1000px){
  #floor_4_main .proCase .list li a img{width:100%;height:auto;}
}