@charset "utf-8";
/* CSS Document */


#top{ height:149px; position:relative; z-index:1001;}
.logo{ background:url(0e77eae7a253f59b26518b7544c9d1bb_logo.jpg) no-repeat; width:651px; height:79px; float:left;}

.language-bar{ background:url(0e77eae7a253f59b26518b7544c9d1bb_la-bg.jpg) no-repeat; width:83px; height:27px; line-height:27px; float:right; cursor:pointer;}
.ico-ch{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-ch.jpg) no-repeat center; width:45px; height:27px; float:left;}
.ico-en{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-en.jpg) no-repeat center; width:45px; height:27px; float:left;}
.language-bar span{ font-size:12px; color:#505050;}

#search-bar{ background:url(0e77eae7a253f59b26518b7544c9d1bb_search-bg.jpg) no-repeat; width:151px; height:23px; line-height:23px; float:right; position:absolute; top:60px; right:0%;}
#search-bar input{ border:none;background:none;}
#search-bar input[type="text"]{ width:120px; height:20px; line-height:20px;}
#search-bar input[type="submit"]{ width:23px; cursor:pointer; height:23px;cursor:pointer;}


#search-bar-2{ background:url(0e77eae7a253f59b26518b7544c9d1bb_search-bg-2.jpg) no-repeat; width:410px; height:23px; line-height:23px; float:right;}
#search-bar-2 input{ border:none;background:none;}
#search-bar-2 input[type="text"]{ width:380px; height:20px; line-height:20px;}
#search-bar-2 input[type="submit"]{ width:23px; cursor:pointer; height:23px;cursor:pointer;}



#nav{  height:45px; line-height:45px; width:100%; z-index:10003; float:left; margin-top:4px;}
.ico-home{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-home.jpg) no-repeat left center; padding-left:20px;}
/*nav------------------------------------------------------------------------------*/
/* LEVEL ONE*/
ul.dropdown                         { position: relative; z-index:10003; width:100%; height:36px; line-height:36px;}
ul.dropdown li                      { /*float: left;*/ zoom: 1;}
ul.dropdown li:hover                {}

ul.dropdown .first_li{padding-right:3px; font-size:13px; line-height:47px; background:url(0e77eae7a253f59b26518b7544c9d1bb_nav-line.jpg) no-repeat 100% bottom; float:left;}
ul.dropdown .first_li .first_a{ float:left;padding:0px 10px;}
ul.dropdown .hover{}
ul.dropdown .hover_a{padding:0px 15px;}
/* LEVEL TWO*/
ul.dropdown ul 						{ width: 960px; visibility: hidden; position: absolute; top: 45px;z-index:10003; left:0;}
ul.dropdown ul li 					{}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li 					{ font-size:13px; display:block;   padding: 20px 1%;}
ul.dropdown ul li a:hover			{ text-decoration:none;}

/*nav------------------------------------------------------------------------------*/
/* LEVEL ONE*/
ul.dropdown li                      {}
ul.dropdown a:hover		            { color: #fff;background:#dd8200; text-decoration:none  ;}
ul.dropdown li a                    { color: #00429c;}
ul.dropdown li:hover                {}

ul.dropdown .first_li{}
ul.dropdown .current_hit{background:#dd8200;color: #fff;}
ul.dropdown .hover_a{background:#dd8200; color:#fff;}
/* LEVEL TWO*/
ul.dropdown ul 						{ background:url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-bg.jpg) repeat-x top; background-size: 100%;}
ul.dropdown ul li 					{ color: #fff;background:url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-line.jpg) repeat-x bottom;}
/* IE 6 & 7 Needs Inline Block */


ul.dropdown ul li:last-child{ background:none;}
ul.dropdown ul li a{ color:#fff;}
ul.dropdown ul li a:hover{ background:#ffb955; color:#fff;}
ul.dropdown ul li dl{ float:left; width:31.3%; margin: 0 1% 20px 1%;}
ul.dropdown ul li dl.hasnt-right{padding-right:0px;}

ul.dropdown ul li dl dt{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-arrow.jpg) no-repeat  #ac5a01 10px center; height:40px; line-height:40px; padding-left:30px;  color:#fff; font-size:16px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;
    padding-right: 5px;}
ul.dropdown ul li dl dd{ line-height:20px; border-bottom:1px #fff dotted; background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-arrow.jpg) no-repeat 10px 12px; padding: 5px 0 5px 30px;}

/* dropdown2 start */
/* LEVEL ONE*/
ul.dropdown2                         { position: relative; z-index:1001; width:100%; height:36px; line-height:36px;}
ul.dropdown2 li                      {  float: left; zoom: 1;}
ul.dropdown2 li:hover                { position: relative;}

ul.dropdown2 .first_li{padding-right:3px; font-size:13px; line-height:45px; background:url(0e77eae7a253f59b26518b7544c9d1bb_nav-line.jpg) no-repeat 100% bottom;}
ul.dropdown2 .first_li .first_a{ float:left;padding:0px 10px;}
ul.dropdown2 .hover{ position: relative;}
ul.dropdown2 .hover_a{padding:0px 15px;}
/* LEVEL TWO*/
ul.dropdown2 ul 						{ width: 198px; visibility: hidden; position: absolute; top: 45px; left: 0px;}
ul.dropdown2 ul li:first-child{padding:6px 0px 5px 0px;}
ul.dropdown2 ul li 					{ font-weight: normal;  float: left; width:188px ;text-align:left; line-height:15px; margin:0px 5px; padding:2px 0px 5px 0px;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown2 ul li a					{ font-size:13px; width: 90%; display:block; padding:5px 5%; float:left;}
ul.dropdown2 ul li a:hover			{ text-decoration:none;}

/* LEVEL THREE*/
ul.dropdown2 ul ul 					{ left: 100%; top: 0;}
ul.dropdown2 li:hover > ul 			{ visibility: visible;}

/* LEVEL ONE*/
ul.dropdown2 li                      {}
ul.dropdown2 a:hover		            { color: #fff;background:#dd8200; text-decoration:none  ;}
ul.dropdown2 li a                    { color: #00429c;}
ul.dropdown2 li:hover                {}

ul.dropdown2 .first_li{font-weight: bolder; padding-right: 40px;}
ul.dropdown2 .current_hit{background:#dd8200;color: #fff;}
ul.dropdown2 .hover_a{background:#dd8200; color:#fff;}
/* LEVEL TWO*/
ul.dropdown2 ul 						{ background:url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-bg.jpg) no-repeat center top;}
ul.dropdown2 ul li 					{ color: #fff;background:url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-line.jpg) repeat-x bottom;}
/* IE 6 & 7 Needs Inline Block */


ul.dropdown2 ul li:last-child{ background:none;}

ul.dropdown2 ul li a{ color:#fff;}
ul.dropdown2 ul li a:hover{ background:#ffb955; color:#fff;}
/* dropdwon2 end*/
/* Florence styles */



#banner{ background:url(0e77eae7a253f59b26518b7544c9d1bb_banner-bg.jpg) no-repeat center top; width:980px; height:380px; margin:0px auto;}
/*pic_change*/
.picbox1{  position:relative;float:left; padding-left:12px; padding-top:16px; z-index:999 ;}
/*.nav3 {width:213px; text-align:right; position: absolute; top: 147px ; z-index: 100; background-color: #c8c4a9;  height: 15px; line-height: 15px}
#nav3 a {padding:0px 8px; text-decoration: none; color:#ffffff; border-right: 1px #ffffff solid; }
#nav3 a.activeSlide { background-color:#4f4d42; color:#ffffff; font-weight:bold;padding:0px 8px; }
#nav3 a:focus { outline: none; }
*/
#s4{ width:955px; height:341px; overflow:hidden;}
#s4 img{  width:955px; height:341px; border-radius:7px;}
#s4 div{ width:955px; height:341px; position:relative;}
#s4 div h4{ background:url(0e77eae7a253f59b26518b7544c9d1bb_banner_title_bg.jpg) repeat; position:absolute; bottom:30px; z-index:10000; width:400px; height:60px; padding:10px; border-bottom:5px #dd8200 solid; line-height:18px; color:#fff; font-size:14px;}
#slide-left{ position:absolute; left:12px; top:45%; display:block; background:url(0e77eae7a253f59b26518b7544c9d1bb_banner_title_bg.jpg) repeat;width:40px; height:40px; line-height:40px; z-index:9999; color:#fff; font-size:24px; text-align:center; font-family:\5B8B\4F53; text-decoration:none; font-weight:bold;}
#slide-right{ position:absolute; right:0%; top:45%; display:block;background:url(0e77eae7a253f59b26518b7544c9d1bb_banner_title_bg.jpg) repeat; width:40px; height:40px; line-height:40px; z-index:9999; color:#fff; font-size:24px;text-align:center; font-family:\5B8B\4F53;text-decoration:none;font-weight:bold;}




#div-style-1{ width:930px; background:url(0e77eae7a253f59b26518b7544c9d1bb_index-div-bg.jpg) no-repeat center top; padding:20px 25px; height:809px; margin:0px auto;}
.div-style-2{ border-bottom:5px #c8c8c8 solid; background:#ffebce; height:140px; width:595px; padding:10px 15px; overflow:hidden;}

.div-style-2  .video-show{ float:left; width:25%; padding-top:33px; position:relative;}
.div-style-2  a.video-show i{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-play.jpg) no-repeat center; display:block; width:144px; height:94px; position:absolute;}
.div-style-2  a.video-show img{ border:3px #fff solid;}
.div-style-2  > div{ float:left; width:75%; line-height:18px;}
.div-style-2  div a{ color:#0033cc;}
.div-style-2  div h2{ color:#0033cc; font-size:24px; line-height:35px;}

.div-style-3{ float:left;}
.div-style-3 h1.title-1{ background:#007278;}

.div-style-5 ul li{ border-bottom:1px #999 dotted; padding:6px 0px;}
.div-style-5 ul li a{ padding-left:15px; font-size:12px; background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-list.jpg) no-repeat left 7px; display:block; text-decoration:none; line-height:15px;}
.div-style-5 ul li a h2{ color:#004098; font-size:14px; line-height:18px; padding:3px 0px 8px 0px;}
.div-style-5 ul li div{ text-align:right; color:#4d6d98;}

.title-2{  font-size:18px; color:#fff; width:90%; padding:0px 5%; height:45px; line-height:45px;}
.title-3{  font-size:18px; color:#fff; width:90%; padding:0px 5%; height:45px; line-height:45px;}
.title-4{  font-size:18px; color:#fff; width:90%; padding:0px 5%; height:45px; line-height:45px;}
.title-5{  font-size:18px; color:#fff; width:96%; padding:0px 2%; height:45px; line-height:45px;}
.pic-box-1{ padding:15px 15px 0 15px; height:180px; background:url(0e77eae7a253f59b26518b7544c9d1bb_pic-box-1-bg.jpg) repeat-x;}
.pic-box-1 img{ border:5px #fff solid;}
.text-box-1{font-size:14px; color:#0e4a9d; line-height:18px; font-weight:bold; padding-top:5px;}
.pic-box-1-1{ float:left; width:52%; height:99px;}
.pic-box-1-1 img{ border:5px #fff solid;}
.text-box-1-1{ float:left; width:48%; color:#333333; line-height:15px; height:99px;}

.pic-box-2{ width:244px; padding:15px 13px; height:160px; background:url(0e77eae7a253f59b26518b7544c9d1bb_pic-box-1-bg.jpg) repeat-x;}
.pic-box-2 img{ border:5px #fff solid;}
.pic-box-2 .video-show{ position:relative; display:block; width:100%; height:104px;}
.pic-box-2 .video-show i{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-play.jpg) no-repeat center; display:block; width:100%; height:45px; top:40px; position:absolute;}
.text-box-2{  width:100%; color:#333333; line-height:13px; height:128px;}
.text-box-2 ul li{ padding:10px 0px;}

.text-box-2-2{font-size:14px; color:#333333; line-height:18px; font-weight:bold; padding-top:15px;}


.read-more{ background:url(0e77eae7a253f59b26518b7544c9d1bb_read-more.jpg) no-repeat; display:inline-block; width:112px; height:45px; text-decoration:none;}
.date-list dt{ float:left; width:40px;  padding-right:10px; text-align:right; font-family:Arial, Helvetica, sans-serif;}
.date-list dt h4{ font-size:14px; color:#333;line-height:15px;}
.date-list dt i{ font-size:18px; color:#004098; line-height:30px;}

.date-list dd{ float:left; width:190px; line-height:15px;background:url(0e77eae7a253f59b26518b7544c9d1bb_date-line.jpg) no-repeat left -150px; padding:0px 15px 15px 15px;}
.date-list dd h4{ font-size:12px; font-weight:normal;}
.date-list dd h4 a{ color:#004098;}
.date-list dd div{ color:#333; padding-top:5px;}
.date-list dd div strong{ display:block;}
.date-list dd.first-dd{ background:url(0e77eae7a253f59b26518b7544c9d1bb_date-line.jpg) no-repeat left top;}


#second-bg{ background:url(0e77eae7a253f59b26518b7544c9d1bb_second-bg.jpg) no-repeat center top; width:940px; padding:0px 20px; float:left;}
#second-bg-bt{ background:url(0e77eae7a253f59b26518b7544c9d1bb_second-bg-bt.jpg) no-repeat center top; width:980px; height:25px; clear:both;}

#left-div{ float:left; width:194px; padding-right:15px;}
#left-nav{ background:url(0e77eae7a253f59b26518b7544c9d1bb_left-nav-bg.jpg) no-repeat left top; width:189px;}
#left-nav ul li a{  color:#fff; padding:0px 14px; display:block;}
#left-nav ul li a:hover{ background:url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-2-on.jpg) no-repeat; display:block; text-decoration:none;}

#left-nav-bt{ background:url(0e77eae7a253f59b26518b7544c9d1bb_left-nav-bg-bt.jpg) no-repeat left top; width:190px; height:30px; clear:both;}


/*Nav_2------------------------------------------------------------------------------*/
.Nav2{}
.Nav2_bg{background:url(0e77eae7a253f59b26518b7544c9d1bb_left-nav-bg.jpg) no-repeat left top; width:189px;}
.Nav2_bg h2{ font-size:30px; color:#fff; height:70px; line-height:70px; padding:0px 10px 5px 10px;}

.Nav2 dt,.Nav2 dd{}
.Nav2 dt{background:url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-line-2.jpg) no-repeat left bottom;}
/*.Nav2 dt a{ color: #125fbb; text-decoration:none; cursor:pointer }
.Nav2 dt a span{ float:left; width:8px; padding:3px 2px ;background:#5dcff9; color:#053269; line-height:6px; font-family:\5B8B\4F53; font-size:10px;}
.Nav2 dt a div{ float:left; padding-left:5px}
*/
.Nav2 dt{background:url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-line-2.jpg) no-repeat left bottom;}
.Nav2 dt a{ color: #fff;font-size:14px;}
.Nav2 dt a span{ color:#fff; border:1px #fff solid;}

.Nav2 .li_hover{background-image: url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-2-on.jpg);_ background:none ;}
.Nav2 .li_hover a{ color:#eee;}

.Nav2 dd ul li{background:url(0e77eae7a253f59b26518b7544c9d1bb_second-nav-line-2.jpg) no-repeat left bottom;}
.Nav2 dd ul li a{ color: #fff;}
.Nav2 .li3{}
.Nav2 .li4{}
/*Nav_2------------------------------------------------------------------------------*/
.Nav2{ clear: both; width: 100%; padding-bottom:0px;}
.Nav2_bg{ padding:2px;}
/*.Nav2 dt a{ color: #125fbb; text-decoration:none; cursor:pointer }
.Nav2 dt a span{ float:left; width:8px; padding:3px 2px ;background:#5dcff9; color:#053269; line-height:6px;  font-size:10px;}
.Nav2 dt a div{ float:left; padding-left:5px}
*/
.Nav2 dt{line-height: 15px;padding:0px 0px;  clear:both ;}
.Nav2 dt a{text-decoration:none; cursor:pointer ;}
.Nav2 dt a span{ float:left; width:5px; padding:2px 2px 2px 1px ; line-height:5px; font-family:\5B8B\4F53; font-size:10px; margin:2px 0px 0px 0px;}


.Nav2 .li_hover{  cursor:pointer;}
.Nav2 .li2_1 .div_2{ padding:7px 0px 7px 15px;}
.Nav2 .li2_2 .div_2{ padding:7px 0px 7px 32px;}
.Nav2 dd { margin: 0px; padding: 0px; clear:both;}
.Nav2 dd ul{ clear:both;}
.Nav2 dd ul li{ padding:5px 0px; clear:both ;}
.Nav2 dd ul li .div_3{padding:0px 0px 0px 40px;}
.Nav2 .li3{padding-left: 5px;}
.Nav2 .li4{padding-left: 5px;}

#right-div{ float:left; padding-top:40px; width:731px;}


.ul-list-1 li{ background:url(0e77eae7a253f59b26518b7544c9d1bb_line-3.jpg) repeat-x bottom; float:left; width:98%; padding:20px 1%;}
.pic-box-3{ float:left; width:40%;}
.pic-box-3 img{border:4px #fff solid;}
.text-box-3{ float:left; width:60%; line-height:20px;}
.text-box-3 span{ display:block;}



#turnpage{ text-align:right;}
#turnpage a{ display:inline-block; height:14px; line-height:14px; vertical-align: middle;}
#turnpage a.current-a{ font-weight:bold;}
.turn-left-btn{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-left-btn.jpg) no-repeat center;}
.turn-right-btn{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-right-btn.jpg) no-repeat center;}
#turnpage input[type=text]{ width:25px; border:1px #333333 solid; height:14px;}
#turnpage input[type=submit]{ width:25px; background:#333; height:18px; color:#fff; text-align:center; cursor:pointer;}

#footer{ background:url(0e77eae7a253f59b26518b7544c9d1bb_footer-bg.jpg) repeat-x; height:386px; width:100%; padding-top:30px;}
#footer ul li.first-li-2{ float:left; width:17%; padding-right:5px;}
#footer ul li.first-li-2:last-child{ padding-right:0px; width:10%;}
#footer ul li.first-li-2 ul li{ clear:both; line-height:12px; padding:4px 0px;}
#footer ul li.first-li-2 ul li a{ color:#fff; font-size:11px;}
#footer ul li.first-li-2 h3{ color:#fff; height:35px; line-height:15px;}
#footer ul li.first-li-2 ul.quicklinks li a{ font-size:13px;}

.ico-wb{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-wb.jpg) no-repeat left; display:inline-block; height:20px; width:25px;}
.ico-renren{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-renren.jpg) no-repeat left; display:inline-block; height:20px; width:25px;}
.ico-wx{ background:url(0e77eae7a253f59b26518b7544c9d1bb_ico-wx.jpg) no-repeat left; display:inline-block; height:20px; width:25px;}

/* Florence styles */

div#flow_canvas {
    width:766px;
    margin: 0 auto;
    position: relative;
    left:-15px;}
div#flow_images {
    visibility:hidden;
    z-index:1000;
    height: 380px !important;}
div#flow_images h2 {
    margin: 0;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;}
div#flow_images img {
    display:block;
    width:100%;
    outline: none;}
div#flow_images a{
    display:block;
    position:absolute;
    top:0px;
    border:none;
    outline:none;
    width:324px;
    border-radius:5px;
    padding:8px;
    background:#050287;
    text-decoration:none;
    line-height:18px;}
div#loading{
    position:absolute;
    font:900 0.9em verdana;
    color:#FFCC00;
    left:230px;
    bottom:107px;
    text-align:center;
    z-index:100;
    background:url(gallery_loading.jpg) center center no-repeat;
    height:100px;
    width:300px;}
#floArrow {
    height:9px;
    left:555px;
    position:absolute;
    top:370px;
    z-index:999;
    visibility:hidden;}
#floArrow a{
    float:left;}
#questionMark {
    float:left;
    padding:0 10px;}
.floArrowLeft {
    float: left;
    display: block;
    width: 18px;
    height: 9px;
    background: url(slide-left.jpg) no-repeat left top;
    cursor:pointer;}
.floArrowRight {
    float: left;
    display: block;
    width: 18px;
    height: 9px;
    background: url(slide-right.jpg) no-repeat right top;
    cursor:pointer;}
#floArrowBody {
    float: left;
    width: 175px;
    height: 9px;
    background: url(slide-bg.jpg) repeat-x left top;}
.floArrowSlider {
    width: 17px;
    height: 21px;
    background: url(handle.jpg) repeat-x left top;
    cursor:pointer;}

div#flow_images  a .flow_text{ color:#fff; overflow:hidden; line-height:15px;}
div#flow_images  .flow_text h2{ font-size:21px; overflow:visible; text-indent:0px; padding:15px 0px 5px 0px;}
div#flow_images  a .flow_text a{ background:url(0e77eae7a253f59b26518b7544c9d1bb_more.jpg) no-repeat; display:inline-block; width:56px; height:18px;}
/* Florence styles end */

#div-style-1-2{ background:url(0e77eae7a253f59b26518b7544c9d1bb_index-div-bg2.jpg) no-repeat; padding:0px 15px; height:420px;}
.div-style-2-1{ border:5px #fff solid; background:#ffebce; height:170px; width:525px; overflow:hidden;}
.div-style-2-1 a{ float:left; width:35%; padding-top:10px;}
.div-style-2-1 div{ float:left; width:65%; line-height:18px;}
.div-style-2-1 div h2{ color:#0033cc; font-size:24px; line-height:45px;}
.div-style-3-1{ float:left;}
.div-style-3-1 h1.title-1{ background:#007278;}
.pic-box-2-1{  width:100%;}
.pic-box-2-1 img{ border:5px #fff solid;}
.text-box-2-1{  width:100%; color:#333333; line-height:15px; height:128px;}
.text-box-2-1 ul li{ padding:10px 0px;}