@charset "utf-8";
/* CSS Document */

/*--css reset--*/
html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,pre,code,address,variable,form,fieldset,blockquote {
	padding:0;
	margin:0;
	font-size:62.5%;
	font-weight:normal;
	font-family:"微软雅黑", "黑体";
	color:#2c3049;
}
ol{margin-left:0; list-style:none;}
ul,li{margin-left:0; list-style:none;}

a{ color:#2c3049;text-decoration:none;}
a:hover{color:#2c3049;text-decoration:none;}
img,input{ vertical-align:middle;}
.clean{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.hidden{ display:none;}
.show{ display:block;}
img{ border:none}
/*--css reset over--*/

.main{width:100%;height:100%;}
.border_top{ border-top:1px solid #cacaca;}
.responsive{ max-width:100%; height:auto;}

	.sbox{width:96%;margin:0 auto;overflow:hidden;padding-top:15px;}
    #swiperDiv{z-index:0;}
    #swiperDiv .swiper-slide{width:100%;height:100%;}
    #swiperDiv .swiper-slide img{width:100%;height:auto;}
    #swiperDiv .swiper-slide .imgtitle{z-index:9;width:calc(100% - 2rem);overflow:hidden;padding:.25rem 1rem;height:6rem;line-height:6rem;font-weight:300;position:absolute;bottom:0;font-size:3rem;color:#FFF;background:rgba(0,0,0,.7);}
    #swiperDiv .swiper-slide .imgtitle .typeflag{position:relative;line-height:2rem;top:.4rem;}
    #swiperDiv .swiper-slide .imgtitle .typeflag .typeflagtext{float:left;font-size:6rem;line-height:1em;border:1px solid #FFF;color:#FFF;border-radius:6px;padding:.2rem;margin-right:.5rem;}
    #swiperDiv .swiper-slide .imgtitle .imgtitlecont{height:6rem;line-height:6rem;float:left;font-size:3rem;color:#FFF;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	@media screen and (min-width:1024px){
	#swiperDiv .swiper-slide .imgtitle .imgtitlecont{height:6rem;line-height:6rem;float:left;font-size:2.5rem;color:#FFF;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	}
    #swiperDiv .swiper-slide .imgtitle .imgtitlepages{height:6rem;line-height:6rem;float:left;font-size:3rem;color:#FFF;width:20%; text-align:right;}
	@media screen and (min-width:1024px){
	#swiperDiv .swiper-slide .imgtitle .imgtitlepages{height:6rem;line-height:6rem;float:left;font-size:2.5rem;color:#FFF;width:20%; text-align:right;}
	}

.title_bg{width:100%;}

.xcyw_wap_list{width:100%;}
.xcyw_wap_list li,.xcyw_wap_resume{width:calc(100% - 40px);padding:30px 0px;margin:0px 20px;border-bottom:1px solid #cacaca;}
.xcyw_wap_list li .xcyw_wap_pic{width:30%;float:left;}
.xcyw_wap_list li .xcyw_wap_right{width:calc(70% - 15px);padding-left:15px;float:left;}
.xcyw_wap_list li .xcyw_wap_right h3,.xcyw_wap_list li .xcyw_wap_right2 h3{font-size:3.2rem;line-height:4.5rem;}
.xcyw_wap_list li .xcyw_wap_right .time,.xcyw_wap_list li .xcyw_wap_right2 .time{font-size:1.5rem;line-height:1.8rem;color:#AFAFAF;margin-top:5px;}
.see_more{font-size:1.8rem;line-height:4rem;height:4rem; text-align:center;padding-bottom:1.5rem;}
.bza{width:calc(100%-40px);padding:10px 20px;font-size:3.2rem;line-height:4.7rem;}
@media screen and (min-width:1024px){
.xcyw_wap_list li .xcyw_wap_right h3,.xcyw_wap_list li .xcyw_wap_right2 h3{font-size:2.5rem;line-height:3.8rem;list-style:none;}
.bza{width:calc(100%-40px);padding:10px 20px 0px 20px;font-size:2.5rem;line-height:3.5rem;}
	}
	
.pic-list {
    overflow: hidden;
}
.clear {
    zoom: 1;
}
.pic-list li {
    width: 46%;
    float: left;
    margin-left:2.5%;
	margin-top:2.5%;
    display: inline; 
}
.pic-list li img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.pic-list li p {
    line-height: 3.6rem;
    font-size:2.6rem;
    overflow: hidden;
}

.pic3{position:relative; display:block;}


.pic3 .icon-video {
 position: absolute;
 /* zoom: 0.5; */
 left: 27%;
 width: 168px;
 top: 0%;
 height: 168px;
 background: no-repeat 0 0;
 background-image: url(/zt2019/upload/template_attachment/images112748/video.png);
 _backgroud: none;
 transform: scale(.5);
}
	
	/*-------尾部样式------------*/
		.foot{ text-align: center;}
		.editer {width:90%; margin:0 auto 20px; border:1px solid #CACACA;color: #fff;  padding:10px 0; line-height: 4rem; border-radius:5px; font-size: 2.8rem;}
		.editer span{ padding-right: 50px;}
		.rights{  background-color:#2358a6/*--根据自己专题的主色调改色值--*/;  color: #fff; padding: 20px 0 40px 0; font-size: 2.8rem;}
	/*-------尾部样式-------------*/


/*----瀑布流图片列表----*/
.wrapper{-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari 和 Chrome */
column-count:2;
-moz-column-gap: 2rem;
-webkit-column-gap: 2rem;
column-gap: 2rem;
width:calc(100% - 4rem);
margin:0 auto;padding:1rem 0;}

.wrapper li{
margin:0;padding:1rem 0;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;}

.wrapper li 
.bluebg{ position:relative;
	width:96%; background:#fff;
	height:auto; margin:0.5rem;
	padding-bottom:2rem; 
	border-radius:1rem;
	-webkit-box-shadow:0 0 0.4rem rgba(38, 65, 175, .5);
	-moz-box-shadow:0 0 0.4rem rgba(38, 65, 175, .5);
	box-shadow:0 0 0.4rem rgba(38, 65, 175, .5);}
.wrapper li .bluebg .pic{width:100%;height:auto;margin:0;padding:0;}
.wrapper li .bluebg .pic img{ border-radius:1rem 1rem 0px 0px;}
.wrapper li .bluebg .title{width:calc(100% - 30px);font-size:2rem;line-height:3.5rem;text-align:center;margin:10px 15px;word-wrap:break-word;font-size:2rem;color:#333333;}
