/* common css ============================================== */
body{
    margin:0 auto;
    text-align:center;
    color:#333;
    font: 12px/1.5 tahoma, arial, simsun, sans-serif;
}
div{
    text-align:left;
}
:focus{
    outline:none;
}
h4,h3,h2,h1{
    margin:0;
    padding:0;
    font-size:14px;
    line-height:1.5em;
}
form,ul,ol,li,dl,dt,dd,p{
    margin:0;
    padding:0;
}
li{
    list-style-type:none;
}
img{
    border:none;
}
textarea,input,select{
    font-size:inherit;
    padding:2px;
    margin:0;
    color:#000;
    font-family:tahoma, arial, simsun, sans-serif;
}
a:link,a:visited{
    color:#999;
    text-decoration:none;
}
a:hover{
    color:#fff;
}
table { border-collapse: collapse; border-spacing: 0; }
/* for table =============================================== */

/* for font & text & tag =================================== */
.red{
    color:red;
}
.gray{
    color:#999;
}

/* for margin & padding | width & height =================== */
.mr10{
	margin-right:10px;
}
.mt10{
	margin-top:10px;
}
.p10_20{
	padding:10px 10px 10px 20px;
}
.p5_10{
	padding:5px 10px;
}
/* class css ============================ class css ======== */
.fl{
    float:left;
    display:inline;
}
.fr{
    float:right;
    display:inline;
}
a.toTop:link,a.toTop:visited{
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	height:20px;
	padding:0 8px 0 16px;
	color:#656565;
	font-size:11px;
	border:1px solid #1c1c1c;
	background:url(images/arrow.gif) no-repeat 8px top;
}
a.toTop:hover{
	color:#fff;
	background-position: 8px -20px;
}
.title{
	height:30px;
	padding-left:20px;
	background-color:#f8f8f8;
	border-bottom:1px solid #ddd;
}
.title strong{
	display:inline-block;
	line-height:29px;
	height:29px;
	padding-right:30px;
	color:#353535;
	border-bottom:1px solid #353535;
	position:relative;
	top:1px;
}
.border_r{
	border-right:1px solid #ddd;
}
.border_t{
	border-top:1px solid #ddd;
}
.wp-pagenavi{
	padding:10px 10px 10px 20px;
	min-height:18px;
	_height:18px;
}
.wp-pagenavi a,.wp-pagenavi span{
	margin-right:8px;
}
.wp-pagenavi span{
	display:inline-block;
	border:1px solid #ddd;
	background-color:#f6f6f6;
	padding:0 5px;
	font-weight:bold;
}
.wp-pagenavi span.pages{font-weight:normal; float:right;}
.wp-pagenavi a:link,.wp-pagenavi a:visited{
	color:#333;
}
.wp-pagenavi a:hover{
	color:#000;
	text-decoration:underline;
}
.articlelist li{
	padding-left:8px;
	margin-bottom:6px;
	background:url(images/list.gif) no-repeat left top;
}
.articlelist a:link,.articlelist a:visited{
	color:#82b037;
	line-height:18px;
}
.articlelist a:hover{
	text-decoration:underline;
}
.searchbar{
	border-top:1px solid #ddd;
	background-color:#f8f8f8;
	padding:10px;
	height:28px;
	overflow:hidden;
}
.searchbar *{
	float:left;
}
.searchbar .inputxt{
	border:1px solid #ddd;
	border-right:0;
	padding:6px;
	*padding-bottom:4px;
	line-height:12px;
	width:190px;
}
.searchbar .btn_submit{
	border:none;
	width:51px;
	height:28px;
	cursor:pointer;
	background:url(images/btn_submit.gif) no-repeat;
}
.latestcase{
	width:270px;
	padding-bottom:5px;
}
.latestcase p,
.latestcase li{
	float:left;
	padding:5px 7px 0 0;
}
.latestcase img{
	border:1px solid #ddd;
	padding:4px;
	width:70px;
	height:70px;
}
.latestcase a:hover img{
	border:1px solid #82b037;
}
.latestcomment li{
	margin-bottom:8px;
	color:#666;
}
.latestcomment a:link,.latestcomment a:visited{
	color:#000;
	font-weight:normal;
}
.latestcomment a:hover{
	text-decoration:underline;
}
.presslist{
	padding:0 10px;
}
.presslist li{
	padding:10px;
	border-bottom:1px dashed #ddd;
}
.presslist li.noborder{border-bottom:0;}
.presslist h3{
	margin:0 0 8px;
}
.presslist h3 a:link,.presslist h3 a:visited{
	color:#333;
}
.presslist .intro{
	padding-left:110px;
	position:relative;
	min-height:80px;
	_height:80px;
	margin-bottom:8px;
}
.presslist a:link,.presslist a:visited{
	color:#900;
}
.presslist a:hover{
	text-decoration:underline;
}
.presslist a:hover img{
	border:1px solid #82b037;
}
.presslist .intro img{
	position:absolute;
	left:0px;
	top:3px;
	width:70px;
	height:70px;
	padding:4px;
	border:1px solid #ddd;
}
.presslist .intro p{
	margin-bottom:8px;
}
.presslist .articleinfo{
	color:#999;
	margin-bottom:10px;
}
.presslist li.alter .articleinfo{margin-bottom:0;}
.presslist li.alter .intro{margin-top:10px;}
.presslist .articleinfo b{
	font-weight:normal;
	margin:0 8px;
}
.presslist .articleinfo a:link,.presslist .articleinfo a:visited{
	text-decoration:underline;
}
.presslist .articleinfo a:hover{
	text-decoration:none;
}

/*msg box start*/
.error{background-color:#ffe7e7;}
#sean_msg{width:280px;	border:1px solid #000; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; -webkit-border-radius:3px; -moz-border-radius:3px; background:#fff; position:absolute; top:0px; right:50px; display:none;}
#sean_msg .title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#sean_msg a.close:link,#sean_msg a.close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#sean_msg a.close:hover{color:#cc0;}
#sean_msg .info{padding:8px;}
/*msg box end*/

/* layout css ============================================== */
.wraper{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#header{
	height:79px;
	background:url(images/headerbg.png) repeat-x #191919;
}
#header .wraper{
	position:relative;
}
#header .logo{
	margin-top:15px;
}
#header .menu{
	position:absolute;
	right:0px;
	top:25px;
}
#header .menu li{
	float:left;
	display:inline;
	margin-left:10px;
}
.menu a,.menu strong{
	background:url(images/menubg.png) no-repeat;
}
.menu a:link,.menu a:visited{
	display:inline-block;
	padding-left:18px;
}
.menu a:hover{
	background-position:left -29px;
}
.menu a:hover strong{
	background-position:right -29px;
}
.menu strong{
	display:inline-block;
	line-height:28px;
	height:28px;
	padding-right:18px;
	background-position:right top;
	cursor:pointer;
}
.menu li.now a:link,.menu li.now a:visited{
	color:#fff;
	background-position:left -29px;
}
.menu li.now strong{
	background-position:right -29px;
}
#indexTip{
	border-bottom:10px solid #15496f;
	padding-bottom:1px;
	background:url(images/bannerbg.png) repeat-x left top #215f8e;
}
#indexTip .serviceslogon{
	position:relative;
	padding:40px 80px 0 360px;
	height:184px;
}
.serviceslogon a.btn_close:link,.serviceslogon a.btn_close:visited{
	position:absolute;
	right:22px;
	top:16px;
	display:block;
	width:17px;
	height:17px;
	background:url(images/btn_close.png) no-repeat;
}
.serviceslogon a.btn_close:hover{
	background-position:left -17px;
}
.serviceslogon .ourworks{
	position:absolute;
	left:22px;
	top:0px;
}
.serviceslogon .slogon{
	display:block;
	width:445px;
	height:27px;
	text-indent:-20000px;
	overflow:hidden;
	background:url(images/slogon.jpg) no-repeat right top;
}
.serviceslogon h1{
	color:#fff;
	font-size:inherit;
	font-weight:normal;
	line-height:20px;
	margin:20px 0 25px;
}
.serviceslogon a.icocontact:link,.serviceslogon a.icocontact:visited,
.serviceslogon a.rssbook:link,.serviceslogon a.rssbook:visited{
	display:inline-block;
	width:121px;
	height:40px;
	overflow:hidden;
	text-indent:-20000px;
	background:url(images/contact.png) no-repeat;
}
.serviceslogon a.rssbook:link,.serviceslogon a.rssbook:visited{
	width:100px;
	background-position:left -40px;
}
.serviceslogon a.icocontact:hover{
	background-position:left -80px;
}
.serviceslogon a.rssbook:hover{
	background-position:left -120px;
}
#indexTip .servieceintro{
	height:133px;
	padding-top:25px;
	background:url(images/servicebg.jpg) no-repeat;
}
.servieceintro li{
	width:305px;
	text-align:left;
}
.servieceintro strong{
	display:block;
	height:22px;
	line-height:22px;
	width:305px;
	text-indent:-20000px;
	overflow:hidden;
	background:url(images/service.jpg) no-repeat;
}
.servieceintro strong.service2{
	background-position:left -22px;
}
.servieceintro strong.service3{
	background-position:left -44px;
}
.servieceintro .intro{
	position:relative;
	width:235px;
	padding-left:70px;
	margin-top:12px;
	color:#fff;
}
.servieceintro .intro img{
	position:absolute;
	left:0px;
	top:0px;
}
#main{
	margin-top:15px;
	margin-bottom:15px;
}
#main .content{
	width:673px;
	float:left;
	border:1px solid #ddd;
}
#main .flipl{
	width:675px;
	float:left;
}
#main .indexcontent{
	background:url(images/bgcontent.gif) repeat-y right top;
}
#main .flipr{
	width:275px;
	float:right;
}
#main .content .slider_l{
	width:450px;
	float:left;
	padding-bottom:10px;
}
.indexcontent .presslist .intro a:link,.indexcontent .presslist .intro a:visited{
	display:inline-block;
	padding-left:16px;
	background:url(images/ico_comment.gif) no-repeat left 50%;
}
#main .content .slider_r{
	width:222px;
	float:right;
	position:relative;
}
.slider_r .hotarticle{
	position:absolute;
	right:0px;
	top:0px;
}
#main .flipr .title{
	padding-left:10px;
}
#main .flipr .title strong{
	border-bottom:1px solid #900;
}
#main .flipr .fliprhidden{
	width:255px; 
	overflow:hidden; 
	padding-bottom:0;
}
#footer{
	padding:20px 0;
	background-color:#050505;
}
#footer .wraper{
	position:relative;
}
#footer b{
	font-weight:normal;
	margin:0 8px;
}
#footer .copyright{
	margin-top:8px;
	font-size:11px;
	line-height:16px;
}
#footer .copyright img{
	margin-top:5px;
	margin-right:8px;
}
#footer .copyright a:link,#footer .copyright a:visited{
	color:#21500e;
}
#footer .copyright a:hover{
	text-decoration:underline;
}
/*--find height for float elements --------------------------*/
.cls:after{
    content:"…";
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
    visibility:hidden;
}
.cls{
   display:block;
}
/*-----------------------------------------------------------*/
.sub{
	padding-bottom:30px;
}
#main .sub{
	float:none;
}
.sub .presslist h3{
	margin-bottom:3px;
}
.sub .pagenav{
	text-align:center;
	margin-top:15px;
}
.sub .articlelist li{
	background:url(images/sublist.gif) no-repeat left top;
}
.nav{
	padding:20px 0 10px;
	height:19px;
	line-height:19px;
}
.nav a:link,.nav a:visited,
.presswraper a:link,.presswraper a:visited,
.commentlist a:link,.commentlist a:visited{
	color:#1f5e8d;
	white-space:nowrap;
}
.nav a:hover,
.presswraper .neighbor a:hover,
.commentlist a:hover{
	text-decoration:underline;
}
.nav img{
	vertical-align:middle;
	float:left;
	margin-right:6px;
}
.presswraper{
	padding:20px 30px;
}
.presswraper .caption{
	text-align:center;
	margin-bottom:35px;
}
.presswraper .caption h1{
	font-size:22px;
	line-height:1.5em;
	margin-bottom:5px;
}
.presswraper .caption a:link,.presswraper .caption a:visited{
	color:#900;
	text-decoration:underline;
}
.presswraper .caption a:hover{
	text-decoration:none;
}
.presswraper .caption b,.presswraper .neighbor b{
	margin:0 8px;
}
.presswraper .press{
	font-size:14px;
	line-height:25px;
}
.presswraper .press img{max-width:613px;}
.presswraper .press p{
	margin-bottom:25px;
}
.presswraper .related{
	position:relative;
	top:20px;
	border-top:1px dashed #ccc;
}
.presswraper .related h3{
	margin:10px 0 15px;
}
.commentwraper{
	padding:15px 30px;
	margin-top:10px;
	border:1px solid #ddd;
}
.commentwraper .tit{
	border-bottom:1px dashed #ccc;
	font-weight:bold;
	color:#900;
	padding-bottom:6px;
	margin-bottom:10px;
}
.commentlist li{
	padding:10px 10px 10px 100px;
	position:relative;
	min-height:100px;
	_height:100px;
}
.commentlist li.graybg{
	background-color:#f6f6f6;
}
.commentlist li img.avatar{
	position:absolute;
	left:10px;
	top:13px;
	border:1px solid #ddd;
	padding:4px;
	width:70px;
	height:70px;
}
.commentlist li cite{font-style:normal;}
.commentlist li .comment-meta{
	margin:0 0 8px;
}
.commentlist li .comment-meta a:link,.commentlist li .comment-meta a:visited{color:#999;}
.commentlist li .comment-meta a.comment-edit-link:link,.commentlist li .comment-meta a.comment-edit-link:visited{color:#1f5e8d;}
.sendcomment li{
	padding:5px 0;
}
.sendcomment .inputxt{
	border:1px solid #ccc;
	padding:5px;
	width:230px;
}
.sendcomment textarea{
	width:566px;
	height:160px;
	padding:5px;
	border:1px solid #ccc;
	overflow:auto;
}
.sendcomment .btn_sub{
	padding:8px 20px;
	cursor:pointer;
}
#backbg{
	background-color:#000;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:99;
	display:none;
}
#contact{
	position:absolute;
	top:200px;
	left:0px;
	height:300px;
	width:100%;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	overflow:hidden;
	background:#fff;
	z-index:100;
	display:none;
}
#contact a.close:link,#contact a.closse:visited{
	position:absolute;
	top:15px;
	right:100px;
	color:#000;
}
.infobox{
	width:780px;
	padding-top:15px;
	position:absolute;
	right:-790px;
	top:0px;
}
.infobox .leftflip{
	width:280px;
	float:left;
}
.infobox .intro{
	width:500px;
	float:right;
}
.infobox .intro p{
	margin-bottom:8px;
}
.infobox .contactnav{
	margin-bottom:25px;
}
.infobox .contactnav *{
	margin-right:10px;
}
.infobox .contactnav a:link,.infobox .contactnav a:visited{
	font-weight:bold;
	color:#000;
}
.infobox .contactnav a:hover,
.infobox .contactnav a.now:link,.infobox .contactnav a.now:visited{
	text-decoration:underline;
}
.infobox .contactnav a.now:link,.infobox .contactnav a.now:visited{
	cursor:default;
}
.infobox .chatinfo{ padding-top:16px;}
.infobox .chatinfo img{ vertical-align:middle;}
.infobox .chatinfo span{ vertical-align:middle; margin:0 15px 0 5px;}
#main .case{
	width:100%;
	min-height:600px;
	height:600px;
}
.caselist{
	padding:25px 10px;
	width:970px;
}
.caselist li{
	float:left;
	width:120px;
	height:144px;
	padding:0 10px;
	text-align:center;
	margin-right:19px;
}
.caselist li div{text-align:center;}
.caselist img{
	width:70px;
	height:70px;
	padding:4px;
	margin-bottom:5px;
	border:1px solid #ddd;
	background-color:#fff;
}
.caselist strong{
	font-size:12px;
	font-weight:normal;
	display:block;
}
.caselist a:link,.caselist a:visited{
	color:#1f5e8d;
}
.caselist a:hover{
	text-decoration:underline;
}
.caselist a:hover img{
	border:1px solid #82b037;
}
.showmap{position:relative;width:280px; height:177px;}
.showmap a:link,.showmap a:visited{position:absolute; right:100px;top:108px; display:block; padding-right:15px; background:url(images/tip.gif) no-repeat right top; line-height:16px; white-space:nowrap;}
.showmap a.guangzhou:link,.showmap a.guangzhou:visited{right:135px;top:150px;}
.showmap a:hover,.showmap a.now:link,.showmap a.now:visited{background-position:right -16px; color:#266b9e;}
.showmap a span{display:none;}
.showmap a:hover span,a.now span{display:block;}
.mapinfo table td{ vertical-align:top; line-height:1.3em; padding-bottom:20px;}
.mapinfo table td p{margin:0;}
.mapinfo td img{ vertical-align:middle; position:relative; top:-2px; margin-right:5px;}
.mapinfo p.mapsh img,.mapinfo p.mapgz img{width:21px; height:21px;}
.mapinfo td a:link,.mapinfo td a:visited{color:#333;}
.mapinfo td a:hover{ text-decoration:underline;}