/* CSS Document */

.sqbox{ width:1200px; margin-left: auto; margin-right: auto; padding-top: 12px;}

.sqbar{display:-webkit-flex; /* Safari */display:flex;flex-direction:row;justify-content:space-between;align-items:center; height:45px; background:url(../img/ic_line.png) no-repeat left #f6f6f6; padding:0px 15px 0px 25px; clear:both;}
.sqbar h4{ font-size:18px; font-weight:bolder; background:url(../img/icon_jtd.png) right no-repeat; background-size:21px 45px; padding-right:46px; }
.sqbar .smore{ font-size:14px; color: #999; background:url(../img/icon_jtr.png) no-repeat right center; background-size:auto 10px; padding-right:12px;}

.sqbar .scbox{display:-webkit-flex; /* Safari */display:flex;flex-direction:row;justify-content:flex-end;align-items:center; color:var(--diy-zhuti); font-size:14px;}
.scbox input{ border:1px solid #d9d9d9; background:#ffffff; height:24px; line-height:24px;box-sizing: border-box; font-size:12px; border-radius:3px;}
.scbox .fname{ padding-left:25px;}
.scbox .sq_input,.scbox .sq_sub{ margin-left:8px;}
.scbox .sq_xzk{margin-left:8px;border:1px solid #d9d9d9;border-radius:3px; height:24px; line-height:24px;box-sizing: border-box; width:130px;
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
   background: url(../img/jt_2.png) #FFF no-repeat right center ;}
.scbox .sq_sub{ width:35px; background:url(../img/ic_sc.png) center no-repeat #FFF;}


a:hover{ color: var(--diy-zhuti);}

.sqcon{ clear:both;display:-webkit-flex; /* Safari */display:flex;flex-direction:row;justify-content:space-between;}
.fslide{width: 594px; height: 356px; border-radius: 4px;}
.fslide .swiper-slide a img{ width: 594px; height: 356px; object-fit: cover;border-radius: 4px;}

.focustitle{height:auto; overflow: hidden; line-height: 1.5; font-size: 16px; width:100%; background:rgba(0,0,0,0.7);  color: #fff; bottom: 0px;left: 0; z-index: 3; text-align: left; box-sizing: border-box; padding: 15px 25px 29px 25px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.focustitle h4{ font-size: 24px; font-weight: bold; height:34px; line-height: 34px; overflow: hidden;}
.focustitle  p{ height: ; overflow: hidden; height: 24px; line-height: 24px;}

.swiper-pagination{ text-align:center; right: 0px;}
.swiper-pagination-bullet{ width: 30px; height: 1px; border-radius: 0; border: 0px; background: #999999; opacity: 1;}
.swiper-pagination-bullet-active{height: 2px; border: 0px; background: #ffffff;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin: 0px 2px;}

.h_new{ width:594px; text-align:left; }
.h_new .twbox{height: 356px;}
  .h_new li{ margin-top:12px;border-bottom:1px dashed #f5f6f7; }
 
  .h_new li:last-child{ margin-bottom:0px; border-bottom: none;}
  .h_new li a{ height:22px; line-height:22px; background:url(../img/dot_2.png) no-repeat left; background-size:6px 6px; padding-left:14px; overflow:hidden;font-size: 16px;}
 
  .h_new li a:hover{color: var(--diy-zhuti);}
  .h_new li p{ font-size:14px; color:#797c80;  margin:6px 0px 12px 14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-weight:normal;}
  .h_new li:last-child p{ margin-bottom: 0px}
.sq_ad{ width:285px; height:285px;}

.sq_tw{clear:both;display:-webkit-flex; /* Safari */display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; margin-bottom:0px; /*background:url(../img/line4.png) no-repeat top 16px center; background-size:1px auto;*/ width:100%;}
.sq_tw li{ width:48%; text-align:left; margin-top:16px;}
.sq_tw li img{ width:180px; height:109px; float:left; padding-right:12px;object-fit: cover; border-radius: 4px;}
.sq_tw li h4{ font-size:16px; font-weight:bolder; line-height:24px; height:24px; overflow:hidden; margin-bottom:9px; margin-bottom: 10px; margin-top: 5px;}
.sq_tw li h4 a{ }
.sq_tw li h4 a:hover{color: var(--diy-zhuti);}
.sq_tw li p{ line-height:26px; height:52px; color:#797c80; overflow:hidden; font-size: 14px;}

.qybox{ margin:16px 0px 0px 0px; text-align: right}
.sq_li{clear:both;display:-webkit-flex; /* Safari */display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;  /*background:url(../img/line4.png) no-repeat center; background-size:1px auto;*/ width:100%; text-align:left;}
.sq_li li{ width:48%; height:32px; line-height:32px; overflow:hidden; background:url(../img/dot_3.png) no-repeat left; padding-left:12px;}

.sq_li li a:hover{ color: var(--diy-zhuti);}
.qybox .smore{font-size:14px; color:#666; background:url(../img/icon_jtr.png) no-repeat right ; background-size:8px 13px; padding-right:20px;  margin-top:10px; margin-bottom: 20px;}


 .zzbox{ height:300px; margin-bottom:20px;}