.section-page1{padding-bottom:20px;}
.section-page2{padding:50px 0 35px 0;}
.section-page3{padding:40px 0;}
.section-page4{padding:40px 0 20px 0;background:#f9f9f9;}
.quick-box{margin-top:-60px;margin-bottom:50px;position: relative;z-index:100;background: url("https://www.talkingcool.com/skin/sites/zs07_yellow/index/bg.png") center center no-repeat;background-size:cover;}
.news-box .head .title{color:#f6b214;font-size:24px;padding-bottom:10px;border-bottom:4px solid #f6b214;}
.news-box .head .more{margin-top:14px;}
.news-box .head .more a{width:51px;height:13px;display:block;background: url("https://www.talkingcool.com/skin/sites/zs07_yellow/index/more.png") no-repeat;text-indent:-99999px;background-size:contain;}
.news-box2 .head{margin-bottom:35px;position:relative;}
.news-box2 .head .title{color:#121212;font-size:24px;padding:0 25px 0 60px;display:inline-block;margin:0;line-height:55px;position:relative;}
.news-box2 .head .title:before{width:130px;height:1px;background:#bababa;content:"";position:absolute;top:27px;left:-140px;}
.news-box2 .head .title:after{width:130px;height:1px;background:#bababa;content:"";position:absolute;top:27px;right:-140px;}
.news-box2 .head .title1{background: url("https://www.talkingcool.com/skin/sites/zs07_yellow/index/ico01.png") 15px center no-repeat;}
.news-box2 .head .title2{background: url("https://www.talkingcool.com/skin/sites/zs07_yellow/index/ico02.png") 15px center no-repeat;}
.news-box2 .head .more{position:absolute;top:18px;right:0; }
.news-box2 .head .more a{width:51px;height:13px;display:block;background: url("https://www.talkingcool.com/skin/sites/zs07_yellow/index/more.png") no-repeat;text-indent:-99999px;background-size:contain;}
.news-shadow{padding:40px 30px 15px 30px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.quick-list>li>a{color:#fff;display:block;padding:25px 0;margin:0 12%;}
.quick-list>li>a>span{color:#121212;font-size:18px;display:block;padding-top:10px;text-align:center;}
.quick-list>li>a>img{display:block;margin:0 auto 10px auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.quick-list>li>a:hover>img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.quick-list2>li>a{color:#121212;font-size:16px;display:block;text-align:center;margin-bottom:15px;}
.quick-list2>li>a>span{display:block;margin-top:25px;}
.quick-list2>li>a>img{transition: all .4s ease;}
.quick-list2>li>a:hover>img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.video-box{position:relative;overflow:hidden;height:428px;margin-bottom:25px;background-color:#000;}
.video-box video{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;object-fit:cover;-o-object-fit:cover;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}
.video-box:hover video{-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
.video-box .play {position: absolute;background: rgba(27,27,27,.47);height: 63px;width: 63px;top: 50%;left: 0;right: 0;margin: auto;text-align: center;line-height:63px;display: inline-block;color: #000 !important;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.video-box .play::before,.video-box .play::after {position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;border-radius: 50%;background-color: #ffffff;opacity: 0.15;z-index: -10;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.video-box .play::before {z-index: -10;-webkit-animation: inner-ripple 2000ms linear infinite;-moz-animation: inner-ripple 2000ms linear infinite;animation: inner-ripple 2000ms linear infinite;}
.video-box .play::after {z-index: -10;-webkit-animation: outer-ripple 2000ms linear infinite;-moz-animation: outer-ripple 2000ms linear infinite;animation: outer-ripple 2000ms linear infinite;}
.video-box .play span{display:block;width:63px;height:63px;background: url("https://www.talkingcool.com/skin/sites/zs07_yellow/index/play.png") center center no-repeat;}
.label-news63 li .category{color:#d89c11;border:1px solid #ffbb1c;}
.label-news63 li .category a{color:#d89c11;}
.label-pic-ul38 li .item .date{background:#ffbb1c;}
@keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-filter: alpha(opacity=50);
	}

	80% {
		transform: scale(1.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
	}

	100% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}
}
@-webkit-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}

	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}

	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5);
	}
}

@-moz-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}

	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}

	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5);
	}
}
@media screen  and (min-width:992px) {
	.row-15{margin-left:-15px;margin-right:-15px;}
	.col-pd-15{padding-left:15px;padding-right:15px;}
	.quick-list2{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;}
	.quick-list2>li{flex:1;}
	
}
@media screen  and (max-width:991px){
	.quick-box{margin-top:-30px;}
	.news-box .head .title,.news-box2 .head .title{font-size:20px;}
	.video-box{height:51vw;}
}
@media screen  and (max-width:767px) {
	.news-box .head{margin-bottom:20px;}
	.data-roll2 .con img{max-width:50px;}
}
@media screen  and (max-width:580px) {
	.quick-list>li>a{padding:10px 0;margin:0;}
	.quick-list>li>a>span{font-size:14px;padding-top:0;}
	.quick-list>li>a>img{max-width:45px;}
	.news-box2 .head .title:before{width:30px;left:-30px;}
	.news-box2 .head .title:after{width:30px;right:-30px;}
	.news-box .head .more a,.news-box2 .head .more a{width:31px;height:8px;}
	.quick-list2>li>a>img{max-width:80px;}
	.quick-list2>li>a>span{margin-top:15px;}

}