html, body, p, img, ul, li, h1 { margin: 0; padding: 0; }
a { text-decoration: none; cursor: pointer; }
ul, li { list-style: none; }
body, td { font-size: 12px; }
img { border: none; }

.clearfix { zoom: 1; }
    .clearfix:before { content: "."; display: block; height: 0; visibility: hidden; }
    .clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }


/* 头部 */
.inheader, .in_footer { width: 1000px; margin: 0 auto; }

.header { background: url(../image/line_1.jpg) repeat-x left top #00a0e9; margin-top: 30px; }
    .header .logo { position: absolute; left: 0; top: 0; }
.inheader { height: 250px; position: relative; background: url(../image/header_bg.jpg) no-repeat left top #00a0e9; }

.navigation { position: absolute; left: 491px; top: 0; height: 120px; }
    .navigation .nav { width: 94px; margin-right: 6px; display: block; float: left; }
    .navigation .current .ft { display: block; }
    .navigation .current .bg { display: block; }
    .navigation .current .icon { display: block; }
.nav .hd { width: 100%; height: 16px; background: url(../image/header_1.jpg) no-repeat; display: block; text-indent: -9999px; cursor: pointer; }
.nav .bd { width: 100%; height: 78px; display: block; overflow: hidden; position: relative; cursor: pointer; }
.nav .ft { width: 100%; height: 26px; display: block; background: url(../image/header_3.png) no-repeat top center; display: none; }
.nav .bg { width: 100%; height: 100%; background-color: #000; display: block; opacity: 0.13; filter: alpha(opacity=13); display: none; }
.nav .icon { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../image/header_2.png) no-repeat; display: none; }
.nav_home .hd { background-position: 0 0; }
.nav_work .hd { background-position: -100px 0; }
.nav_services .hd { background-position: -200px 0; }
.nav_about .hd { background-position: -300px 0; }
.nav_contact .hd { background-position: -400px 0; }

.nav_home .icon { background-position: 0 0; }
.nav_work .icon { background-position: -94px 0; }
.nav_services .icon { background-position: -188px 0; }
.nav_about .icon { background-position: -282px 0; }
.nav_contact .icon { background-position: -376px 0; }



/* 内容区 */
.page_body { position: relative; }
.page_content { width: 1002px; margin: 0 auto; position: relative; }
.page_LBG { background: url(/image/home_2.jpg) no-repeat left bottom; }
.page_RBG { background: url(/image/home_1.jpg) no-repeat right top; }

/*首页*/
.home_content { }
.home_icon { position: absolute; left: 158px; top: -201px; }
.home_image { position: absolute; left: 161px; top: -100px; }
    .home_image .box { width: 104px; height: 120px; background: url(../image/home_7.jpg); margin-right: 36px; float: left; position: relative; }
        .home_image .box .p { position: absolute; left: 5px; top: 21px; z-index: 10; }
        .home_image .box .b { position: absolute; left: 77px; top: 95px; z-index: 20; }
    .home_image .p_des, .home_image .p_name, .home_image .p_src { display: none; }

/*案例演示*/
.anlie { width: 967px; height: 633px; background: url(../image/anlie.jpg) no-repeat; margin-top: -130px; position: relative; }
.anlie_list { width: 942px; height: 410px; position: absolute; left: 14px; top: 116px; overflow: hidden; }
    .anlie_list ul { width: 967px; float: left; display: block; }
    .anlie_list li { width: 237px; height: 210px; float: left; }
    .anlie_list .box { width: 220px; height: 140px; display: block; border: solid 5px #fff; background-color: #f1f1f1; position: relative; }
        .anlie_list .box .p_box { position: absolute; left: 0; bottom: 0; overflow: hidden; display: none; }
        .anlie_list .box .p_name { padding: 2px 9px; min-height: 26px; display: block; width: 202px; line-height: 22px; color: #fff; position: relative; z-index: 10; }
        .anlie_list .box .p_bg { width: 100%; height: 100%; display: block; background-color: #4a6ce3; opacity: 0.6; filter: alpha(opacity=60); position: absolute; left: 0; top: 0; z-index: 1; }
        .anlie_list .box .p_des, .anlie_list .box .p_src { display: none; }
    .anlie_list li .p_name { line-height: 26px; color: #fff; padding: 0 14px; }

.anlie_page { position: absolute; left: 21px; top: 528px; }
    .anlie_page span { width: 30px; height: 49px; background: url(../image/anlie_2.jpg); position: absolute; display: block; left: 0; top: 0; cursor: pointer; }
    .anlie_page .Next { left: 110px; background-position: -110px 0; }

.popup_anlie { width: 461px; position: absolute; left: 50%; top: 50%; margin: 0 0 0 -230px; border: solid 5px #FFF; background-color: #FFF; z-index: 1000; }
    .popup_anlie h1 { display: block; height: 30px; padding-left: 18px; margin-bottom: 4px; padding-top: 11px; background: #4a6ce3; color: #ffffff; font-size: 14px; line-height: 30px; }
    .popup_anlie .video { width: 460px; height: 326px; }
    .popup_anlie .des { border-top: solid 6px #9daff0; line-height: 22px; padding: 5px 10px 5px 10px; color: #505050; }
    .popup_anlie .close { width: 71px; height: 67px; display: block; position: absolute; right: 0; top: 0; background: url(../image/Close.Png) no-repeat left top; z-index: 1100; cursor: pointer; }

/*服务*/
.service { }
.service_content { width: 320px; padding: 60px 0 0 81px; float: left; }
    .service_content .u_edit { width: 265px; overflow-x: hidden; }
.service_image { width: 599px; float: right; margin-top: -59px; }
.service_text { position: absolute; left: 74px; top: -122px; }

/*联系我们*/
.contact { }
.contact_content { width: 395px; padding: 46px 0 0 85px; float: left; }
    .contact_content .u_edit { width: 358px; overflow-x: hidden; }
.contact_image { width: 520px; float: right; margin-top: -30px; }
.contact_text { position: absolute; left: 74px; top: -122px; }

/*关于我们*/
.about { }
.about_content { width: 406px; padding: 58px 0 0 85px; float: left; }
    .about_content .u_edit { width: 358px; overflow-x: hidden; }
.about_image { width: 507px; float: right; margin-top: -44px; }
    .about_image .showBox { width: 486px; height: 423px; position: relative; overflow: hidden; }
    .about_image .box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20; background: url(../image/about_2.png); }
    .about_image .showBox img { position: absolute; left: 5px; top: 4px; z-index: 10; background-color: #f1f1f1; }

    .about_image .item { width: 103px; height: 95px; padding: 1px 0 0 4px; background: url(../image/about_3.jpg) no-repeat; display: block; float: left; margin-right: 15px; }
        .about_image .item img { cursor: pointer; }

.about_text { position: absolute; left: 75px; top: -122px; }

/* 其他*/
.u_edit { line-height: 22px; font-family: "宋体"; }
.loader { position: absolute; left: 50%; top: 300px; z-index: 2000; margin-left: -16px; display: none; }
.mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1000; opacity: 0.6; filter: alpha(opacity=60); display: none; }
/* 底部 */
.footer { margin-top: 10px; background: url(../image/line_2.jpg) repeat-x left top; }
    .footer .in_footer { text-align: center; padding-top: 30px; padding-bottom: 27px; }
    .footer a { height: 14px; line-height: 14px; display: inline-block; color: #464646; }
    .footer span { display: inline-block; margin: 0 8px; line-height: 0; }
        .footer span img { vertical-align: middle; }



.popup_image { position: absolute; left: 100px; top: 100px; width: 300px; height: 300px; border: solid 2px #FFF; background-color: #FFF; z-index: 1000; display:none}
    .popup_image .close { position: absolute; right: -0px; top: -0px; cursor: pointer; z-index:1001 }
    .popup_image .loading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
        .popup_image .loading img { position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px }
.popup_image .bd { position:absolute; left:0; top:0; width:100%; height:100%;  }
    .popup_image .bd img { display:none; }