@charset "utf-8";
/* CSS Document */
.main{padding-bottom: 60px;}

.Floor-l{position: fixed;z-index:999;}
/* floor left*/
.tp-nav{top: 35px;}
#loutinav{text-align:center;}

/* Banner */
.Banner{position:relative;margin-bottom: 0;display: block;overflow: hidden;background: #000;}
.Banner .hd ul{height: auto;width: 100%;}
.Banner .hd{position:absolute;right: 0;left: 0;margin: auto;bottom: 50px;z-index: 9;text-align: center;}
.Banner .hd li{background: rgba(255, 255, 255, 0.5);width:5.625px;height:5.625px;margin:0 3px;font-size: 0;border-radius: 37.5px;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 i{position:absolute;bottom: 0;width:100%;left:0;background:rgba(0, 0, 0, 0.45);color: #fff;line-height: 37.5px;height: 37.5px;padding: 0 15px;z-index: 998;box-sizing: border-box;font-style: initial;font-size: 15px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;display: -webkit-box;}

.section{margin-bottom: 40px;}
.Designer{margin-top:40px;}

.news-hot-pic{/* margin-bottom:7.5px; */}
.news-hot-pic .n_con{height:auto;border: none;padding: 0;margin: 0px 1.5% 20px 0;margin: 0px 1.13% 20px 0\0;overflow: hidden;width: 23.875%;float: left;}
.news-hot-pic .n_con:nth-child(4n){margin-right:0;}
.news-hot-pic .n_con .news-c{width:100%;margin-top: 7.5px;height: 24px\0;}
.news-hot-pic .n_con a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-wrap:break-word;word-break:break-all;font-size: 16px;width: 100%;float: none;color: #666;text-align: center;font-weight: normal;margin-bottom: 0;}
.news-hot-pic .n_con a:hover{color:#777;}
.news-hot-pic .n_con .imgbox{height: 170px;background: #f2f2f2;width: 100%;margin-bottom: 10px;display: block;}

/* Act */
.Act .news-hot-pic{margin-bottom:15px;overflow: hidden;}

/* title */
.Act-t{/* margin-bottom: 12px; */overflow: hidden;position: relative;}
.Act-t i{font-size:0;height: 55px;width: 173px;/* float: left; */}
.Designer .Act-t i{background-position: 0 0;}
.Craftsman .Act-t i{background-position: 0px -120px;height: 60px;}
.Charity .Act-t i{background-position: 0px -240px;}
.Int .Act-t i{background-position: 40px -364px;height: 85px;/* position: absolute; */}

/* icon */
.Act-icon{background-image: url(../ztw2020_img/icon.png);/* background-size: 160px; */background-repeat: no-repeat;display: block;}

/* btn */
.checkmore{text-align:center;position: absolute;font-size: 12px;bottom: 0;right: 0;font-family: "微软雅黑";}
.checkmore a{color:#999;}
.checkmore a:hover{color:#f53232 ;}
.ind_btn{float:none;padding: 0  17px;color: #f53232 !important;width: auto;background: #fff;border: 1px #f53232 solid;border-radius: 112.5px;margin: 20px auto 7.5px;display: inline-block;}

/* loading */
.loading{text-align:center;margin-top: 12px;}
.loading:after{content:"加载数据中...";line-height:32px;display:inline-block;margin-left: 7.5px;color: #999;}
.loading img{margin-top: 10px;width: 32px;vertical-align: bottom;}
.nomore{text-align:center;font-size: 14px;color: #ccc;margin-top:12px !important;display: inline-block;width: 100%;}

/* table */
.inp_txt{width: 270px;height: 35px;line-height: 35px;border-radius:3px;border: 1px #c5c5c5 solid;padding: 0 10px;color: #666;font-size: 12px;margin: 6px 0;box-sizing: border-box;}
.inp_txt.left21{width: 130px;float: left;}
.inp_txt.right21{width: 130px;margin-left: 10px;float: left;}
.inp_txt.left41{width:72px;margin-right: 5px;}
select.inp_txt{/*取消默认箭头开始*/appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../ztw2020_img/icon-arrow-down.png) right center #fff no-repeat;padding-right: 30px;padding-right: 0px\9;}
select::-ms-expand{display:none;}

.ui-checkbox{position: relative;color: #999;}
.ui-checkbox input + label{width:14px;height:14px;display: block;float: left;border: 1px #666 solid;box-sizing: border-box;border-radius: 2px;margin: 4px 5px 0 0;}
.ui-checkbox input{opacity: 0;position: absolute;right: 0;}
.ui-checkbox input:checked + label {background-color: #E9ECEE;box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
.ui-checkbox input:checked + label:after {content: '\2714';position: absolute;font-size: 12px;top: 1px;left: 0;color: #4d82cb;width: 14px;text-align: center;}

/* loading */
.loading{text-align:center;margin-top: 12px;}
.loading img{margin-top: 10px;width: 32px;}
.nomore{text-align:center;font-size:14px;color:#999;margin-top: 10px !important;}

/* crumbs */
.crumbs{
  font-family:"微软雅黑";
  font-size:12px;
  color:#999;
  margin-top: 25px;
}
.crumbs:before{
  content:"";
  display:block;
  width: 22px;
  height: 15px;
  background: url(https://www.ceramicschina.com/Content/ztw2020_img/crumb.png) no-repeat center left;
  float: left;
}
.crumbs a,.crumbs span{
  margin:0 5px;
  color:#999;
}
.crumbs a:hover{
  color: #ee3535;
}

/* template */
.template{background:#f2f2f2;}
.template .section{background:inherit;margin-top: 15px;margin-bottom: 60px;}
.template .container{background:#fff;padding-top: 45px;margin-top: 15px;}
.template .header{color:#666;padding: 0 15px;line-height: 37.5px;height: 37.5px;background: #f2f2f2;}
.template .shouye{color:#999;background:url(../ztw2020_img/ztw_shouye-s.png) no-repeat center left;background-size: 16px;padding-left: 22.5px;font-size: 14px;}
.template .head .col_right{margin-top:0;}

.template .tp-nav{background: #fff;padding: 5px 20px;float: left;width: 130px;border-top: 2px #444 solid;}
.template .tp-nav li{width: 100%;text-align: center;float: left;border-bottom: 1px #efefef solid;padding: 12px 0;}
.template .tp-nav li:last-child{border-bottom:none;}
.template .tp-nav li a{line-height: 20px;/* color:#fff; */font-size: 16px;font-weight: bold;display: block;}
.template .tp-nav li p{line-height: 12px;font-size:12px;font-weight:normal;color: #ccc;}
.template .tp-nav li.active a,
.template .tp-nav li a:hover,
.template .tp-nav li a:hover p,
.template .tp-nav li.active p{color:#ed5960;}
.template .Banner{position:relative;height: 460px;overflow: hidden;background: #000;margin-bottom: -85px;}
.template .Banner .con{width:1200px;position:relative;margin: auto;}
.template .Banner>img{width:100%;max-height: inherit;position: absolute;margin: auto;top: 0;bottom: 0;}
.template .Banner i{position:absolute;left: 1%;top: 40px;width: 185px;}

/* Int */
.template .Int{position:relative;min-height: 140px;width: auto;padding: 30px 40px 30px 174px;background-color: #fff;background-image: url(../ztw2020_img/int-bg.png);background-repeat: no-repeat;background-position: 97% 78%;overflow: hidden;margin-bottom: 40px;}
.Int .Act-t{position:absolute;left: 0;}
.Int .con{width: 100%;float:right;text-align: justify;line-height: 1.68;color: #777;}

/* video */
.template .video{margin-top: 0;}
.template .video .container{padding:0;margin: 0;}
.video .left{/* padding-bottom: 112.5px; */}
.video .videolist{
	position:relative;
	height: 560px;
	overflow: hidden;
}
.video .videolist>img{
	position:absolute;
	max-height: inherit;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.video .play{
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.65);
	cursor: pointer;
}
.video .play:before{
	width: 78px;
	height: 78px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-position: 3px -997px;
	content:"";
	background-image: url(../ztw2020_img/icon.png);
	background-repeat: no-repeat;
	display: block;
}

.videos{
	display:none;
	border: 1px solid #080808;
	background: rgba(8, 8, 8, 0.75);
	position:fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:100;
	width: 100%;
	height: 100%;
	text-align: center;
}
.video video{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.vclose {
	position:absolute;
	right:1%;
	top:1%;
	border-radius:100%;
	cursor: pointer;
}

/* Focus */
.Focus{background:inherit;}
.Focus .Act-t i{margin-left:20px;background-position-y: -515px;}
.Focus .container{margin-top: -17px;}
.focuslist li{overflow:hidden;position: relative;width: 92%;margin: auto;/* padding: 35px; */box-sizing: border-box;}
.focuslist .pic{position:relative;margin-bottom: 50px;width: 535px;float: right;}
.focuslist .imgbox{height: 360px;}
.focuslist .link-t{width: 100%;overflow: hidden;text-align: right;position: relative;}
.focuslist .link-t .right{/* float: left; */text-align:center;background:#ea1c28;color:#fff;width: 48px;line-height: 45px;margin-top: 18px;font-size: 24px;position: absolute;right: 0;}
.focuslist .link-t .left{float: left;width: 93%;min-height: 82px;background: rgba(33, 33, 33, 0.85);background: #222\0;padding: 15px 38px 15px 30px;font-size: 20px;line-height: 1.3;text-align: justify;}
.focuslist li:nth-child(2n+1) .link-t .left,.focuslist li:nth-child(2n+1)  .link-t .right{float:right;}
.focuslist li:nth-child(2n+1) .link-t .right{left:0;}
.focuslist li:nth-child(2n+1) .pic{float:left;}
.focuslist li:nth-child(2n+1) p{padding: 0 3% 0 30%;}
.focuslist .link-t a{color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap:break-word;word-break:break-all;overflow: hidden;}
.focuslist .con{overflow:hidden;width: 54%;left: 0;position: absolute;top: 40px;}
.focuslist li:nth-child(2n+1) .con{right: 0;left: inherit;}
.focuslist p{overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-wrap:break-word;word-break:break-all;width: 100%;padding: 0 30% 0 3%;float: left;box-sizing: border-box;color: #999;margin: 25px 0 10px;line-height: 2;}
.focuslist li:nth-child(2n+1) p{float: right;}
.focuslist li:nth-child(2n+1) .Act-icon{margin-right: 3%;}
.focuslist .Act-icon{float:right;font-size:0;display: block;width: 75px;height: 37.5px;background-position: 4px -1125px;margin-right: 32%;}

/* picshow */
.pic .Act-t{margin: 0 0px 15px;}
.pic .Act-t i{background-position: 0px -635px;}
.picshow{position:relative;}
.picshow .hd{position:absolute;right: 0;left: 0;margin: auto;bottom: 22.5px;z-index: 9;text-align: center;}
.picshow .hd li{background: rgba(255, 255, 255, 0.5);width:5.625px;height:5.625px;margin:0 3px;font-size: 0;border-radius: 37.5px;display: inline-block;}
.picshow .hd li.on{background: #fb0202;}
.picshow .btn{}
.picshow .btn span{position:absolute;top:0;bottom:0;margin:auto;width: 56px;height: 56px;font-size: 0;}
.picshow .prev{left:0;background-position: 4px -1212px;}
.picshow .next{right:0;background-position: -63px -1212px;}

/* Support */
.Support{/* padding:0 15px; */}
.Support .Act-t{margin:31.5px 0 15px;/* border-top: 1px #d5d5d5 dashed; */padding-top: 22.5px;}
.Support .Act-t i{background-position: 0px -756px;}
.Support td{padding: 5.625px 0;font-size: 18px;}
.Support tr td:first-child{width: 130px;padding-left: 22.5px;box-sizing: border-box;}
.Support .imgbox{width:180px;height:75px;background:#fff;box-shadow: 5px 5px 5px 0px #ddd;margin: 10px 0;}
.Support img{padding:15px;box-sizing: border-box;}

/* remen */
.remen{margin-top: 55px;padding-top: 38px;border-top: 1px #d5d5d5 dashed;}
.remen .Act-t i{background-position: 0px -876px;}
.rm-list{}
.rm-list.wrapper:after{box-shadow: inset -26px 0 22.5px rgba(244, 244, 244, 0.75) !important;width: 75px;}
.rm-list .n_con .imgbox{height: 165px;padding: 0;}
.rm-list .n_con{width: 275px;margin-right: 23px;width: 23.875%\0;margin-right:  1.13%\0;}
.rm-list li:nth-child(4n) .n_con{margin-right:0;}

/*  */
.poster-main {
  width: 1200px;
  height: 350px;
  position: relative;
  margin: 0 auto;
}

.poster-main a, .poster-main img { display: block; }

.poster-main .poster-list {
  width: 1000px;
  height: 500px;
}

.poster-main .poster-list .poster-item {
  width: 590px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  background: #312f2f;
  overflow: inherit !important;
}
.poster-main .poster-list .poster-item a{position:relative;height:350px;}
.poster-main .poster-list .poster-item i{position:absolute;bottom:0;text-align:center;line-height:2;width:100%;color: #e6e6e6;font-style:normal;background:rgba(0,0,0,0.68);background: #222\0;padding: 10px 12px;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px;}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
  background-color: rgba(0,0,0,0.48);
}
.poster-main .poster-btn i{
  background-image: url(../ztw2020_img/icon.png);
  background-repeat:no-repeat;
  background-position: 1px -1372px;
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0;
}
.poster-main .poster-prev-btn {
  left: 0;
}
.poster-main .poster-prev-btn i{
    left: 0 !important;
}
.poster-main .poster-next-btn {
  right: 0;
}
.poster-main .poster-next-btn i{
    background-position: -66px -1372px;
    right: 0 !important;
}
.poster-main .poster-btn i:hover{
	background-position-y: -1451px;
}

/* template */
.tp-right{float: right;width: 1000px;}

.channel{text-align:center;padding: 75px 0;background: #dcdcdc;}
.channel img{height: 75px;}

/* sidelights */
.picshow{margin-bottom: 110px;overflow: initial;}
.picshow .poster-list .poster-item{/* background:none; */margin-top: 0%;}
.picshow .poster-item-title{width:80%;line-height: 60px;height: 60px;padding: 0px 20px;box-sizing:border-box;background-color:#212121;color:#ffffff;/* bottom: -30px; */left: 0;right: 0;margin: -32px auto 0;z-index:99;position:absolute;text-align: center;white-space: nowrap;text-overflow: ellipsis;}
.picshow .imgbox{/* height: 435px; */margin-top: 0%;height: inherit;background: #6d6d6d;}
.picshow .poster-btn{background:none;width: 50px !important;height: 50px !important;bottom: 0;top: 0;margin: auto;}
.picshow .poster-prev-btn i,.picshow .poster-next-btn i{background-position-y: -1215px;left: 40%;}
.picshow .poster-next-btn i{right:40%;left: inherit;}
.picshow .poster-prev-btn i:hover,.picshow .poster-next-btn i:hover{background-position-y: -1294px;}
.picshow .poster-prev-btn{left: 10%;}
.picshow .poster-next-btn{right:10%;}
.picshow .poster-item p{
    margin-top: 50px;
    width: 100%;
    color: #999999;
    background: none;
    padding: 0;
    line-height: 1.2;
    height: 38px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    text-align: left;
    }