/**
* Description：Layout CSS for the website
* Author：Gavin
* E-mail: shengzhizhang@gmail.com
* Created On：2008-10-27
* Last modification On：2010-3-8
**/

/***** Container *****/
#container {
margin:0 auto;
width:1002px;
}

/***** Header *****/
#headTop {
height:77px;
position:relative;
}

/***** Logo *****/
#logo {
left:0;
position:absolute;
top:0;
}

/***** Slogan *****/
#slogan {
position:absolute;
right:0;
top:0;
text-align:right;
}

/***** Banner *****/
#banner, #insideBanner {
overflow:hidden;
text-align:center; 
background:url(bg_banner.jpg) no-repeat 50% 100%;
padding:10px 0 17px 0; 
}
#insideBanner {
padding:0 0 27px 0; 
background-image:url(bg_inside_banner.jpg);
}
#banner img, #insideBanner img{
display:block; 
margin:0 auto; 
}



/***** Main *****/
#main {
overflow: hidden;
text-align:left;
}
#index #main {
background:#F9F8F8 url(bg_main.jpg) repeat-x 0 100%;
padding-bottom:10px; 
}

/***** Sidebar *****/
#sidebar {
float:left;
width:184px;
display:inline; 
margin-left:45px; 
}

/***** Content *****/
#content {
float:right;
width:718px;
display:inline; 
margin-right:10px; 
}

/***** Footer *****/
#footer {
background:url(bg_foot.jpg) repeat-x 0 0;
padding:20px;
text-align:left; 
}
#copyright {
color:#7D7D7D; 
background:url(bg_foot_logo.gif) no-repeat 70px 0;
padding-left:250px; 
line-height:20px;
}

/***** Index modules *****/
.tabs {
position:relative; 
}
.tabs li {
float:left;
}
.tabs span{
position:absolute; 
top:6px;
right:10px;
}
.tabs span a{
background:url(btn_more.gif) no-repeat 0 0;
display:block; 
width:40px; 
height:24px; 
text-indent:-9999em;
}
.tabContent {
display:none; 
}
#tab1 {
border-bottom:3px solid #AA1818; 
background:url(bg_tab1.gif) no-repeat 100% 0;
}
#tab1 li {
background-image:url(bg_tab1_item.gif);
background-repeat:no-repeat;
background-position:-100px 0;
width:100px; 
text-align:center; 
height:33px; 
line-height:33px; 
font-family:"微软雅黑";
color:#303030; 
font-weight:bold;
font-size:13px;
cursor:default;
}
#tab1 li.active {
background-position:0 0;
color:#fff; 
}
#tab2 {
background:url(bg_show.gif) no-repeat 0 0;
padding-top:4px; 
}
#tab2 ul{
background:url(bg_show.jpg) repeat-y 0 0;
}
#tab2 li{
border-right:1px solid #BCBCBC; 
border-bottom:1px solid #BCBCBC; 
height:34px; 
line-height:34px; 
background:url(bg_tab2.jpg) repeat-x 0 0;
font-family:"微软雅黑";
color:#303030; 
font-weight:bold;
font-size:14px;
cursor:default;
padding:0 16px; 
}
#tab2 li.active{
background:none;
border-bottom:none;
padding-bottom:1px; 
}
#columnRight {
float:right;
width:238px; 
display:inline; 
margin-right:10px; 
}
#columnLeft {
float:left;
width:734px; 
display:inline; 
margin-left:10px; 
}
#part1 {
background:url(bg_part1.jpg) repeat-x 0 100%;
margin-top:10px; 
padding:0 0 8px 10px; 
}
#news {
float:left;
width:349px; 
}
.recommended {
background:#F7F7F7;
padding:8px; 
}
.newsImage {
float:left;
width:120px; 
}
.newsImage img{
width:120px; 
}
.newsInfo {
float:right;
width:200px; 
}
.newsInfo strong{
color:#313131;
background:url(listIcon11.gif) no-repeat 0 50%;
padding-left:20px; 
height:24px; 
line-height:24px; 
}
.newsInfo p{
margin:0; 
}
.newsInfo a{
color:#C7261E; 
}
.newsInfo a:hover{
color:#000; 
}
#show {
float:right;
width:360px;
background:url(bg_show.jpg) repeat-y 0 0;
}
#show .content {
height:110px; 
overflow:hidden; 
padding:15px 15px 15px; 
}
#search {
background:url(bg_search.jpg) repeat-y 0 0;
padding:10px 10px 10px 30px; 
}
#search label{
font-family:"微软雅黑";
color:#303030; 
font-weight:bold;
font-size:14px;
}
.textSearch {
padding:2px; 
}
.submitSearch {
border:none; 
outline:none;
width:56px; 
height:25px; 
background:url(bg_submit_search.gif) no-repeat 0 0;
cursor:pointer;
}
#videos {
background:url(bg_video.gif) no-repeat 0 0;
width:238px;
height:262px;
overflow:hidden; 
text-align:center; 
margin-top:4px; 
}
#videos h2, #service h2{
text-indent:-9999em;
height:52px;
line-height:52px; 
color:#fff; 
}
#videos .content{
padding:12px 0 18px 8px; 
}
#service {
background:url(bg_service.gif) no-repeat 0 0;
width:238px; 
height:168px;
margin-top:12px; 
overflow:hidden; 
}
#service a{
color:#FFF; 
}
#service a:hover{
color:#D0170C; 
}
#service h2{
height:36px; 
line-height:36px; 
}
#service .content{
padding:10px; 
color:#CECECE; 
}
#cases{
margin-top:10px; 
}
#cases .title {
position:relative; 
background:url(bg_title_cases.gif) no-repeat 0 0;
height:30px;
line-height:30px;
}
#cases .title h2{
text-indent:-9999em;
}
#cases .title span{
position:absolute; 
top:0;
right:10px;
}
#cases .title span a{
background:url(btn_more.gif) no-repeat 0 0;
display:block; 
width:40px; 
height:24px; 
text-indent:-9999em;
}
#cases .content{
background:#fff;
height:140px; 
padding:10px 10px 5px 10px; 
overflow:hidden; 
}
#marqueeDemo {
width:700px;
height:140px; 
margin:0 auto; 
overflow:hidden; 
background:#fff;
}
#marqueeDemo ul li {
float:left;
text-align:left; 
width:180px;
}
#marqueeDemo ul li img {
display:block; 
width:162px; 
height:113px; 
}
#marqueeDemo ul li span{
display:block; 
height:27px; 
line-height:27px; 
width:162px; 
text-align:center; 
}
#branches {
margin:10px 10px 0; 
}
#branches .content {
background:#fff; 
padding:10px; 
overflow:hidden; 
}
#tab3 {
background:url(bg_branches.gif) no-repeat 0 0;
border-bottom:3px solid #AA1818; 
}
#tab3 li {
background-image:url(bg_tab3_item.gif);
background-repeat:no-repeat;
background-position:-100px 0;
width:100px; 
text-align:center; 
height:25px; 
line-height:25px; 
color:#303030; 
font-size:14px;
cursor:default;
}
#tab3 li.active {
font-weight:bold;
background-position:0 0;
color:#fff; 
}
#branches .tabs span{
top:2px;
}

/***** Sub navigation *****/
#subNav {
margin-bottom:20px;
background:url(bg_sub_nav.gif) repeat-y 0 0;
}
#subMenu {
background:url(bg_sub_nav_bottom.gif) no-repeat 0 100%;
padding:0 0 50px 21px; 
}
#subNav h2 {
font-size:14px;
color:#fff; 
height:58px;
padding:20px 0 0 20px; 
line-height:32px;
text-align:left;
background:url(bg_sub_nav_top.gif) no-repeat 0 0;
margin-bottom:10px; 
}
#subNav ul li {
float:left;
font-size:12px;
width:100%;
}
#subNav ul ul {
display:none;
padding:6px 0; 
}
#subNav ul li a {
background:url(bg_sub_nav_item_off.gif) no-repeat 0 0;
display:block;
line-height:29px;
padding:0 0 0 30px;
width:100px; 
}
#subNav ul li a.current{
color:#fff; 
width:133px; 
background-image:url(bg_sub_nav_item_on.gif);
}
#subNav ul li li{
margin-bottom:2px; 
}
#subNav ul li li a {
background:#EFEFEF; 
line-height:16px; 
padding:4px 0 4px 20px;
width:113px; 
color:#000; 
}
#subNav ul li li a.current{
color:#D0170C;
width:113px; 
background-image:none;
}
#subNav ul li li a:hover{
color:#D0170C; 
}
#subNav ul li li li a, #subNav ul li li li a.current{
padding-left:30px; 
width:103px; 
}

/***** Inside Pages *****/
#crumbs span{
height:16px;
line-height:16px; 
text-align:right; 
float:right;background:url(icon_crumbs.gif) no-repeat 0 50%;
padding-left:20px; 
}
#crumbs a {
display:inline-block; 
background:url(listIcon12.gif) no-repeat 0 50%;
padding-left:15px; 
}
#mainTitle {
background:url(bg_main_title.gif) no-repeat 0 0;
height:36px; 
line-height:26px; 
padding-left:36px; 
}
#mainTitle h2{
font-size:18px;
color:#434343; 
font-family:"微软雅黑";
}
#function {
padding:20px 10px;
min-height: 480px;
height: auto !important;
height: 480px;
overflow: visible;
}

/***** Product list *****/
.productList {
text-align:center;
}
.productList li {
background:url(bg_case_list.jpg);
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
padding:28px 0; 
border-right:1px solid #fff; 
vertical-align: top;
zoom:1;
width:348px;
min-height:100px;
_height: 100px;
}
.productList a {
display:block; 
margin:0 auto;
width:258px; 
}
.productList a:hover{
background:#CF170B; 
}
.productList a img {
display:block; 
border:#ddd 1px solid;
padding:3px;
background:#fff; 
width:250px;
height:185px; 
}
.productList a:hover img {
border-color:#CF170B;
background:#CF170B; 
}
.productList a span {
cursor:pointer;
display:block;
overflow:hidden;
text-align:center;
color:#333;
margin:0 auto;
line-height:16px;
padding:6px 0; 
}
.productList a:hover span {
color:#fff;
}
.productList02 li{
width:33.3%; 
padding:0; 
border:none;
background:none; 
}
.productList02 a{
width:93px; 
}
.productList02 a img{
border-color:#fff; 
padding:0; 
width:91px; 
height:65px; 
}
.productList02 a span{
padding:4px 0; 
}
.productList03 li{
width:138px; 
height:179px; 
padding:0; 
background-image:url(bg_case_list2.jpg);
}
.productList03 a{
width:97px; 
margin-top:20px; 
}
.productList03 a:hover{
background:none;
}
.productList03 a img{
width:89px; 
height:109px; 
}
.productList03 a:hover span{
color:#D0170C; 
}

/***** News list *****/
.newsList {
margin:0 auto;
}
.newsList li {
float:left;
line-height:18px;
padding:12px 0;
position:relative;
text-align:left;
width:100%;
font-size:14px;
background:url(listDiv01.gif) repeat-x 0 100%;
}
.newsList li a {
background:url(listIcon03.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
display:block; 
width:500px;  
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
top:10px;
font-size:12px;
}
.newsList02 li{
padding:8px 0; 
line-height:14px;
}
.newsList02 li a{
width:auto; 
background:url(listIcon02.gif) no-repeat 0 0;
*background-position:0 -2px;
font-size:12px;
}
.newsList02 li span{
font-size:11px; 
top:6px;
}
#function .recommended {
padding:28px; 
margin-bottom:20px; 
}
#function .newsImage{
width:192px; 
}
#function .newsInfo{
width:420px; 
}
#function .newsInfo strong{
font-size:16px;
font-weight:normal;
line-height:22px;
padding:6px 0 6px 20px; 
height:auto; 
display:block; 
background-position:0 8px;
}
#function .newsInfo p{
font-size:14px;
}
#function .newsImage img{
width:184px; 
background:#fff; 
padding:3px; 
border:1px solid #D9D9D9; 
}
#function .newsImage2 img{
height:auto; 
}

/***** Pagination *****/
.pagination {
height:22px;
margin:15px 0;
background:#F7F7F7; 
padding:8px; 
}
.pagination span, .pagination a {
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:2px;
padding:0 4px;
}
.pagination a:hover {
background:#D0170C;
color:#fff;
}
.pagination .current {
color:#D0170C;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}

/***** Question list *****/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
.questionList dd, .jobList dd {
border:#ccc 1px solid;
padding:6px 10px;
}

/***** Video list *****/
td.videoList a {
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}
div.videoShow {
background:#fff;
border:solid 1px #eee;
margin:0 auto;
padding:10px;
text-align:center;
width:80%;
}
div.videoShow h4 {
background:url(videoIcon.jpg) no-repeat left 50%;
font-size:14px;
height:50px;
line-height:50px;
margin:0 auto;
padding-left:25px;
text-align:left;
width:80%;
}

/***** Search result list *****/
#mainContentSearch {
margin:30px;
}
.searchTitle {
background:#f8f8f8;
border:1px solid #ddd;
border-width:1px 0;
line-height:22px;
padding:0 10px;
}
.searchTitle a {
background:url(listImg.gif) no-repeat right 50%;
padding-right:10px;
}
#mainContentSearch strong {
padding-left:2em;
}
.resultTopicTitle {
}
#mainContentSearch .newsList {
width:100%;
}

/***** Webmap *****/
#webmap {
padding:20px 20px 20px 80px;
}
.mapList ul {
margin-left:40px; 
margin-bottom:3px;
padding-bottom:12px; 
background:url(ulBg.gif) repeat-y 0 0;
}
.mapList ul ul{
padding:0; 
}
.mapList ul li{
line-height:19px;
margin-top:5px; 
float:left;
width:100%; 
}
.mapList li a{
height:19px; 
line-height:19px; 
display:inline-block; 
background:url(webmapBg.gif) no-repeat 100% -19px;
}
.mapList li a span{
display:inline-block; 
height:19px; 
line-height:19px; 
background:url(webmapBg.gif) no-repeat 0 -57px;
padding:0 20px 0 40px; 
cursor:pointer;
white-space:nowrap;
}
.mapList li a:hover{
background-position:100% 0;
}
.mapList li a:hover span{
background-position:0 -38px;
}
.mapList li a.firstItem{
background-position:100% 0;
}
.mapList li a.firstItem span, .mapList li a.firstItem:hover span{
background-position:-19px -38px;
padding:0 20px; 
}
.mapList li a.lastChild span{
background-position:0 -95px;
}
.mapList li a.lastChild:hover span{
background-position:0 -76px;
}

/***** Article *****/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
line-height:28px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}

/***** Related news list *****/
.relatedNews {
padding:10px;
}
.relatedNews h3 {
font-size:14px;
margin-bottom:8px;
}
.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}

/***** Product details *****/
#largeImage {
text-align:center;
margin:0 auto;
border:1px solid #ddd;
padding:4px;
width:424px; 
position:relative; 
}
#largeImage img{
width:424px; 
display:block; 
}
#caseDetails {
background:#F6F6F6; 
width:432px; 
border:1px solid #E9E9E9; 
margin:8px auto 0;
}
#caseDetails h1{
font-size:16px;
color:#D0170C; 
font-weight:normal;
height:36px; 
line-height:36px; 
padding-left:20px; 
}
#caseDetails .description{
padding:0 20px 10px 20px; 
}
#caseDetails .pagination {
background:#EFEFEF;
margin:0; 
}

.btnPrev, .btnNext {
background-image:url(btnArrow.png);
background-repeat:no-repeat;
width:56px;
height:123px;
position:absolute;
top:100px;
z-index:100;
}
.btnPrev {
backgroun-position:0 0;
left:-100px;
}
.btnNext {
background-position:0 -246px;
right:-100px;
}
.btnPrev:hover {
background-position:0 -123px;
}
.btnNext:hover {
background-position:0 -369px;
}

/***** Staff *****/
.staffImage {
float:left;
width:246px; 
}
.staffImage img{
width:238px; 
padding:3px; 
border:1px solid #ddd; 
}
.staffInfo {
float:right;
width:396px; 
display:inline; 
margin-right:20px; 
}
.staffInfo h2{
font-size:16px;
font-weight:normal;
color:#D0170C; 
padding-left:30px; 
line-height:24px; 
}
.staffInfo h2 span{
font-size:12px;
display:block; 
color:#626262; 
}
.staffInfo .staffDescription{
color:#494746;
border-top:3px solid #D0170C; 
background:#F9F9F9;
min-height: 300px;
height: auto !important;
height: 300px;
overflow: visible;
margin-top:10px; 
padding:20px 30px; 
}
.staffInfo .staffDescription p{
margin:1em 0; 
}
.staffPagination {
text-align:center; 
background:#F7F7F7;
line-height:20px;
padding:6px 0;
margin-top:10px; 
font-family:Verdana, Geneva, sans-serif;
}
.staffPagination a{
display:inline-block; 
margin:0 10px; 
}

/***** Form elements *****/
fieldset {
border:none;
padding-left:60px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:20px;
margin-right:1em;
text-align: left;
}
fieldset li .tips {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:2px;
width:300px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
/*.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #ddd;
}*/

/***** pageNav *****/
.pageNav {
padding:20px;
text-align:center; 
}

/***** Default buttons *****/
button { 
position: relative;
border: 0; 
padding: 0;
height:24px; 
vertical-align:middle;
cursor: pointer;
overflow: visible; /* Remove the self-propagation of the width in Internet Explorer */
}
button::-moz-focus-inner {
border: none;  /* Additional padding covering Firefox */
}
button span, .pageNav a span { 
position: relative;
display: inline-block; 
white-space: nowrap;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* To amend the margin of Safari and Chrome */
button span {
margin-top: -1px;
}
}

/* Customize buttons: */		
.defaultBtn { 
padding: 0 10px 0 0; 
margin-right:5px; 
font-size:12px; 
font-family:Verdana, Geneva, sans-serif;
text-align: center; 
background: transparent url(btn_default_bg.gif) no-repeat 100% -60px; 
display:inline-block;
height:24px; 
}
.defaultBtn span {
padding: 5px 0 0 10px; 
height:19px; 
background: transparent url(btn_default_bg.gif) no-repeat 0 0; 
color:#445560; 
}
.defaultBtn:hover, .defaultBtnHover { /* Extra defaultBtnHover for IE6 */
background-position: 100% -90px; 
}
.defaultBtn:hover span, .defaultBtnHover span {
background-position: 0 -30px;
color:#052028; 
}

/***** Member *****/
#member {
position:relative;
width:100%;
}

/***** Member tools *****/
.toolbar {
position:absolute;
right:0;
text-align:right;
top:0;
background:#fff;
}
#toolbarHandler {
text-align:center;
position:absolute;
right:0;
top:0;
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
height:24px;
line-height:24px;
overflow:hidden;
width:80px;
}
#toolbarHandler img, .toolbar ul a img {
vertical-align:middle;
}
#toolsList {
text-align:left;
display:none;
}
.toolbar ul {
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
padding-top:25px;
width:150px;
}
.toolbar ul li {
float:left;
width:100%;
border-bottom:1px solid #C1D7E4;
}
.toolbar ul a {
display:block;
height:34px;
line-height:34px !important;
overflow:hidden;
}