@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;font-size:12px;width:100%;background-color:#000; color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p{margin:0;padding:0;}
.clear{ clear:both;}
img{ border:0; vertical-align:top;}
ul,li,ol,ul {list-style:none;}
ul,li{list-style-type:none;padding:0;margin:0;}
  a{font-family: "Arial"; text-decoration:none;color:#fff;}
  a:hover{font-family:"Arial";text-decoration:none;color:#fff;}
  a {blr:expression(this.onFocus=this.blur())}

/*--end nav--*/
/*--main--*/
.topbg{ width:100%; height:100px; margin:0 auto;}
.top{ width:870px; height:100px; margin:0 auto; position:relative; border-bottom:2px solid #fff; margin-bottom:20px;}
.top .logo{ height:60px; position:absolute; left:0px; top:22px;}
.top .logo img{height:60px;}
.top .ice{position:absolute; right:0px; top:25px;}
.top .ice img{ margin-left:20px; height:30px;}
.top .nav{height:40px; position:absolute; top:57px; right:0px;}

.banner{ width:870px; height:600px; margin:0 auto; position:relative; border-bottom:2px solid #fff; padding-bottom:20px; overflow:hidden;}

/*main*/
.main{width:870px;margin:0 auto; min-height:1000px;line-height:22px; font-size:14px;position:relative; overflow:hidden;}
.main .nr{ line-height:22px; font-size:14px;}
.main .l_media{ width:535px; height:301px;float:left;overflow:hidden;}
.main h2{margin-bottom:20px;}
.main .r_media{ width:300px;float:right;}


.more {color:#F00;}
.more a{color:#ffffff;}

/*about*/
.ct{ width:870px; height:auto; margin:0 auto;min-height:600px;}
.ct .ct_l{ width:255px; float: right;color:#333;}
.ct_l .pjt{ width:200px; height:31px; padding:0px; margin:0 27px; float:right;}
.ct_l .pjt h2{ height:31px; line-height:31px; font-size:16px; font-weight:100; padding-left:15px;}
.ct_l .pnav{ width:200px; padding:0px; margin:12px 27px; padding-bottom:20px; float:left;}

.ct .ct_r{ width:726px; height:auto; float:left; padding-right:20px;}
.ct_r .title{ width:706px; height:31px; padding:0px 10px; float:left;}
.ct_r .title h2{ height:31px; line-height:31px; font-size:16px; font-weight:100; color:#fff;}
.ct_r .nr{ width:706px; height:auto; padding:10px; margin-top:12px;float:left;}
.ct_r .nr h2{ height:31px; line-height:31px; font-size:16px; font-weight:100;}
.ct_r .nr p{ line-height:20px;}
.ct_r .nr img{ padding:6px;}


.main .title h2 ,.ct .title h2{line-height: 18px;font-size:20px; font-weight:100; color:#fff;margin-top:0; margin-bottom:20px;}
.main .title h2 a {color:#fff;font-family: initial;}
.main .title h2 a:hover {color:#ff9c00;}
.main .title span ,.ct .title span{color:#fff;font-size:16px;}
.main embed { float:left; padding:10px; margin-right:20px;}
.nr .cont{ float:right; background-color:#fafafa; border:1px solid #dddddd;padding: 20px;margin: 50px 10px;}
.topnav{ margin:10px 0; padding-bottom:10px; border-bottom:3px solid #eee;height:30px; padding:5px 15px;}
.topnav li{float:left;}
.topnav li a{ display:inline-block;line-height:20px; padding:3px 5px; margin-right:10px;}
.topnav li a:hover ,.topnav li a.hov { background:#484848; color:#fff;}

.ct_r .pro{width:706px; height:auto; padding:10px; margin-top:12px;float:left; position:relative;}
.pro .prev{position:absolute;top:50%;left:0px;border-color:transparent #F9B233 transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
.pro .next{position:absolute;top:50%;right:0px;border-color:transparent transparent transparent #F9B233;border-style:dashed dashed dashed solid;border-width:10px;}
.pro ul{ float:left; margin-left:-10px;}
.pro li{ width:283px; height:175px;float:left; margin-bottom:10px; margin-left:10px;}
.pro img{width:283px; height:150px;padding:2px; border:1px solid #000;}
.pro li a{display:block; position:relative;}
.pro li a span{display:block; height:45px; line-height:45px;color:#fff; text-indent:0px;}
.prolist ul{ margin-left:2px;}
.prolist li a{display:block; position:relative; margin-bottom:10px;}
.prolist img{width:388px; height:218px;padding:2px; border:1px solid #000;}
.prolist a:hover span{color: #ff9c00;}
.prolist a:hover span em{color: #fff;}
.prolist a span{ line-height:30px; font-size:24px;padding-left:30px;color:#fff; width:440px; border-bottom:1px solid #fff;margin-top:190px; display:inline-block; position:relative;}
.prolist a span em{font-style: normal;position:absolute; right:-2px; bottom:-11px;line-height:100%; overflow:hidden;font-family:Tahoma,Helvetica;}
.prolist a:hover img, .pro a:hover img {border:1px solid #ddd;}

.ct_r .media {width:726px; height:auto; padding:0px; margin-top:12px;float:left;}
.media .news{ padding:0; margin-bottom:10px; background:#0c0c0c;}
.media .news h2{ font-size:16px; line-height:26px;}
.media .news div{line-height:22px;}
.picshow {MARGIN: 0px auto; WIDTH:870px;}

#picarea {MARGIN: 0px auto; WIDTH:870px;}
#bigpicarea {MARGIN: 0px auto; WIDTH:870px; position:relative;height:490px; margin-bottom:240px;}
#bigpicarea #bg img{ WIDTH:870px;}
.image {TEXT-ALIGN: center}
.image IMG {MARGIN: 0px auto;}
#bigpicarea .word {TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333}
#bigpicarea .word H3 {TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px}
#bigpicarea .ui-els-hide {DISPLAY: none}
#thumbs {LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH:870px; HEIGHT: 110px}
* HTML #thumbs {HEIGHT: 100%}
#thumbs LI {MARGIN: 0px 7px; WIDTH: 90px; DISPLAY: inline; FLOAT: left; HEIGHT: 60px}
#thumbs UL {MARGIN-TOP: 3px}
#thumbs LI.last_img {MARGIN-RIGHT: 4px}
#thumbs LI.first {MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer}
#thumbs LI.last {MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer}
#thumbs LI A {BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 90px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid}
#thumbs LI A:hover {BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid}
#thumbs LI A.current {BORDER-BOTTOM: #f8ae0f 2px solid; BORDER-LEFT: #f8ae0f 2px solid; BORDER-TOP: #f8ae0f 2px solid; BORDER-RIGHT: #f8ae0f 2px solid}
#thumbs LI.first IMG {}
#thumbs LI.last IMG {}
.bigbtnPrev {Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 30px}
.bigbtnNext {Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 30px}
#big_play_prev {BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')}
#big_play_next {BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')}
#smallpicarea {MARGIN: 0px auto; WIDTH:870px;PADDING-TOP: 20px}

.bannerImg {POSITION: relative;}
.bannerImg .bannerPage {POSITION: absolute; TOP:20px; right:20px}
.bannerImg .bannerPage A {MARGIN-RIGHT: 2px}
.bannerImg .bannerPage A IMG {VERTICAL-ALIGN: middle}
.slides_container {POSITION: relative; WIDTH: 535px; OVERFLOW: hidden}
.pagination LI {MARGIN: 0px 1px; FLOAT: left}
.pagination LI A {BACKGROUND-IMAGE: url(../images/pagination.png); WIDTH: 15px; DISPLAY: block; BACKGROUND-POSITION: 0px -1px; FLOAT: left; HEIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 12px}
.pagination LI.current A {BACKGROUND-POSITION: 0px -18px}

/* --foot --*/
.bottom{color:#FFF;margin-top:15px;}
.foot{width: 870px;margin:0 auto;}
.menu{background:#fab333; text-align:right; line-height:35px;color:#000;}
.office{ margin:20px 0;}
.office h2{ font-size:16px; height:30px;}
.office p img{ margin-right:25px;}
.office span{float:right;font-size:20px; margin-top:35px;}
#foot_ico{position:absolute;top:50px;left: 150px; margin:0; display:none; font-size:12px;background:#666; padding:5px 10px;z-index:50;}
#head_ico{position:absolute;top:50px;right:-80px; font-size:12px;display:none; background:#666; padding:5px 10px;z-index:50;}
#head_ico em,#foot_ico em{position:absolute; top:-20px;left:0px; border-color:transparent transparent #666 transparent;border-style:dashed dashed solid dashed;border-width:10px;}
#menu2 .main-nav{position:relative;margin-bottom:5px; height:35px; float:left;}
#menu2 .main-nav li{display:inline-block; position:relative; overflow:hidden; float:left; }
#menu2 .main-nav li a:hover{color:#ff9c00;}
#menu2 .main-nav li.hov a{color:#ff9c00;}
#menu2 .main-nav li a.org{ line-height:35px;}
#menu2 .main-nav li a{font-size:14px; font-family:Microsoft YaHei;color:#fff; padding-left:30px;}
#menu2 .main-nav li a.cover{position:absolute; top:-34px; left:0px; z-index:5; color:#000; background:url('../images/bg-hm-main-nav.jpg') top left repeat-x; padding:10px 13px 45px 13px; }
#menu2 .main-nav.reflection{*display:none;display:none;
   -webkit-transform: scaleY(-1);
      -moz-transform: scaleY(-1);
       -ms-transform: scaleY(-1);
        -o-transform: scaleY(-1);
           transform: scaleY(-1);
              filter: flipv;
   
   /*width: 100%;  Required for IE 5, 6, 7 */
   filter: alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;		
}
#minto{position: absolute;left:240px;top:40px;background:#666;line-height: 26px;padding:10px; z-index:200;}
#minto ul{position:relative;}
#minto em{position:absolute; top:-20px;left:0px; border-color:transparent transparent #666 transparent;border-style:dashed dashed solid dashed;border-width:10px;}
#minto a{ display:block;font-family: "Arial"; color:#fff;}
#minto a:hover{ color:#fff;font-family: "Arial";}
#slides2{margin-bottom: 20px;}
#slidesr {height:650px;overflow: hidden;background: url(../images/loading.gif) center center no-repeat;}
#slidesr .slide {position: relative;display: none;height:650px;float: left;background-position: center right;cursor: pointer;border-left: 1px solid #fff;}
#slidesr .slide:first-child {border: none;}
#slidesr .slide.active {cursor: default;}
#slidesr .slide-block {position: absolute;left: 40px;bottom: 75px;display: inline-block;width: 435px;background-color: #fff;background-color: rgba(255,255,255, 0.8);padding: 20px;border: 1px solid #fff;overflow: hidden;border-radius: 4px;}
#slidesr .slide-block h4 {font-size: 36px;font-weight: bold;margin: 0 0 10px 0;line-height: 1;}
#slidesr .slide-block h4 a{font-size: 18px;color: #333;}
#slidesr .slide-block p {margin: 0;color: #134B94;}
#donate-spacer {height: 0;}
#donate {border-top: 1px solid #999;width: 750px;padding: 50px 75px;margin: 0 auto;overflow: hidden;}
#donate p, #donate form {margin: 0;float: left;}
#donate p {width: 650px;color: #999;}
#donate form {width: 100px;}
#faqbg{background-color:#666666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:1000px;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
.faqdiv{position:fixed;width:800px;left:50%;top:50%;margin-left:-400px;height:auto;z-index:100;background-color:#fff;border:1px #ccc solid;padding:1px; max-height:800px;overflow:auto;overflow-x:hidden;}
.faqdiv img{ max-width:780px;}
.faqdiv h2{height:25px;font-size:14px;background-color:#333;position:relative;padding-left:10px;line-height:25px;}
.faqdiv h2 a{position:absolute;right:5px;font-size:12px;color:#fff;}
.faqdiv .form{ color:#333; line-height:20px; padding:10px;}

.mod_focus_list {}
.mod_focus_list li{ float:left;}
.mod_focus_show .mod_focus_list { padding:5px 0; background: #000;height:215px;overflow:auto;overflow-x:hidden;margin-left: -8px;margin-right: -20px;}
.mod_focus_show .mod_focus_list li { width:80px; height: 60px; float: left; margin-right:8px; margin-top:8px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width:80px; height: 60px; }
.mod_focus_show .mod_focus_list li img { display: block; width:80px; height: 60px; }
.mod_focus_show .mod_focus_list li a:hover { _background: none; }
.mod_focus_show .mod_focus_list li a:hover .mask, .mod_focus_show .mod_focus_list .current .mask { display: none; }
.mod_focus_show .mod_focus_list li .mask { display: block; height: 60px; width:80px; position: relative; top: -60px; margin: 0 0 -60px; eft: 0; bottom: 0; background: #000; opacity: .5; filter: alpha(opacity=50); }