@charset "utf-8";
body{padding:0; margin:0 auto; font-size:14px; font-family:"微软雅黑"; color:#333333; background:#fff;  -webkit-text-size-adjust:none;}
ol, ul, dl, dt, dd, form{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:none; border:0;}
img, object, embed, video {max-width:100%;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

a{ text-decoration:none; color:#333333; noline:expression(this.onFocus=this.blur()); -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#333;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden; zoom:1;}
input, textarea{font-family:"微软雅黑"; font-size:14px;}

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}
.space20, .space25, .space30{clear:both; line-height:0; font-size:0; overflow:hidden; zoom:1;}
.space20{height:20px;}
.space25{height:25px;}
.space30{height:30px;}

#top{text-align:center;}
#top img{width:100%;}

.shbox{margin-top: 30px;}

/****数说2021****/
.ss2021_l{width: 59%; border: 5px #cf0c0d solid; height:394px;  position:relative; float: left; overflow: hidden; background: #000;}
.ss2021_l .player{position:absolute; width: 100%; height: 100%; background: url(12j7cqh_player.png) center no-repeat; z-index: 2;}
.ss2021_r{width: 40%; padding: 0px 0; float: left;}
.ss2021_r .box{background: url(12j7cqh_r14_c19_s1.jpg) top right no-repeat #fff; border: 1px #cf0c0d solid; font-size: 16px; border-left: none; padding: 20px; line-height: 2;}
.ss2021_r .box p{ font-size: 16px;}
.ss2021_r .box p a{color: #f00;}
.gqtel{padding-top:10px; text-align:center; font-weight:bold; color: #f00;}
.gqjbtel li{width: 50%; text-align: center; float: left; line-height: 2;}

/* 视频样式 用来控制视频全屏铺满显示  */
	.vid-wrapper{
		width:100%;
		position:relative;
		padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
		height: 0;
		background: #000;
	}
	.vid-wrapper video{
		position: absolute;
		top:-10px;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		overflow: hidden;
	}


/*图片标题摘要列表*/
.picbtzy_list{padding: 20px; border: 1px #ccc solid; margin-bottom: 30px;}
.picbtzy_list li{padding-bottom:20px; border-bottom: 1px #ccc dashed; margin-bottom: 25px;}
.picbtzy_list li .pic{width:30%; float: left; margin-right: 20px;}
.picbtzy_list li .pic img{width:100%; height: 180px;}
.picbtzy_list li .list-btzy{width: 100%;}
.picbtzy_list li .list-btzy .tit{font-size: 24px; font-weight: bold; color:#29548e; margin-bottom: 25px;}
.picbtzy_list li .list-btzy .tit a{font-size: 24px; display: block; color:#29548e; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.picbtzy_list li .list-btzy .zy{line-height:25px; text-indent: 2em;}
.picbtzy_list li .list-btzy .zy a{color:#f00;}

.page{text-align: center}
.page a {
    display: inline-block;
    color: #8c9eb3;
    border: 1px solid #c9ccd0;
    padding: 4px 11px 4px 11px;
    margin: 0 2px;
}

.page a.current {
    color: #fff;
    background-color: #3d7dcb;
}

@media (max-width: 1024px) {
	.ss2021_l{height:404px;}
	.vid-wrapper video{top: 25px;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.ss2021_r{width: 100%; float: none; padding: 0}
	.ss2021_l{width: 100%; float: none; height: 400px}
	.vid-wrapper video{top: -42px;}
	.ss2021_r .box{border-left: 1px #cf0c0d solid;}
    .picbtzy_list{padding: 20px 10px;}
    .picbtzy_list li .pic{width: 45%;}
    .picbtzy_list li .list-btzy .zy{height: 124px; overflow: hidden;}
}

/* xs mobile*/
@media (max-width: 768px) {
	.vid-wrapper video{top: -42px;}
	.ss2021_r{width: 100%; float: none; padding: 0}
	.ss2021_l{width: 100%; float: none; height: 400px;}
    .ss2021_r .box{border-left: 1px #cf0c0d solid;}
    .picbtzy_list{padding: 20px 10px;}
    .picbtzy_list li .pic{width: 45%;}
    .picbtzy_list li .list-btzy .zy{height: 124px; overflow: hidden;}
}
@media (max-width: 640px) {
	.vid-wrapper video{top: -35px;}
	.ss2021_l{height: 320px; border: 3px #cf0c0d solid;}
	.picbtzy_list li .pic, .picbtzy_list li .list-btzy{width: 100%; float: none;}
	.picbtzy_list li .list-btzy{padding-top: 20px;}
	.picbtzy_list li .list-btzy .zy{height: auto;}
}


@media (max-width: 480px) {
	.ss2021_l{height: 190px; border: 2px #cf0c0d solid;}
}

@media (max-width: 400px) {
	.ss2021_l{height: 170px;}
	.gqjbtel li{width: 100%; float: none;}
}

@media (max-width: 360px) {
	.ss2021_l{height: 160px;}
}

@media (max-width: 320px) {
	.ss2021_l{height: 140px;}
}