@charset "utf-8";

a{font-family: Verdana,"微软雅黑",Arial,"宋体", Helvetica, sans-serif;font-size:13px;text-decoration: none;}
a:link {color:#2c2c2c; }
a:visited {color:#2c2c2c; }
a:hover   {color:#a63a2d;}
a:active {color:#2c2c2c; }

a.a1:link{ color:#abd7ec}
a.a1:visited{ color:#abd7ec}
a.a1:hover{ color:#fcd413}
a.a1:active{ color:#abd7ec}



a,area { blr:expression(this.onFocus=this.blur()) } 
:focus { outline: none; }

body { margin:0; text-align:center; font:13px Verdana,"微软雅黑",Arial,"宋体",Geneva, sans-serif; color:#2c2c2c;background: url(../Images/body_bg.jpg) center top no-repeat #e2e2e2; line-height:26px}
div,ul{ margin:0; padding:0;list-style:none;}

td,input,select,textarea{ font-family:Verdana,"微软雅黑",Arial,"宋体", Helvetica, sans-serif; font-size: 13px;}
img{ border:0;}
form{ margin:0}
input,select{color:#424242;padding-left:3px; vertical-align:middle; height:20px;}
hr{background: url(../images/dott.gif) left top repeat-x; border:none; height:1px;}

#head_box{ width:100%; height:82px; text-align:center; margin:0 auto; position:fixed; background:url(../images/body_bg.jpg) center top no-repeat #e2e2e2; z-index:111;}
#head_box{
			_position: absolute;
			_top:expression(eval(document.documentElement.scrollTop));_left: 0px;_right: 0px;
}

* html{background-image:url(about:blank);background-attachment:fixed}
* html body{ background:url(../images/body_bg.jpg) center top no-repeat #e2e2e2;background-attachment:fixed}

#head{ width:960px; margin:0 auto; text-align:left; height:82px;}
#logo{display: table-cell;vertical-align:middle; height:82px; *display: block; *font-size: 68px;}
#logo a{ vertical-align:middle}

#head_Shadow{ width:100%; position:fixed; left:0;top:82px; height:8px; background:url(../images/head_Shadow.png) left top repeat-x; z-index:99}
#head_Shadow{_position: absolute; _top:expression(eval(document.documentElement.scrollTop+82));_left: 0px;_right: 0px;	}

#SubMenu_bg{ width:100%; position: fixed; left:0; top:82px; height:30px; display:none; background:url(../images/Trans88_White.png);z-index:98}
#SubMenu_bg{
  _position: absolute;_top:expression(eval(document.documentElement.scrollTop+82));_left:0px;_right: 0px;}
#menu{ width:710px; float:right; z-index:100}
#menu ul{ width:100%; clear:both}
#top_tel{ font-size:14px; color:#848484; text-align:right; margin:0; padding:0; height:42px; line-height:42px}
#top_tel span{ font-size:18px; color:#000;}
#nav { position:relative; width:710px; z-index:100;}
#nav .mainlevel { position:relative; float:left; height:40px; *width:40px}
#nav .mainlevel a{ font-size:14px; height:40px; line-height:30px; display:block; color:#848484; text-align:center; z-index:100;}
#nav .mainlevel a:visited{ color:#848484;}
#nav .hover{ }
#nav .mainlevel.hover a:visited,#nav .mainlevel.hover a{color:#000;background:url(../images/Triangle.gif) center 30px no-repeat; font-weight:bold;}
#nav .mainlevel.Currpage{color:#000;background:url(../images/Menu_bg.jpg) left top repeat-x; font-weight:bold;}
#nav .mainlevel.Currpage a,#nav .mainlevel.Currpage a:visited{color:#000;background:url(../images/Triangle.gif) center 30px no-repeat}


#nav .mainlevel.Currpage li a,#nav .mainlevel.Currpage li a:visited{font-weight: normal;}
#nav .mainlevel.hover li a:visited,#nav .mainlevel.hover li a{ background:none}
#nav .mainlevel ul{ position:absolute; display:none; left:0; top:40px; height:30px; line-height:30px; text-align:left; z-index:100;white-space:nowrap; width:auto;}
#nav .mainlevel ul li{ float:none;}
#nav .mainlevel ul li a,#nav .mainlevel ul li a:visited,#nav .mainlevel.hover li a,#nav .mainlevel.hover li a:visited{ display: inline-block;  font-weight:normal; font-size:13px; line-height:30px; padding:0 8px; color:#383838}
#nav .mainlevel ul li a:hover,#nav .mainlevel.hover li a:hover{ color:#000; text-decoration:underline}


#foot{ width:960px; line-height:20px; text-align:center; margin:38px auto 0 auto; clear:both; color:#848484; border-top:#c8c8c8 1px solid;line-height:20px;}
#foot a{ color:#848484;}
#foot a:hover{color:#a63a2d;}
#fot{ width:960px; margin:0 auto; text-align:left; padding:5px 0; border-top:#fff 1px solid}


#banner{text-align:center; z-index:1; width:100%; height:300px; margin:0 auto;overflow:hidden; min-width:1000px; background:url(../images/loading.gif) center 220px no-repeat #000; border-bottom:#000 4px solid; padding-top:82px}
.js {POSITION: relative; width:1160px; height:300px; overflow:hidden; margin:0 auto; clear:both; left:50%; margin-left:-580px; text-align:center}
.jsNav {POSITION:absolute; bottom:10px; height:15px; left:100px;}
.jsNav a{ height:11px; width:11px; background:url(../images/jsNav.png) left center no-repeat; display: inline-block; margin:0 4px 0 0; _background:url(../images/jsNav.gif) left center no-repeat;}
a.imgSelected { background:url(../images/jsNav.png) right center no-repeat; _background:url(../images/jsNav.gif) right center no-repeat}

#box{ width:1000px; margin:0 auto; text-align:left;}
#sub{ margin:0 20px; position:relative; clear:both; height:auto!important; height:200px; min-height:200px;}
#subl{ width:630px; float:left; margin-left:20px; display:inline;}
#subr{ width:300px; float:right; margin-right:20px; display:inline; padding:10px 0 20px 0; background:#dcdcdc; border-bottom:#fff 1px solid}
.subr_cont{ margin:0 20px;}

.Tit{ text-align:center; border:none; border-top:#c7c7c7 1px solid; margin:38px 20px 20px 20px; padding:0; clear:both;}
.Tit legend{ padding:0 10px; text-align:center; display: inline-table;}
.Tit_font{ margin:0 20px 28px 0; font-size:20px; font-weight:bold; letter-spacing:1px; color:#000;}
.List_Tit{ margin:0 20px 15px 20px; line-height:40px; font-size:18px; font-weight:bold; color:#000; letter-spacing:1px; border-bottom:#000 4px solid}
.Expl_text{ font-size:12px; color:#848484; line-height:20px}


a.proimg{ position:relative;width:180px; height:240px; overflow:hidden; text-align:center; display:block; background:#000; margin:0 auto;}
.pro_box { width:960px; margin:0 20px; background:#FFFFFF;}
a.prev {width:58px;height:58px;position: absolute;top:600px;left:-20px; z-index:100; background: url(../images/icon_arrow.png) left top no-repeat;}
a.prev:hover {background: url(../images/icon_arrow.png) left bottom no-repeat;}
a.next {width:58px;height:58px;line-height: 17px; right:-20px; z-index:100; position: absolute;top:600px;background: url(../images/icon_arrow.png) right top no-repeat;}
a.next:hover {background: url(../images/icon_arrow.png) right bottom no-repeat;}
.bx_container{ height:300px; overflow:hidden; position:relative}
.pro{ margin:0; position:absolute;}
.pro li{height:300px; width:192px; line-height:40px; text-align:center; padding-top:6px;float:left;}
.pro li:hover{ background:#000}
.pro li:hover{ color:#fff}


#indexAbout{ position:relative; font-size:12px; width:490px; float:left;}
.indexAbout_cont{ position:relative; height:216px; line-height:24px; overflow:hidden; padding:48px 0 0 78px; background:url(../images/ABOUTUS.gif) 32px 80px no-repeat; z-index:100}
.indexAbout_cont p{ margin:0; padding:0;}


#index_news{ width:470px; height:230px; margin:34px 20px 0 0; display:inline; background:url(../images/News_bg.jpg) left top no-repeat; float:right}
#index_news ul{ padding:5px 0 0 166px; }
#index_news ul li{ background:url(../images/dott.gif) left bottom repeat-x; height:56px; overflow:hidden; clear: both; }
#index_news ul li a{ display:inline-block; line-height:18px; border-left:#c8c8c8 1px solid; width:256px; float:right; padding-left:5px; height:36px; overflow:hidden;vertical-align:top; margin-top:7px}
.NewsTime{ display:block; font-size:11px; color:#6d0e08; line-height:14px; background:url(../images/NewsTime_bg.png) center top no-repeat; width:35px; height:42px; text-align:center; float:left; vertical-align:top;margin-top:7px}
.NewsTime font{ font-size:14px; color:#f1cac3; line-height:20px; font-weight:bold;}


#index_team{ background:#fff; margin:0 20px; }
#index_team ul li{ float:left; width:240px; padding:10px 0}
#index_team ul li.Team_hover{ background:#ebebeb}
.teamimg{width:220px; height:293px; overflow:hidden; text-align:center; display:block; background:#000; margin:0 auto}

.index_team_title{ display:block; font-size:14px; font-weight:bold; color:#1c1c1c; line-height:40px; border-bottom:#000 3px solid; text-align:left; margin:0 10px}
.index_team_info{ display:block; font-size:12px; color:#848484; line-height:20px; height:60px; overflow:hidden; margin:8px 10px 15px 10px}


.team li{ clear:both; background:url(../images/dott.gif) left bottom repeat-x; padding-bottom:20px; margin-bottom:20px}
.team_left{ float:left; width:240px; height:313px; background:#000000; text-align:center; margin-right:40px; display:inline}
.team_left img{ margin-top:10px;}
.team_right{ float:right; width:680px;}
.team_title{ display:inline-block; font-size:16px; font-weight:bold; color:#1c1c1c; line-height:40px; border-bottom:#000 3px solid; text-align:left; padding-right:66px; margin-bottom:15px}



.NewsList { clear:both;background:url(../images/dott.gif) top repeat-x; height:auto!important; height:100px; min-height:100px;}
.NewsList li{line-height:38px; background:url(../images/dott.gif) bottom repeat-x;}
.NewsList a{ line-height:38px; height:38px; display:block; *display:inline-block}
.FTit{ text-align:center; line-height:38px; }
.FTit span{border-top:#000 1px solid; display:inline-block; margin-bottom:15px; color:#585858}


.sociales {text-align: center;margin-bottom: 20px;}
#timeline {width: 960px;overflow: hidden;margin: 0 auto;position: relative;background: url('../images/dot.gif') left 45px repeat-x; *font-family:"宋体",Verdana, Geneva, sans-serif }
#dates {width: 960px;height: 60px;overflow: hidden;}
#dates li {float:left; height:50px; text-align: center; background: url('../images/biggerdot.png') center bottom no-repeat; width:120px; line-height:16px}
#dates a {line-height:16px; padding:0 8px 10px 8px; color:#585858;font-size:14px;}
#dates .selected { font-size:15px; color:#a63a2d;}
#issues {width: 960px; }
#issues li {width: 960px; float: left; overflow: hidden;}
#issues li img {float: left;margin: 10px 30px 10px 10px; max-width: 100% !important; height:auto !important;}
#issues li p  img,#issues li div img { margin: 0 !important; max-width: 100% !important; height:auto !important;}
#issues li h1 {color:#000;font-size:16px;margin: 20px 0;}
#next,#prev {position: absolute;font-size: 70px;top: 220px; width:22px; height:38px;text-indent: -9999px;overflow: hidden;}
#next:hover,#prev:hover {background-position: 0 -76px;}
#next {right: -25px; background:url(../images/next.png) left top no-repeat;}
#prev {left:-25px; background:url(../images/prev.png) left top no-repeat;}
#next.disabled,#prev.disabled {opacity: 0.2;}


.AlbumShow{ clear:both; margin-right:-20px; display:inline-block; }
.AlbumShow li{ position:relative; float:left; margin:0 2px 2px 0; width:190px; height:270px; overflow:hidden; white-space:nowrap; display:inline; text-align:center; line-height:20px; background:#000; color:#848484; padding-top:5px; overflow:hidden;white-space:nowrap;}
.AlbumShow li a{ margin-bottom:5px}
.AlbumShow img{ vertical-align:middle;}
.AlbumShow span{ display:none; position:absolute; left:0; top:0; width:180px; height:240px; background:url(../images/Zoom.png) center no-repeat;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}



.FAQ{ clear:both;}
.FAQ_Tit{ line-height:20px; padding:8px 10px; color:#FFF; font-weight:bold; cursor:hand;cursor: pointer; display:block; background: url(../images/Arrow.gif) right top no-repeat #1c1c1c; border-bottom:#FFF 1px solid; _height:20px}
.FAQ_Tit.Messactive{background-color:#d5d5d5; background-position:right -36px; color:#000; border-bottom:none;}
.FAQ_Tit.Messhover{ background-color:#303030; color:#FFF;}
.FAQ_cont{ padding:10px; line-height:24px; display:none; background: url(../images/bg-content.png) right top repeat-y #fdfdfd; }


.contact{  line-height:32px; height:auto!important; height:200px; min-height:200px; clear:both;}


#posi{ color:#999999; font-size:12px; margin:0 20px; height:40px; line-height:40px; border-bottom:#c8c8c8 1px solid; text-align:right; margin-bottom:28px}
#posi a{color:#999999; font-size:12px;}
#posi a:hover{color:#000}


.blank{ clear:both; height:0; line-height:0; font-size:0; margin:0; padding:0}
.topblank{ height:112px; }
a.buttom{ height:24px; display:inline-block; background:#000; margin-left:5px; padding:0 20px; color:#fff}
a.buttom:hover{ background:#262626; color:#fff}
.Time{ float:right; font-size:11px; color:#848484}
.align_center{ text-align:center}

.Global_table td{ padding:10px 0; color:#000; text-align:left}
.Global_table td img{ vertical-align:middle}


#NewsNav{line-height:28px; clear:both; padding-top:8px; color:#000; background:url(../images/dott.gif) left top repeat-x; margin:20px 0}


#pageshow{margin:20px; clear:both; height:26px; line-height:26px; text-align:center;}
#pageshow a{width:26px; height:26px; text-align:center; margin:0; display:inline-block; }
#pageshow a:hover{}
#pageshow span{ margin:0 1px; color:#9b9b9b; }
#pageshow .thisp{ color:#000; font-weight:bold;}
#pageshow .first{ display:inline-block; width:55px;}
#pageshow .first:hover{ }


#container{ margin-right:-10px}
.Album { width:232px; margin:0 10px 10px 0; overflow:hidden}
.Album img { max-width:232px;  width:auto!important; *width:232px;}


.Video{ width:312; height:255px; float:left; margin:0 4px 10px 4px; display:inline; text-align:center;}
.Video div{ width:310px; margin:5px auto 0px auto; text-align:center; clear:both;}