@charset "utf-8";
/* CSS Document */
.title_head{margin:0;}
.main_top{ 
 padding:10px 0;
}
.main_top_left{ 
 width:340px; 
 float:left;
 position:relative;
 border: 1px solid #ccc;
}
.main_top_center{ 
 width: 613px;
 float: left;
 padding-left: 15px;
 border: 1px solid #ccc;
 margin-left: 15px;
}
.main_top_center h2{ height:30px; font:bold 14px/30px "";}
.main_top_center h2 a{ color:#004276}
.main_top_center p{ line-height:24px; color:#666666;}
.main_top_center p a{color:#004276}
.main_top_center .article_list{ border-top:1px dashed #666666; margin-top:15px; padding:10px 0 3px 0;}
.main_top_center div{ display:none}
.main_top_right{ 
 width:245px; 
 float:right;
 border: 1px solid #CCCCCC;
 padding:0px 15px 15px;
}
.main_top_right .getvideo2 img{ height:161px;}
.main_top_right .getvideo{ height:194px}
.main_top_right .videobtn_big{ background:url(/Content/Areas/Common/images/videobtn.png) no-repeat 0 0px; width:56px; height:47px; position:absolute; top:70px; left:90px;}
.main_top_right .top_video{}
.main_top_right .top_video img{ width:242px; height:160px;}
.main_top_right.top_video h2{ height:30px; line-height:30px; font-size:14px;}
.bottom_video{ margin-top:5px; border-top:2px solid #008db6;}
.bottom_video img{ 
 width:100px; 
 height:65px; 
 float:left; 
 margin:10px 0;
}
.title_header, .title_head, .head_title{
 padding:10px 0;
}
.bottom_video h2{ 
 height:25px; 
 width:130px; 
 line-height:25px; 
 float:left; 
 margin:10px 0 0 10px;
}
.bottom_video .detail{ float:left; margin:10px 0 0 10px; color:#cc0000;}
/*--------------------center------------------*/

.top_show {
 line-height:24px
}
.top_show li{ 
 width: 384px;
 height: 65px;
 float: left;
 padding-top: 15px;
 display: inline;
 border: 1px solid #ccc;
 padding: 15px;
}
.top_show li:nth-child(2){
 margin:0 16px;
}
.top_show li img{ 
 width:82px; 
 height:63px; 
 float:left;
 border:1px solid #bdbdbd;
 margin-right:10px;
}
.top_show li p{ 
 float:right; 
 width:290px; 
 line-height:18px; 
 color:#999999;
}
.top_show li p a{ display:none}
.top_show li h2{ 
 height:20px; 
 font: 14px/20px ""; 
 width:210px; 
 float:right; 
 margin-right:5px;
}
.top_show li a{ color:#004276; font-size:14px}
.top_show a:hover{ color:#2862a2}
/*--------------------------bottom-----------------------------*/
.main_bottom{
 margin: 15px auto;
}
.main_bottom_left, .main_bottom_center, .main_bottom_right{
 border: 1px solid #CCCCCC;
}
.title_head02{
 /*background: url(/Content/Areas/News/images/YiYuanGaiKuang/main_cb_tit_bg.jpg) repeat-x scroll left center transparent;
 border-bottom: 1px solid #D7D7D7;*/
 height: 28px;
 line-height:28px;
 padding: 10px;
}
.title_head02 h3 {
 float: left;
 height: 30px;
 font:bold 14px/30px "";
 color:#CA0002;
 font-size: 23px;
 color: #333333;
 font-weight: normal;
}
.redcolor {
 font-size: 14px;
 font-weight: bold;
}
.main_bottom_left{ 
 float: left;
 width: 460px;
 height: 355px;
}
.main_bl_top{ margin:0 10px 10px 10px; position:relative;*zoom:1;}
.main_bl_top div{ display:none}
.main_bl_top h2{ 
 height:25px; 
 font: bold 14px/25px ""; 
 background:#f7f7f7; 
 border:1px solid #ededed; 
 padding-left:10px;
 position:absolute;
 width:100%;
 box-sizing:border-box;
 *left:0;
 *top:5px;
}
.main_bl_top h2 a{ color:#004276;}
.main_bl_top img{
/* width:75px;*/
 height:100px;
 float:left;
 padding:1px;
 border:1px solid #ededed;
 margin:40px 0 0 0;
}
.main_bottom_left .article_list{
 margin:5px 10px;
 border-top: 1px dashed #dbdbdb;
 padding-top:5px;
}
.main_bl_top p{ 
 width:245px; 
 float:right; 
 line-height:24px;
 margin:40px 0 0 0;
}
.main_bottom_center{
 float:left;
 width:460px;
 margin-left:15px;
 padding: 0 15px;
 height: 355px;
}
.main_bc_left{ width:203px; float:left;}
.main_bc_left img{ width:203px; height:118px;}
.main_bc_left h2{ height:30px; line-height:30px; /*margin:5px 0 10px 0;*/}
.main_bottom_center .article_list{ 
 width:240px; 
 float:left; 
 margin-left:15px; 
 display:inline;
 overflow:hidden;
}
.main_bottom_right{
 float:right;
 width:264px;
 padding: 0 15px;
 height: 355px;
}
.main_bottom_right img{ margin:5px 0;}
.main_bottom_right .article_list{ margin-top:10px;}
/*-------------------------------------------------------*/
#lantern {  BORDER: #ffffff 1px solid; OVERFLOW: hidden;CURSOR: pointer; HEIGHT: 327px;_width:325px;}
#lanternMain { HEIGHT: 303px; BACKGROUND-COLOR: #ffffff; position:relative;}
#lanternNavy {  FONT-SIZE: 12px; FLOAT: left; OVERFLOW: hidden; WIDTH:341px; COLOR: #ffffff; HEIGHT: 24px; TEXT-ALIGN: center}
#lanternNavy .div_off1  
{
 FLOAT: left; 
 BORDER-LEFT: #ffcc00 0px solid; 
 BORDER-BOTTOM: #ffffff 1px solid; 
 HEIGHT: 24px; 
 BACKGROUND-COLOR: #2d85e8; 
 TEXT-ALIGN: center;
 line-height:24px;
}
#lanternNavy .div_on1   
{
 PADDING-RIGHT: 24px; PADDING-LEFT: 10px; FLOAT: left; BORDER-LEFT: #ffcc00 0px solid; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 24px; BACKGROUND-COLOR: #cc3300; line-height:24px;}
#lanternNavy .div_off2  
{
 FLOAT: left;
  BORDER-LEFT: #ffcc00 1px solid; 
  BORDER-BOTTOM: #ffffff 1px solid; 
  HEIGHT: 24px; 
  BACKGROUND-COLOR: #2d85e8; 
  TEXT-ALIGN: center;
  line-height:24px;
}
#lanternNavy .div_on2   
{
 PADDING-RIGHT: 24px; PADDING-LEFT: 10px; FLOAT: left; BORDER-LEFT: #ffcc00 1px solid; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 24px; BACKGROUND-COLOR: #cc3300; line-height:24px;}
#lanternNavy .div_off3  
{
 BORDER-RIGHT: #ffcc00 2px solid; 
 FLOAT: left; 
 BORDER-LEFT: #ffcc00 1px solid; 
 BORDER-BOTTOM: #ffffff 1px solid; 
 HEIGHT: 24px; 
 BACKGROUND-COLOR: #2d85e8; 
 TEXT-ALIGN: center;
 line-height:24px;
  padding:0 5px;
}
#lanternNavy .div_on3{BORDER-RIGHT: #ffcc00 2px solid; PADDING-RIGHT: 24px; PADDING-LEFT: 10px; FLOAT: left; BORDER-LEFT: #ffcc00 1px solid; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 24px; BACKGROUND-COLOR: #cc3300; line-height:24px;
    }
#lanternImg  
{
 OVERFLOW: hidden; 
 WIDTH: 100%;
 position:absolute;
 HEIGHT: 303px;
}
#lanternImg img{ width:100%; height:302px;}
.jumppage { FLOAT: left; WIDTH: 75px; HEIGHT: 29px}
#lanternNavy .content_space 
{
 position:absolute; 
 left:0; 
 top:222px; 
 width:338px; 
 line-height:24px; 
 z-index:4;
 text-align:left;
 padding:10px;
box-sizing: border-box;
}
.content_bg 
{
 width:100%; 
 height:70px; 
 background:#000000; 
 position:absolute; 
 left:0; 
 top:233px; 
 z-index:3;
 filter: Alpha(Opacity=30, Style=0); 
 opacity: 0.30;
}
.sanjiao img
{
 width:8px!important; height:5px!important;
}

/* 2019 10 22 */
.main_content {
  overflow: hidden;
}

.pd20 {
  padding: 20px;
}

.main_top {
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 40px;
}

h2.title_header {
  padding: 0 0 10px 0;
  border-bottom: 2px solid #ccc;
  /* position: relative; */
}

a.more_1 {
  float: right;
  font-size: 14px;
  color: red;
}

h2.title_header:before {content: '';width: 100px;height: 2px;background: red;position: absolute;bottom: -2px;left: 0;}

h2.title_header {
  position: relative;
}

.article_box.col-md-4>a {
  width: 100%;
  display: block;
  height: 245px;
  overflow: hidden;
  margin-bottom: 10px;
}

.tit_box {
  border: 1px solid #ccc;
  padding: 10px;
}

h2.tit {
  font-weight: 100;
  color: #000;
  font-size: 18px;
  line-height: 32px;
}

.tit_box p {
  line-height: 26px;
  color: #999;
}

ul.article_list.col-md-4 {
  border: 1px solid #ccc;
  padding: 0 20px;
  box-sizing: border-box;
  margin-right: 0;
}

.article_list li {
  background: none;
  padding: 0;
  line-height: 48px;
}


.col-md-4 {
  float: left;
  width: 31.97%;
  margin-right: 25px;
}
.col-md-4 img {
  width: 100%;
}

ul.video_list li {
  width: 31.97%;
  float: left;
  overflow: hidden;
  /* height: 300px; */
  margin-bottom: 15px;
  margin-right: 25px;
  position: relative;
}

ul.video_list li:nth-child(3n){
  margin-right:0;
}

a.videobtn_small {
  /* width: 100%; */
  /* display: block; */
  /* height: 245px; */
  /* overflow: hidden; */
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

ul.video_list li img {
  width: 100%;
  display: block;
  height: 245px;
  overflow: hidden;
  margin-bottom: 10px;
}

.play_time {
  display: none;
}
@media only screen and (max-width:768px){
 .main_top{width:100%;} 
 .main_top_left{display:none;}
 .main_top_center{width:58%;margin:0;}
 .main_top_right{width:38%;padding:0;}
 .main_top_center h2,.main_top_center p,.main_top_center .article_list{width:95%;margin:0 auto;}
 .title_head{width:96%;margin:0 auto;}
 .getvideo2,.getvideo_list2{margin:0 auto;}
 .main_top_right .getvideo2 img{max-width:100%;}
 .getvideo2 img{display: block;box-sizing:border-box;margin:0 auto;}
 .getvideo_list2 li{width:100%;}
 .top_show{width:100%;}
 .top_show li{width:28%;}
 .top_show li:nth-child(2) {
 margin: 0 13px;
 }
 .top_show li p{width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 .main_bottom{width:100%;}
 .main_bottom_left{width:32%;margin:0;padding:0;height:auto;}
 .main_bottom_center{width:32%;margin:0;padding:0;margin-left:1.5%;height:auto;}
 .main_bottom_right{width:32%;margin:0;padding:0;height:auto;}
 .getvideo_list2 li h2{width:40%;}
 .main_bl_top p{width:96%;text-indent:2em;}

 .main_bl_top h2{width:96%;margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 .main_bc_left img,.main_bl_top img,.main_bc_left h2{display:none;}
 .main_bottom_center .article_list,.main_bottom_right .article_list{width:96%;margin:0 auto;float:none;display:block;}
 .main_bottom_right img{max-width:96%;display: block;box-sizing:border-box;margin:10px auto;}
 .main_bottom_right .article_list li{width:96%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 .main_bottom_left .article_list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
  .col-md-4{
   margin-right: 0;width: 100%;margin-bottom: 15px;
 }
 ul.video_list li{
   margin-right: 0;width: 100%;
 }
}

@media only screen and (max-width:640px){
 .main{width:98%;margin:0 auto;}
 .main_top_center,.main_top_right,.main_bottom_center,.main_bottom_left,.main_bottom_right{padding-left:0;width:99%;clear:both;float:none;margin:0 auto;margin-top:10px;}
 .getvideo_list2 li{height:70px;}
 .top_show li{width:33%;margin:0;padding:5px;box-sizing:border-box;text-align: center;height:110px;}
 .top_show li a{width:100%;display: block;}
 .top_show li img{max-width:100%!important;margin:0 auto;float:none;}
 .top_show li p{display:none;}
 .main_bottom_center,.main_bottom_left,.main_bottom_right,.main_bottom_center{height:auto;padding-bottom:10px;}
 .main_bottom_center .article_list{height:auto;}
 .main_top_center h2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 .getvideo_list2{display: none;}
 .top_show li:nth-child(2){
 margin:0;
 }
}