﻿@charset "utf-8";/* CSS Document */
body{font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;font-size:12px;line-height:1.8em;position:relative;color:#ccc;height:100%;min-width:980px;min-height:500px;overflow-y:hidden; _position:relative}
html{height:100%;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
ul{list-style:none;}
a{text-decoration:none}
a:focus {outline:none; -moz-outline:none}
a:hover{color:#fff}
.clear{clear:both}
#logo{width:24%; height:auto;position:absolute;z-index:15;margin-top:22px; }
#logo img{ width:100%}
#year20{position:absolute;bottom:165px;right:0px;z-index:10;display:none}
#bg{position:fixed; _position:absolute;z-index:1;overflow:hidden;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
#bg img { _width:100%; _height:100%}

/*左侧菜单*/
#left_menu{position:absolute;z-index:100;top:160px;left:-1000px;width:50%;}
#left_menu li{ _height:30px; _line-height:30px}
#left_menu a{color:#999;font-size:13px;display:block;border-bottom:1px solid #999;margin-top:15px}
#left_menu li.current a{color:#fff;border-bottom:1px solid #fff;}

#left_menu a.menuhover{ color:#fff;  }
#left_bg{font-size:13px;width:24%;height:100%;position:absolute;z-index:10;left:-1000px;top:0px;background:rgba(0,0,0,0.5) !important;background:#000;filter:alpha(opacity=50);}

/**主内容**/
#left{width:24%;height:100%;position:absolute;z-index:2;top:0px;background:rgba(0,0,0,0.01) !important;background:#000;filter:alpha(opacity=1);}
#right{position:absolute;z-index:2;width:76%;height:100%;left:24%;}
/*#team #bg{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}*/
#team_bt{width:180px;height:50px;line-height:45px;background:#6e782c;font-size:16px;text-align:center;position:absolute;left:0px;top:100px;z-index:3; display:none}
#team_bt a{border-bottom:1px solid #ccc;color:#ccc;}
#team_bt a:hover{color:#fff}
#team_list,#team_list ul{height:100%;position:relative}
#team_content{width:80%;height:100%;margin:8%10%;}
#team_list,#team_info{*width:74%;*height:69%;*margin:10% 13%;}
#team_list li{position:relative;width:13%;max-height:17%;float:left;overflow:hidden;margin:0.5%;}
#team_list li img{width:100%;height:auto}
#team_list li p{position:absolute;z-index:3;left:-9999px;top:45%;color:#fff;font-size:16px;width:100%;text-align:center;}
#team_list li a:hover p{left:0px;}
#team_list li:hover{background:#333}
#team_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
#team_info{ position:relative;*position: absolute; *right:0px;*top:0px;}
#team_info img{float:left;margin-right:20px; width:20%; height:auto}
a#info_close,a.info_close{position:absolute;right:0px;top:-30px;display:block;background:url(../images/close.png);width:22px;height:21px;}
 #scroll_content2{ height:75%;}
  #scroll_content2 p { float:right; width:75%; }
  #content_word { width:85%; }
    #content_word img{ width:100%; }

/**荣誉**/
#honor_list{font-size:15px;}
#honor_list li{line-height:35px;height:35px}
/**项目 **/
#projects #bg{display:none}
#projects .content1{width:100%;height:100%;margin:auto}
#projects_list{width:100%;position:relative;height:100%; overflow:hidden; }
#projects_list ul{width:102%;height:100%;margin-top:4px;overflow: auto;scrollbar-arrow-color:  #444444; /*三角箭头的颜色*/
scrollbar-face-color:  #444444; /*立体滚动条的颜色（包括箭头部分的背景色）*/
scrollbar-3dlight-color:  #444444; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color:  #444444; /*滚动条的高亮颜色（左阴影？）*/
scrollbar-shadow-color:  #444444; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color:  #444444; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: #444444; /*立体滚动条背景颜色*/
scrollbar-base-color:#444444; /*滚动条的基色*/}
#projects_list li{position:relative;z-index:2;width:32.5%;*width:32%;height:auto; float:left;overflow:hidden;margin:0.3%; }
#projects_list li:hover { background:#000}
#projects_list li.divpaegs{ display:none}
#projects_list li p{position:absolute;z-index:10;left:-9999px;top:45%;color:#fff;font-size:16px;width:100%; height:auto;text-align:center;}
#projects_list li a:hover p{left:0px;top:45%;}
#projects_list li a:hover img{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3; }
#projects_list li img{max-width:100%;height:auto;_width:100%;_height:auto;display:block}


#projects_info #bg{display:none}
#projects_info #left_menu{width:64%; font-size:12px;top:125px;  }
#projects_info #left_bg{background:rgba(0,0,0,0.7) !important;filter:alpha(opacity=70);}

#projects_info h2,h1{font-size:16px;font-weight:normal;}
#projects_info .pinfo1{margin:10px 0}

#projects_info #info_close{top:20px;right:20px; z-index:100}
#projects  .divpaegs{ height:30px  ; position:static; height:32px; width:98%; clear:both; text-align:right ; }
#projects  .divpaegs a{ display:none}
#divpages_space{ height:100px; background:#603}

div.mousedown,div.mouseup{ height:20%; width:100% ;position: absolute; z-index:10; left:0px; display:none  }
div.mousedown{top:0px;}
div.mouseup{ bottom:0px; }
/**新闻**/
#news #left_menu{height:58%;}
#news #left_menu ul{height:100%}
#news #left_menu li{margin-bottom:15%;}
#news #left_menu a{text-decoration:none;border:none;color:#ccc; line-height:1.4em}
#news #left_menu a:hover{color:#fff}
#news #scroll_content{width:100%;height:100%;margin:0px;position:relative;}
#news { position:relative}
#news .divpaegs{bottom:20%;left:30%; display:none}
#news #left_menu .divpaegs a{display:inline-block;}
.newspic img,.newspic2 img{width:auto;height:100%; max-width:100%;_width:100%;_height:100%;}
.newspic{overflow:hidden;float:left;width:70%;height:100%; }
 .newspic#newspic2{z-index:0;width:70%; margin-left:0px;}
#news_info{width:70%;margin:0 15%;}
#news #right{overflow:visible;position:absolute;z-index:0;right:0px;top:0px;}
#news_content{position:absolute;right:0px; width:30%;height:62%;margin-top:170px; }
#news_content *{line-height:1.8em;}
#news_content h1{font-size:18px;margin-bottom:15px;}
.time{position:absolute;right:4.8%;bottom:20%}
.update{text-align:center; width:100px; position:absolute; left:50%; top:50%}

/**contact**/
#contact #left_menu{width:75%; line-height:1.8em;}
#contact #left_menu a{display:inline-block;line-height:1.8em; text-decoration:none; color:#ccc; border:none; margin:0px; padding:0px;}
#contact #map{position:absolute;z-index:10;left:3%;top:400px;}
#contact #map img{width:90%;max-width:254px;height:auto;margin:0 auto}
#contact #right   { overflow:hidden}
#contact #right    img{ width:100%; height:100%}
/**分页**/
.divpaegs{width:120px;text-align:right;clear:both;position:absolute;right:1.5%;bottom:7%; z-index:105}
.divpaegs a{display:inline-block;width:27px;height:17px;background:url(../images/projects_penext.png) 0 -17px no-repeat;z-index:105}
.divpaegs a.next,.divpaegs a.next_hide{background-position:0 0;}
.divpaegs a.pre_hide,.divpaegs a.next_hide{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;cursor:default;}
/**底部栏**/
#controls-wrapper{min-width:980px;color:#999;line-height:32px;margin:0 auto;height:32px;width:100%;bottom:0px;left:0px;z-index:10;background:#000;position: absolute;}
*html #controls-wrapper /* IE6 底部固定 */
{position:absolute;bottom:0px; overflow:hidden;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#footer_right{position:absolute;right:2%;width:25%;text-align:right;bottom:0px;z-index:10}
#footer_right a{font-size:12px;color:#ccc;margin-right:1%;}
/*menu*/
nav{width:100%;}

ul.menu li{float:left;width:12%;margin-left:0%;text-align:right;margin-right:1px;  _white-space: nowrap}
ul.menu a{color:#ccc;font-size:120%;display:inline-block;_display:block;margin-right:35%; }
ul.menu>li li a{ margin-right:0px; width:61%;padding-left:39%}
ul.menu>li li a:hover{ background:#666}
ul.menu li.current li a{color:#ccc}
ul.menu a:hover,ul.menu li.current a,ul.menu a:hover,#footer_right a:hover,ul.menu li.current li a:hover{color:#fff;}

ul.menu>li{white-space:nowrap;position:relative;}
ul.menu li ul{width:100%;position:absolute;left:-9990px; bottom:32px; padding:8% 0;background:url(../img/bg-black.png); }
ul.menu>li.current ul{ left:0px;}
ul.menu>li li{padding:0px;line-height:2em;float:none; width:100%; margin-left:0%;text-align:left; }
/**滚动条**/
/* Tiny Scrollbar */
#scroll_content{width:75%; max-width:1000px; height:65%;margin:170px 0; margin-left:13%; position:relative;line-height:2em;font-size:20px;  text-align:justify;letter-spacing:1px;    }
#projects_info #scroll_content{ width:65%; line-height:1.5em;  margin-top:120px; position: absolute;z-index:100;top:0px;left:5%;width:60%; font-size:13px;}
 .viewport{height:100%;overflow:hidden;position:relative;}
 .overview{list-style:none;position:absolute;left:0;top:0;padding:0;margin:0;text-align:justify; text-justify:inter-ideograph; width:100%;
            }
 .overview p{text-align:justify; text-justify:inter-ideograph; width:100%;}
 .scrollbar{ display:none; background:transparent url(../images/bg-scrollbar-track-y.png) repeat-y 0 0;position:absolute;background-position:0 0;width:15px;right:-5%;}
 .thumb{background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;height:20px;width:25px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:-5px;}
 .disable{display:none;}
.noSelect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;}
#scroll_teaminfo{width:74%;height:70%;margin:10% 13%;}
@media screen and (max-width:1900px){
	ul.menu>li li a{  width:70%;padding-left:30%}

#projects_info h2,#scroll_content{font-size:18px;}
#news #left_menu a,#news_content,#left_bg,#left_menu a,#projects_info p,ul.menu a,#projects_info #scroll_content{font-size:14px;}
#news_content h1{font-size:16px;}
.time{right:5%;}
}
@media screen and (max-width:1600px){
	ul.menu>li li a{  width:65%;padding-left:35%}
 #content_word { width:85%; }
}
@media screen and (max-width:1440px){
	ul.menu>li li a{  width:70%;padding-left:30%}

}
@media screen and (max-width:1390px){
ul.menu>li li a{  width:67%;padding-left:33%}
#scroll_content{font-size:16px;}
#news_content h1,#projects_info h2{font-size:14px;}
#news #left_menu a,#news_content,#projects_info p,ul.menu a,#left_bg,#left_menu a,#projects_info #scroll_content{font-size:12px;}


}
@media screen and (max-width:1200px){
ul.menu>li li a{  width:70%;padding-left:30%}
#scroll_content{ font-size:14px}
#projects_info h2,#scroll_content,#news_content h1,#projects_info p{font-size:12px;}
#news #left_menu a, #news_content,ul.menu a,#left_menu,#projects_info #left_bg,#left_menu a,#projects_info #scroll_content{font-size:10px}
}

@media screen and (max-width:980px){
	#scroll_content{ left:10%;  }

	#news_content,#scroll_content{ margin-top:130px;}
	#left_menu{top:120px;}

ul.menu>li ul{ display:none }

#scroll_content{ font-size:14px}
#projects_info h2,#news_content h1,#projects_info p{font-size:14px;}
#news #left_menu a,#news_content,ul.menu a,#left_menu,#projects_info #left_bg,#left_menu a {font-size:14px}
#contact #map img{ max-width:80%}
#contact  #left_menu,#contact #left_menu a { font-size:12px}
}

#jobs #scroll_content{ width:90%; max-width: none}