@charset "utf-8";
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 30px; height: 50px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em ;margin-top:-25px;}
.flex-direction-nav .flex-prev { }
.flex-direction-nav .flex-next { }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
/*.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
*/.flex-pauseplay a:hover  { opacity: 1; }
/*.flex-pauseplay a.flex-play:before { content: '\f003'; }
*//* Control Nav */
.flex-control-nav {width: auto; position: absolute; bottom: 40px; right:20px;  z-index:99; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block;  cursor: pointer; text-indent: 9999px;background-color:#fff; border-radius: 50%;opacity: 0.5;}
.flex-control-paging li a:hover { opacity: 1; }
.flex-control-paging li a.flex-active {opacity: 1;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.Banner{position: relative;z-index: 1;overflow: hidden;}
.Banner.WrapBanner{ float: none; width:auto;margin: 0;}
.Banner.WrapBanner .slides span{display: block;width: 100%;height: 0;overflow: hidden; padding-bottom: 29%;}
.slideTitle1{height:68px;width: 50%;background-color: rgba(0,0,0,0.2);position: absolute;left:0;bottom: 23%;line-height: 68px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;overflow: hidden;}
.slideTitle1 i{color:#fff; display: block;font-style: normal;font-size: calc(18px + 0.53vw);text-align: center;padding: 0 50px;}
.Banner.WrapBanner .flex-control-nav{ position: relative; margin-top: -40px; text-align: center; bottom: 0;right: 0;}


/*图+视频轮播*/
.slide-img {position: relative;display: block;}
.slide-img .imgResponsive{display: block;width: 100%;height: 0;overflow: hidden; padding-bottom: 56.44%;z-index: 10}
.slide-label{color:#fff;padding:10px 20px;background:url(../imagesbjforum2021/slide-label-bg.png) repeat;position: absolute;right: 0;top: 0;width: auto;display: block;z-index: 20;}
.slide-label a{color:#fff;position: relative;z-index: 15}
.slide-label:before{width: 0;position: absolute;left: 50%;top: 50%;background:#2e63e2;color:#fff;content: '';display: block;height: 0;transition: all 0.3s ease;z-index: 10;}
.slide-label:hover:before{width: 100%;left: 0;top: 0;height: 100%;}

.videoPlay{width: 40px;height: 40px;border:2px solid #2e63e2; background: url(../imagesbjforum2021/play.png) no-repeat center #2e63e2; border-radius: 50%;overflow:hidden;display: block;position: absolute;left: 50%;top:50%;color:#2e63e2;line-height: 40px;text-align: center;font-size: 20px;cursor: pointer;border:2px solid #2e63e2;text-align: center;margin-left: -20px;margin-top: -20px;}
.videoPlay:before{z-index: 81;position: relative;height: 100%;vertical-align: top;display: inline-block;padding-left: 3px;}
.videoPlay:hover{color:#fff;border:2px solid #fff;background-color:#2e63e2; opacity: 0.9;}
.videoPlay.white{border-color:#fff;color: #fff;}
.videoPlay.white:hover{border-color: #fff;background-color: #fff;color: #94070a;}
.icon-bofang1:before{padding: 2px 0 0 5px;display: block;}
.videoShow{position: absolute;left: 0;top:0;z-index: 9000;width: 100%;}
.videoShow dd{display: none;padding-bottom: 56.44%}
.videoShow dd video{width: 100%;}
.videoClose{position: absolute;right: 0;top:0;color:#fff;font-size: 14px;background:url(../imagesbjforum2021/slide-label-bg.png) repeat;padding:10px 20px;display: none;cursor: pointer;}

.slide-text{position: absolute;bottom: 12px;left: 0;width: 100%;height: 60px;background-color:rgba(0,0,0,0.4);background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(top,rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */background: linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* 标准的语法 */}
.slide-text p{margin: 15px;display: block;max-height: 48px;line-height: 24px;color: #fff;overflow: hidden;}


/*content*/
.content{width:1300px;position: relative;z-index: 100;margin:0 auto 50px;z-index: 1000;background-color: #fff;}
.mode01{width: auto;padding:45px 25px 30px 25px;overflow: hidden;border-bottom: #e1e1e1 1px solid;}
.articleList03{ width: 54.2%; float: right; }
.list1{ margin: -15px -15px; overflow: hidden; }
.list1 li {width: 50%; float: left;}
.list1 li a{ display: block; margin: 15px; border: #e1e1e1 1px solid; overflow: hidden; padding: 18px;}
.list1 .listTitle{ font-size: 16px;display: block; line-height: 24px; height: 48px; margin-bottom: 10px; overflow: hidden; transition: all 0.3s ease;}
.list1 .listDate{ color: #999999; }
.list1 li a:hover .listTitle{ padding-left: 6px; }


.mode02{width: auto;padding:40px 25px 0;overflow: hidden;}
.articleContent{ /*! height: 305px; */overflow: hidden;height: 527px;}
.articleContent p{line-height: 32px;/*! color:#0049a8; */text-indent: 2em;font-size: 16px;/* height: 448px; */overflow: hidden;} 
 

.Banner{width: 43.2%;float: left;margin-top: 10px;}
.Banner .slides span{}
.slideTitle{height:100px;position: absolute;bottom: 0;width: 100%;
background-color:rgba(0,0,0,0.4);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top,rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* 标准的语法 */}
.slideTitle i{color:#fff;line-height: 28px;height: 28px;margin:58px 28px 0;display: block;font-style: normal;font-size: 18px;overflow: hidden;}
.mode02 .lf{width:29.8%;float: left; }
.mode02 .rt{ width: 67.2%; float: right; }
.articleList01{width: 100%;overflow: hidden;margin: 30px 0 0 0;}
.listTitle01{height: 36px;margin-bottom: 18px; overflow: hidden;}
.listTitle01 h2{font-size: calc(18px + 0.53vw);color:#0049a8;}
.listTitle01 a{color:#666;font-weight: bold; float: right;margin-top: 12px;}
.list01{width: 100%;overflow: hidden;padding:10px 0;}
.list01 li {width: 100%;overflow: hidden; margin-bottom: 24px;}
.list01 li .number{width: 70px; font-size: 16px; float: left;background:url(../imagesbjforum2021/date_bg.png) no-repeat; padding: 1px 9px;overflow: hidden;}
.list01 li a{display: block;/* margin-left:104px; */overflow: hidden;border-bottom: #d2d2d2 1px solid;height: 43px;}
.list01 li h3{font-size: 16px;line-height: 34px;height: 34px;overflow: hidden;/*! color:#1f5fb3; */font-weight: normal;padding: 0;transition: all 0.3s ease;}
.list01 li a:hover h3{ padding-left:20px; } 
 

.mode03{width: auto;padding:0 25px 35px;overflow: hidden;}
.mode03 .lf{width:49.6%;float: left; }
.mode03 .rt{width: 46.7%;float: right;}

.list2{ margin: 0 -9px -9px; overflow: hidden; }
.list2 li{ width: 33.3%; float:left; overflow: hidden; }
.list2 li a{ display: block; border: #f4f3f3 1px solid; margin: 9px; overflow: hidden;}
.list2 .listTitle{ display: block; line-height: 24px; height: 144px; overflow: hidden; margin: 18px 18px 30px 18px;}
.list2 .listName{ display: block; font-size: 20px; color: #0049a8; margin-bottom: 20px;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list2 .listDate{color: #999999; font-size: 14px; display: block; background: #f5f5f5; text-align: center; height: 35px; line-height: 35px;
	position: relative; transition: all 0.3s ease;} 
.list2 .listDate:before{content: ""; display: block;position: absolute;top: -15px;left: 50%;margin-left: -14px; width: 0;height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 15px solid #f5f5f5; transition: all 0.3s ease;}
.list2 a:hover { border:#e0c67e 1px solid; }
.list2 a:hover .listDate{ background: #e0c67e; color: #fff; }
.list2 a:hover .listDate:before{ border-bottom: 15px solid #e0c67e; }




.list04{width: 100%;overflow: hidden;margin-top: -7px;}
.list04 li{height: 70px;line-height: 70px;border-bottom: 1px solid #d2d2d2;overflow: hidden;}
.list04 li a{font-size:2.2rem;color:#1f5fb3;display: block;}
.list04 li:hover a { font-weight: bold;} 
@media screen  and (max-width:1386px) {
   .content{width:1100px;}
   .list1{ margin: -8px; }
   .list1 li a{ margin: 8px; }
   .Banner{ width: 50%; }
   .articleList03{ width: 48%; }
   .slideTitle1{ bottom: 13%; }
  
}

@media screen  and (max-width:1220px) {
	.content{width: auto;}
}



@media screen  and (max-width:997px) {
	.Banner.WrapBanner{  }
	.Banner{ width: auto; }
	.articleList03{width: auto;margin-top: 20px;}
	.slideTitle1{ height: 40px; line-height: 40px; bottom: 13px;width: 73%;}
	.slideTitle1 i{ font-size: 18px; }
	.Banner.WrapBanner .flex-control-nav{ text-align: right; }
	.articleContent{height: 300px;}
	.mode02{padding:25px 25px 0;}
	.articleContent,.mode02 .lf, .mode03 .lf{width: 100%;float: none;margin-bottom: 20px;}
	.mode02 .rt, .mode03 .rt{width: 100%;float: none;}
	.listTitle01{ height: auto; }
	.listTitle01 a{ margin-top: 0; }

}
@media screen  and (max-width:800px) {
	
}

@media screen and (max-width: 768px) {
  .mode01{ padding:45px 15px 30px 15px; }
  .mode02{ padding: 25px 15px 0 }
  .mode03{ padding: 0 15px 35px }
  .slideTitle{display: none;}
  .articleSingle_title h2,.listTitle01 h2{font-size: 18px;}
  .list01 li h3{font-size: 16px;}
  .slideTitle1,.Banner.WrapBanner .flex-control-nav{ display: none; }
  .flex-control-nav{bottom: 0;}
  .flex-control-nav li{ margin: 0 4px; } 
}

@media screen  and (max-width:640px) {
	.list1 li,.list2 li{ width: auto; float: none; }
	.list1 .listTitle,.list2 .listTitle{ height: auto; }
	.list04 li a{
		white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; 
	}
	.list01 li a h3{
		white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;
	}
	
	

	
}