* {
padding : 0;
margin : 0;
list-style : none;
text-decoration : none;
outline : 0;
outline : none;
}
.clr {
padding : 0;
clear : both;
font-size : 11px;
color : #ffffff;
}
body {
font-size : 11px;
padding : 0;
margin : 0;
width : 100%;
height : 100%;
font-family : Tahoma;
background : #323232;
}
#container {
width : 966px;
margin : auto;
line-height : 15px;
text-align : justify;
}
.logo {
width : 303px;
float : left;
text-align : right;
height : 94px;
}
.header {
width : 966px;
background : #d6d6d6 url(../images/header_bg.jpg) no-repeat center bottom;
float : left;
height : 94px;
}
.sd_bar {
background : url(../images/solutions.png) no-repeat left top;
}
.topright {
height : 76px;
padding-top : 10px;
float : right;
width : 220px;
font-family : tahoma;
font-size : 11px;
}
.topright .tophome a {
height : 12px;
padding-top : 37px;
text-align : center;
float : left;
color : #333333;
width : 65px;
background : url(../images/home-icon-hover.jpg) no-repeat center top;
}
.topright .tophome a:hover {
height : 46px;
text-align : center;
float : left;
width : 65px;
background : url(../images/home-icon.jpg) no-repeat center top;
}
.topright .sitemap a {
height : 12px;
padding-top : 37px;
text-align : center;
float : left;
color : #333333;
width : 65px;
background : url(../images/sm.jpg) no-repeat center top;
}
.topright .sitemap a:hover {
height : 46px;
text-align : center;
float : left;
width : 65px;
background : url(../images/sm-hover.jpg) no-repeat center top;
}
.topright .contact a {
height : 12px;
padding-top : 37px;
text-align : center;
float : left;
color : #333333;
width : 65px;
background : url(../images/contact-hover.jpg) no-repeat center top;
}
.topright .contact a:hover {
height : 46px;
text-align : center;
float : left;
width : 65px;
background : url(../images/contact.jpg) no-repeat center top;
}
.flash {
height : 250px;
float : right;
width : 954px;
}
.images {
border : 2px solid #999900;
}
.leftnav {
width : 525px;
color : #ffffff;
height : 56px;
line-height : 36px;
text-decoration : none;
text-align : center;
float : right;
}
.leftnav .linkscolor {
font-weight : bold;
font-size : 15px;
text-align : center;
text-transform : uppercase;
font-family : tahoma;
}
.leftnav ul {
float : left;
}
.leftnav ul li {
float : left;
padding-left : 8px;
padding-right : 8px;
}
.leftnav li a {
text-align : right;
color : #b3d4fb;
text-decoration : none;
}
.leftnav li a:hover {
color : #ff33ff;
}
.content {
background : transparent url("../images/back1_30.jpg") repeat-x scroll left top;
color : #cccccc;
padding : 0 0 0 8px;
width : 945px;
}
.content .left_p {
width : 555px;
padding-top : 20px;
float : left;
color : #cccccc;
font-family : Arial;
font-size : 11px;
font-weight : normal;
line-height : 17px;
padding-bottom : 15px;
}
.weldiv {
width : 540px;
float : left;
padding-bottom : 30px;
margin-top : 14px;
border-bottom : 1px dashed #cccccc;
}
.weldiv p {
width : 350px;
float : left;
}
.ind_div {
width : 930px;
float : left;
padding-bottom : 30px;
margin-top : 14px;
}
.ind_div p {
width : 530px;
float : left;
}
.rt_pic1 {
width : 370px;
height : 220px;
float : right;
padding : 6px;
border : 1px solid #cccccc;
}
.port {
width : 809px;
float : left;
background : #c0c0c0;
}
.port .main_pdiv strong {
color : #000000;
}
.port .main_pdiv {
width : 200px;
height : 215px;
float : left;
padding-left : 32px;
padding-right : 30px;
padding-bottom : 30px;
}
.privacy a {
font-size : 13px;
}
.privacy p {
color : #ffffff;
font-size : 11px;
}
.privacy strong {
color : #ffffff;
font-size : 11px;
}
.privacy tr td {
color : #ffffff;
font-size : 11px;
}
.bdrss {
border-top : 1px solid #333;
margin-top : 6px;
margin-bottom : 6px;
}
.privacy .style4 {
color : #000;
}
.privacy .style4 a {
color : #000;
}
.port_text {
color : #333333;
font-family : Arial;
font-size : 13px;
font-weight : normal;
text-align : center;
}
.partner {
width : 920px;
float : left;
background : #ffffff;
padding : 15px 5px;
color : #000000;
margin-top : 14px;
}
.partner p {
padding : 10px;
padding-bottom : 25px;
}
.partner strong {
color : #000000;
}
.privacy li {
list-style-type : disc;
margin-left : 10px;
line-height : 15px;
}
.privacy a {
color : #cccccc;
}
.privacy a:hover {
color : #ff3300;
text-decoration : underline;
}
.privacy {
width : 920px;
float : left;
padding : 15px 5px;
color : #cccccc;
}
.privacy p {
padding-bottom : 25px;
}
.privacy strong {
line-height : 19px;
}
.privacy strong a:hover {
color : #ff3300;
line-height : 25px;
}
.rt_pic {
width : 165px;
float : right;
}
.rt_pic2 {
width : 165px;
float : left;
}
.leader {
width : 550px;
float : left;
padding-bottom : 10px;
margin-top : 12px;
}
.leader p {
width : 350px;
float : right;
}
.rd-btn a {
width : 70px;
padding-left : 20px;
line-height : 33px;
font-weight : bold;
color : #ffffff;
height : 35px;
float : right;
background : transparent url(../images/rd.png) no-repeat left top;
}
.rd-btn a:hover {
width : 70px;
padding-left : 20px;
line-height : 33px;
color : #ffffff;
height : 35px;
float : right;
background : transparent url(../images/rd-hover.png) no-repeat left top;
}
.content .right_p {
width : 360px;
float : right;
padding-top : 10px;
padding-bottom : 10px;
}
.textbox {
width : 155px;
height : 33px;
line-height : 13px;
float : left;
padding-top : 10px;
text-align : right;
color : #cccccc;
}
.textbox input {
border : 1px solid #cccccc;
height : 27px;
background : #333333;
width : 147px;
color : #999999;
font-size : 11px;
}
.go {
width : 25px;
height : 33px;
float : left;
padding-top : 9px;
}
.textmail {
width : 101px;
height : 23px;
line-height : 13px;
float : left;
padding-top : 10px;
text-align : right;
color : #cccccc;
}
.latest {
float : left;
height : 104px;
padding-left : 30px;
padding-top : 40px;
width : 325px;
border-bottom : 1px dashed #cccccc;
background : transparent url(../images/latest.jpg) no-repeat left top;
}
.latest a {
color : white;
}
.news {
float : left;
height : 25px;
padding-left : 40px;
padding-top : 30px;
color : #333333;
width : 305px;
background : transparent url(../images/news.jpg) no-repeat left top;
}
.main_news {
width : 355px;
float : left;
padding-top : 18px;
}
.main_news p {
width : 250px;
float : left;
color : #cccccc;
}
.main_news .red-btn a {
width : 60px;
padding-right : 20px;
line-height : 19px;
font-weight : normal;
text-align : right;
color : #ffffff;
height : 25px;
float : right;
background : transparent url(../images/sm_rd.jpg) no-repeat left top;
}
.main_news .red-btn a:hover {
width : 60px;
padding-right : 20px;
line-height : 19px;
color : #ffffff;
height : 25px;
float : right;
background : transparent url(../images/sm_rd_hover.jpg) no-repeat left top;
}
.input_box {
background-color : #303030;
border : 1px solid #ffffff;
color : #e3e3e3;
font-family : Arial;
font-size : 11px;
height : 28px;
width : 140px;
}
.centerbox {
width : 133px;
height : 252px;
float : left;
background : url(../images/bx_bg.jpg) no-repeat left top;
}
.centerbox p {
padding : 3px 5px;
width : 118px;
color : #333333;
text-align : left;
font-size : 10px;
line-height : 13px;
height : 64px;
}
.centerbox .read_more a {
width : 129px;
float : left;
font-size : 10px;
height : 23px;
color : #333333;
font-weight : bold;
padding-top : 15px;
text-align : center;
}
.centerbox .read_more a:hover {
width : 129px;
float : left;
height : 23px;
color : #990000;
padding-top : 15px;
text-align : center;
background : url(../images/read_hover.jpg) no-repeat right bottom;
}
.centerbox .infra {
width : 128px;
float : left;
height : 26px;
padding-top : 115px;
text-align : center;
background : url(../images/b1.png) no-repeat center top;
background-position : 50% 14%;
}
.centerbox .infra a:hover {
width : 128px;
float : left;
height : 26px;
padding-top : 115px;
position : relative;

top : -115px;
display : block;
text-align : center;
background : url(../images/h1.jpg) no-repeat center top;
background-position : 56% 1%;
padding-bottom : 0;
}
.centerbox .app {
width : 128px;
float : left;
height : 26px;
padding-top : 115px;
text-align : center;
background : url(../images/b2.png) no-repeat center top;
background-position : 50% 16%;
}
.centerbox .app a:hover {
width : 128px;
float : left;
height : 26px;
position : relative;
top : -115px;
display : block;
padding-top : 115px;
text-align : center;
background : url(../images/h2.jpg) no-repeat center top;
background-position : 60% 1%;
}
.centerbox .web-des {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
background : url(../images/b3.png) no-repeat center top;
background-position : 55% 16%;
}
.centerbox .web-des a:hover {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
position : relative;
top : -105px;
display : block;
background : url(../images/h3.jpg) no-repeat center top;
background-position : 60% 1%;
}
.centerbox .strategy {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
background : url(../images/b4.png) no-repeat center top;
background-position : 50% 16%;
}
.centerbox .strategy a:hover {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
position : relative;
top : -105px;
display : block;
background : url(../images/h4.jpg) no-repeat center top;
background-position : 54% 1%;
}
.centerbox .business {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
background : url(../images/b5.png) no-repeat center top;
background-position : 50% 16%;
}
.centerbox .business a:hover {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
display : block;
position : relative;
top : -105px;
background : url(../images/h5.jpg) no-repeat center top;
background-position : 52% 1%;
}
.centerbox .enter_b {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
background : url(../images/b6.png) no-repeat center top;
background-position : 50% 16%;
}
.centerbox .enter_b a:hover {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
display : block;
position : relative;
top : -105px;
background : url(../images/h6.jpg) no-repeat center top;
background-position : 54% 1%;
}
.centerbox .sml_bs {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
background : url(../images/b7.png) no-repeat center top;
background-position : 50% 20%;
}
.centerbox .sml_bs a:hover {
width : 128px;
float : left;
height : 36px;
padding-top : 105px;
text-align : center;
display : block;
position : relative;
top : -105px;
background : url(../images/h7.jpg) no-repeat center top;
background-position : 52% 5%;
}
.text {
color : #cccccc;
font-family : Arial;
font-size : 11px;
font-weight : normal;
line-height : 15px;
padding-left : 20px;
padding-top : 5px;
}
.texts_c {
color : #cccccc;
font-family : Arial;
font-size : 11px;
font-weight : normal;
line-height : 11px;
padding-left : 20px;
padding-top : 40px;
height : 130px;
}
.texts_cs {
height : 21px;
}
.texts_cs a {
color : #cccccc;
padding-left : 4px;
font-size : 11px;
}
.footermain {
color : #ffffff;
background : url(../images/new_bg.jpg) repeat-x center top;
height : 135px;
text-decoration : none;
margin : auto;
}
.footer {
width : 971px;
color : #ffffff;
background : url(../images/new_back.jpg) no-repeat center top;
text-align : center;
height : 60px;
text-decoration : none;
margin : 0 auto;
padding-top : 61px;
}
.footer .linkscolor {
font-weight : normal;
font-size : 10px;
text-transform : uppercase;
font-family : tahoma;
}
.footer ul {
padding-right : 85px;
float : right;
line-height : 22px;
}
.footer ul li {
float : left;
padding-left : 2px;
padding-right : 1px;
}
.footer li a {
color : #ffffff;
padding-top : 10px;
text-decoration : none;
}
.footer li a:hover {
color : #ff6600;
}
.about_box {
width : 138px;
height : 130px;
float : left;
font-size : 10px;
text-transform : uppercase;
color : #677f07;
text-align : left;
line-height : 30px;
}
.ser_pages {
background : url(../images/bg_ser.jpg) no-repeat center top;
text-align : left;
}
 
.infra strong {
color : #999900;
}
.appli strong {
color : #0193e8;
}
.strati strong {
color : #7d7dfc;
}
.bussin strong {
color : #d64206;
}
.itmgt strong {
color : #32917e;
}
.yellos strong {
color : #ff9f00;
}
.emp_t a {
cursor : pointer;
}
.emp_t strong {
color : #ff9f00;
}
.greene strong {
color : #6abb0b;
}
.appdev strong {
color : #90503c;
}
.port_bnr {
background : url(../images/8.jpg) no-repeat left top;
}
.comp_bnr {
background : url(../images/7.jpg) no-repeat left top;
}
.serv_bnr {
background : url(../images/12.jpg) no-repeat left top;
}
.indu_bnr {
background : url(../images/9.jpg) no-repeat left top;
}
.sechd_bnr {
background : url(../images/24.jpg) no-repeat left top;
}
.empl_bnr {
background : url(../images/25.jpg) no-repeat left top;
}
.cont_bnr {
background : url(../images/26.jpg) no-repeat left top;
}
.infra_bnr {
background : url(../images/6.jpg) no-repeat left top;
}
.apli_bnr {
background : url(../images/22.jpg) no-repeat left top;
}
.webdd_bnr {
background : url(../images/5.jpg) no-repeat left top;
}
.strategye_bnr {
background : url(../images/4.png) no-repeat left top;
}
.businessop_bnr {
background : url(../images/11.jpg) no-repeat left top;
}
.entrbus_bnr {
background : url(../images/27.jpg) no-repeat left top;
}
.smallbusi_bnr {
background : url(../images/10.jpg) no-repeat left top;
}
.sitemap_bnr {
background : url(../images/28.jpg) no-repeat left top;
}
.pripol_bnr {
background : url(../images/27.jpg) no-repeat left top;
}
.termcon_bnr {
background : url(../images/21.jpg) no-repeat left top;
}
.support_bnr {
background : url(../images/22.jpg) no-repeat left top;
}
.partner_bnr {
background : url(../images/18.jpg) no-repeat left top;
}
.news_bnr {
background : url(../images/16.jpg) no-repeat left top;
}
.bts_bnr {
background : url(../images/29.jpg) no-repeat left top;
}
.itm_bnr {
background : url(../images/13.jpg) no-repeat left top;
}
.seccon_bnr {
background : url(../images/20.jpg) no-repeat left top;
}
.network_bnr {
background : url(../images/14.jpg) no-repeat left top;
}
.ras_bnr {
background : url(../images/19.jpg) no-repeat left top;
}
.appdev_bnr {
background : url(../images/23.jpg) no-repeat left top;
}
.outsource_bnr {
background : url(../images/1.jpg) no-repeat left top;
}
.comman_bnr {
background : url(../images/22.jpg) no-repeat left top;
}
.topnav {
width : 967px;
color : #ffffff;
height : 245px;
line-height : 80px;
text-decoration : none;
padding-left : 16px;
text-align : center;
float : left;
}
.topnav .linkscolor {
font-weight : bold;
width : 967px;
font-size : 13px;
text-align : center;
text-transform : uppercase;
font-family : Geneva, Arial, Helvetica, sans-serif;
background : url(../images/top_nav.png) no-repeat left top;
display : block;
}
.topnav ul {
float : left;
}
.pd_t {
position : relative;
top : 2px;
}
.pd_to {
position : relative;
top : 6px;
}
.pd_top {
position : relative;
top : 8px;
}
.pd_tops {
position : relative;
top : 11px;
}
.pd_topss {
position : relative;
top : 12px;
}
.topnav ul li {
float : left;
padding-left : 20px;
padding-right : 10px;
}
.topnav li a {
text-align : right;
color : #ffffff;
text-decoration : none;
}
.topnav li a:hover {
color : #ff9;
}
sd_bar .text a {
font-size : 13px;
}
.icons-net {
width : 926px;
height : 86px;
background : url(../images/icon-net.jpg) no-repeat center center;
float : left;
padding-top:6px;
}
.stepcarousel {
position : relative;
overflow : scroll;
width : 320px;
height : 100px;
}
.stepcarousel .belt {
position : absolute;
left : 0;
top : 0;
}
.stepcarousel .belt .left {
float : left;
padding-top : 4px;
width : 90px;
}
.stepcarousel .belt .right {
float : left;
width : 150px;
padding-top : 25px;
}
.stepcarousel .panel {
float : left;
overflow : hidden;
margin : 0;
width : 300px;
padding : 5px;
padding-left : 10px;
padding-right : 10px;
}