@charset "utf-8";
/* CSS Document for www.greatwall.net.cn, by WHY, 2009*/

/*for all page*/
html,body {text-align:center;}
body,input,select,textarea,h1,h2,h3,h4,h5,h6,h7,a {font:14px "Tahoma","Arial",sans-serif;line-height:150%;}
strong {font-weight:bold;}
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}
div,p {display:block;overflow:hidden;}
blockquote {margin:0 2em;}
p {margin:0 0 10px 0;}
blockquote p {text-indent:0;}
img {border:0;}
ul,ol,dl {list-style:none;}
ol {list-style: inside decimal; }
li {overflow:hidden; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;}
button {cursor:pointer;}
table,th,td {border-collapse:collapse; width:fixed; word-break:break-all;}
h1,h2,h3,h4,h5,h6 {overflow:hidden;margin:0;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h2 a {margin-right:10px; float:right;}
body {color:#666; overflow-x:hidden; background: url(../images/topBg.jpg) top repeat-x;}
a {text-decoration:none; text-align: left;}
a:link {color:#666;}
a:visited {color:#666;}
a:hover {text-decoration:underline;color:#000;}
.none { display:none; }
.indent { text-indent:2em; }
.floatLeft {float:left;display:inline;}
.floatRight {float:right;display:inline;}
.floatNone {float:none; display:block;}
.clearBoth {clear:both; overflow:hidden; height:0; line-height:0; width:100%; margin:0; padding:0; font-size:0px;}
.margin5px {margin:5px;}
ul.dot01 li {background:url(../images/dot01.gif) left center no-repeat; padding-left:20px; line-height:23px;}
.dotted01 {background:url(../images/dotted01.gif) bottom repeat-x;}
.align-center {text-align:center;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.darkRedFont {color:#cc0000;}
.darkBlueFont {color:#0066cc;}
.darkGreenFont {color:#60981b;}
.blueFont, .blueFont a{color:#36f;}
.redFont, .redFont a, a.redFont {color:#f00;}
.greenFont, .greenFont a a.greenFont {color:#693;}
.hand {cursor:pointer;}

/*for all pages*/
.mainContainer {clear:both; overflow:hidden; width:960px; margin:0 auto 5px; text-align:left;}
.mainContainer2 {clear:both; overflow:hidden; width:960px; margin:0 auto 5px; text-align:left; background: url(../images/bg.jpg) no-repeat center -115px;}
#header {width:972px; height:115px; background:url(../images/cccDefTopBg.gif) center top no-repeat; margin:0 auto; text-align:left;}
#cccLogo {width:741px; height:56px;}
#topTools {padding:24px 0 0 0; width:228px;}
#headerNav {height:58px;}
#footer { border-top:1px solid #f1f1f1; padding:10px 10px 5px 200px; background:url(../images/footerLogo.gif) left no-repeat; font-size:12px;}
#copyright {width:700px;}
.box754 {background:url(../images/box754-bottom.gif) bottom no-repeat; width:754px; overflow:hidden;}
.box754 #box754H {background:url(../images/box754-top.gif) top no-repeat; width:754px; height:35px; border:0; margin:0; padding:0;}
.box754 p {margin:0 20px 10px 20px;}
.bar754x26 {background:url(../images/bar754x26.gif) bottom no-repeat; width:754px; overflow:hidden; height:26px; line-height:26px;}


/*for page index*/
body#sy09 #header {width:972px; height:388px; margin:auto; overflow:hidden; text-align:left;}
#cccProductsShow {height:270px; width:961px; text-align:left; margin-left:4px;}
body#sy09 #sy09-line1 {margin:10px auto; overflow:hidden; width:960px;}
#sy09-kehu {width:280px; height:416px; border-bottom:3px solid #6ba1dd; border-top:3px solid #6ba1dd; margin:0 0 0 10px;}
#sy09-kehu h2 {margin:0;}
#sy09-kehu ol {margin:10px 0 0 0; line-height:25px;}
#sy09-gonggao {width:665px; height:206px; margin-bottom:10px; background:url(../images/cccDefBg1.jpg) top left no-repeat;}
#sy09-gonggao h2 {margin:9px 0 5px 15px;}
#sy09-gonggao h2 a {margin:35px 21px 0 0;}
#sy09-gonggao ul {margin:0 0 0 25px;}
#sy09-rexian {width:665px; height:206px; background:url(../images/cccDefBg2.jpg) top left no-repeat;}
#sy09-rexian h2 {margin:17px 0 0 15px;}
#sy09-rexian ol {margin:3px 0 0 25px; line-height:25px;}
ol li { overflow:visible;}

/*for other pages*/
.ad960x90 {background:#ccc; width:960px; height:90px; overflow:hidden; margin:5px auto;}
#leftGuide {width:188px; text-align:left;  padding-top:21px;}
#rightContent {overflow:hidden;}
#rightContent h3 {width:755px; height:115px; overflow:hidden; margin-bottom:10px;}
#rightContent h4 {width:755px; height:50px;}
#rightContent h5 {height:40px;}
#rightContent #topGuide {text-align:right; width:755px;}
#rightContent #topGuide a {border-left:1px solid #999; border-right:1px solid #999; margin-left:-1px; padding:0 5px;text-align:right; font-size:12px; color: #999;}
body#aboutus-company #rightContent #topGuide a#aboutus-company {font-weight:bold; color: #000;}
body#aboutus-public #rightContent #topGuide a#aboutus-public {font-weight:bold; color: #000;}
body#aboutus-volition #rightContent #topGuide a#aboutus-volition {font-weight:bold; color: #000;}
body#aboutus-organization #rightContent #topGuide a#aboutus-organization {font-weight:bold; color: #000;}
body#aboutus-honour #rightContent #topGuide a#aboutus-honour {font-weight:bold; color: #000;}
#rightContent #mainContent { width:100%;}
#rightContent #mainContent hr {border:1px solid #e6e6e6; height:1px; line-height:1px; overflow:hidden; margin:10px 0;}
body#aboutus-company #mainContent {background:url(../images/introduceBg.jpg) no-repeat right 200px; }
body#aboutus-company #mainContent p {width:660px;}
body#aboutus-company #mainContent p.short {width:480px;}
body#aboutus-public #mainContent {}
body#aboutus-public #mainContent p {}
body#aboutus-volition #mainContent {background:url(../images/gslnBg.gif) no-repeat right center; }
body#aboutus-volition #mainContent p {width:500px;}
#newsToolBar { font-size:12px;}
#newsToolBar #newsSummary {width:50%;}
#newsToolBar #newsSearchBar {width:50%; text-align:right;}
#newsToolBar #newsSearchBar * { vertical-align:middle;}
#newsList {}
#newsList table {width:100%; margin:10px 0;}
#newsList tr {}
#newsList th {height:29px; background:url(../images/bg4x29.gif) repeat-x bottom; border-left:1px solid #8fbbea; border-top:1px solid #8fbbea;  border-right:1px solid #8fbbea; border-bottom:2px solid #dbe9f8; line-height:29px;  padding:0 5px; font-size:12px;}
#newsList td {border-bottom:1px solid #c5c5c5; padding:0 5px; line-height:30px; background:none;}
#newsPg {font-size:12px; text-align:center;}
body#news-latest #rightContent #topGuide a#news-latest {font-weight:bold; color: #000;}
body#news-media #rightContent #topGuide a#news-media {font-weight:bold; color: #000;}
body#news-industry #rightContent #topGuide a#news-industry {font-weight:bold; color: #000;}
body#news-video #rightContent #topGuide a#news-video {font-weight:bold; color: #000;}
body#news-latest #newsList th,body#news-media #newsList th,body#news-industry #newsList th,body#news-video #newsList th {border-left:1px solid #8fdeea; border-top:1px solid #8fdeea;  border-right:1px solid #8fdeea; border-bottom:2px solid #dbf4f8; background-image:url(../images/bg4x29-2.gif);}
body#product-ebusiness #rightContent #topGuide a#product-ebusiness {font-weight:bold; color: #000;}
body#product-callcenter #rightContent #topGuide a#product-callcenter {font-weight:bold; color: #000;}
body#product-valueadded #rightContent #topGuide a#product-valueadded {font-weight:bold; color: #000;}
body#product-software #rightContent #topGuide a#product-software {font-weight:bold; color: #000;}
body#product-callcenter p {text-indent: 0;}
body#product-callcenter .one {width:202px; border-right:1px solid #e6e6e6; float:left; margin-right:10px; height:180px;}
body#product-callcenter .two {width:302px; border-right:1px solid #e6e6e6; float:left; margin-right:10px; height:180px;}
body#product-callcenter .three {width:222px; float:left; height:180px;}
#rightContent .smallF {text-indent: 0; font-size:12px;}
body#product-valueadded p {text-indent: 0;}
body#humanresources-career #rightContent #topGuide a#humanresources-career {font-weight:bold; color: #000;}
body#humanresources-welfare #rightContent #topGuide a#humanresources-welfare {font-weight:bold; color: #000;}
body#humanresources-join #rightContent #topGuide a#humanresources-join {font-weight:bold; color: #000;}
#joinIndexBar {margin:10px auto;}
#joinIndexBar a {margin:0 10px; font-weight: bold; color:#09f;}
#joinIndexBar a:link,#joinIndexBar a:visited,#joinIndexBar a:hover,#joinIndexBar a:active {color:#09f;}
.jobBox {margin:20px auto; width:754px;}
.jobBox h5 {margin: 0 0 0 20px; }
body#successclients #mainContent a {display:block; float:left; background:url(../images/cgalBg.gif) no-repeat; width:239px; height:223px; text-align:center; margin:0 12px 15px 0;}
body#successclients #mainContent a img {display:block; margin:10px auto; border:1px solid #dfdfdf;}
body#contactus #mainContent {border:1px solid #d6d6d6; width:754px;}
body#contactus #mainContent img {float: left; margin:5px;}
body#contactus #mainContent h5 {height:70px;}
body#contactus #mainContent h5 img {border:0; float: left; margin:10px 0;}
body#contactus #mainContent p {border-bottom:1px dashed #d6d6d6; display:block; width:290px;}
body#newsDetail #rightContent {background:#fff;}
#newsDetail #searchLeft {width:0;/*width:206px;*/ text-align:left; background: url(../images/searchLeftBg.gif) top no-repeat left; height:503px; margin-right:30px;}
#newsDetail #searchLeft h4 {height:45px; line-height:45px; text-align:center; margin-bottom:10px; font-weight:bold;}
#newsDetail #searchLeft table {margin:0 20px;}
#newsDetail #searchLeft td {padding:3px;}
#newsDetail #searchLeft td * {font-size:12px;}
#newsDetail #pageOn {width:100%;text-align:left; line-height:30px; height:30px; margin-bottom:10px; background:#eff8ff; border:1px solid #b4defb; font-size:12px;}
#newsDetail #pageOn * {font-size:12px;}
#newsDetail #newsShow {width:auto; margin:auto; /*width:720px; */}
#newsDetail #newsShow h5#newsTitle {background:url(../images/newsTBg.gif) top repeat-x; height:61px; line-height:70px; overflow:hidden; font-weight:bolder; font-size:16px; text-align:center; color:#000; }
#newsDetail #newsShow h6#newsDate { text-align:center; font-size:12px; color:#999;margin:10px 0 20px 0;}
#newsDetail #newsShow #newsContent {margin:0 50px; line-height:180%; /*height:360px; overflow-y:scroll;scrollbar-face-color:#efefef;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#eeeeee;scrollbar-darkshadow-color:#cccccc;scrollbar-shadow-color:#ffffff;scrollbar-arrow-color:#cccccc;scrollbar-track-color:#ffffff;*/}
#newsDetail #newsShow #newsContent p {text-indent:2em;}