@charset "utf-8";
/*视频弹框*/
.banner-video { display:none; position:fixed; left:0; top:0; z-index:10001 }
.banner-video .video { width:1000px; position:absolute; left:50%; margin-left: -512px; top:100px;}
.banner-video .close { display:block; width:40px; height:40px; text-align:center; line-height:40px; background-color:#1d1c1a; position:absolute; right:-40px; top:0; font-family:Tahoma; font-size:30px; color:#aaa; text-decoration:none; cursor:pointer }
.banner-video .close:hover { color:#fff}
.fullmask {display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:.8; filter:alpha(opacity=80); z-index:10000 }
@media screen and (max-height: 768px) { 
  .banner-video .video {
   top:1%;
  }
}

.head_wrap {background:0 0;background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.0)); /* 标准的语法（必须放在最后） */ }
.head_wrap.green,.head_wrap_shrink {background-color:#114133; opacity:.9; filter:alpha(opacity=90) }

.wrap_index .head_con{ width:1220px;}
.wrap_index .head_con .logo { left:0px;}
.wrap_index .menu_list{ right:-30px;}
/*.head_bgcolor {width:100%; height:100%; position:absolute; left:0; top:0}*/

.banner_wrap { position: relative; overflow:hidden; background:#ffffff }
.slide-video { background:#000 url(../images/banner-bg.jpg) no-repeat; height:685px }
.slide-video .mask {width:100%; height:685px; position:absolute; left:0; top:0;/* background:#000; opacity:.2; filter:alpha(opacity=20);*/ }
.slide-video video, .slide-video embed { width:1920px; position:absolute; left:50%; top:-240px; margin-left:-960px }
.slide-video embed{ height: 1080px;}
.slide-video .bg {width:100%; height:685px; position:absolute; left:0; top:0; }

.index_con { width:1220px; margin:0 auto; padding-bottom:40px; }
.index_con .row { padding-top: 40px;}
.index_con .module{width:380px;}
.index_con .module.fr{ margin: 0 40px;}

.article_title a, .news_list .txt { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.article_title a:hover, .news_list li a:hover { color:#2a9676 }

.i_title{width: 80%;padding-bottom: 8px;font-size: 20px;font-weight: 400;color: #333; }
.i_more{float: right; display: inline; line-height: 34px;}
.i_more a{ color: #2a9676; font-size: 14px;}

.intro p{ font-size: 14px; line-height: 28px; color:#555}

.article_title{padding-bottom: 8px; font-size: 18px; font-weight: 400;}
.article_title a{color: #333; -webkit-transition: color .3s linear; transition: color .3s linear; float: left; width: 300px; height: 35px; }
.article_title .date{float: right; margin-top: 7px; font-size: 12px; color: #999;}

.news_list li { height:29px;line-height:29px }
.news_list li .txt { float:left; display:block; width:280px; font-size:14px; color:#555 }
.article_title a,.news_list li a { -webkit-transition:color .3s linear; transition:color .3s linear  }
.news_list li span { float:right; font-size:12px; color:#999}

.index_con .con{ position: relative;}
.mission{ z-index:100; position: absolute; left: 0; bottom: 16px; width: 380px; color: #ffffff; font-size:20px; text-align: center;}
#bg_video{ position: relative; cursor: pointer;}
#icon_play {z-index:100; position: absolute; top: 50%; left: 50%; margin-left: -39px; margin-top: -15px; width: 78px; height: 78px;  background: url(../images/ico_play.png) no-repeat;  cursor: pointer;  -webkit-transition: all .3s ease;  transition: all .3s ease;  z-index: 5; }

.wrap_index .footer_con{ width:1220px;}
.wrap_index .footer_more{ padding-left:0px;}
.wrap_index .QR_code{ padding-right: 0px;}

@media (max-width: 1000px) 
{
    .wrap_index .head_con{ width:1000px;}
    .wrap_index .menu_list{ right:10px;}
    .index_con { width:1000px; margin:0 5% 0 5%; padding-bottom:40px; }
    .index_con .row { padding-top: 40px;}
    .index_con .module{width:280px; max-height:200px; overflow:hidden; white-space:normal}
    .index_con .module.fr{ margin: 0 20px 0 20px;}
    .intro p{ font-size: 14px; line-height: 28px; color:#555 ;max-height:140px; overflow:hidden; white-space:normal}
    .wrap_index .footer_con{ width:900px;}
}

/* 悬浮框的样式 */
.overlay {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
 
/* 显示时的样式 */
.overlay.active {
  visibility: visible;
  opacity: 1;
}
 
/* 弹出框内容的样式 */
.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 0px;
}
 
/* 关闭按钮的样式 */
#close-popup {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 0;
  color: #f00;
  font-size: 2rem;
}