/* global css */
body{ margin:0 auto; background:#FFF url(top.jpg) repeat-x center 0; color:#545454; font:12px/20px Tahoma,Arial,Verdana,Sans-Serif,'宋体'; overflow-x:hidden}
div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;}
ul,ol,li{list-style:none;}
table,td,th,input{ margin:0; padding:0; font-size:12px;}
h1,h2,h3,h4,h5,h6{ margin:0 auto; font-family:"Microsoft Yahei";}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5,h6 {font-size:12px;}

.inner{ width:980px; overflow:hidden;}
.innerh{ width:1024px; overflow:hidden;}
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.clearfix{clear:both;font-size:0px;width:0px;height:0px;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0px}

/* default link style */
a:link, a:visited{outline-style:none; color:#545454; text-decoration:none}
a:hover{color:#1162B3; text-decoration:underline;}

/* Header */
.header{ height:92px;}

/* Logo */
.logo{ float:left; font-size:28px; text-indent:-9999px; width:668px; height:92px; background:url(logo.gif) no-repeat 0 0;}
.logo a:link, .logo a:visited, .logo a:hover{ width:668px; height:90px; display:block;}

/* Header Right */
.headerR{ float:right; padding:10px 0px; }

.language{ float:right; margin-top:40px;padding-right:30px; font-size:18px; font-weight:bold; font-family:"Microsoft Yahei"; text-align:right; color:#000 }
.english, .chinese{ float:right; width:52px; height:20px; text-indent:-9999px; cursor:pointer; display:block;}
.chinese{ float:left;}

.headerR #searchform{ float:right; margin-top:15px; padding-left:20px; width:242px; height:34px; background:url(search.gif) no-repeat 20px 0;}
.headerR .searchInput{ float:left; padding:11px 10px 4px; width:180px; font-size:13px; border:none; color:#999; background:none;}
.headerR .searchBtn{ float:right; width:38px; height:34px; border:none; text-align:center; text-indent:-9999px; cursor:pointer; background:none;}

/* Main Menu */
.mainmenu{ height:36px; border-bottom:2px solid #E37E0F; background:#0C4681 url(sprite.png) repeat-x 0 0;}
.navi{ position:relative; z-index:300; overflow:visible;}
.navi li{ float:left; padding:0 36px 0 36px; height:36px; line-height:36px; font-size:16px; font-weight:bold; font-family:Tahoma,Arial,Verdana,Sans-Serif,'宋体'; letter-spacing:4px; text-align:center; color:#FFF; background:url(sprite.png) no-repeat 0 -72px; text-transform:capitalize;}
.navi li.nl{ background:none;}
.navi li a:link, .navi li a:visited{ padding:0 0 0 1px; color:#FFF; text-shadow:1px 1px 0 #012E5A; display:block;}
.navi li a:hover{ color:#FFF; background:url(sprite.png) no-repeat 0 -36px; text-shadow:1px 1px 0 #BF6A0D; text-decoration:none;}
.navi li a span{ padding:0px 5px 0 5px; display:inline-block; cursor:pointer;}
.navi li a:hover span{ background:url(sprite.png) no-repeat right -36px;}

.navi li{ position:relative;}
.navi li ul{ position:absolute; width:176px; top:36px; left:31px; background:#E37E0F url(submenu.png) repeat-y 0 0; z-index:300; display:none;}
.navi li ul li{ margin:0px auto; padding:0; width:176px; height:33px; line-height:32px; font-size:14px; text-align:left; text-indent:5px; border-bottom:1px solid #EC952B; background:none;}
.navi li ul li a:link, .navi li ul li a:visited, .navi li:hover ul li a:link, .navi li:hover ul li a:visited{ padding-left:5px; border-bottom:1px solid #D6770E; background:none; text-shadow:1px 1px 0 #BF6A0D;}
.navi li ul li a:hover, .navi li ul li a:hover span, .navi li:hover ul li a:hover, .navi li:hover ul li a:hover span{ background:#0A3A6C url(sprite.png) no-repeat 0 -4px; text-shadow:1px 1px 0 #012E5A;}

.navi li.current-menu-item a{ color:#FFF; background:url(sprite.png) no-repeat 0 -36px; text-shadow:1px 1px 0 #BF6A0D;}
.navi li.current-menu-item a span{ background:url(sprite.png) no-repeat right -36px;}
.navi li.current-menu-item ul li a{ background:none;}
.navi li.current-menu-item ul li a span{ background:none;}

.navi li:hover a{ color:#FFF; background:url(sprite.png) no-repeat 0 -36px; text-shadow:1px 1px 0 #BF6A0D; text-decoration:none;}
.navi li:hover a span{ background:url(sprite.png) no-repeat right -36px;}
.navi li:hover ul li a{ background:none;}
.navi li:hover ul li a span{ background:none;}

/* Wrapper */
.wrapper{ background:url(sbline.png) no-repeat 260px 0 ; display:block;}
.nobg{ background:none;}

/* Slideshow */
.bx-window{ padding-bottom:26px; background:url(gary.png) repeat-x 0 bottom;}
.slides{ margin:0 auto; width:1920px; height:320px; background-color:#013567; text-align:center; overflow:hidden;}
.slides li{ width:1920px; height:400px; background-repeat:no-repeat; background-position:right 0; position:relative;}
.slides li img{  width:1920px; height:400px; display:block;}
.bx-pager{ position: absolute; top:360px; left:50%; margin-left:-20px; z-index:1000;}
.bx-pager a{ float:left; margin-left:5px; width:9px; height:9px; font-size:0; background:url(sprite.png) no-repeat 0 -265px; overflow:hidden; display:block;}
.bx-pager a.pager-active{ background-position:0 -285px;}
.bx-prev,.bx-next{ width:12px; height:19px; text-indent:-9999px; background:url(slider.png) no-repeat 0 0; display:block; position:absolute; top:45%;}
.bx-prev{ left:10px;}
.bx-prev:hover{ background-position:0 -27px;}
.bx-next{ right:10px; background-position:0 -55px;}
.bx-next:hover{ background-position:0 -83px;}
.bx-prev-disabled, .bx-next-disabled{ display:none;}

/* Slideshow 
.slideshow{ width:100%; background-color:#013567;}
.slideshow .inner{ width:100%; height:320px; position:relative;}
#showimg{ z-index:10;}
#showimg img{ width:100%; height:320px; display:block;}
.operate{ position:absolute; z-index:1000; right:15px; bottom:15px;}
.operate span{ float:left; margin-left:3px; width:9px; height:9px; font-size:0; text-indent:-9999px; background:url(sprite.png) no-repeat 0 -265px; overflow:hidden; display:block; cursor:pointer;}
.operate span.hov{ background-position:0 -285px;}
*/
.fadelt, .fadert{ width:145px; height:320px; background:url(fade.png) repeat-y 0 0; display:block; position:absolute; left:0; top:0; z-index:100;}
.fadert{ left:auto; right:0; background-position:right 0;}

.pagebanner{padding-bottom:26px; background:url(gary.png) repeat-x 0 bottom; text-align:center}

/* HomeSection */
.hometop{ float:left; width:980px; line-height:22px; background:url(vline.gif) repeat-y 428px 0; overflow:hidden;}
.homebtm{
	float:left;
	margin-top:12px;
	padding-top:2px;
	width:980px;
	border-top:none;
	overflow:hidden;
}
.hometop a:link, .hometop a:visited{ color:#1162B3;}
.hometop a:hover{ color:#E37E0F;}

.aboutus{ float:left; padding-right:18px; width:410px; height:230px; overflow:hidden;}
.aboutus h5{ margin:10px -30px 0 0; height:20px; text-align:right; display:block;}
.aboutus h5 a{ float:right; padding:0 30px 0 12px; background:url(icon.gif) no-repeat 0 9px; display:block;}
.intro{ height:195px; overflow:hidden;}

.features{ float:left; /*padding-left:10px;*/ width:970px; height:220px; overflow:hidden;}
.features li{ float:left; margin-left:29px; _margin-left:7px; width:170px; overflow:hidden;}
.features li img{ margin-bottom:10px; width:170px; height:90px;}

.section{ float:left; margin-right:10px; width:250px; overflow:hidden; height:220px;}
.section h2{ height:32px; line-height:32px; font-size:16px; background:url(sprite.png) repeat-x 0 -4px; overflow:hidden;}
.section h2 a:link, .section h2 a:visited, .section h2 a:hover{ color:#FFF;}
.section h2 span{ float:left; padding:0 38px 0 14px; text-shadow:1px 1px 0 #012E5A; display:block;}
.section h2 span.mov{ background:url(sprite.png) no-repeat right -140px; text-shadow:1px 1px 0 #BF6A0D;}
.section ul, .section div.indiv{ padding:8px 10px 10px 12px; height:150px; border:1px solid #DDD; border-top:none; overflow:hidden;}
.section div.indiv{ padding:8px 0 10px 0;}
.section ul{ display:none;}
.section ul.show{ display:block;}
.section ul li{ margin:4px 0; *margin:2px 0; padding-left:10px; font-size:12px; height:20px; background:url(icon.gif) no-repeat 0 -10px; overflow:hidden;}
.section ul li a{ float:left; width:240px; height:20px; overflow:hidden;}
.section ul li span{ float:right; width:68px; text-align:right; font-size:12px; color:#999;}
.section ul li.thumb{ margin-bottom:10px; padding:0 0 20px 0; height:90px; background:url(hline.gif) repeat-x 0 109px; overflow:hidden;}
.section ul li.thumb a{ float:none; width:auto; overflow:visible;}
.section ul li.thumb img{ float:left; margin-top:4px; width:120px; height:90px;}
.section ul li.thumb h4{ float:right; margin-bottom:2px; width:195px; height:20px; font-size:13px; overflow:hidden;}
.section ul li.thumb p{ float:right; width:195px; height:70px; line-height:18px; font-size:12px; color:#666; overflow:hidden;}

.client{ float:right; margin-right:0; width:260px;}
.job-staff{ float:right; margin-right:0; width:720px;}

/* Products */
.products{ width:754px;}
.products h2{ height:32px; line-height:32px; font-size:16px; background:url(sprite.png) repeat-x 0 -4px; overflow:hidden;}
.products h2 span{ float:left; padding:0 38px 0 14px; text-shadow:1px 1px 0 #012E5A; display:block;}
.products ul{ float:left; padding:5px 0px 0px;}
.products ul li{ float:left; width:177px; height:115px; text-align:center; overflow:hidden;padding:5px}
.products ul li img{ padding:2px 2px; width:172px; height:91px; border:1px solid #E5E5E5;}
.products ul li img:hover{ border:1px solid #0D4A88;}
.products ul li h4{ height:25px; line-height:25px; text-align:center; font-size:12px; font-weight:normal;overflow:hidden;} 
.products ul.show{ display:block;}
.products h2 span.mov{ background:url(sprite.png) no-repeat right -140px; text-shadow:1px 1px 0 #BF6A0D;}

/* Cases */
.CaseList{ width:752px;}
.CaseList li{ float:left; width:346px; height:180px; margin:12px 12px 0px 0px; padding:8px; overflow:hidden; border:1px solid #E6E6E6;}
.CaseList li img{ float:left; padding:2px; width:120px; height:130px; border:1px solid #E6E6E6;}
.CaseList li img:hover{ border:1px solid #0D4A88;}
.CaseList li h3{ margin-bottom:1px; height:18px; line-height:18px; font-size:13px; font-weight:bold;}
.CaseList li a.xxx{ display:block; text-decoration:none; font-weight:bold; width:102px; height:25px; background:url(bbb.jpg) no-repeat}

/* Content */
.content{ float:right; width:754px; overflow:hidden;}
.breadcrumb{ margin-bottom:15px; padding:5px 0; color:#787878; background:url(hline.gif) repeat-x 0 bottom;}

/* Archive - Postlist */
.postList{ float:left; padding:0 5px;}
.postList li{ float:left; margin:5px 0; padding-left:12px; height:20px; background:url(icon.gif) no-repeat 0 9px;}
.postList li a{ float:left; width:600px; font-size:13px;}
.postList li span{ float:right; width:78px; text-align:right; color:#999;}

/* Archive - Piclist */
.picList{ float:left; margin-top:10px;}
.picList li{ float:left; width:220px; height:195px; margin-bottom:15px; padding:0 4px 0 8px; overflow:hidden;}
.picList li img{ float:left; padding:2px 2px; width:215px; height:165px; border:1px solid #E6E6E6;}
.picList li h3{ float:left; margin:5px 0px; width:226px; height:18px; line-height:18px; font-size:13px; font-weight:normal; text-align:center; display:block; overflow:hidden;}

/* Single - Post */
.post{ padding:0 10px;}
.post h1{ margin-bottom:5px; padding-bottom:10px; line-height:30px; font-size:26px; font-weight:normal; text-align:center; color:#1162B3; background:url(title.jpg) no-repeat center bottom;}
.post p{ margin-bottom:10px; line-height:300%}
.post .postmeta{ margin-bottom:20px; line-height:16px; color:#999;}
.post .postmeta .metar{ float:right;}
.post .postmeta a:link, .post .postmeta a:visited{ color:#999;}
.post .postmeta a:hover{ color:#0961A7;}
.entry{ width:680px; overflow:hidden;}
.post a:link, .post a:visited{ color:#0961A7;}
.post a:hover{ color:#555;}
.entry img{ max-width:680px; _width:expression(this.scrollWidth > 680 ? "680px" : "auto");}
.entry b{ color:#EF8A30;}
.entry blockquote{ margin:0 20px;}

/* Pagenavi */
.wpagenavi{ margin:15px auto 0; padding-top:10px; width:100%; height:34px; line-height:34px; font-family:Verdana,Geneva,sans-serif; text-align:center; border-top:1px solid #E8E8E8;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 2px; padding:5px 9px; text-decoration:none; color:#666; background:#F0F0EE url(sprite.png) repeat-x 0 -200px;}
.wpagenavi a:hover, .wpagenavi a:active{ color:#FFF; background:#EC5F00 url(sprite.png) repeat-x 0 -172px;}
.wpagenavi a.extend{ color:#454545;}
.wpagenavi a.extend:hover{ color:#FFF !important;}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ color:#FFF; background:#EC5F00 url(sprite.png) repeat-x 0 -172px;}
.postnavi{ margin:0px auto 30px; padding:15px 0px 5px; text-align:center;}
.previous_post, .next_post{ width:300px; height:24px; overflow:hidden;}
.previous_post{ float:left; text-align:left;}
.next_post{float:right; text-align:right;}
.postnavi a:link, .postnavi a:visited{ color:#036; text-decoration:none;}
.postnavi a:hover{ color:#B00; text-decoration:underline;}

/* Relative */
.the_related{ float:left; width:680px;}
.the_related h3{ margin:15px 0px 10px; padding:3px 0px 2px 12px; font-size:14px; color:#1162B3; border-right:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; background:#F0F0EE url(sprite.png) repeat-x 0 -200px; }
.the_related ul{ float:left; margin:5px 0;}
.the_related ul li{ float:left; padding:0 3px 0 8px; width:158px; height:190px; text-align:center; list-style:none; overflow:hidden;}
.the_related ul li img{ margin-bottom:5px; padding:2px 2px; width:150px; height:125px; border:1px solid #DDD;}
.the_related ul li h4{ width:150px; height:30px; line-height:15px; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}

.the_relatednews ul li{ margin-bottom:4px; padding:0 0 6px 25px; width:650px; height:20px; text-align:left; border-bottom:1px dotted #D9D9D9; background:url(icon.gif) no-repeat 12px 9px;}
.the_relatednews ul li a{ float:left; width:560px; height:20px; overflow:hidden;}
.the_relatednews ul li span{ float:right; width:68px; color:#999;}

/* Sidebar */
.sidebar{ float:left; width:250px; color:#FFF; overflow:hidden;}
.sidebar h3{ height:32px; line-height:32px; font-size:15px; font-family:"Microsoft Yahei"; background:url(sprite.png) no-repeat 0 -108px; text-shadow:1px 1px 0 #BF6A0D;}
.sidebar h3 span{ float:left; width:100px; text-align:center; letter-spacing:2px; display:block;}
.sidebar ul{ padding:0;}
.sidebar ul li{ margin-bottom:10px; line-height:22px; background-color:#0D4A88;}
.sidebar ul li ul{ padding:6px 5px 10px 5px; width:235px; overflow:hidden;}
.sidebar ul li ul li{ margin:4px 0; padding-left:15px; height:20px; border:none; background:url(icon.gif) no-repeat 5px -8px; overflow:hidden;}
.sidebar ul li ul li ul{ border:none;}
.sidebar ul li div{ padding:10px 8px;}
.sidebar ul li div img{ margin-bottom:6px;}
.sidebar a:link, .sidebar a:visited{ color:#FFF;}
.sidebar a:hover{ color:#F8A233;}
.sidebar h3 a:hover{ color:#FFF;}

/* SubList */
.sidebar ul li.sublist ul{ padding:10px 5px 4px 0; font-size:14px; font-family:"Microsoft Yahei";}
.sidebar ul li.sublist ul li{ margin:3px 0 0 0; padding:0; width:240px; height:30px; background:url(subline.gif) repeat-x 0 bottom;}
.sidebar ul li.sublist ul li.nbg{ background:none;}
.sidebar ul li.sublist ul a:link, .sidebar ul li.sublist ul a:visited{ padding:3px 0px 7px 28px; height:20px; background:url(icon.gif) no-repeat 10px -25px; display:block;}
.sidebar ul li.sublist ul a:hover, .sidebar ul li.sublist ul li.current-cat a:link, .sidebar ul li.sublist ul li.current-cat a:visited, .sidebar ul li.sublist ul li.current_page_item a:link, .sidebar ul li.sublist ul li.current_page_item a:visited{ color:#CE570F; background:#FEEFE0 url(icon.gif) no-repeat 10px -53px; }

.sidebar ul li.sublist ul li ul{ border:none;}
.sidebar ul li.sublist ul li ul li{ padding-left:10px; width:230px;}

/* Calendar */
#wp-calendar{ margin:5px auto; width:94%;}
#wp-calendar caption{ padding:5px 0px; font-size:14px;}
#wp-calendar th, #wp-calendar td{ padding:2px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E6E6E6; background-color:#F9F9F9;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#FF0242;}
#wp-calendar tbody tr td a:hover{ color:#222;}
#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}
.pad{ border:none !important; background:none !important;}

/* Comments*/
.postComment{ float:left; width:100%; margin:15px 0px 5px; overflow:hidden; }
#addcomment, #comments{ margin:15px 0px 10px; padding:3px 0px 2px 12px; font-size:14px; color:#1162B3; border-right:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; background:#F0F0EE url(sprite.png) repeat-x 0 -200px; }
.post_comment p{ padding:5px 10px; font-size:12px;}
.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }
.commentlist{ width:98%; font-size:12px; clear:both;}
.commentlist li{ margin-bottom:10px; padding-top:5px; border:1px solid #E8E8E8;}
.commentlist li.alt{ border:1px solid #E8EDF0; background-color:#F7F8F9;}
.commentlist li.comment-author-admin{ border:1px solid #FBEDE1; background:#FDF7F2;}
.commentlist li ul{ margin:10px 10px;}
.commentlist li ul.children{ margin:10px 10px;}
.commentlist li p{ padding:5px 10px;}
.commentlist  a:link, .commentlist a:visited{ color:#545454;}
.commentlist a:hover{ color:#1162B3;}

.comment-author{ width:100%; height:24px; line-height:24px; border-bottom:1px solid #ECECEC;}
.commentlist li.comment-author-admin .comment-author{ border-bottom:1px solid #FBEDE1;}
.commentlist li.alt .comment-author{ border-bottom:1px solid #E8EDF0;}
.avatar{ float:left; padding:1px 1px; width:32px; height:32px; border:1px solid #E0E0E0;}
.author_info{ float:left; padding-left:10px; line-height:16px;}
.author_info cite{ font-style:normal; font-weight:bold;}
.author_info em{ font-size:10px; font-style:normal; color:#999;}

.reply{ float:right; margin:-3px 8px 0px 0px;}
#cancel-comment-reply{ float:right; margin-right:10px;}
.reply a, #cancel-comment-reply a{ color:#999;}
.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}

#respond{ padding-bottom:35px;}
#respond p{ width:98%;}
#respond em{ color:#FF0242;}
#author, #email, #url, #comment{ padding:5px 5px; width:45%; border:1px solid #CCC;}
#comment, #gbcomment{ width:98%; height:150px; font-size:12px; overflow-y:scroll;}
#submit{ float:right; margin:0 3px; padding:6px 20px; font-size:14px; font-weight:bold; border:none; color:#FFF; background:#0C4681  url(sprite.png) repeat-x 0 0; cursor:pointer;}
.post_comment .navigation{ width:97%;}
.comment_navi{ text-align:right; padding:5px 15px;}

/* Footer */
.footer{ float:left; margin:15px auto 0; width:100%; border-top:4px solid #E37E0F; color:#DFE7F0; background:#11509D url(bottom.jpg) repeat-x center bottom;}
.foot{ padding-bottom:15px; background:url(ftlogo.gif) no-repeat 40px center;}
.foot p{ line-height:24px; text-align:center;}
.footer a:link, .footer a:visited{ color:#DFE7F0;}
.footer a:hover{ color:#F8A233;}

/* FriendLink */
.friendlink{ margin-top:10px;}
.friendlink h3{ height:30px; line-height:30px; font-size:16px; font-family:"Microsoft Yahei"; text-indent:12px; text-shadow:1px 1px 0 #012E5A; letter-spacing:2px; color:#FFF; background:#013567 url(sprite.png) repeat-x 0 -4px;}
.friendlink ul{ float:left; padding:8px 10px; width:958px; border:1px solid #DDD; border-top:none;}
.friendlink ul li{ float:left; margin:3px 5px; line-height:18px; white-space:nowrap;}
.friendlink ul h4{ display:none;}

/* Footer Page */
.footpage{ width:960px; margin:10px 0; text-align:center;}
.footpage li{ width:1px; padding:0 9px 0 13px; background:url(icon.gif) no-repeat 0 -87px; display:inline; word-break:keep; white-space:nowrap;}
.footpage li.nb{ background:none;}