@charset "utf-8";
body, td, div{font:12px/22px Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; font-weight: 100; color:#333; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form{margin: 0; padding:0;}

img{border:0px;}
a{color:#000; text-decoration:none; cursor:pointer; outline:none; blr:expression(this.onFocus=this.blur())}
a:hover{ color:#333; text-decoration:none;}
input,button,select,textarea{outline:none; font:12px/22px '微软雅黑','Arial','Tahoma';}

html{overflow-x:hidden; overflow:-moz-scrollbars-vertical; -webkit-text-size-adjust:none;}
body{background:none; min-width:1000px;}

.clear {clear:both; width:100%; *display:inline;}

.text-red{
  color: #c9151e
}

/* option */
.option{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	
#header{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  padding-top: 30px;
  padding-bottom: 55px;
}
#header .logo{
  width: 220px;
  height: 53px;
  padding: 5px 40px 0 0px;
  margin-left: 3%;
  height: 60px;
  border-right: 1px solid #fff;
  background-size:100% auto;
  background-repeat:no-repeat;
}
#header .menu {
  overflow: hidden;
}
#header .menu ul{
  list-style:none;
  display: block;
  margin-left: 55px;
}

#header .menu ul li{
  list-style-type:none;
}
#header .menu ul li a{
  display: block;
  position: relative;
  padding-left: 19px;
  font-family: Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  letter-spacing: 0.5px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 100;
  color: #fff;
  filter:alpha(opacity=50); 
  opacity:0.5;
  -webkit-transition: all 0.s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;}

#header .menu ul li a span{
  background: url(../img/menu-a-bg.png) repeat-y 18px top;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 11px;
  height: 2px;
  text-indent:50px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#header .menu ul li.current a span{
  background: url(../img/menu-a-bg.png) repeat-y 0px top;
}
#header .menu ul li a:hover span{
  background: url(../img/menu-a-bg.png) repeat-y -45px top;
}

#header .menu ul li a:hover{
  filter:alpha(opacity=100); 
  opacity:1;
}
#header .menu ul li.current a{
   filter:alpha(opacity=100); 
  opacity:1;
}


#header .languge {
  position: absolute;
  top: 30px;
  right: 50px;
  width: 62px;
}
#header .languge a{
  display: block;
  height: 100px;
  width: 62px;
}
#header .languge a span.en{
  display: block;
  text-indent: -999em;
  width: 62px;
  height: 62px;
  background: url(../img/languge.png) no-repeat 0 0;
  filter:alpha(opacity=100); 
  opacity:1;
  position: absolute;
  left: 0;
  top: 0;
}
#header .languge a:hover span.en{
  top: -50px;
  filter:alpha(opacity=0); 
  opacity:0;
}
#header .languge a span.cn{
  display: block;
  text-indent: -999em;
  width: 62px;
  height: 62px;
  background: url(../img/languge.png) no-repeat 0 -73px;
  filter:alpha(opacity=0); 
  opacity:0;
  position: absolute;
  left: 0;
  top: 50px;
}
#header .languge a:hover span.cn{
  top: 0px;
  filter:alpha(opacity=100); 
  opacity:1;
}



#footer .cop{
  background: #3d3d3d;
  padding: 50px 0 30px 0;
  overflow: hidden;
}
#footer .cop div.col-md-5{
  color: #ededed;
  line-height:58px;
}

#footer .cop .sj_link{
  text-align: center;
  overflow: hidden;
  padding-top: 20px;
}
#footer .cop .sj_link a{
  display: inline-block;
  margin:0 10px;
}
#footer .cop .sj_link a img{
  width: 32px;
  padding-bottom: 4px;
}
#footer .cop .sj_link .window_hide{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.75);
  z-index: 999;
}
#footer .cop .sj_link .window_hide .wx_con{
  width: 300px;
  background: #fff;
  position: fixed;
  overflow: hidden;
  left: 50%;
  top: 50%;
  margin:-150px 0 0 -150px; 
  border:1px solid #f1f1f1; 
}
#footer .cop .sj_link .window_hide .wx_con img{
  width: 260px;
  margin:20px;
}

#footer .link{
  background: #1d1d1d;
  padding: 15px;
  overflow: hidden;
}
#footer .link ul{
  display: block;
}
#footer .link ul li{
  border-left: 2px solid #d51720;
  display: inline-block;
}
#footer .link ul li:first-child{
  margin-left: 150px;
  border-left: 0;}
#footer .link ul li a{
  color: #ededed;
  font-weight: 100;
  line-height: 14px;
  height: 14px;
  display: block;
  padding: 0 15px;
}
#footer .link ul li a:hover{
  color: #fff;
}


	
/* pagelist */
ul.pagelist { display:block;}
ul.pagelist li{ line-height:30px; padding:0 5px; font-size:14px; display:block; overflow:hidden; float:left;}
ul.pagelist li a{ display:block; overflow:hidden; font-size:14px; color:#666;}
ul.pagelist li a:hover{ text-decoration:none; color:#d70000; }
ul.pagelist li.home, ul.pagelist li.home a{ width:20px; height:30px; text-indent:-999em; background:url(/images/pagelist-a-bg.png) no-repeat -5px 0; padding:0;}
ul.pagelist li.home a:hover{ background-position:-5px -30px;}
ul.pagelist li.home a{ text-indent:-9000px;}
ul.pagelist li.prev, ul.pagelist li.prev a{ width:20px; height:30px; text-indent:-999em; background:url(/images/pagelist-a-bg.png) no-repeat -35px 0; padding:0;}
ul.pagelist li.prev a:hover{ background-position:-35px -30px;}
ul.pagelist li.prev a{ text-indent:-9000px;}
ul.pagelist li.next, ul.pagelist li.next a{ width:20px; height:30px; background:url(/images/pagelist-a-bg.png) no-repeat -65px 0; padding:0;}
ul.pagelist li.next a{ text-indent:-9000px;}
ul.pagelist li.next a:hover{ background-position:-65px -30px;}
ul.pagelist li.end, ul.pagelist li.end a{ width:20px; height:30px; background:url(/images/pagelist-a-bg.png) no-repeat -95px 0; padding:0;}
ul.pagelist li.end a{ text-indent:-9000px;}
ul.pagelist li.end a:hover{ background-position:-95px -30px;}
ul.pagelist li.currentlist{ color:#d70000;}


/*浮动层*/
#facebox .window-bg{position:fixed; z-index:998; width:100%; height:100%; left:0; top:0; background:#000; opacity: 0.75; filter:alpha(opacity=75);}

#facebox .popup{position:fixed; z-index:999; width:1000px; height:100%; left:50%; margin-left:-500px; top:0; background:#fff;}
#facebox .facebox-bor { position:relative;}

#facebox .loading { text-align: center; padding-top:150px;}

#facebox .close {position:absolute; right:0; }
#facebox .close a {opacity: 1; filter:alpha(opacity=100);}
#facebox .close a:hover {opacity: 0.75; 	filter:alpha(opacity=75);}

.container{ text-align:center;}

.newslist{ display:block;  border-top:#CCC dashed 1px;}
.newslist li{ display:block; border-bottom:#CCC dashed 1px;}
.newslist li a{ display:block; position:relative; height:140px; padding:10px 0;}
.newslist li a img{ display:block; position:absolute; height:120px; width:180px; left:0px; top:10px;}
.newslist li a .t{ font-size:22px; margin-left:200px; font-weight:bold; margin-top:7px; margin-right:150px;}
.newslist li a .d{ font-size:18px; margin-left:200px; margin-top:12px; line-height:24px; margin-right:150px; height:72px; overflow:hidden;}
.newslist li a .time{ display:block; position:absolute; width:120px; right:0px; top:26px; border-left:#CCC solid 1px; padding:10px 0px;}
.newslist li a .time span{ display:block; font-size:20px; text-align:center; width:100%;}
.newslist li a .time font{ display:block; font-size:32px; text-align:center; width:100%; margin-top:15px; font-weight:bold;}

.videolist{ display:block;  border-top:#CCC dashed 1px; border-bottom:#CCC dashed 1px; overflow:hidden; padding:40px 0px;}
.videolist li{ display:block; width:23%; float:left; margin-right:2%; height:260px; margin-bottom:30px;}
.videolist li a{ display:block; width:100%; height:100%;  border-radius:10px; position:relative; margin-left:10px; -webkit-box-shadow:0 0 5px 5px #CC;   -moz-box-shadow:0 0 5px 5px #CCC;   box-shadow:0 0 5px 5px #CCC;  }
.videolist li a img{ display:block; width:100%; height:100%;}
.videolist li a .t{ display:block; width:100%; height:36px; line-height:36px; padding-left:10px; padding-right:10px; background:url(/images/bg_h_tm50.png); position:absolute; left:0px; bottom:0px; color:#FFF;}
.videolist li a .d{ position:absolute; top:10px; right:10px; font-size:18px; font-weight:bold;background:url(/images/bg_tm50.png); padding:0 5px; line-height:24px; border-radius:10px;}
.videolist li a .bf{ display:block; width:80px; height:80px; background:url(/images/video.png) no-repeat; background-size:100% auto; position:absolute; left:50%; margin-left:-40px; top:80px;}
.videolist li a:hover .bf{ background-position:0 -80px;}
.videolist li a:hover{-webkit-box-shadow:0 0 10px 5px #888;   -moz-box-shadow:0 0 10px 5px #888;   box-shadow:0 0 10px 5px #888;  }

.project-info { padding-right:80px;}
.project-info h1{ border-bottom:#CCC dashed 1px; margin-bottom:15px; height:auto !important; line-height:42px; padding-bottom:15px; text-align: justify;}
.project-info .other{ margin-bottom:30px; font-size:14px; color:#666; text-align:left; text-transform: uppercase; }
.project-info .content{ font-size:16px;text-align: justify;}

.con_movie { overflow:hidden; padding-bottom:30px; overflow:hidden; position:relative;}
.con_movie .l{ background:#000; margin-left:3%; width:auto; margin-right:460px;}
.con_movie .r{ width:420px; height:430px; position:absolute; right:0px; top:0px;}
.con_movie .r .tiao{ display:block; height: 100px; margin-bottom:10px; float:right; background:#FFF; width:400px; position:relative; border-radius:5px;}
.con_movie .r .tiao#on{ width:100%; padding-left:20px; background:#666 url(../images/ico_l.png) no-repeat; background-position:5px 35px; color:#FFF;}
.con_movie .r .tiao#on *{color:#FFF;}
.con_movie .r .tiao:last-child{ margin-bottom:0px;}
.con_movie .r .tiao img{ width:144px; height:80px; position:absolute; right:245px; top:10px;}
.con_movie .r .tiao span{ width:222px; height:52px; position:absolute; right:10px; top:10px; font-size:16px; color:#5F5E5E;}
.con_movie .r .tiao font{ width:222px; height:26px; position:absolute; right:10px; bottom:10px; color:#ACACAC;}
.con_movie .r .tiao:hover{ background:#888;}

.pagebox{ text-align: center; margin:20px; font-size:14px; width:100%;}
.pagebox *{ display:inline !important;}
.pagebox a{ padding:5px 15px; border:#CCC solid 1px; margin-left:10px;}
.pagebox a.on{ background:#999; border:#999 solid 1px; color:#FFF;}
.pagebox #pager_go{ margin-left:20px; width:30px !important; text-align:center; margin-right:5px;}