@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: 1.35rem;z-index: 9;text-align: center;}
.Banner .hd li{background: rgba(255, 255, 255, 0.5);width:0.15rem;height:0.15rem;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 i{position:absolute;bottom: 0;width:100%;left:0;background:rgba(0, 0, 0, 0.45);color: #fff;line-height: 1rem;height: 1rem;padding: 0 0.4rem;z-index: 998;box-sizing: border-box;font-style: initial;font-size: 0.4rem;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;display: -webkit-box;}

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

.news-hot-pic{/* margin-bottom:0.2rem; */}
.news-hot-pic .n_con{height:auto;border: none;padding: 0;margin-top: 0.37rem;overflow: hidden;}
.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;text-align: center;}
.news-hot-pic .n_con .imgbox{height: 2.5rem;background: #e0e0e0;width: 100%;margin-bottom: 0.15rem;}

/* Act */
.Act .news-hot-pic{margin-bottom:0.4rem;overflow-x: scroll;width: 100%;}

/* title */
.Act-t{/* margin-bottom: 0.32rem; */}
.Act-t i{font-size:0;height: 0.95rem;width: 4.6rem;}
.Designer .Act-t i{background-position: 0 0;}
.Craftsman .Act-t i{background-position: 0px -1.81rem;height: 1.05rem;}
.Charity .Act-t i{background-position: 0px -3.65rem;}
.Int .Act-t i{background-position: 0px -5.5rem;height: 1.5rem;}
.Focus .Act-t i{background-position: 0px -7.9rem;}

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

/* btn */
.checkmore{text-align:center;border-top: 1px #ddd dotted;margin-top: 0.42rem;}
.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;}

/* loading */
.loading{text-align:center;margin-top: 0.32rem;}
.loading:after{content:"加载数据中...";line-height:0.85rem;display:inline-block;margin-left: 0.2rem;color: #999;}
.loading img{margin-top: 0.27rem;width: 0.85rem;vertical-align: bottom;}
.nomore{text-align:center;font-size: 0.37rem;color: #ccc;margin-top: 0.3rem !important;display: inline-block;width: 100%;}

/* template */
.template{background:#f2f2f2;}
.template .section{background:inherit;margin-top: 0.4rem;}
.template .container{background:#fff;/* padding:0.4rem; */margin-top: 0.4rem;}
.template .header{color:#666;padding: 0 0.4rem;line-height: 1rem;height: 1rem;background: #fff;}
.template .shouye{color:#999;background:url(../ztw2020_img/ztw_shouye-s.png) no-repeat center left;background-size: 0.42rem;padding-left: 0.6rem;font-size: 0.37rem;}
.template .head .col_right{margin-top:0;}

.template .tp-nav{background:#ea1c28;padding: 0 0.2rem;}
.template .tp-nav li{width: 25%;text-align: center;float: left;}
.template .tp-nav li a{line-height: 1.15rem;color:#fff;font-size:0.43rem;}
.template .Banner{position:relative;/* height: 6rem; */overflow: hidden;background: #000;}
.template .Banner>img{width:100%;max-height: inherit;/* position: absolute; */margin: auto;top: 0;bottom: 0;}
.template .Banner i{position:absolute;left: 0.32rem;top: 0.48rem;width:2.5rem;}

/* Int */
.template .Int{position:relative;min-height: 2.5rem;margin: -2.3rem 0.4rem 0;width: auto;padding: 0.5rem 0.4rem 0.4rem;background: #fff;overflow: hidden;}
.Int .Act-t{position:absolute;}
.Int .con{width: 6.1rem;float:right;text-align: justify;}

/* video */
.template .video{background:#d4d4d4;padding-bottom: 2.5rem;padding-top: 0.68rem;margin-top: 0;}
.template .video .container{padding:0;margin: 0;}
.video .left{/* padding-bottom:3rem; */}
.video .videolist{
	position:relative;
	height: 5.35rem;
	overflow: hidden;
}
.video .videolist>img{
	position:absolute;
	max-height: inherit;
	top: 0;
	bottom: 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: 1.4rem;
	height: 1.4rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-position: 0.08rem -13rem;
	content:"";
	background-image: url(../ztw2020_img/m-icon.png);
	background-size: 2.3rem;
	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;}
.focuslist li{overflow:hidden;}
.focuslist .pic{position:relative;margin-bottom: 0.75rem;}
.focuslist .imgbox{height: 6rem;}
.focuslist .link-t{position: absolute;width:100%;overflow: hidden;margin-top: -0.7rem;text-align: right;}
.focuslist .link-t .right{float: left;text-align:center;background:#ea1c28;color:#fff;width: 10%;line-height: 0.93rem;margin-top: 0.24rem;font-size: 0.37rem;}
.focuslist .link-t .left{float: left;width: 75%;height:1.4rem;background:#212121;padding:0.22rem 0.4rem;font-size: 0.4rem;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 .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;padding:0.4rem;width: 89%;float: left;}
.focuslist li:nth-child(2n+1) .con{float: right;}
.focuslist p{overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap:break-word;word-break:break-all;width: 100%;float: left;color: #999;}
.focuslist li:nth-child(2n+1) p{float: right;}
.focuslist .Act-icon{float:right;font-size:0;display: block;width: 1.5rem;height: 1rem;background-position: 0.3rem -14.75rem;}

/* picshow */
.pic .Act-t{margin:0 0.4rem 0.4rem;}
.pic .Act-t i{background-position: 0px -9.55rem;}
.picshow{position:relative;}
.picshow .hd{position:absolute;right: 0;left: 0;margin: auto;bottom: 0.6rem;z-index: 9;text-align: center;}
.picshow .hd li{background: rgba(255, 255, 255, 0.5);width:0.15rem;height:0.15rem;margin:0 0.08rem;font-size: 0;border-radius: 1rem;display: inline-block;}
.picshow .hd li.on{background: #fb0202;}
.picshow .btn{}
.picshow .btn span{position:absolute;top:0;bottom:0;margin:auto;width: 1.5rem;height: 1.5rem;font-size: 0;}
.picshow .prev{left:0;background-position: 0.35rem -15.8rem;}
.picshow .next{right:0;background-position: -0.8rem -15.8rem;}

/* footer */
.template .foot{background:#d5d5d5;text-align: center;padding: 0.6rem 0;margin-top: 1.5rem;}
.template .foot img{width: 43%;}
.template .footer{background:#ea1c28;}
.template .footer p{color:#fff;}

/* Support */
.Support{padding:0 0.4rem;}
.Support .Act-t{margin:0.84rem 0 0.4rem;border-top: 1px #d5d5d5 dashed;padding-top: 0.6rem;}
.Support .Act-t i{background-position: 0px -11.3rem;}
.Support td{padding: 0.15rem 0;}
.Support tr td:first-child{width: 2.3rem;vertical-align: top;padding-left: 0.6rem;box-sizing: border-box;}

/* remen */
.Act{width:100%;z-index: 9;overflow-x: auto;}
.remen{margin-top:0.64rem;}
.remen .title-s{color:#ea1c28;text-align:center;position: relative;}
.remen .title-s:before,.remen .title-s:after{content:"";border-top: 1px dotted #fda2a7;display: block;width: 40%;top: 0.24rem;bottom: 0;position: absolute;left: 0;margin: auto;}
.remen .title-s:after{right: 0;left: inherit;}
.rm-list{height:5rem;}
.rm-list.wrapper:after{box-shadow: inset -0.7rem 0 0.6rem rgba(244, 244, 244, 0.75) !important;width: 2rem;}
.rm-list .n_con .imgbox{height: 3rem;padding: 0;}
.rm-list .n_con{width:5rem;margin-right: 0.37rem;}