/* banner */
.carousel-indicators .active{background-color: #e59a00;}
.carousel-indicators li{border: none;background-color: #fff;}
.q_banner .carousel-inner .item img{height: 620px;width: 100%;}
/* NEW  */
.q_new h1,.q_tem h1,.products h1,.q_case h1{margin: 60px auto 30px;width: 30%;}
.q_new .carousel-inner .item img{height: 383px;width: 100%;}
.q_newtxt{color:#8e8e8e; }
.q_newtxt ul li{border: 1px solid #e4e4e4;margin: 0;}
.q_newtxt  h4{color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.q_newtxt  h4 a:hover{color: #eaad30;}
.q_newtxttime{border-right:1px solid #e4e4e4;text-align: center; }
.q_newtxttime h2{font-size: 34px;}
.q_newtxt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.q_newbtn{text-align: center;}
.q_newbtn button{border-radius: inherit;margin-top: 40px; padding: 10px 36px;}
/* tem */
.q_temmin{background-color: #000;}
.q_temimg{padding-top: 50px;padding-bottom: 20px;}
.q_temimg .q_b1 .q_b{padding-right:8px;padding-left: 7px;overflow: hidden;}
.q_temimg .pr img{height: 100%;    width: 100%;}
.q_b1 .q_b .pr{height: 213px;}
.q_temimg_left .pr{height: 460px;}
.q_temimg .q_b1 .q_i1{padding-top: 35px;}
.fto-txt {width: 100%;height: 40%;background: rgba(193,144,10,0.9); 
    position: absolute;left: 0px;bottom: 0px;color: #fff;text-align: center;}
.fto-txt h4{margin-top: 10px;margin-bottom: 8px;}
.fto-txt p{margin-bottom: 0px;font-size:1.4rem;}
.pr:hover .fto-txt{display: block;}
.q_temcall{text-align: center;margin-bottom: 20px;}
.q_temcall button{ padding: 7px 50px;background-color: #000;color: #fff;border-radius: 0px; }
.q_temcall button.btn1{margin-right: 5%}
.q_temcall button:hover,.q_temcall button:active:hover,.q_temcall button:focus{color: #e59a00;border-radius: 0px;background-color: #000;border-color: #e59a00;}
.fto-txtleft h3{margin-top: 40px;font-size: 28px;margin-bottom: 20px;}
.fto-txtleft p{font-size:1.6rem;line-height: 26px;}
/* 装修产品*/
.products h1{margin: 60px auto 50px;}
.q_products_top{margin-bottom: 20px;}
.q_products img{height:  312px;}
.q_products_pa{width: 100%;height: 36px;line-height: 36px; background: rgba(59,58,58,0.9); 
    position: absolute;left: 0px;bottom: 0px;color: #fff;padding-left: 10px;}
/* 设计案例 */
.q_case{background-color: #f5f5f5;margin-top: 50px;}
.q_case_p{text-align: center;margin-bottom: 20px;}
.q_case_p a{padding: 0 20px;font-size: 1.4rem;}
.q_case_img .box img{width: 100%;overflow: hidden;}
.q_case_img .box2{margin-left: 1%;margin-right: 1%;}
.q_case_img .box1{width: 25%;}
.q_case_img .box2{width: 48%;}
.q_case_img .box3{width: 25%;}
.q_case_img .box .p1{margin-bottom: 10px;}
.q_case_img .box .p2{margin-bottom: 10px;}
.q_case_img .box1 .p1 img{height: 480px;}
.q_case_img .box1 .p2 img{height: 310px;}
.q_case_img .box2 .p1 img{height: 330px;}
.q_case_img .box2 .p2 img{height: 460px;}
.q_case_img .box3 .p1 img{height: 456px;}
.q_case_img .box3 .p2 img{height: 334px;}

.myCarouse_next{text-align: center;padding-bottom: 50px;padding-top: 20px;}
.myCarouse_left,.myCarouse_right{color: #fff;background-color: #e59a00; font-size: 48px;height: 60px;
    line-height: 52px; width: 60px; display: inline-block;}
.myCarouse_left{margin-right: 20px;}
.myCarouse_next a:focus,.myCarouse_next a:hover{text-decoration: none;}
.q_case_img_pa{width: 100%;height: 100%;background: rgba(193,144,10,0.7);
    position: absolute;left: 0px;bottom: 0px;}
.q_case_img_pa1{left: 50%;transform:translate(-50%);top: 45%;width: 100%;text-align: center;color: #fff;font-size: 18px;}
.q_case_img_pa p {margin-top: 50%；}
.q_case_img_pa1 span{display: block;padding-top: 5px;}
.q_case_img_pa,.q_case_img_pa1{display: none;}
.q_case_img .box1 .p1:hover .q_case_img_pa,.q_case_img .box1 .p1:hover .q_case_img_pa1{display: block;}
.q_case_img .box1 .p2:hover .q_case_img_pa,.q_case_img .box1 .p2:hover .q_case_img_pa1{display: block;}
.q_case_img .box2 .p1:hover .q_case_img_pa,.q_case_img .box2 .p1:hover .q_case_img_pa1{display: block;}
.q_case_img .box2 .p2:hover .q_case_img_pa,.q_case_img .box2 .p2:hover .q_case_img_pa1{display: block;}
.q_case_img .box3 .p1:hover .q_case_img_pa,.q_case_img .box3 .p1:hover .q_case_img_pa1{display: block;}
.q_case_img .box3 .p2:hover .q_case_img_pa,.q_case_img .box3 .p2:hover .q_case_img_pa1{display: block;}





@media (max-width:1490px) { 
  .q_banner .carousel-inner .item img{height: 520px}
}
@media (max-width:1200px) {
    
    .header .nav li{margin: 29px 10px 0;}
    /* tem */
    .q_banner .carousel-inner .item img{height: 420px}
    .q_temimg .q_b1 .q_i1{padding-top: 28px;}
    .fto-txt h4{margin-top: 5px;margin-bottom: 3px;}
    .q_b1 .q_b .pr{height: 174px;}
    .q_temimg_left .pr{height: 376px;}
    .fto-txtleft h3{margin-top: 30px;}
    /* products */
   .q_products img{height:  212px;width: 100%;}
   /* 设计案例 */
   .q_case_img .box1 .p1 img{height: 296px;}
   .q_case_img .box1 .p2 img{height: 192px;}

  .q_case_img .box2 .p1 img{height: 204px;}
  .q_case_img .box2 .p2 img{height: 284px;}

  .q_case_img .box3 .p1 img{height: 204px;}
  .q_case_img .box3 .p2 img{height: 284px;}
  .myCarouse_next {padding-bottom: 30px;padding-top: 10px;}
  .myCarouse_left, .myCarouse_right {font-size: 48px;height: 50px;line-height: 40px;width: 60px;}
   .q_friend {padding-top: 30px;padding-bottom: 20px;}
   .q_case_img_pa1{font-size: 16px;}

   /* footer */
   .q_footertext div .box {padding-left: 6%;}
   .q_footertext_img div {padding-left: 5%;}

}

@media (max-width:1025px) {
    .q_banner .carousel-inner .item img{height: 320px}

}

@media (max-width:990px) {
.q_temimg .q_b1 .q_i1{padding-top: 22px;}
.fto-txt h4{margin-top: 3px;margin-bottom: 0px;font-size:1.4rem;}
.fto-txt p{margin-bottom: 0px;font-size:1.2rem;}
.q_b1 .q_b .pr{height: 130px;}
.q_temimg_left .pr{height: 282px;}
.fto-txtleft h3{margin-top: 20px;font-size: 26px;margin-bottom: 10px;}
.fto-txtleft p{font-size:1.4rem;line-height: 24px;}
    /* products */
.q_products img{height: 157px;}
/* footer */
.q_footertext_img div img{width: 60px;}
.q_footertext_ph{padding-left:3% }
.q_footer{height: 210px;}
.q_footertext_ph .p1 {font-size: 1.6rem;}
.q_footertext_ph .p2{font-size: 2.6rem;}
}


@media (max-width:910px) {
    /*header*/
    .header .logo img{width: auto;height: 52px;}
    .header { height: 52px; }
    .header .ico_menu { float: right; background: url(../images/ico_menu.png) no-repeat; width: 31px; height: 22px; display: block; margin: 15px 10px 0 0; }
    .header .ico_close { text-align: center; font-size: 24px; display: block; width: 200px; height: 40px; line-height: 40px; margin: 20px auto; background: #eee; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }
    .header .nav { float: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #333; z-index: 9999; overflow-y: auto; display: none; }
    .header .nav ul { border-top: 1px solid #000;padding: 0; }
    .header .nav li { width: 100%; text-align: left; height: auto; margin-top: 0; }
    .header .nav li .b { height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #000; }
    .header .nav li .b span { float: left; margin-right: 10px; }
    .header .nav li .b em { float: left; }
    .header .nav li dl { position: relative; left: 0px; top: 0; background: #444; }
    .header .nav li dl dd { height: auto; line-height: 30px; text-align: left; padding: 0; border-bottom: 1px solid #333; }
    .header .nav li dl dd a { padding: 0 36px; }
    .header .nav li .sub { position: relative; left: 0px; top: 0px; background: #555; white-space: nowrap; }
    .header .nav li .sub a { padding: 0 50px; border-bottom: 1px solid #444; }
    .topfd { position: relative; right: 0; top: 0; width: 100%; background: #222; padding: 10px; }
    .topfd .search { width: 100%; float: none; }
    .topfd .sm { display: none; }
}


@media (max-width:768px) {
    .q_banner .carousel-inner .item img{height: 260px}
    .q_newtxt{padding-top: 20px;}
    .q_new .carousel-inner .item img{height: 180px;width: 100%;}
    .q_new h1,.q_tem h1{margin: 30px auto 15px;width: 30%;}
    .q_newbtn button{margin-top: 20px;}
    /* footer */
     .q_footer{height:220px;}
    .q_footer_container{padding: 0 35px;}
    .q_footertext_nav{padding: 0 5px;}
    .q_footertext div .box {padding-left: 7px;}
    .q_footertext_img div img{width: 70px;；}
    .q_footertext_ph {padding-left: 10px;}
     /* 设计案例 */
   .q_case_img .box1 .p1 img{height: 192px;}
   .q_case_img .box1 .p2 img{height: 126px;}

  .q_case_img .box2 .p1 img{height: 145px;}
  .q_case_img .box2 .p2 img{height: 173px;}

  .q_case_img .box3 .p1 img{height: 170px;}
  .q_case_img .box3 .p2 img{height: 148px;}
      /* footer */
.q_footertext_img div img{width: 50px;}


}

@media (max-width:450px) {
    .q_banner .carousel-inner .item img{height: 180px}
    .botnav2 {width: 100%;position: fixed;right: 0;bottom: 0px;z-index: 102;background-color: #116492;overflow: hidden;height: 60px;display: block;margin-bottom: 0;padding: 0;}
    .botnav2 li {width: 20%;float: left;text-align: center; font-size: 12px;}
    .botnav2 li i {display: block;font-size: 24px;margin-top: 10px;margin-bottom: 4px;}
    .botnav2 li a {color: #FFF;display: block;}
    /* NEW  */
    .q_new h1,.q_tem h1,.products h1{margin: 20px auto 10px;width: 30%;}
    .q_new .carousel-inner .item img{height: 120px;width: 100%;}
    .q_newtxttime{padding: 0;}
    /* tem */
    .q_temimg .q_b1 .q_i1{padding-top: 15px;}
    .q_temimg .q_b1{padding-top: 15px;}
    .fto-txt {height: 50%;}
    .fto-txt h4{margin-top: 5px;margin-bottom: 2px;}
    .fto-txtleft{height: 30%;}
    .q_temcall button{ padding: 7px 10px;}

    .fto-txtleft h3{margin-top:10px;font-size: 24px;margin-bottom: 5px;}
    .fto-txtleft p{font-size:1.4rem;line-height: 18px;}
    .q_new h1, .q_tem h1, .products h1, .q_case h1 {margin: 20px auto 14px;}
      /* products */
   .q_products img{height: 75px;}
   .q_products .box1{padding: 0 8px;}
   /* 设计案例 */
   .q_case_img .box1 .p1 img{height: 105px;}
   .q_case_img .box1 .p2 img{height: 68px;}

  .q_case_img .box2 .p1 img{height: 76px;}
  .q_case_img .box2 .p2 img{height: 97px;}

  .q_case_img .box3 .p1 img{height: 100px;}
  .q_case_img .box3 .p2 img{height: 73px;}
  .myCarouse_next {padding-bottom: 16px;padding-top: 10px;}
  .myCarouse_left, .myCarouse_right {font-size: 40px;height: 38px;line-height: 30px;width: 40px;}
   .q_case_img_pa1 {top: 16%;font-size: 1.2rem;}
  .q_case_p a { padding: 0 6px;font-size: 1.2rem;}
    /* footer */
    .q_friend {padding-top: 20px;padding-bottom: 10px;}
    .q_footer_container{padding: 0 20px;}
    .q_footer{height: 300px;margin-bottom: 60px;}
    .q_footertext {padding-top: 10px;}
    .q_footertext_img{padding-top: 0;border:none;}
   .q_footertext div .box {padding-left: 6%;}

   .q_footertext_img div {padding-left: 6%;}
    .q_footertext_img div img{width: 50px;；}
   .q_footertext_ph .p1 {font-size: 1.4rem;}
   .q_footertext_ph .p2 {font-size: 2.2rem;}
   .q_footertext_ph{padding-top: 0px;padding-left: 8%}
   .q_footertext_ph p{margin-bottom: 5px;}
}
@media (max-width:375px) {}

@media (max-width:320px) {
     /* tem */
     .fto-txt p{line-height: 12px;}
     .fto-txt h4{margin-top: 3px;margin-bottom:0px;}
     .fto-txtleft{height: 30%;}
     .fto-txtleft p{font-size: 1.4rem;line-height: 18px;}
    .q_temcall button {padding: 7px 5px;}
}