@charset "utf-8";
/* Reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea, pre { font:12px/1.5 Microsoft Yahei, Simsun; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
/* Common */
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height:1%; }
.clearfix { display: block; }

body { background: #ededed url(../images/bg_body.jpg) repeat-x; }
a { color: #333; }
.ta_c { text-align: center; }
.ta_r { text-align: right; }
.wrap { width: 950px; margin: 0 auto; background: url(../images/bg_wrap.jpg) repeat-y; }
.header { position: relative; height: 108px; overflow: hidden; background: url(../images/bg_header.jpg) no-repeat; }
.nav { position: absolute; top: 39px; right: 10px; }
.nav li { position: relative; float: left; display: inline; height: 36px; margin-left: -1px; line-height: 36px; }
.nav li a { float: left; height: 36px; background: url(../images/bg_nav_off.jpg) no-repeat 100% 50%; color: #666; }
.nav li a span { float: left; height: 36px; padding: 0 17px 0 16px; cursor: pointer; }
.nav li a:hover,
.nav li.on a { background: url(../images/bg_nav_on.jpg) no-repeat; text-decoration: none;  color: #fff; }
.nav li a:hover span,
.nav li.on a span { background: url(../images/bg_nav_on_r.jpg) no-repeat 100% 0; }
.nav li ul { position: absolute; top: 36px; left: 0; width: 500px; display: none; }
.nav li.on ul { display: block; } 
.nav li#nav_2 ul { left: -30px; }
.nav li#nav_3 ul { left: -150px; }
.nav li#nav_4 ul { left: -120px; }
.nav li#nav_5 ul { left: -20px; }
.nav li ul li a { float: left; padding: 0 10px; }
.nav li ul li a:hover { background: none; }
.nav li.on ul li a { background: none; color: #1fb8df; }
.nav li.on ul li a:hover,
.nav li.on ul li.on a { color: #fff; }
.main { background: url(../images/bg_main.jpg) no-repeat; }
.footer { position: relative; height: 30px; padding-top: 5px; background: #ededed url(../images/bg_footer.jpg) no-repeat; line-height: 30px;  }
.about_list { position: absolute; top: 5px; left: 20px; }
.about_list,
.about_list a { color: #999; }
.copyright,
.copyright a { text-align: center; color: #bbb; }

/* index */
.index_slider { height: 330px; margin-left: 20px; }

.index_solution { height: 121px; margin-bottom: 18px; padding-left: 20px; }
.index_solution img { display: block; }

.index_box { float: left; display: inline; }
.index_case { width: 344px; margin-left: 20px; }
.index_about { width: 320px; margin: 0 30px; }
.index_customers { width: 175px; }
.index_box .hd { position: relative; height: 20px; line-height: 20px; border-bottom: 2px solid #083388; }
.index_box h2 { position: absolute; top: 0; left: 0; width: 62px; height: 20px; overflow: hidden; border-bottom: 2px solid #1fd8df; border-right: 5px solid #fff; }
.index_box a.more { color: #6ad0ea; }
.index_box h2 img { padding-bottom: 4px; vertical-align: middle; }
.index_box .bd { position: relative; padding-top: 10px; }
.index_case .bd {  width: 344px; height: 130px; overflow: hidden; }
.index_case_wrap { position: relative; top: 0px; left: 0; }
.index_box dl { height: 130px; }
.index_case dl { float: left; width: 344px; height: 130px; }
.index_box dt { float: left; height: 130px; padding-right: 10px; }
.index_box h3 { padding-bottom: 2px; }
.index_box h3 a { color: #808080; }
.index_box dd p { color: #999; }

/*Page*/
.page { padding: 30px 0; }
.sidebar { width: 125px; margin: 0 20px 0 45px; }
.mod_tit { padding: 40px 0 25px 0; text-align: center; }
.menu { margin-bottom: 20px; }
.menu li { height: 25px; padding-right: 30px; line-height: 25px; text-align: right; }
.menu li a { text-decoration: none; color: #686868; }
.menu li a:hover { color: #144994; }
.menu li.on { background: url(../images/bg_menu_on.png) no-repeat; }
.menu li.on a { text-decoration: none; color: #fff; }
.hotline { height: 39px; padding-top: 29px; background: url(../images/bg_hotline.jpg) no-repeat; line-height: 39px; text-align: center; font-size: 14px; color: #7c7c7c; }
.content { width: 712px; color: #686868; }
.position { height: 22px; margin-bottom: 10px; line-height: 22px; }
.position,
.position a { color: #888; }
.position span { color: #1fb8df; }
.cont_tit { position: relative; height: 35px; line-height: 35px; border-bottom: 2px solid #1fb8df; font-size: 16px; color: #333; }
.cont_tit img { vertical-align: middle; }
.cont_tit_pic { position: absolute; bottom: 2px; right: 0; }
.cont_desc { line-height: 2.1; }
.cont_detail { padding-top: 20px; line-height: 2.1; }
.cont_detail p { margin-bottom: 20px; }
.cont_detail_box { width: 335px; }
.about_sign_fix { position: relative; top: -30px; }

/* Jquery LightBox */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* Service */
.menu_service li { padding-right: 20px; }
.cont_detail h3 { font-size: 14px; color: #00919c; }
.service_procedure,
.service_technology p { margin-bottom: 15px; }
.service_partner p,
.service_training p { margin-bottom: 5px; }

/* Solution */
.menu_solution li { height: 37px; padding: 3px 20px 0 0; line-height: 17px; }
.menu_solution li.on { background-image:url(../images/bg_menu_on_solution.png); }
.cont_detail_solution p { margin-bottom: 5px; }
.solution_list li { padding-left: 20px; background: url(../images/ico_solution_list.jpg) no-repeat 0 9px; font-size: 14px; font-weight: bold; color: #3d3d3d; }
.solution_list li ul { padding-top: 5px; }
.solution_list li li { padding-left: 0; background: none; line-height: 1.5; font-size: 12px; font-weight: normal; }
.solution_list_mr { width: 220px; margin-right: 10px; }

/* Contact */
.cont_detail_contact h3 { margin-bottom: 5px; line-height: 1.3; font-size: 16px; font-weight: normal; color: #555; }
.cont_detail_contact h3 span { font-size: 14px; }
.cont_detail_contact p { line-height: 1.7; }
.cont_detail_contact strong { font-size: 12px; font-weight: normal; color: #555; }
.cont_detail_contact h4 { font-weight: normal; line-height: 1.7; font-size: 12px; color: #333; }

/* Case */
.sidebar_case h3 { height: 25px; margin-bottom: 10px; padding-right: 15px; line-height: 25px; text-align: right; font-size: 14px; font-weight: normal; }
.sidebar_case h3 a { color: #555; }
.sidebar_case h3 a:hover { text-decoration: none; color: #144994; }
.menu_case li { padding-right: 15px; }
.sidebar_case h3.sub_tit_on { background-image:url(../images/bg_menu_on.png);  }
.sidebar_case h3.sub_tit_on a { color: #fff; }
.cont_detail_case pre { margin-bottom: 20px; line-height: 2.1; }

.customers_box { width: 100%; overflow: hidden; margin-bottom: 10px; border: 1px solid #dedede; border-bottom: none; border-radius: 5px; background: #f3f3f3; }
.customers_box ul { width: 720px; }
.customers_box li { float: left; width: 178px; height: 78px; border-right: 1px solid #fff; border-bottom: 1px solid #dedede; border-top: 1px solid #fff; }
.customers_box dl { height: 100%; border-right: 1px solid #dedede; }
.customers_box dt { padding: 7px 0; line-height:1.2; text-align: center; }
.customers_box dd { height: 48px; line-height: 40px; text-align: center; }
.customers_box dd.l { height: 30px; line-height: 30px; }
.customers_box dd img { vertical-align: middle; }

/*Map*/
.cont_detail_map { width: 600px; }
.cont_detail_map dl { display: inline-block;  margin: 0 70px 20px 0; vertical-align: top; }
.cont_detail_map dl { *display: inline; *zoom: 1; }
.cont_detail_map dt { margin-bottom: 5px; border-bottom: 2px solid #1fb8df; font-size: 14px; }
.cont_detail_map dt a { color: #1fb8df; }
.cont_detail_map dd a { color: #686868; }
.cont_detail_map dd ul ul { padding-left: 2em; }