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

/* newslist */
.n_title{font-size:20px;font-weight:bold;color:#333;margin-bottom: 10px;}

.n_list{display:inline-block;width: 100%;}
.n_list ul{
    margin-top: 10px;
}
.n_list li{
    background: url(../ztw2022_img/doit.png) no-repeat center left;
    padding-left: 13px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    height: 30px;
}
.n_list li a{white-space:nowrap;font-size: 14px;}

/* loading */
.loading{text-align:center;margin-top: 20px;}
.loading img{/* margin-top: 10px; */max-width: 30px;}
.loading:after{content:"加载中...";line-height: 30px;margin-left: 2px;color: #0052D9;}
.nomore{text-align:center;/* font-size: 12px; */color:#999;/* margin-top: 10px !important; */}

/* NewsPIC */
.NewsPIC li{
    width: 49%;
    float: left;
    padding: 15px 6px;
    border-bottom: 1px #d5d5d5 dotted;
    box-sizing: border-box;
    margin-left: 1%;
}
.NewsPIC li:nth-child(2n){
    float: right;
}
.NewsPIC li:nth-child(2n-1){
    margin-left:0;
}
.NewsPIC .imgbox{
    width: 160px;
    height: 95px;
    position: relative;
    display: block;
}
.NewsPIC .right{
    width: 210px;
}
.news_title{
    font-size: 14px;
    height: 60px;
    margin: 3px 0 10px;
}

/* news_tag */
.news_tag {
	float: left;
	_display: inline;
	overflow: hidden;
	width: 100%;
}
.news_tag .keywords {
    float: left;
    _display: inline;
    padding-right: 4px;
    height: 12px;
    line-height: 6px;
    margin-top: 5px;
    border-left: 1px solid #bbb;
    /* max-width: 180px; */
    padding-left: 12px;
    overflow: visible;
}
.news_tag .keywords a {
    font: normal 12px/12px "SimSun";
    color: #999;
    margin-right: 4px;
    text-decoration: none;
    background: #E7E7E7;
    padding: 6px;
    border-radius: 3px;
}
.news_tag .keywords a:hover{
  color:#888;
}
.news_tag span {
    font: normal 12px/22px "SimSun";
    color: #bbb;
    float: left;
    margin-right: 15px;
}

/* tab img&text */
.tabRank .ulList li .pubpic{display:none;width: 135px;height: 80px;}
.tabRank .ulList li .pubtitle{text-overflow: ellipsis;}
.tabRank .ulList li.on{height: auto;text-align: justify;line-height:22px !important;padding: 10px 0px 15px;border-bottom: 1px dashed #d5d5d5;background: none;margin-bottom: 8px;}
.tabRank .ulList li.on .pubpic{display:block;float: left;background: #f5f5f5;}
.tabRank .ulList li.on .pubtitle{float:right;width: 138px;height: 80px;line-height: 1.5;overflow: hidden;-webkit-line-clamp: 4;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient:vertical;}
.tabRank .ulList li.on .pubtitle a{color: #333;white-space: normal;}
.tabRank .ulList li.on:first-child{padding-top:5px;}
.tabRank .ulList li.on .pubtitle a:hover{color: #ee3535;}

/* NewsTab */
.NewsTab .T-t{
    font-size: 18px;
    color: #bbb;
}
.NewsTab .T-t li{
    float: left;
    cursor: pointer;
}
.NewsTab .T-t li:after{
    content: "/";
    margin: 0 8px;
}
.NewsTab .T-t li:last-child:after{
    content:"";
}
.NewsTab .T-t .on{
    font-weight: bold;
    color: #383838;
}

/* Piclist */
.Piclist ul>li{
    float: left;
    width: 23%;
    margin: 0 2.6% 0 0;
    margin: 0 1% 0\0;
}
.Piclist ul>li:last-child{
    margin-right: 0;
}
.Piclist .imgbox{
    width: 100%;
    height: 170px;
    display: block;
}
.Pic-t{
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px #d5d5d5 dashed;
    padding: 10px;
}
.Pic-t p{
  color: #999;
}
.Pic-c{
    font-size: 12px;
    line-height: 24px;
    width: 100%;
    padding: 0 8px;
    color: #aaa;
}
.Pic-c .userimg{
    position: relative;
    padding-left: 30px;
}
.Pic-c .userimg img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    width: 24px;
    height: 24px;
    border-radius: 100%;
}

/* carousel */
.carousel{
    position: relative;
}
.carousel .prev,.carousel .next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../ztw2022_img/Hover.png) no-repeat center;
    height: 40px;
    width: 40px;
}
.carousel .prev{
    left: 0;
}
.carousel .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 */
}
.carousel .bd h6{
    position:absolute;
    bottom:0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
    background: url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_bgblack.png) bottom left;
    background-size: 100% 100%;
}

/* crumb */
.crumb{padding: 20px 0 15px;color: #a5a5a5;}
.crumb:first-child{padding-left:0;}
.crumb span,.crumb a{padding: 0 10px;}
.crumb a{color: #a5a5a5;}
.crumb a:first-child{padding-left:0;}
.crumb .second,.crumb a:hover{color: #ee3535;}

.NewsTitle{
    font-size: 18px;
    font-weight: bold;
    color: #383838;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px #d5d5d5 solid;
}
.NewsTitle:after{
    content: "";
    width: 25px;
    height: 20px;
    background: url(../ztw2022_img/newstitle.png) no-repeat 5px 9px;
    display: inline-block;
}
.NewsTitle .checkmore{
  float:right;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-top: 8px;
}
.NewsTitle .checkmore:hover{
  color:red;
}

/* Screen */
.Screen{
    margin-bottom:30px;
    border-radius: 3px;
    border: 1px #C5C5C5 solid;
    overflow: hidden;
}
.Screen table tr{
    border-bottom: 1px #C5C5C5 solid;
    /* height: 63px; */
}
.Screen table tr:last-child{
    border: none;
}
.Screen table tr td{
    float: none !important;
    padding: 14px 0 14px 15px;
}
.Screen table tr td:first-child{
    text-align: center;
    width: 95px;
    vertical-align: top;
    padding-top: 20px;
}
.Screen table a{
    float: left;
    line-height: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 25px;
    padding: 0px 18px;
    margin: 4px 0;
}
.Screen table td a:first-child{
    margin-left: 0;
}
.Screen table .active{
    color: #ffffff;
    background: #EA1A21;
    margin: 4px 15px;
}

/* pages */
.pages{
    margin-top: 30px;
    overflow: hidden;
    padding-left: 15px;
}
.pages .left span{
    margin: 0 10px;
}
.pages .right a{
    padding: 0 3px;
    min-width: 28px;
    text-align: center;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border: 1px #dcdcdc solid;
    border-radius: 5px;
    margin: 0 2px;
}
.pages .right a.active,.pages .right a:hover{
    background: #F64646;
    color: #ffffff;
    border-color: #F64646;
}
.pages .right .pages-prev,.pages .right .pages-next{
    border: none;
    margin: 0 5px;
    font-family: "宋体";
}
.pages .right .pages-prev:hover,.pages .right .pages-next:hover{
    color: #F64646;
    background: none;
    font-weight: bold;
}

/* news row */
.news_row{
  position: relative;
  border-bottom: 1px #eee solid;
  padding: 20px 10px;
  overflow: hidden;
}
.news_row .na_pic{
  float: left;
  _display: inline;
  display: block;
  width: 230px;
  height: 150px;
  overflow: hidden;
  position: relative;
  text-align: center;
  /* border-radius: 5px; */
  /* background: #f5f5f5; */
}
.news_row .na_pic img{
  border-radius: 5px;
}
.news_row .na_detail{
    float: right;
    width: 535px;
}
.news_row .news_title{
    height:32px;
    margin: 6px 0 10px;
}
.news_row .news_title a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-weight: normal;
}
.news_row .news_text{
    word-break:break-all;
    text-overflow:ellipsis; /*显示为省略号*/
    display:-webkit-box;/*对象作为伸缩盒子模型显示*/
    -webkit-box-orient:vertical;/*设置或检索伸缩盒对象的子元素的排列方式*/
    -webkit-line-clamp:2;/*显示行数*/
    text-align: justify;
    height: 38px;
    overflow: hidden;
    color: #A6A6A6;
    font-size: 12px;
    margin-bottom: 35px;
}
.news_row .news_read{
  float:right;
}
.news_row .news_read span{
  padding-left: 20px;
}
.news_row .news_read span:last-child{
  margin-right: 0;
}
.news_row .news_read .read{
  background:url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_yuedu.png) no-repeat left center;
}
.news_row .news_read .like{
  background:url(https://www.ceramicschina.com/Content/ztw2020_img/ztw_dianzan.png) no-repeat left center;
  margin-right: 0;
}
.barlink {
    float: left;
    _display: inline;
    margin-right: 10px;
}
.barlink a, .barlink span{
    float: left;
    _display: inline;
    font: normal 12px/16px "SimSun";
    color: #ff9999;
    padding: 1px 7px;
    border: 1px solid #ff9999;
    border-radius: 2px;
    text-decoration: none;
    margin-right: 3px;
    white-space: nowrap;
}