@charset "utf-8";

/* -------------------------------------------
		general
 ------------------------------------------- */
html {
	/* -webkit-text-size-adjust:none; */
}

a {
}

body {
	background:#eeeeee url(../images/body-bg.png) left top repeat-x;
}
body.Homepage{
background:#eeeeee;
}
body, input {
	font-family: 'Microsoft YaHei', '微软雅黑', SimHei, Arial, Helvetica, sans-serif;
	color:#313131;
}


body.layout_en,
body.layout_en input {
	font-family: Arial, Helvetica, sans-serif;
}
body.layout_zh,
body.layout_zh input {
	font-family: 'Microsoft YaHei', '微软雅黑', SimSun, Arial, Helvetica, sans-serif;
}


.loading {
	background:url(../images/loading.gif) center center no-repeat;
}

.main .mod_article .ce_text p {
	text-align:left;
}
.main .mod_newslist p.teaser {
	text-align:left;
}

*html #container .submenu a,
*html #container .submenu span {
	width:98%;
}

form span.mandatory {
    color:red;
}

form p.error {
    color:red;
}

td {
	vertical-align: top;
}

/* -------------------------------------------
		[ wrapper ]
 ------------------------------------------- */
#wrapper {
	width:1006px;
	margin:0 auto;
	position: relative;
	z-index: 9;
}
.Homepage #wrapper{
	padding-top: 526px;
}
.Homepage #header{
	position: relative;
	z-index: 11;
}
.Homepage .custom{
	z-index: 10;
}
/* -------------------------------------------
		[ header ]
 ------------------------------------------- */
#header {
	margin:0 auto;
	padding:0;
	width:990px;
}

/* -------------------------------------------
		[ header - logo ]
 ------------------------------------------- */
#logo {
	display: block;
	position: absolute;
	width:247px;
	height:71px;
	top:34px;
	left:0;
}
#logo img {
	display: block;
}
#slogan{
	position: absolute;
	top:45px;
	left:275px;
	color:#000;
	padding:0;
	margin:0;

}
#slogan p{
	font-size:20px;
}
.listentous a{
	position: absolute;
	top:53px;
	right:120px;
	color:#fff;
	font-size: 14px;
	background:#0068b7;
	display:block;
	padding:8px 20px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
/* -------------------------------------------
		[ header - lang select ]
 ------------------------------------------- */
#langSelector {
	position: absolute;
	right:0;
	top:53px;
	width:90px;
	font-size:14px;
	cursor: pointer;
}
#langSelector .langwrap-top,
#langSelector .langwrap-bottom{
	width:90px;
	height:3px;
	display:block;
}
#langSelector .langwrap-top{
	background:url(../images/lang-top.png) top center no-repeat;
}
#langSelector .langwrap-middle{
	background:#dcdcdc;
}
#langSelector .langwrap-bottom{
	background:url(../images/lang-bottom.png) top center no-repeat;
}

#langSelector .lang{
	text-align:left;
	padding:5px 0 5px 15px;
	display:none;
}

#langSelector .hoveron .lang{
	display:block;
}

#langSelector .active
{
	background:url(../images/arrow-down.png)  70px center no-repeat;
	display:block !important;
}
#langSelector .hoveron .active
{
	background:url(../images/arrow-right.png)  73px center no-repeat;
}

#langSelector a{
	color:#313131;
	text-decoration: none;
}
/* -------------------------------------------
		[ header - main menu - level 1 ]
------------------------------------------- */

.mainnav {
	display:block;
	margin:0;
	padding:0;
	height:75px;
	width:990px;
	position: absolute;
	top:138px;
}
.mainnav ul, .mainnav li {
	float:left;
	display:block;
	margin:0;
	overflow:hidden;
}
.mainnav li{
	background:url(../images/nav-border.png) right top no-repeat;
	padding-right:1px;
}
.mainnav ul{
	height:75px;
	width:990px;
	background:url(../images/nav-bg.png) left top repeat-x;
}

.mainnav ul li a,
.mainnav ul li span{
	padding:0 30px;
	height:75px;
	line-height:75px;
	font-size:14px;
	color:#fff;
	display:block;
	text-decoration: none;
}
.mainnav ul li.active a,
.mainnav ul li a:hover,
.mainnav ul li.active span,
.mainnav ul li.trail a
{
	background:#e70012;
}



/* -------------------------------------------
		[ container ]
 ------------------------------------------- */
#container {
	margin:0;
	padding:15px 0;
	position: relative;
}

#container-border{
	border-bottom: 5px solid #d3d3d3;
	margin:0 8px 20px 8px;
}

#container .container-top{
	padding:0 8px;
	background:url(../images/top-shadow.png) center top no-repeat;
	display:block;
	height:6px;
}
#container .container-middle
{
	padding:25px 8px 40px 8px;
	background:url(../images/middle-shadow.png) center top repeat-y;
}
.Homepage #container .container-middle
{
	padding-bottom:0;
	padding-top:0;
}

#container .container-bottom
{
	padding:0 8px;
	background:url(../images/bottom-shadow.png) center top no-repeat;
	display:block;
	height:6px;
}


/* -------------------------------------------
		[ container - submenu ]
 ------------------------------------------- */
#right .mod_navigation{
	margin-bottom:25px;
	border-bottom: 5px solid #f3f3f3;
	padding-bottom: 30px;
}
#right .mod_navigation ul{
	width:100%;
	margin:0;
	padding:0;
}
#right .mod_navigation ul.level_1 li{
	display:none;
}
#right .mod_navigation ul.level_1 li.active,
#right .mod_navigation ul.level_1 li.active li,
#right .mod_navigation ul.level_1 li.trail,
#right .mod_navigation ul.level_1 li.trail li{
	display:block;
}


#right .mod_navigation ul li a,
#right .mod_navigation ul li span{
	padding-left:30px;
	height:35px;
	line-height:35px;
	font-size:18px;
	display:block;
	border-bottom:1px solid #e5e5e5;
	text-decoration: none;
}

#right .mod_navigation ul.level_1 li a,
#right .mod_navigation ul.level_1 li span{
	color:#fff;
	background:#e60012;
}
#right .mod_navigation ul.level_1 li li a,
#right .mod_navigation ul.level_1 li li span{
	color:#414141;
	background:#fff url(../images/rightmenu-arrow.png) 10px center no-repeat;
}
#right .mod_navigation ul.level_1 li li a:hover,
#right .mod_navigation ul.level_1 li li span.active{
	background:#e5e5e5 url(../images/rightmenu-arrow.png) 10px center no-repeat;
	color:#000000;
}


/* -------------------------------------------
		[ left ]
 ------------------------------------------- */
#left {
	border:1px black dotted;
}

#left .mod_newslist a {
	font-size:12px;
}

#left .mod_newsmenu a {
	font-size:12px;
}
/* -------------------------------------------
		[ right ]
 ------------------------------------------- */
#right .inside{
	padding-right:25px;
}

/* -------------------------------------------
		[ main ]
 ------------------------------------------- */
.main .inside{
	padding:0 25px;
}
.Homepage .main .inside{
	padding:0;
}

/* -------------------------------------------
		[ main - text content (article) ]
 ------------------------------------------- */
.container .ce_text p,
.container .ce_text ul,
.container .ce_text ol,
.container .ce_text li,
.container .ce_text dl,
.container .ce_text dt,
.container .ce_text dd,
.container .ce_text td,
.container .ce_text a,
.container .ce_text span
{
	font-size:16px;
	line-height:22px;
}

.container .ce_text ul li {
	list-style:outside disc;
	margin-left:1.5em;
}
.container .ce_text ol li {
	list-style:outside decimal;
	margin-left:1.5em;
}
.container .ce_text .jcarousel-container ul li {
	list-style:none;
	margin-left:0;
}

/* -----------------------------------------------------------------------------------------------
		main: pagination
 ----------------------------------------------------------------------------------------------- */

.pagination {
	clear:both;
	text-align:right;
	margin-top:20px;
}

.pagination p {
	float:left;
	margin:0;
	display:none;
}

.pagination ul {
	float:right;
	margin:0;
}

.pagination ul li {
	list-style:none !important;
	display:block;
	float:left;
	margin-left:5px;
}
.pagination li a,
.pagination li span
{
	display:block;
	width:29px;
	height:29px;
	line-height:29px;
	text-align: center;
}

.pagination li a {
	color:#313131;
	background:#d3d3d2;
	text-decoration: none;
}
.pagination li a:hover {
	color:#fff;
	background:#e60012;
	text-decoration: underline;
}

.pagination li span {
	color:#fff;
	background:#e60012;
}

.pagination li a.next{
	padding:0 30px 0 20px;
	padding-right:20px;
	width:50px;
	background:#e60012 url(../images/next.png) right center no-repeat;
	color:#fff;
}
.pagination li a.last{
	padding:0 30px 0 20px;
	padding-right:20px;
	width:50px;
	background:#e60012;
	color:#fff;
}

.pagination li a.previous{
	padding:0 30px 0 30px;
	width:35px;
	background:#e60012 url(../images/prv.png) left center no-repeat;
	color:#fff;
	text-align: center;
}
.pagination li a.first{
	padding:0 30px 0 30px;
	width:35px;
	background:#e60012 ;
	color:#fff;
	text-align: center;
}

/* -------------------------------------------
		[ footer ]
 ------------------------------------------- */
#footer {
	margin:0 auto;
	padding:0;
	width:100%;
	background:#313131;
	/*position:relative;*/		/*position:relative for #footer and #footer .inside must both enabled or not for IE7. */
}

#footer .inside{
	width:990px;
	margin:0 auto;
}
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

/* -------------------------------------------
		[ freeze screen ]
------------------------------------------- */
#freezeScreen {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background-color:#333;
	z-index:9999;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#popupbg {
	display:none;
	position:absolute;
	padding:10px;
	background-color:black;
	z-index:9998;
	filter:alpha(opacity=60);
	opacity:0.6;
}


#popup {
	display:none;
	position:absolute;
	z-index:9999;
}

.close {
	display:none;
	position:absolute;
	width:42px;
	height:42px;
	background:url(../images/videoclose.png) left top no-repeat;
	cursor:pointer;
	z-index:10000;
	filter:alpha(opacity=60);
	opacity:0.6;
}
*html .close {
	background-image:url(../images/videoclose.gif);
}

/* pageTitle mod_breadcrumb

*/
.pageTitle{
	position:absolute;
	top:270px;
	font-size:40px;
	color:#fff;
	margin:0;
	padding:0;
}
.mod_breadcrumb{
	position:absolute;
	top:325px;
	color:#fff;
	font-size:14px;
	padding:5px 0;
	background:#fff;

}
.mod_breadcrumb a,
.mod_breadcrumb span{
	color:#1b1b1b;
	padding-right:20px;
	padding-left:15px;
	text-decoration: none;
}

.mod_breadcrumb a{
	background:url(../images/arrow-red.png) right center no-repeat;
}


/* -------------------------------------------
		[ google map ]
------------------------------------------- */
.googlemap {
	width:900px;
	height:600px;
	padding:8px;
	background-color:white;
	display:none;
}

.googlemap iframe {
	width:100%;
	height:100%;
	background-color:white;
}


.custom,
.custom #banner,
.custom .mod_article,
.custom #banner .inside,
.custom .mod_article .ce_image

{
	width:100%;
	height:345px;
	position: absolute;
}
.Homepage  .custom{
	top:0;
}
.custom{
	top:138px;
}

.custom .mod_article .ce_image{
	top:0;
}

.Homepage .custom,
.Homepage .custom #banner,
.Homepage .custom .mod_article,
.Homepage .custom #banner .inside,
.Homepage .custom .mod_article .ce_image

{
	width:100%;
	height:746px;
	position: absolute;
}


.threecolumn .ce_text{
	width:290px;
	display:block;
	padding:20px;
	overflow:hidden;
}

.threecolumn .txtcolumn-1{
	float:left;
}
.threecolumn .txtcolumn-3{
	float:right;
}

.threecolumn .txtcolumn-2{
	float:left;
}



.threecolumnclear{
	clear:both;
	display:block;
	height:20px;
	background:#ededed url(../images/threecolumnclear-bg.png) center top no-repeat;
}
.last .threecolumnclear{
	clear:both;
	height:0;
}
#introduction.threecolumn .column
{
	position: relative;
	padding-bottom: 40px;
}



#introduction .threecolumnclear
{
	padding-top: 20px;
background: #fff url(../images/threecolumnclear-bg.png) center bottom no-repeat;
}


.column h1{
	margin:0 0 20px 0;
	color:#e60012;
	font-size:24px;
}
#introduction .cyclewrap{
	position: relative;
}
#introduction table{
	margin:0;
	width:290px;
}


blockquote{
	padding:15px;
	background:#eeeeee;
	margin:0;
}

.arrow{
	display:block;
	width:100%;
	height:14px;
	background:url(../images/blockquote.png) 85% center no-repeat;
	margin-bottom:12px;
}


#introduction .button{
	position: absolute;
	bottom:0;
	right:20px;
}
#introduction .readmore{
	position: absolute;
	bottom:0;
	left:20px;
	width:110px;
	height:29px;
	line-height:29px;
	padding-left:15px;
	display:block;
	background:#e60012 url(../images/next.png) 90px center no-repeat;
	color:#fff;
	text-decoration: none;
}

#introduction .pre,
#introduction .nex{
	width:29px;
	height:29px;
	background:url(../images/button.png) no-repeat;
	float:left;
	margin-left:10px;
	display:block;
	cursor: pointer;
}
#introduction .nex{
	background-position:100% 50%;
}
#introduction .pre{
	background-position:0 50%;
}
#introduction ul li{
	list-style:none;
	padding-left:25px;
	margin-left:0;
	background:url(../images/li-arrow.png) left center no-repeat;
	font-size:16px;

}

#member .column .image_container img{
	border:1px solid #d9d9d9;
	margin-bottom:15px;
}
#member .column p{
	line-height:18px;
	margin:0;
}

#homenews .layout_short{
	width:290px;
	display:block;
	padding:20px;
	overflow:hidden;
	position: relative;
}
#homenews .layout_short .teaser{
	padding-bottom:40px;
}
#homenews .mod_newslist .first{
	float:left;
}
#homenews .mod_newslist .odd{
	float:right;
}

#homenews .mod_newslist .last{
	float:left;
}
#homenews .mod_newslist  .teaser p{
	font-size:16px;
}

#homenews .mod_newslist .image_container{
	margin:0;
}
#homenews .mod_newslist  h2{
	margin:20px 0;
	overflow:hidden;
	font-weight:bold;
}
#homenews p.more a{
	width:29px;
	height:29px;
	line-height:29px;
	display:block;
	background: url(../images/next.png) left center no-repeat;
	position: absolute;
	bottom:20px;
	text-decoration: none;
}

.footerbottom{
	padding:15px 0;
	color:#6a6a6a;
	border-top:5px solid #424242;
}
.footerbottom .copyright{
	float:left;
	height:29px;
	line-height:29px;
}
.footerbottom .icon{
	float:right;
}
.footerbottom .icon .ce_text a{
	float:left;
	margin-left:10px;
	display:block;
	width:29px;
	height:29px;
	background-image:url(../images/icon-bg.png);
	background-repeat:no-repeat;
	text-decoration: none;
}
.footerbottom .icon .ce_text a span{
	display:none;
}

.footerbottom .icon a.weibo{
	background-position:0 0;
}
.footerbottom .icon a.weibo:hover{
	background-position:0 100%;
}
.footerbottom .icon a.qq{
	background-position:-38px 0;
}
.footerbottom .icon a.qq:hover{
	background-position:-38px 100%;
}

.footerbottom .icon a.renren{
	background-position:-76px 0;
}
.footerbottom .icon a.renren:hover{
	background-position:-76px 100%;
}

.footerbottom .icon a.kaixin{
	background-position:-114px 0;
}
.footerbottom .icon a.kaixin:hover{
	background-position:-114px 100%;
}

.footerbottom p{
	margin:0;
}
.footertop{
	color:#fff;
}

.footertop td h3{
	margin:20px 0;
}
.footertop table{
	width:100%;
}

#main .inside h1.h1first{
	font-size:30px;
	color:#e60012;
	margin:0 0 25px 0;
	padding-bottom:25px;
	border-bottom:5px solid #f3f3f3;
}
#right .mod_article h1{
	color:#e60012;
	font-size:24px;
	margin:0 0 25px 0;
}
#right .mod_article h1.h1first{
	margin:0 0 30px 0;
}
#right .mod_article h1.ce_headline{
	margin-top:0;
}
#right .mod_article{
	margin-bottom:25px;
}

.modtestimonial {
	border-bottom:5px solid #f3f3f3;
	padding-bottom:25px;
}


.Homepage .modtestimonial {
	border-top:0 solid #f3f3f3;
	border-bottom:0 solid #f3f3f3;
	padding-bottom:0;
	margin-top:0;
}

.righttestimonial{
	margin-bottom:25px;
}
.modtestimonial table{
	margin:0;
	padding:0;
}

.modtestimonial .cetextwrap{
	position: relative;
}
.modtestimonial .button{
	position: relative;
	height:29px;
	margin-top:10px;
}

.button .pre,
.button .nex{
	width:29px;
	height:29px;
	background:url(../images/button.png) no-repeat;
	margin-left:10px;
	display:block;
	cursor: pointer;
	position: absolute;
}
.button .nex{
	background-position:100% 50%;
	right:0;
	bottom:0;
}
.button .pre{
	background-position:0 50%;
	right:39px;
	bottom:0;
}
.layout_projects{
	margin-bottom:22px;
	padding-bottom:22px;
	border-bottom:5px solid #f3f3f3;
}

.layout_projects table{
	margin:0;
}
.layout_projects h2{
	margin:0 0 15px 0;
	color:#313131;
	font-size:18px;
}
.layout_projects .teaser{
	font-size:16px;
}
.layout_projects p.more a {
	color: #e60012;
	background:url(../images/more-arrow.png) right center no-repeat;
	text-decoration: none;
	padding-right:25px;
}
.layout_projects p.more a:hover{
	color: #e60012;
	text-decoration: underline;
}
.layout_projects span.info{
	color:#626262;
}
.wrapmarque p{
	margin-bottom:6px;
}

.contactus .formbody .send{
	text-align:center;
	color:#fff;
	background:#e60012;
	border:0;
	width:102px;
	height:35px;
	font-size:18px;
	cursor: pointer;
}
.contactus  .formbody label{
	display:block;
	width:100%;
	font-size:16px;
	color:#313131;
	height:30px;
	line-height:30px;
}
.contactus  .formbody input{
	width:400px;
	height:33px;
	background:#eeeeee;
	margin-bottom:10px;
	border-width: 1px;
	border-color: #dcdcdc;
	border-style: solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.contactus .formbody textarea {
	width:400px;
	height:250px;
	background:#eeeeee url(../images/textarea,bg.png) no-repeat 10px 10px;
	margin-bottom:10px;
	border-width: 1px;
	border-color: #dcdcdc;
	border-style: solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.contactus .formbody  .uploadfiles:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.contactus .formbody input.upload{
	width: auto;
	background: none;
	border: 0;
	height: auto;
	float: left;
}
.contactus .formbody  .uploadfiles span{
	clear: both;
	float: left;
}
/*.contactus .formbody input.upload{
	background:none;
	border:0;
	filter:alpha(opacity=0);
	opacity:0;
	cursor: pointer;
}
.contactus label.docupload{
	display:none;
}
.contactus .uploadfiles{
	position: relative;
	height:35px;
	background:url(../images/upload.png) left center no-repeat;
	cursor: pointer;
}

.contactus .uploadfiles span{
	position: absolute;
	left:120px;
	top:10px;
	font-size:16px;
}*/
.contactus  .submit_container{
	clear: both;
	text-align:left;
}

.mod_newsreader .back a{
	color: #e60012;
	background:url(../images/goback-arrow.png) left center no-repeat;
	padding-left:25px;
	text-decoration: none;
}
#footer table td p{
	font-size: 16px;
	margin-bottom:7px;
}
.Homepage .ce_text p{
	font-size:16px;
}

.Homepage #testimonialcycle p{
	font-size:14px;
	margin-bottom:0;
}

.testimonials_overview tr {
    border-bottom:20px solid white;
}

.testimonials_overview td {
    background:#eeeeee;
    padding:20px;
}
#right .marque{
	border-bottom: 5px solid #f3f3f3;
	padding-bottom: 30px;
	margin-bottom:30px;
}
#right .rightmember{
	border-bottom: 5px solid #f3f3f3;
	padding-bottom: 30px;
	margin-bottom:30px;
}
#right .rightmember p{
	margin-bottom:0;
}
#right .rightborder{
	border-bottom: 5px solid #f3f3f3;
	padding-bottom: 30px;
	margin-bottom:30px;
}