body { margin: 0px; font-family:Candara,Verdana, Arial, Helvetica, sans-serif; } * {margin:0; padding:0; border:0; } p { color:#444; font-size:12px; font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana; line-height:1.7em; padding-bottom:10px; } h1{ color:#364149; font-family:Arial, Helvetica, sans-serif; font-size:29px; padding-bottom:8px;} h2 { color:#364149; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding-bottom:6px; } h3 { color:#364149; font-size:14px; font-family:Candara,Verdana, Arial, Helvetica, sans-serif; padding-bottom:6px;} h4 {color:#364149; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-bottom:6px;} h5 {color:#5E6B78; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:6px;} img { border:0;} a{ color:#9A9A9A; text-decoration: none; outline: none; } a:hover{ color:#285CE4; text-decoration: none;} #index-h1{ color:#364149; font-family:Arial, Helvetica, sans-serif; font-size:33px; text-align:center; padding-bottom:8px;} .style-down{ font-size:11px; line-height:1.1em; color:#5E6B78; font-style: italic;} .style-down-2{ font-size:10px; color:#979797; padding-bottom:6px;} .clear-all{ clear:both; height:17px;} .www-h3{ padding:13px 0 6px 0;} body{ background:transparent url(../images/mian-bg-all.jpg) repeat-x scroll 0 -33px; background-color:#FCFCFC;} #container{ width:980px; margin:0 auto; height:auto; padding-bottom:60px; } #helpPanel{ postion: relative; padding: 0pt; display: none; width: 980px; margin:0 auto; } /*-----------------ul --------------------*/ ul{} ui li{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-right:10px; list-style-type: none;} ui li a{ color:#717171; font-size:12px; } ui li a:hover{ } .navbottom li{font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-right:10px; list-style-type: none; } .navbottom li a{ color:#878787; font-size:11px; } .navbottom li a:hover{ color:#4E4E4E;} .navbottom .ppa{ margin: 0 0 1px 0; height: 18px; padding-left: 13px; background:url(../images/icons/arrow.gif) no-repeat 0px 0px; border:0; list-style-type: none;} .navbottom-2 li{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-right:10px; list-style-type: none; } .navbottom-2 li a{ color:#43A6D8; font-size:11px; } .navbottom-2 li a:hover{ color:#C54D11;} .navbottom-2 .ppa{ margin: 0 0 1px 0; height: 18px; padding-left: 13px; background:url(../images/icons/arrow-b.gif) no-repeat 0px 0px; border:0; list-style-type: none;} /*-----------------header --------------------*/ #header{ height:70px; background:transparent url(../images/main.jpg) no-repeat scroll 0 -543px;} #logo-top{ float:left; width:201px; height:70px; background:transparent url(../images/main.jpg) no-repeat scroll 0 -614px; } #logo-top .logo-top-p{text-indent:-9000px; font-size:11px; color:#fff;} .top_on { margin-left:489px; width:484px; height:18px; } .top_on_p{ text-indent:-9911px; font-size:11px; color:#fff;} .top_on a{background:transparent url(../images/main.jpg) no-repeat scroll 0 -719px; width:484px;height:18px;display:block;} .top_on a:hover{background:transparent url(../images/main.jpg) no-repeat scroll 0 -738px;} #contact-ul {margin:0; padding:0;} #contact-ul li{display:inline;} #contact-ul li a{ background:url(../images/main.jpg) no-repeat scroll 0 -719px;; float:left; overflow: hidden; width:484px; text-indent:-9000px; font-size:11px; color:#fff; } #contact-ul li a:hover{ background:url(../images/main.jpg) no-repeat scroll 0 -738px;; float:left; overflow: hidden; width:484px; } /*-----------------nav --------------------*/ #nav-left{ float:left; width:156px; height:33px;background:transparent url(../images/main.jpg) no-repeat scroll 0 -685px;} #nav-right{ } #header-bottom{ height:33px; } #globalnav {margin:0; padding:0;} #globalnav li{display:inline;} #globalnav li a{ background-image:url(../images/globalnavbg.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:38px; width:134px; } #gn-right{ background-image:url(../images/globalnavbg.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:38px; width:46px;} #gn-right{ background-position:100% 0; position:absolute; width:46px;} #globalnav li#gn-home a{ background-position: 0 0;} #globalnav li#gn-home-2 a{ background-position: 0 -42px;} #globalnav li#gn-showcase a{ background-position: -134px 0;} #globalnav li#gn-about a{ background-position: -268px 0;} #globalnav li#gn-services a{ background-position: -402px 0;} /*--#globalnav li#gn-faq a{ background-position: -464px 0;}--*/ #globalnav li#gn-download a{ background-position: -536px 0;} #globalnav li#gn-blog a { background-position: -670px 0;} #globalnav li#gn-blog-2 a { background-position: -670px -42px;} #globalnav li#gn-home a:hover{ background-position:0 -42px; } #globalnav li#gn-home a:active{ background-position:0 -84px;} #globalnav li#gn-showcase a:hover{ background-position:-134px -42px; } #globalnav li#gn-showcase a:active{ background-position:-134px -84px;} #globalnav li#gn-about a:hover{ background-position:-268px -42px;} #globalnav li#gn-about a:active{ background-position:-268px -84px;} #globalnav li#gn-services a:hover{ background-position:-402px -42px;} #globalnav li#gn-services a:active{ background-position:-402px -84px;} /*-- #globalnav li#gn-faq a:hover{ background-position:-464px -42px;} #globalnav li#gn-faq a:active{ background-position:-464px -84px;} --*/ #globalnav li#gn-download a:hover{ background-position:-536px -42px;} #globalnav li#gn-download a:active{ background-position:-536px -84px;} #globalnav li#gn-blog a:hover{ background-position:-670px -42px;} #globalnav li#gn-blog a:active{ background-position:-670px -84px;} /*-----------------search --------------------*/ #search{ float:right; margin-top:16px; padding-right:43px;} form { display:inline; } .search-go{ } .search-go .input {color:#E0E0E0; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:1.3em; width:100px; padding-left:5px; } .search-go input { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border:medium none; height:18px; text-align:left; margin-left:8px; padding-top:1px; } .search-go .search-w {outline: none; cursor:pointer; width:28px; } /*-----------------showcase --------------------*/ #showcase{ width:912px; margin:0 auto; padding-right:9px;} /*-----------------center-bar --------------------*/ #center-bar{ clear:both; width:906px; margin:0 auto; position:relative; margin-top:3px; margin-bottom:7px; height:149px; background:transparent url(../images/main.jpg) no-repeat scroll 0 -393px;} #center-bar .center-bar-left{ float:left; width:302px; margin:15px 0 0 0;} #center-bar .center-bar-center{ float:left; width:302px; margin:15px 0 0 0;} #center-bar .center-bar-right{ float:right; width:302px; margin:15px 0 0 0;} #center-bar .center-bar-left .cbl-bg-img-left{ float:left; width:119px; height:117px; margin:1px 2px 3px 4px; background:transparent url(../images/main-2.png) no-repeat scroll 0 0px; } #center-bar .center-bar-center .cbl-bg-img-center{ float:left; width:100px; height:117px; margin:1px 2px 3px 4px; background:url(../images/creation.png) no-repeat;} #center-bar .center-bar-right .cbl-bg-img-right{ float:left; width:119px; height:117px; margin:1px 2px 3px 4px; background:url(../images/offering.png) no-repeat;} #center-bar .center-bar-left p{ line-height:1.5em; font-size:13px; color:#4B5F71; } #center-bar .center-bar-center p{ line-height:1.5em; font-size:13px; color:#4B5F71; } #center-bar .center-bar-right p{ line-height:1.5em; font-size:13px; color:#4B5F71; } #center-bar .center-bar-left .cbl-bg-img-left p{ text-indent:-9000px; } #center-bar .center-bar-center .cbl-bg-img-center p{ text-indent:-9000px;} #center-bar .center-bar-right .cbl-bg-img-right p{ text-indent:-9000px;} #center-bar .center-bar-left .cbl-bg-img-left a{ display:block; width:119px; height:117px; outline: none;} #center-bar .center-bar-center .cbl-bg-img-center a{ display:block; width:119px; height:117px; outline: none;} #center-bar .center-bar-right .cbl-bg-img-right a{ display:block; width:119px; height:117px; outline: none;} #center-bar .center-bar-left .cbl-bg-img-left-more { position:absolute; top:98px; left:125px;} #center-bar .center-bar-left .cbl-bg-img-left-more a{ float:left; width:82px; height:21px; background:transparent url(../images/readmore.png) no-repeat scroll 0 0; text-indent:-9000px;} #center-bar .center-bar-left .cbl-bg-img-left-more a:hover{ float:left; width:82px; height:21px; background:transparent url(../images/readmore.png) no-repeat scroll 0 -22px; text-indent:-9000px;} #center-bar .center-bar-center .cbl-bg-img-center-more { position:absolute; top:98px; left:409px;} #center-bar .center-bar-center .cbl-bg-img-center-more a{ float:left; width:82px; height:21px; background:transparent url(../images/readmore.png) no-repeat scroll 0 0; text-indent:-9000px;} #center-bar .center-bar-center .cbl-bg-img-center-more a:hover{ float:left; width:82px; height:21px; background:transparent url(../images/readmore.png) no-repeat scroll 0 -22px; text-indent:-9000px;} #center-bar .center-bar-right .cbl-bg-img-right-more { position:absolute; top:98px; left:729px;} #center-bar .center-bar-right .cbl-bg-img-right-more a{ float:left; width:82px; height:21px; background:transparent url(../images/readmore.png) no-repeat scroll 0 0; text-indent:-9000px;} #center-bar .center-bar-right .cbl-bg-img-right-more a:hover{ float:left; width:82px; height:21px; background:transparent url(../images/readmore.png) no-repeat scroll 0 -22px; text-indent:-9000px;} /*-----------------wer --------------------*/ #wer{clear:both; width:904px; margin:0 auto; height:160px; background-color:EDF0F2; border:1px dashed #A9AFB7; position:relative; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #wer .wer-title{ height:33px; border-bottom:1px dashed #A9AFB7; background-color:#C9D1DA;} #wer .wer-title .wt-left{ float:left; width:302px;} #wer .wer-title .wt-center{ float:left; width:302px;} #wer .wer-title .wt-right{ float:right; width:302px;} #wer .wer-title .wt-left .overlap2{ left:16px; position:absolute; top:6px; width:200px; } #wer .wer-title .wt-left .overlap{ left:16px; position:absolute; top:5px; width:200px;} #wer .wer-title .wt-center .overlap2{ left:314px; position:absolute; top:6px; width:200px; } #wer .wer-title .wt-center .overlap{ left:314px; position:absolute; top:5px; width:200px;} #wer .wer-title .wt-right .overlap2{ left:618px; position:absolute; top:6px; width:196px; } #wer .wer-title .wt-right .overlap{ left:618px; position:absolute; top:5px; width:196px;} .owhat{ font-size:20px; padding-right:6px;} #wer .overlap2 h4{ color:#fff; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;} #wer .overlap h4 { color:#4B5F71; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;} #wer .wer-bottom{ height:126px;} #wer .wer-bottom .wb-left{ float:left; width:302px;} #wer .wer-bottom .wb-center{ float:left; width:302px;} #wer .wer-bottom .wb-right{ float:right; width:298px;} #wer ul{ padding:10px 0 0 38px;} #wer li { list-style-type: none; background:transparent url(../images/main-3.gif) no-repeat scroll 0px 0px; padding-left:14px; line-height:1.6em;} #wer li a{ font-size:12px; text-decoration: none; color:#7C7F82; font-weight:300; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif; } #wer li a:hover{ color:#929699;} #wer .wer-ui { background-position:0 5px; } #wer .wer-ic { background-position:0 5px; } #wer .wer-web { background-position:0 5px; } #wer .wer-ill { background-position:0 5px; } #wer .wer-tw { background-position:0 5px; } #wer .wer-blog { background-position:0 5px; } #wer .wer-link { background-position:0 5px; } #wer .wer-upload { background-position:0 5px; } .wer{clear:both; width:904px; margin:0 auto; height:145px; background-color:EDF0F2; border:1px dashed #A9AFB7; position:relative; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} .wer .wer-title{ height:33px; border-bottom:1px dashed #A9AFB7; background-color:#C9D1DA;} .wer .wer-title .wt-left{ float:left; width:302px;} .wer .wer-title .wt-center{ float:left; width:302px;} .wer .wer-title .wt-right{ float:right; width:302px;} .wer .wer-title .wt-left .overlap2{ left:16px; position:absolute; top:6px; width:200px; } .wer .wer-title .wt-left .overlap{ left:16px; position:absolute; top:5px; width:200px;} .wer .wer-title .wt-center .overlap2{ left:314px; position:absolute; top:6px; width:200px; } .wer .wer-title .wt-center .overlap{ left:314px; position:absolute; top:5px; width:200px;} .wer .wer-title .wt-right .overlap2{ left:618px; position:absolute; top:6px; width:196px; } .wer .wer-title .wt-right .overlap{ left:618px; position:absolute; top:5px; width:196px;} .wer .overlap2 h4{ color:#fff; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;} .wer .overlap h4 { color:#4B5F71; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;} .wer .wer-bottom{ height:111px;} .wer .wer-bottom .wb-left{ float:left; width:302px;} .wer .wer-bottom .wb-center{ float:left; width:302px;} .wer .wer-bottom .wb-right{ float:right; width:298px;} .wer ul{ padding:10px 0 0 38px;} .wer li { list-style-type: none; background:transparent url(../images/main-3.gif) no-repeat scroll 0px 0px; padding-left:14px; line-height:1.6em;} .wer li a{ font-size:12px; text-decoration: none; color:#7C7F82; font-weight:300; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif; } .wer li a:hover{ color:#929699;} .wer .wer-ui { background-position:0 5px; } .wer .wer-ic { background-position:0 5px; } .wer .wer-web { background-position:0 5px; } .wer .wer-ill { background-position:0 5px; } .wer .wer-tw { background-position:0 5px; } .wer .wer-blog { background-position:0 5px; } .wer .wer-link { background-position:0 5px; } .wer .wer-upload { background-position:0 5px; } .wer-upload-title{ font-size:10px; color:#939699; font-weight:300;} /*------------------------------------footer-------------------*/ #footer{ clear:both; height:31px; width:904px; border:1px dashed #BABABA; background:transparent url(../images/mian-bg-all.jpg) repeat-x scroll 0 0; margin:0 auto; margin-top:0px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} .copyright{ float:left; width:500px; padding-left:17px;} .partner{ float:right; padding-right:17px;} #footer .partner p{ color:#9A9A9A;} #footer p{ font-size:11.2px; color:#A0A0A0; padding:6px 0 0 0;} #footer a{ color:#737373;} #footer a:hover{ color:#285CE4;} .news-Cont-day-p{ color:#868A8D; font-family:Tahoma,Verdana,Segoe,sans-serif; font-size:10px; outline:medium none; text-decoration:none; text-transform:uppercase;} .links-text a{ text-decoration: none; } .links-text a:hover{ text-decoration: underline; } #links-a a{ color:#0067BE; text-decoration: underline; } #links-a a:hover{ text-decoration: none; }