body { font:12px Arial;  color:#333;}


a {color:#444; text-decoration:none; }



a:hover {
	color: #F06000;
	text-decoration: none;
}



/* ================================= *//* ================================= */







div#wrapper { width:895px; margin:0 auto;padding:0; }



div#header { width:895px; height:130px; background: url(../images/header_bg.jpg) left bottom no-repeat; }



div#content {
	width:895px;
	margin:0 auto;
	font:12px Arial;
}



div#footer {width:895px; padding:10px 0; overflow:hidden; clear:both; color:#ffffff; background-color:#4E4E4E}







.clear{clear:both;}







/* ================================= */



/** no flash Banner **/
#noflasharea {	width:896px; height:182px;background:url(../images/index_banner_eng.jpg) center top no-repeat;}

#noflasharea2 {	width:230px; height:197px;background:url(../images/photo_bg.jpg) center top no-repeat;}




div#header .logo {
	float:left;
	width:230px;
	margin-top:40px;
	overflow:hidden;
}



div#header .top_nav{
	float: right;
	width: 660px;
}



div#header .top_nav .lang {
	text-align:right;
	font-size:12px;
	color:#666;
	padding-top:40px;
	height:25px;
	padding-right:10px;
	line-height:1.2em;
	font-family:Arial;
}



div#header .top_nav .lang span{ margin:0 2px;}



div#header .top_nav .lang a{ color:#666;}



div#header .top_nav .lang a:hover{ text-decoration:none;}



div#header .top_nav .lang a.active{ color:#000}



div#header .top_nav .lang img { vertical-align:middle}











/** Menu **/



div#header .menu{
	float:right;
	margin-top:20px;
}



div#header .menu ul li{text-align:center; float:left; line-height:1.5em; }



div#header .menu ul li a{width:93px; height:30px;  float:left; text-decoration:none; display:block;}




div#header .menu ul li.about_us a{ background: url(../images/top_btn_aboutus.png) center bottom no-repeat; }
div#header .menu ul li.about_us a:hover{ background: url(../images/top_btn_aboutus_over.png) center bottom no-repeat; }
div#header .menu ul li.about_us a.active{ background: url(../images/top_btn_aboutus_over.png) center bottom no-repeat; }

div#header .menu ul li.our_services a{ background: url(../images/top_btn_ourservices.png) center bottom no-repeat; }
div#header .menu ul li.our_services a:hover{ background: url(../images/top_btn_ourservices_over.png) center bottom no-repeat; }
div#header .menu ul li.our_services a.active{ background: url(../images/top_btn_ourservices_over.png) center bottom no-repeat; }

div#header .menu ul li.our_clients a{ background: url(../images/top_btn_ourclients.png) center bottom no-repeat; }
div#header .menu ul li.our_clients a:hover{ background: url(../images/top_btn_ourclients_over.png) center bottom no-repeat; }
div#header .menu ul li.our_clients a.active{ background: url(../images/top_btn_ourclients_over.png) center bottom no-repeat; }

div#header .menu ul li.useful_links a{ background: url(../images/top_btn_usefullinks.png) center bottom no-repeat; }
div#header .menu ul li.useful_links a:hover{ background: url(../images/top_btn_usefullinks_over.png) center bottom no-repeat; }
div#header .menu ul li.useful_links a.active{ background: url(../images/top_btn_usefullinks_over.png) center bottom no-repeat; }

div#header .menu ul li.join_us a{ background: url(../images/top_btn_joinus.png) center bottom no-repeat; }
div#header .menu ul li.join_us a:hover{ background: url(../images/top_btn_joinus_over.png) center bottom no-repeat; }
div#header .menu ul li.join_us a.active{ background: url(../images/top_btn_joinus_over.png) center bottom no-repeat; }

div#header .menu ul li.contact_us a{ background: url(../images/top_btn_contactus.png) right bottom no-repeat; }
div#header .menu ul li.contact_us a:hover{ background: url(../images/top_btn_contactus_over.png) right bottom no-repeat; }
div#header .menu ul li.contact_us a.active{ background: url(../images/top_btn_contactus_over.png) right bottom no-repeat; }

div#header .menu ul li.events a{ background: url(../images/top_btn_events.png) bottom no-repeat; }
div#header .menu ul li.events a:hover{ background: url(../images/top_btn_events_over.png) bottom no-repeat; }
div#header .menu ul li.events a.active{ background: url(../images/top_btn_events_over.png) bottom no-repeat; }

div#header .menu ul li.publication a{ background: url(../images/top_btn_publication.png) bottom no-repeat; }
div#header .menu ul li.publication a:hover{ background: url(../images/top_btn_publication_over.png) bottom no-repeat; }
div#header .menu ul li.publication a.active{ background: url(../images/top_btn_publication_over.png) bottom no-repeat; }


/** services Js Menu **/



div#header .menu #jsddm li.services   { position:relative; z-index:1}

div#header .menu #jsddm li.events   { position:relative; z-index:1}

div#header .menu #jsddm li.publication   { position:relative; z-index:1}

div#header .menu #jsddm li.our_clients   { position:relative; z-index:1}

div#header .menu #jsddm li.join_us   { position:relative; z-index:1}

div#header .menu #jsddm li.contact_us   { position:relative; z-index:1}

div#header .menu #jsddm li ul{margin: 0; position: absolute; visibility: hidden; border: 1px solid #ccc; width:210px;background:#fff; margin-top:30px; float:none;left:0; top:0; z-index:2}



div#header .menu #jsddm li ul li{float: none; clear:both; background:none; text-align:left;  line-height:1.2em;}



div#header .menu #jsddm li ul li a{ width:155px; padding:7px 10px 0 35px; color: #000; float: none;height:auto;  width:auto; background: url(../images/menu_arr.jpg) 14px 9px no-repeat; display:inline-block; height:22px;}



div#header .menu #jsddm li ul li a:hover{
	color: #fff;
	width:175px;
	background: url(../images/sub_menu_bg1.png) left top no-repeat;
}

div#header .menu #jsddm li ul li a2:hover{
	color: #fff;
	width:175px;
	height:27px;
	background: url(../images/sub_menu_bg2.png) left top no-repeat;
}

div#header .menu #jsddm li ul li.cf a{ height:40px;}

div#header .menu #jsddm li ul li.cf a:hover{ background: url(../images/sub_menu_bg2.png) left top no-repeat;}

div#header .menu #jsddm li.our_services   { position:relative; z-index:1}

div#header .menu #jsddm li.about_us   { position:relative; z-index:1}
div#header .menu #jsddm li.about_us ul { margin-left:0px;}







/* ================================= */







/** banner **/



div#content .banner{ padding:10px 0; text-align:center; background-color: #0d346c; }



/** breadcrumb **/



div#content .breadcrumb  { margin:10px; font-size:0.9em;}



div#content .breadcrumb a{ margin:0 2px;}







/* ========= index ============ */



/** index_box **/



div#content .index {width:895px; overflow:hidden;}



div#content .index_box {
	float: left;
	width: 665px;
}



div#content .index_box .text{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	position: relative;
	background-color: #F2F9F9;
}



div#content .index_box .text .title { margin-top:4px;} 



div#content .index_box .text p{ line-height:1.6em; margin:5px 0 10px 0; text-align:justify; overflow:hidden;}

div#content .index_box .text p.info{ margin-bottom:0; font:12px;}

div#content .index_box .text .read_more { text-align:right; margin-bottom:10px;}



div#content .index_box .text .read_more a{
	color:#1C53E7;
	font-weight: bold;
} 

div#content .index_box .text .read_more a:hover{
	color:#F60; text-decoration:underline;
} 

div#content .index_box .index_box_bootom{width:670px; height:0px; }







/** index item **/



div#content .index_box .text .item { margin:8px 0}



div#content .index_box .text .item ul li {width:570px}



div#content .index_box .text .item ul li a {width:535px; height:103px; padding:12px 15px 15px 18px; background: url(../images/index_item_bg1.jpg) left 7px no-repeat; display:inline-block; text-decoration:none; }



div#content .index_box .text .item ul li a:hover{background: url(../images/index_item_bg.jpg) left top no-repeat; }



div#content .index_box .text .item ul li a span{ display:block; cursor:pointer;}



div#content .index_box .text .item ul li a .pic { float:left; margin-right:30px;}



div#content .index_box .text .item ul li a .pic img { border:1px solid #ccc; padding:1px}



div#content .index_box .text .item ul li a .title {
	font-size:14px;
	font-weight:bold;
	color:#2676a7;
	margin-top:1px;
}



div#content .index_box .text .item ul li a .detail {  overflow:hidden; line-height:1.4em; margin:8px 0 6px 0;}



div#content .index_box .text .item ul li a .more {
	color: #F60;
	text-align:left;
	margin:0;
}







/** enquiry **/



div#content .right {
	float: right;
	width: 230px;
	background-color: #4E4E4E;
}



div#content .enq_box {width:225px; margin-top:10px;background: url(../images/enq_box_bg.jpg) left top repeat-y;  }



div#content .enq_box .text{ width:193px;padding:15px 15px 0px 15px; background: url(../images/enq_box1.jpg) left top no-repeat;  }

div#content .enq_box .text a {}

div#content .enq_box .text .enq_form P { margin-top:5px;}



div#content .enq_box .text .enq_form div input{ vertical-align:bottom;width:185px; }



div#content .enq_box .text .enq_form .radio{ margin-top:10px; overflow:hidden; width:195px;}



div#content .enq_box .text .enq_form .radio input.type_radio{ width:20px; float:left}



div#content .enq_box .text .enq_form .radio label{ float:left; width:160px}







div#content .enq_box .text .enq_form .remark{ margin-top:15px}



div#content .enq_box .text .enq_form .remark textarea{ width:185px; height:40px;}



div#content .enq_box .text .enq_form .send { text-align:right; margin-top:10px}



div#content .enq_box .text .enq_form .send input{width:auto;}



div#content .enq_box .enq_box_bootom{width:225px; height:30px; background: url(../images/enq_box2.jpg) left top no-repeat; }







div#content .enq_box .text .add{ line-height:1.4em; border-bottom:1px solid #bbb; padding:8px 0; margin-bottom:5px}
div#content .enq_box .text .mark{ color:#444; font-size:0.8em; line-height:1.1em; margin:10px 0 8px 0;}








/** content area**/



div#content .content_area {width:880px; background: url(../images/box_bg2.jpg) right top repeat-y; margin:0 auto; overflow:hidden; }











/** Left Menu **/



div#content .content_area .left_menu { float:left; width:220px; padding-top:30px; height:345px; font-size:12px; background: url(../images/left_menu_bg.png) left top no-repeat; }


div#content .content_area .left_menu a { color:#666; font-weight: bold;}

div#content .content_area .left_menu a:hover {
	color: #F60;
	font-weight: bold;
	text-align: justify;
}




div#content .content_area .left_menu ul li { padding-left:25px; vertical-align:50%;font-weight:bold; font-size:12px; height: 30px; padding-top:10px;}




div#content .content_area .left_menu ul li span a{padding-top:0;}




div#content .content_area .left_menu ul li a{ width:180px; padding-top:10px;  padding-right:50px;  color:#666; }


div#content .content_area .left_menu ul li a:hover{color:#F60; text-decoration:none;}





div#content .content_area .left_menu ul li span a{ height:40px; padding-top:0;}








/** content Box**/



div#content .content_area .content_box  {
	width: 660px;
	float: left;
	background: url(../images/bgindex_box_bg.png) left top repeat-y;
}

div#content .content_area .content_box2  { float:left; width:880px;  background: url(../images/box_bg.jpg) left top repeat-y;}

div#content .content_area .box_end { width:100%;height:45px;background: url(../images/bgindex_box_end.png) right top no-repeat; clear:both; }



div#content .content_area .content_box .title {
	width:660px;
	padding-top:28px;
	background: url(../images/bgindex_title_bg.png) left top no-repeat;
	padding-left:27px;
	min-height:40px;
	height: auto !important;
	height: 40px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

/** pastevent Box**/



div#content .content_area .pastevent_box  {
	width: 660px;
	float: left;
	background: url(../images/bgindex_box_bg.png) left top repeat-y;
}

div#content .content_area .pastevent_box2  { float:left; width:880px;  background: url(../images/box_bg.jpg) left top repeat-y;}


div#content .content_area .pastevent_box .title {
	width:660px;
	padding-top:28px;
	background: url(../images/bgindex_title_bbg.png) left top no-repeat;
	padding-left:27px;
	min-height:40px;
	height: 60px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}


/** content_text **/


div#content .content_area .content_box .content_text {
	min-height: 320px;
	height: auto !important;
	height: 320px;
	width: 600px;
	padding-left: 30px;
	text-align: justify;
	
}

div#content .content_area .pastevent_box .content_text {
	min-height: 320px;
	height: auto !important;
	height: 320px;
	width: 600px;
	padding-left: 30px;
	text-align: justify;
}

div#content .content_area .content_box2 .content_text {min-height:320px;height: auto !important;height: 320px; width:550px; padding-left:25px;}

.inline_text_top {
	width:635px;
	height:17px;
	background-image: url(../images/inline_text_top.jpg);
	background-repeat: no-repeat;
	
}

.inline_text_body{
	width:595px;
	background-image: url(../images/inline_text_bg.jpg);
	background-repeat: repeat-y;
	padding:15px 20px 15px 20px;
	text-align:justify;
	color: #444;
	text-decoration: none;
	line-height: 1.6em;
}

div#inline_text8 .inline_text_body h8 {
	line-height:1.6em;
	text-align:justify;
	color: #F63;
}

.inline_text_bottom{
	width:635px;height:17px;
	background-image: url(../images/inline_text_bottom.jpg);
	background-repeat: no-repeat;
	
}

.inline_text_title {
	font-size:1.1em;
	padding:5px 0 0 0;
	font-weight: bold;
}

.partner_underline { border-top:2px solid #C33; }

div#content .content_area .content_box .content_text .person_box {
	padding-left: 75px;
	background-repeat: no-repeat;
	height: 81px;
	margin-bottom: 10px;
}

div#content .content_area .content_box .content_text .person_box .partner_box{
	float: left;
	height: auto;
	width:auto;
}

.partner_box2{
	font-size: 10px;
}

div#content .content_area .content_box .content_text .person_box .read_more{
	float:right;
	width: 50px;
	height: 10px;
	color: #1C53E7;
	font-weight: bold;
	font-size: 11px;
	padding-right: 10px;
}

div#content .content_area .content_box .content_text .person_box .read_more:hover{
	text-decoration:underline;
	color: #F60;
}

div#content .content_box  h1 { font-size:1.5em; line-height:1em; color:#ddba10; font-weight:normal;}



div#content .content_text  h2 { font-size:1.3em; padding:10px 0; }



div#content .content_text  h3 { font-size:1.1em; padding:10px 0 5px 0;}



div#content .content_text  h4 { font-size:1em;}



div#content .content_text  p {padding-top:8px; padding-bottom:10px; line-height:1.6em; text-align:justify;}

div#content .index_content_text  p {
	padding-top:8px;
	padding-bottom:10px;
	line-height:1.6em;
	text-align:left;
}

div#content .content_text  p a{
	text-decoration: none;
	text-align: justify;
} 





div#content .one_column .contact p a{
	color: #1C53E7;
}

div#content .one_column .contact p a:hover{
	color: #F60;
	text-decoration: underline;
}

div#content .content_text p span{
	font-size: 1.em;
	font-weight: bold;
	font-size: 10.5pt;
	color: #192F03;
}

div#content .content_text .content_title{ font-weight:bold; color:#000; font-size:1.1em; }

div.content_title{ font-weight:bold; color:#5b9bc1; font-size:1.1em; }

div#content .content_text  table { margin:3px 0; clear:both;}



div#content .content_text  table th{ padding:3px;}



div#content .content_text  table td{ padding:3px;}



div#content .content_text  ul { margin-top:5px; margin-bottom:10px; margin-left:2px ;}



div#content .content_text  ul li{
	margin:2px 0;
	padding-left:12px;
	background: url(../images/list.gif) left 8px no-repeat;
	line-height:1.4em;
	text-align: justify;
}







div#content .content_text  ol {
	padding-left:25px;
}



div#content .content_text  ol li{
	margin:5px 0;
	list-style:circle
}







/* ================================= */



div#content .content_area .content_text .partner{
}







/** Page **/



div#content .one_column { width:820px; margin:0 auto; background-color: #F2F9F9; border-color: #E8E8E8; border-width: 5px; border-style:solid;}



div#content .one_column .page{ width:760px; padding:30px 30px 0px 30px; left top no-repeat; overflow:hidden; }



div#content .one_column .title {
	padding-bottom:10px;
}



div#content .one_column .page_end{ width:840px; height:35px;left top no-repeat;  }



div#content .one_column .join a{ color:#6f9240; }

div#content .one_column .office_box { height:250px; border-bottom:1px solid #ddd;}

div#content .one_column .address_box .line_break {
	float:left;
	width:720px;
	border-top:1px solid #ddd;
	margin-left: -10px;
	padding-bottom: 5px;
}

div#content .one_column .address_box { float:left; width: 760px; margin-left: 15px; margin-top: 10px;}

div#content .one_column .address_box a:hover {color: #F60;}


div#content .one_column .address_box .kind_of_clients {
	font-size: 18px;
	font-weight: bold;
	color: #F60;
}

div#content .one_column .address_box p h7 { color:#5b9bc1; font-size:13px; font-weight: bold; }

h7 { color:#5b9bc1; font-size:1.1em; font-weight:bold; }

span2{ font-size:1.1em; font-weight:bold; color:#5b9bc1;}

div#content .one_column .contact a{
	color: #1C53E7;
}

div#content .one_column .contact a:hover{
	color: #FF6600;}



div#content .one_column .contact ul li{margin:2px 0; padding-left:12px; background: url(../images/list.gif) left 8px no-repeat; line-height:1.4em;}


div#content .one_column .contact .map{
	float:right;
	margin-left:10px;
	margin-top: 20px;
}



div#content .one_column .contact .map img{
	border:1px solid #ccc;
	padding:4px;
	width: 350px;
}







div#content .one_column_other { width:665px; margin-left:28px; background: url(../images/other_page_box_bg.jpg) left top repeat-y;  }



div#content .one_column_other .page{width:540px; padding:40px 60px 5px 60px; background: url(../images/other_page_box_top.jpg) left top no-repeat; overflow:hidden; }



div#content .one_column_other .page_end{width:665px; height:40px; background: url(../images/other_page_box_bottom.jpg) left top no-repeat; overflow:hidden; }



div#content .one_column_other h1 { font-size:1.5em; padding:8px 0 10px 0; color:#5b9bc1}







/** sitemap **/



div#content .one_column_other .sitemap h2 { padding-bottom:2px; padding-top:8px; font-size:1.2em;}



div#content .one_column_other .sitemap h2 a{ color:#5b9bc1}



div#content .one_column_other .sitemap h2.home{ padding-top:15px; padding-bottom:5px}



div#content .one_column_other .sitemap h2.home a{
	color:#F60
}



div#content .one_column_other .sitemap ul { margin:5px 0}



div#content .one_column_other .sitemap ul li{ padding-left:10px;background: url(../images/list2.gif) left 8px no-repeat ;}



div#content .one_column_other .sitemap ul li a{ color:#555;}







/* ================================= */



/** footer **/



div#footer .link { float:left}



div#footer .link span { margin-right:15px; padding-left:40px;background: url(../images/dot.png) left 50% no-repeat; display:inline-block;}



div#footer .link span a { color:#ffffff;}



div#footer .copy{ font-size:0.9em; text-align:right; padding-right: 20px}



div#footer .copy span{ text-transform:uppercase}

.menubar {
	padding-top: 10px;
	text-align: right;
	background-color: #004381;
	height: 20px;
}

div#content .special { width:850Wpx; margin:0 auto; left top repeat-y;  }

.more a{
	color: #1C53E7;
	font-weight: bold;
}

.more a:hover{
	color:#F60; text-decoration:underline;
} 

.eventtitle {
	font-weight: bold;
	color: #ffffff;
	font-size: 15px;
}

.publicationtitledate {
	font-size: 15px;
	font-weight: bold;
	color: #D1384C;
	height: 30px;
}

.publicationyear {
	font-weight: bold;
	color: #D1384C;
}

.year {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.year a{
	font-size: 16px;
	font-weight: bold;
}
.year a:hover {
	color: #F60;
	text-decoration: underline;
}
.training {
	height: 330px;
}
.publicationii {
	height: 330px;
}
.eventtitle a{
	color: #D1384C;
}
.copy a {
	color: #fff;
}
.zhchina {
	margin-left: 15px;
}
.publicationindex a:hover {
	color: #F60;
	text-decoration: underline;
}
.aboutustitle {
	font-weight: bold;
	color: #000000;
	font-size: 15px;
}
div#content .one_column .joinus_box { float:left; width: 760px; margin-top: 10px;}

.china_zh {
	background-color: #004381;
}