@charset "utf-8";
/* CSS Document */

/* Banner */
.Banner{position:relative;margin-bottom: 0;display: block;}
.Banner .hd ul{height: auto;width: 100%;}
.Banner .hd{position:absolute;right: 0;left: 0;margin: auto;bottom: 0.35rem;z-index: 9;text-align: center;}
.Banner .hd li{background: rgba(255, 255, 255, 0.7);width:0.18rem;height:0.18rem;margin:0 0.08rem;font-size: 0;border-radius: 1rem;display: inline-block;}
.Banner .hd li.on{background: #fb0202;}

.Banner .bd ul{overflow: hidden;}
.Banner .bd li{position:relative;float: left;}
.Banner .bd li a{display:block;}
.Banner .bd li img{width: 100%;}
.Banner .bd li p{position:absolute;bottom: 0.13rem;width:100%;left:0;background:rgba(0, 0, 0, 0.45);color: #fff;line-height:0.9rem;padding: 0 0.4rem;z-index: 998;}

.section{background:#fff;padding: 0.5rem 0.4rem 0.4rem;box-sizing: border-box;}

/*首页标题*/
.ind-title{overflow:hidden;margin-bottom: 0.46rem;}
.ind-title h5{float: left;color: #333;position: relative;}
.ind-title h5 a{display:block;background: url(../ztw2020_img/ind_link.png) no-repeat right center;background-size: 0.35rem;padding-right: 0.52rem;}
.ind-title .ind-titRight{float:right;margin-top: 0.2rem;margin-right: -0.15rem;}
.ind-title .ind-titRight a{color:#999;padding: 0 0.15rem;border-right: 1px #ccc solid;font-size: 0.32rem;height: 0.3733rem;overflow: hidden;display: block;float: left;line-height: 0.3733rem;}
.ind-title .ind-titRight a:last-child{border:none;}

/* news */
.news-hot .n_con{}
.news-hot a{color: #3c3c3d;}

.n_list{/* text-align:center; */}
.n_list .n_con{line-height: 0.675rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;padding: 0.37rem 0.08rem;border-bottom: 1px #eee solid;position: relative;}
.n_list .n_con a{white-space: normal;line-height: 1.48;font-weight: normal;font-size: 0.43rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap:break-word;word-break:break-all;}
.n_list .info{color: #ccc;line-height: 0.32rem;font-size: 0.32rem;margin-top: 0.25rem;}
.n_list .info span{margin-right:0.5rem;}
.n_list .newsleft{float:left;width: 58%;overflow: hidden;margin-top: 0.1rem;}
.n_list .imgbox,.n_list img{border-radius: 0.1rem;overflow:hidden;}
.n_list .n_con .imgbox{float: right;width: 38%;min-height: 2rem;display: block;}
.n_adv .imgbox{width:100%;height:2.8267rem;}

.news-hot-pic{/* margin-bottom:0.2rem; */}
.news-hot-pic .n_con{height:auto;border: none;padding: 0;}
.news-hot-pic .n_con .news-c{width:100%;margin-top: 0.2rem;}
.news-hot-pic .n_con a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap:break-word;word-break:break-all;font-size: 0.4rem;line-height: 0.48rem;width: 100%;float: none;color: #555;}
.news-hot-pic .n_con .imgbox{height: 2.5rem;background: #e0e0e0;width: 100%;margin-bottom: 0.15rem;}

.news-hot .n_con{padding: 0.47rem 0.08rem;}
.news-hot a{color: #3c3c3d;}

.ind_hot{padding: 0.1rem 0.4rem;}
.ind_hot .n_con{padding: 0.3rem 0 0.4rem;height: auto;}
.ind_hot .n_list ul li:last-child{border:none;}
.ind_hot .info{margin-top: 0.3rem;}
.ind_hot .n_list .n_con .n_title{padding-left: 0.6rem;background: url(../ztw2020_img/remen.png) no-repeat left 0.08rem;background-size:0.35rem;-webkit-line-clamp: 1;}

/* btn */
.checkmore{text-align:center;}
.ind_btn{float:none;padding: 0 0.45rem;color: #f53232 !important;width: auto;background: #fff;border: 1px #f53232 solid;border-radius: 3rem;margin: 0.5rem auto 0.2rem;display: inline-block;}

/* brand */
#brandslide{padding: 0.5rem 0 0.58rem;position: relative;}
#brandslide .tempWrap{margin-top: 1rem !important;opacity: 0.85;}
#brandslide .bd ul{/* border-top: 2px #f5f5f5 solid; *//* padding-bottom: 0.8rem !important; *//* background: url(../ztw2020_img/brandbg.jpg) top left; */background-size: 100% auto;/* padding-bottom: 0.05rem !important; */overflow: hidden;}
#brandslide .bd ul li{float: left;width: 25%;padding:0.3rem;border: 2px #f0f0f0 solid;box-sizing: border-box;border-left: none;height: 1.455rem;margin-top: -2px;background: url(../ztw2020_img/brandbg2.jpg) center no-repeat #ffffff;background-size: 36%;}
#brandslide .bd ul li a{width:100%;height:100%;display:block;position: relative;background: #fff;}
#brandslide .bd ul li img{max-height:100%;width: auto;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
#brandslide .bd ul li:nth-child(1),#brandslide .bd ul li:nth-child(2),#brandslide .bd ul li:nth-child(3),#brandslide .bd ul li:nth-child(4){margin-top:0;}
#brandslide .bd ul li:nth-child(4n){border-right-color:#fff;}

#brandslide .pageRight{position:absolute;right:1rem;top: -0.9rem;font-size: 0.32rem;color: #777777;}
#brandslide .ind-title{position:absolute;width:100%;margin-left: 0.4rem;}
#brandslide .pageState{font-size: 0.32rem;color: #777777;}
#brandslide .hd{position:absolute;right: 0.4rem;top: 0.6rem;line-height: 0.32rem;height: 0.32rem;}
#brandslide .hd ul{float:left;margin-right: 0.1rem;}
#brandslide .hd li{width: auto;text-align: right;height: 0.5rem;display: none;font-size: 0.32rem;}
#brandslide .hd li.on{display: initial;background:none;}
#brandslide .text-right{color:#ccc;font-size: 0.32rem;margin-top: 0.35rem;padding: 0 0.25rem;}

/* wrap-product */
.wrap-product{height: 6.3rem;padding: 0;}
.wrap-product ul li{/* padding:0.15rem; */}
.wrap-product .imgbox{border: 1px #eee solid;padding: 0.19rem;width: 5.3rem;height: 5.3rem;margin-right: 0.32rem;}
.wrap-product .scroller .imgbox a{display:block;position:relative;height: 4.86rem;width: auto;padding: 0;overflow: hidden;margin: 0 !important;background: #f5f5f5;}
.wrap-product .imgbox img{max-height:100%;width: auto;}
.wrap-product p{font-size:0.37rem;line-height:1rem;text-align:center;margin-top: 0.12rem;}
.wrap-product .scroller ul li:last-child a{margin:0;}
.wrap-product.wrapper:after{
  box-shadow: inset -0.8rem 0rem 0.8rem rgba(255, 255, 255, 0.9) !important;
  width: 3rem;
  right: -0.5rem;
}

/* koubei */
.ind-koubei{
  margin-top:0.6rem;
}
.koubei{
  overflow: hidden;
  position: relative;
}
.koubei .imgbox{
    height: 5.6rem;
    background: #eee;
    width: 100%;
    margin-bottom: 0.13rem;
    display: block;
    border-radius: 0.13rem;
}
.koubei ul{
  overflow:hidden;
}
.koubei li{
    margin-top:0;
    float: left;
}
.koubei li>a{
  display:block;
}
.koubei .pro-name{
    font-size: 0.42rem;
    line-height: 1rem;
    padding-left: 0.2rem;
}
.koubei .ping{
    overflow:hidden;
    width: 5.33rem;
    padding-left: 0.2rem;
}
.koubei .ping>span{
    float:left;
    margin-right: 0.32rem;
    font-size: 0.37rem;
    line-height: 0.56rem;
}
.koubei .t-org{
    color:#ff6000;
}
.koubei .xing{
    font-size: 0 !important;
    display: block;
    width: 0.4rem;
    height: 0.42rem;
    margin-top: 0.06rem;
    margin-right: 0.08rem !important;
    background:url(../ztw2020_img/ztw_xing.png) 0 center;
    overflow: hidden;
    background-size: 0.46rem;
}
.koubei .xing1{
    width: 0.46rem;
}
.koubei .xing2{
    width: 0.92rem;
}
.koubei .xing3{
    width: 1.38rem;
}
.koubei .xing4{
    width: 1.83rem;
}
.koubei .xing5{
    width: 2.3rem;
}
.ctrbtn{
  position:absolute;
  right: 0.15rem;
  bottom: 0;
  height: 0.65rem;
  width: 1.4rem;
  background: #fff;
}
.prev,.next{
    position:absolute;
    display:block;
    width: 0.55rem;
    height: 0.55rem;
    background: url(../ztw2020_img/prv.png) no-repeat center #fff;
    background-size: 0.5rem;
    bottom: 0.053rem;
}
.prev{
    right: 0.78rem;
}
.next{
    right:0;
    /* Rotate div */
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); /* Opera */
}


/* jiameng */
.jiameng{margin-top: -0.2rem;text-align: center;}
.jiameng li{margin-top:0.2rem;}
.jiameng .jine{color:#f5c419;}
.jiameng .con{font-size:0.37rem;text-align: left;line-height: 2.5;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;}
.jiameng .imgbox{height: 2.6rem;border-radius: 0.13rem;}
.jiameng .imgbox p{position:absolute;bottom:0;background:rgba(0,0,0,0.65);width:100%;color:#fff;line-height: 0.85rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jiameng .con .btnss{border: 1px #f53232 solid;background: #ffffff;color: #f53232;position: absolute;right: 0;top: 0.15rem;padding: 0 0.1rem;line-height: 1.5;}

/* JMCG */
.JMCG{margin-top:0.55rem;}
.JMCG .title{background-image:url(../../ztw2020_img/Bsn/pinpaijiameng.png);background-size:0.5rem;}
.JMCG .hd{overflow:hidden;/* border-top: 1px #eee solid; *//* border-bottom: 1px #eee solid; *//* width: 100vw; *//* margin-left: -0.4rem; */max-width: 780px;}
.JMCG .hd li{float:left;text-align:center;width: 100%;font-size: 0.37rem;line-height: 1.2rem;color: #bbb;background: #ebebeb;}
.JMCG .hd li:hover{cursor: pointer;}
.JMCG .bd{/* padding-top:0.32rem; */}
.JMCG .bd li{border: 1px #eee solid;padding: 0.32rem 0.32rem;margin-bottom: 0.32rem;border-radius: 3px;background: #f5f5f5;}
.JMCG .hd li.on{background:#fff;color: #ff6225;}
.JMCG .bd li:last-child{margin-bottom:0;}

.JMCG .DL-t{font-size: 0.37rem;font-weight: bold;}
.JMCG .DL-t span{font-weight:normal;font-size:0.32rem;}
.JMCG .DL-c{margin: 0.1rem 0 0;overflow: hidden;position: relative;}
.JMCG .DL-c .left{width: 44%;float: left;}
.JMCG .DL-c .right{width: 50%;float: right;text-align: right;}
.JMCG .DL-c .time{color:#c5c5c5;}
.JMCG .DL-c .left,.JMCG .DL-c .right,.JMCG .DL-c p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.JMCG .DL-c p{width: 75%;display:block;float: left;line-height: 0.68rem;color: #999;}
.JMCG .DL-c .btnss{padding: 0 0.12rem;width: 1.35rem;background:#fff;color: #4b92e1 !important;border: 1px #a9c4e2 solid;line-height: 0.55rem;position: absolute;right: 0;bottom: 0.05rem;}

/* sjs */
.sjs{
  background:#f5f5f5;
  border:1px #e5e5e5 solid;
  border-radius:0.12rem;
  padding: 0.4rem 0 0.68rem;
  position: relative;
}
.sjs .con{
  overflow:hidden;
  /* margin-top: 0.27rem; */
  margin: 0.27rem 0.68rem;
}
.sjs .left{
  float:left;
}
.sjs .imgbox{
  width: 2.67rem;
  height: 2.67rem;
  background: #8b8b8b;
  border-radius: 2.67rem;
  margin-right: 0.4rem;
}
.sjs .right{
  float: left;
  width: 57%;
  font-size: 0.32rem;
  color:#999;
  padding-top: 0.16rem;
}
.sjs a{
  font-size: 0.48rem;
  color:#333;
}
.sjs a:hover{
  color:#ee3535;
}
.sjs .des-style{
  margin-top: 0.27rem;
  height: 0.96rem;
  overflow: hidden;
  text-align: justify;
}
.sjs .des-fy{
  padding-left: 1rem;
  background: url(../ztw2020_img/ztw_feiyong.png) no-repeat left center;
  background-size: 0.85rem;
  line-height: 0.85rem;
  color:#ee3535;
  width: 3rem;
  margin-left: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sjs .des-btns{
    padding: 0;
    float: right;
    width: 3rem;
}
.sjs .des-btns a{
  width: 2.4rem;
  border-radius: 0.68rem;
  height: 0.8rem;
  line-height: 0.8rem;
  color:#fff;
  padding-left: 0.68rem;
  padding-right: 0.1rem;
  font-size: 0.32rem;
  background-image: url(../ztw2020_img/yuyue.png);
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 0.25rem center;
  background-color:#ce252d;
  float: right;
  margin: auto;
}
.sjs .des-btns a:hover{
  background-color:#ee3535;
  color:#fff;
}
.sjs .ctrbtn{
  top: 20px;
  bottom:auto;
  right: 25px;
}
.sjs .hd ul{height: auto;width: 100%;}
.sjs .hd{position:absolute;right: 0;left: 0;margin: auto;bottom: 0.48rem;z-index: 9;text-align: center;}
.sjs .hd li{background: #bfbfbf;width: 0.15rem;height: 0.15rem;margin: 0 0.05rem;font-size: 0;border-radius: 1rem;display: inline-block;}
.sjs .hd li.on{background:#ee3535;}

/* wrap-Case */
.wrap-Case{height: 4.8rem;padding: 0;margin-top: 0.58rem;}
.wrap-Case ul li{/* padding:0.15rem; */}
.wrap-Case .Case{margin-right:0.32rem;position: relative;border-radius: 0.13rem;overflow: hidden;}

.wrap-Case .imgbox{width: 7.6rem;height: 4.8rem;position: relative;}
.wrap-Case .scroller .imgbox a{display:block;position:relative;height: 4.86rem;width: auto;padding: 0;overflow: hidden;margin: 0 !important;background: #777;border-radius: 0.12rem;}
.wrap-Case .imgbox img{}
.wrap-Case p{font-size:0.37rem;line-height:1rem;text-align:center;margin-top: 0.12rem;}
.wrap-Case .scroller ul li:last-child a{margin:0;}

.wrap-Case .Case-D{position:absolute;bottom: 0;width: 100%;line-height: 0.85rem;z-index: 99;padding: 0.18rem 0.2rem;background: rgba(0,0,0,0.65);}
.wrap-Case .Case-D .D-pic{width: 0.85rem;height: 0.85rem;min-height: 0.85rem;float: left;padding: 0;border-radius: 0.85rem;background: #000000;}
.wrap-Case .Case-D .left{overflow:hidden;width: 50%;display: block;float: left;box-sizing: border-box;}
.wrap-Case .Case-D .left span{float:left;color: #fff;font-size: 0.32rem;margin-left: 0.3rem;}
.wrap-Case .Case-D .right{color: #a5a5a5;text-align:right;width: 50%;float: right;padding: 0 0.3rem;}
.wrap-Case.wrapper:after{
  box-shadow: inset -0.8rem 0rem 0.8rem rgba(255, 255, 255, 0.9) !important;
  width:3rem;
  right: -0.5rem;
}

/* Des-yy */
.Des-yy{margin-top:0.42rem;}
.Des-yy .Des-title{text-align:center;font-size:0.37rem;line-height: 0.8rem;color: #e62956;}
.Des-yy .Des-title:before,.Des-yy .Des-title:after{content:"";display:block;border-bottom: 1px #ddd dotted;width: 3.5rem;margin-top: 0.4rem;}
.Des-yy .Des-title:before{float:left;}
.Des-yy .Des-title:after{float:right;}
.Des-yy .Des-list ul li{padding:0.32rem 0.12rem;border-bottom:1px #eee solid;}
.Des-yy .Des-link{font-size:0.43rem;}
.Des-yy .Des-link a{padding-right:1rem;max-width: 100%;box-sizing: border-box;background-image: url(../ztw2020_img/ztw_yy.png);background-repeat: no-repeat;background-position: center right;background-size: 0.85rem;}
.Des-yy .Des-con{overflow:hidden;margin-top: 0.12rem;}
.Des-yy .Des-con>div{float:left;color: #999;}
.Des-yy .Des-con .Des-Designer{width:40.33%;}
.Des-yy .Des-con .t-blue{color: #3da9d4;}
.Des-yy .Des-con .Des-Owner{text-align:center;width: 33.33%;}
.Des-yy .Des-con .time{width: 26.33%;color:#ccc;text-align:right;}

@media screen and (min-width:480px){
  .n_list .n_con .imgbox{
    min-height: 3rem;
  }
  .jiameng .imgbox{
    min-height: 3.5rem;
  }
  .jiameng .con .btnss{
    top: 0.2rem;
  }
}

@media screen and (min-width:680px){
  .n_list .n_con .imgbox{
    min-height: 3.5rem;
  }
  .jiameng .imgbox{
    min-height: 4.5rem;
  }
  .jiameng .con{
    margin-top: 0rem;
    font-size: 0.43rem;
  }
  
  .jiameng .con .btnss{
    top: 0.3rem;
  }

}