@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}

body { background:#ffffed url(../images/bg_html.jpg) 0 0 repeat-x; font-family:Microsoft Yahei;}

/* body {
background:rgb(26,26,26);
} 

    html {
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -ms-filter: grayscale(1);
        -o-filter: grayscale(1);
        filter: grayscale(1);
        filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); /* IE6 ~ 9 */
    }
*/

ul {}
li { list-style:none; float:left;}
a { text-decoration:none; color:#0088cc}
a img {border:none;}
.clear { height:0; clear:both;}
.main_con { width:1003px; margin:0 auto;}

.top_part { margin-top:20px;}
.logo { width:175px; height:71px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px; margin-bottom:10px; margin-left:20px; position:relative; display:inline-block;}
.topnav_con {width:760px; height:40px; float:right; background:url(../images/bg_nav.png) bottom center no-repeat; margin-top:40px;}
.topnav_con ul {margin:0 auto; display:block; width:400px; color:#ffffed;}
.topnav_con ul li a { color:#ffffed; padding:5px 15px; }
.topnav_con ul li a:hover { color:#000;}
.topnav_con ul li a.now { color:#b9ec68;}

/*Home page */
.banner_part { width:1003px; height:395px; position:relative}

.small_til {}
.small_til ul {width:1003px; margin:0 auto; height:185px; padding-top:15px;}
.small_til ul li { margin-left:5px}
.small_til ul li a { width:331px; height:165px; display:block}
.small_til ul li a h3 { font-size:16px; font-weight:bold; color:#0073ab; padding:28px 0 0 23px; letter-spacing:2px;}
.small_til ul li a p { font-size:14px; margin:0; margin-top:5px; margin-left:23px; color:#666;}
.small_til ul li a.service { background:url(../images/banner_index/home_til01.jpg) 0 0 no-repeat;}
.small_til ul li a.solution { background:url(../images/banner_index/home_til02.jpg) 0 0 no-repeat;}
.small_til ul li a.projects { background:url(../images/banner_index/home_til03.jpg) 0 0 no-repeat;}
.small_til ul li.first { margin-left:0;}

.blackbg {width:100%; background:#113543; position:relative;}
.black_arr {background:#ffffed url(../images/black_arr.png) top center no-repeat; text-align:center; width:100%}
.black_arr h2 {margin:0 auto; padding-top:70px; padding-bottom:5px; }
.black_arr ul {margin:0 auto; display:block; width:470px; padding-top:10px; height:20px;}
.black_arr ul li { margin-left:5px; color:#999}
.black_arr ul li a { color:#666}
.black_arr p { font-size:10px; color:#999; padding-bottom:30px;}

.leftimg {float:left; margin: 0px 30px 20px 0;}
.rightimg {float:right; margin: 0px 0px 20px 30px;}
/* SUb Page */
.sub_con {min-height:500px; width:1000px; margin:0px auto; padding:20px 0;position:relative; color:#666; line-height:25px;}
.sub_con_bg {background:#FFF; border-radius:5px; padding:40px 50px;}
.sub_con h2 { font-size:28px; font-weight:normal; letter-spacing:5px; color:#1e4c64; margin-bottom:20px;}
.sub_con h3 { font-size:18px; font-weight:normal; color:#25a3c9}
.sub_con .slist { margin:10px 0 0 0px; width:500px;}
.sub_con .slist li { float:none; color:#72b507; background:url(../images/service/list_icon1.png) 0 2px no-repeat; padding-left:25px; line-height:30px; }
.tab { margin-top:130px; position:relative}
#tabsK {float:left;width:100%;line-height:normal;border-bottom:1px solid #54545C; margin-bottom: 20px;}
#tabsK ul {margin:0;padding:10px 10px 0 5px;list-style:none;}
#tabsK li {display:inline;margin:0;padding:0;cursor:pointer; margin-left:3px;}
#tabsK a {float:left; background: url(../images/tableftK.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabsK a span {float:left;display:block;background:url(../images/tabrightK.gif) no-repeat right top;padding:8px 16px 4px 6px;color:#FFF;}
#tabsK a span {float:none;}
/* End IE5-Mac hack */
#tabsK a:hover span {cursor:pointer;color:#FFF;background-position:100% -42px;}
#tabsK a:hover {background-position:0% -42px;cursor:pointer;}
#tabsK .hover a{background-position:0% -42px;}
#tabsK .hover span{background-position:100% -42px;}
.tab2 { top:20px; padding:0 10px;}
.tab2 ul{display:none;list-style-type:none;}
.tab2 ul li{text-align:left;line-height:20px;text-indent:1em;}
.tab2 .block{display:block;}
.tab2 h4 { margin:40px 0 5px 0;}

.solution_section { width:430px; float:left; margin-right:40px; margin-top:20px; height:320px;}
.solution_section h3 { font-size:20px; letter-spacing:2px; background:url(../images/service/list_icon1.png) 0 2px no-repeat; padding-left:25px}
.solution_section p { margin:10px 0; margin-bottom:20px;}
.section_r { margin-right:0;}
.solution_section a { height:90px; display:inline-block; vertical-align: top; margin-right:30px;}

.project_section { width:100%; background:#58585a; height:181px; margin-bottom:10px;}
.sub_con_bg hr {height:1px;border:none;border-top:1px solid #555555; margin:15px 0;}
.project_section img { float:left; background:#fff; padding-right:4px;}
.project_section .project_info { padding:15px;}
.project_section .project_info h3, .project_section .project_info p, .project_section .project_info a { float:left; margin-left:20px;}
.project_section .project_info p { width:540px; margin-top:10px; margin-bottom:5px; color:#ddd;}
.project_section .project_info a { background:url(../images/projects/list_icon.png) 0 5px no-repeat; padding-left:22px; line-height:26px; color:#2cacd3;}
.project_section .project_info a:hover { color:#FC0}
.sub_con_bg .pagination {display: block; left: 50%;list-style: none outside none; padding: 5px 15px 5px 0; position: absolute; bottom: 30px; z-index: 9900; margin-left:-33px;}
.sub_con_bg .pagination li { background: none repeat scroll 0 0 #aaa; border-radius: 5px; display: block; float: left; height: 10px; list-style: none outside none;margin-left: 15px; width: 10px;}
.sub_con_bg .pagination li a { display: block; height: 100%; margin: 0; padding: 0; text-indent: -9999px; width: 100%;}
.sub_con_bg .pagination li.current {background: none repeat scroll 0 0 #008bc3;}

.compony_info { padding:30px 30px; position:relative}
.compony_info .left_nav { width:20%; float:left}
.compony_info .left_nav h2 { font-size:16px; color:#fff; background:#1eb9ee; border-radius:10px; padding:4px 52px; margin:0;}
.compony_info .left_nav ul { border:3px solid #999; border-radius:10px; margin-top:10px; padding:0 15px; padding-bottom:15px;}
.compony_info .left_nav ul li a { background:url(../images/list_icon2.png) 0 7px no-repeat; padding-left:16px; color:#666; letter-spacing:2px;}
.compony_info .left_nav ul li a:hover { color:#FC0;}
.compony_info .left_nav ul li a.now { color:#1eb9ee;}
.compony_info .left_nav ul li { float:none; border-bottom:1px dashed #ccc; padding-bottom:5px; margin-top:10px;}
.compony_info .right_con {width:76%; float:right;}
.compony_info .right_con h3 { font-size:28px; color:#1e4c64; letter-spacing:10px}
.compony_info .right_con p { margin-top:10px;}
.compony_info .right_con h4 { font-size:22px; font-weight:normal; letter-spacing:2px; background:url(../images/service/list_icon1.png) 0 2px no-repeat; padding-left:25px; margin-bottom:10px;}
.list_small { margin-top:-10px;}
.list_small li { float:none; background:url(../images/list_icon2.png) 0 8px no-repeat; padding-left:20px;}
.compony_info .right_con h5 { font-size:24px; color:#666; font-weight:normal; margin-top:20px; }

.nav_project { width:182px; float:left;}
.nav_project h3 { display:block; background:url(../images/projects/project-nav-titile.jpg) 0 0 no-repeat; text-indent:-9999px; height:62px;}
.nav_project ul { border:1px solid #CCC; width:180px; margin-top:2px; letter-spacing:2px;}
.nav_project ul li { float:none; border-bottom:1px solid #CCC; }
.nav_project ul li.list_name { background:url(../images/projects/project-nav-bg.jpg) 0 0 no-repeat; height:33px; color:#fff; padding:7px 0 0 16px;}
.nav_project ul li a { width:162px; height:36px; display:block; line-height:36px; padding-left:18px; color:#888;}
.nav_project ul li a:hover, .nav_project ul li a.now { background:#d3f2f7 url(../images/list_icon3.png) 155px 14px no-repeat; color:#444;}
.project_cont { width:700px; float:right;}
.project_cont h4 { font-size:20px; color:#666; background:url(../images/service/list_icon1.png) 0 2px no-repeat; padding-left:30px; font-weight:400; letter-spacing:2px; margin-bottom:10px;}
.project_cont p { color:#999;}
.project_cont ul { display:block; margin-bottom:10px; color:#999;}
.project_cont ul li { float:none; background:url(../images/list_icon4.png) 0 7px no-repeat; padding-left:20px;}
.project_cont .wid_img { margin-bottom:6px;}