html,body{font-size:14px;background:#fff;width:100%;margin:0px;padding:0px;font-family: "微软雅黑";clear:both;}
img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a {text-transform:none;text-decoration:none;color:#555} 
a:hover{text-transform:none;text-decoration:none;color:#005ca2} 
*{ margin:0; padding:0; list-style:none;}
ul,li{list-style-type:none;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
.lw{color:#005CA2;padding:2px 2px 1px 4px;font-size:14px; cursor:pointer;transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */ }
.lw:hover{color:#fff;background:#005CA2;}
.page_div{clear:both;width:700px;display:block;margin:10px 8px;}
#divContent{color:#555;font-size:14px}
.keyws{color:#777;}
.keyws:hover{color:#fc0;}

.index_frm{clear:both;margin:0 auto;width:100%;overflow:hidden;height:auto;}
.if_box{clear:both;position:relative;width:100%;}
.if_cbox{clear:both;margin:0 auto;width:1000px;overflow:hidden;}
.if_left{clear:both;float:left;width:257px; height:488px;position:absolute;top:330px; background:url(index_left_bg.png) no-repeat; z-index:999}
.if_left_t{clear:both;float:left;width:210px;height:33px;margin:20px 0 0 50px;font-size:18px;color:#FFF; position:static;}
.if_left_t:hover{color:#FFF;}
.if_left_timg{clear:both;float:left;width:220px;height:131px;overflow:hidden;margin:8px 0 0 23px;position:static;}
.if_left_weixin{clear:both;float:left;width:210px;height:131px;overflow:hidden;margin:40px 0 0 23px; }
.if_left_weixin_01{float:left;width:95px;height:131px;overflow:hidden;margin:0 20px 0 0;line-height:20px; text-align:center;color:#FFF}
.if_left_weixin_01:hover{color:#FFF}
.if_left_tel{clear:both;float:left;width:200px;height:131px;overflow:hidden;margin:25px 0 0 55px;line-height:25px;}
.if_left_tel a{color:#FFF; }
.if_right{clear:both;float:left;width:718px;height:300px;margin:50px 0 0 282px}
.if_r_rbox{float:left;width:718px;height:186px;overflow:hidden;}
.if_r_flink{float:left;width:665px;height:88px;overflow:hidden;margin:20px 0 0 28px;padding:25px 0 0 0; border-top:1px dotted #CCC;}
.ipro_cci{float:left;width:95px;overflow:hidden;padding:3px;margin:0 0 0 5px;}
.ipro_cci img{border:1px solid #eee;width:92px;height:58px;}


.if_r_rbox_l{float:left;width:15px;height:70px;background:url(index_roll_left.png) center no-repeat;margin:50px 4px 0 0;cursor:pointer}
.if_r_rbox_l:hover{background:url(index_roll_left_on.png) center no-repeat;}
.if_r_rbox_r{float:left;width:15px;height:70px;background:url(index_roll_right.png) center no-repeat;margin:50px 0 0 2px;cursor:pointer}
.if_r_rbox_r:hover{background:url(index_roll_right_on.png) center no-repeat;}
.if_r_rbox_c{float:left;width:680px;height:186px;margin:0;}
.if_r_rbox_c_i{float:left;width:162px;height:186px;margin:0;background:url(index_r_r_bg.png) no-repeat center;cursor:pointer;margin:0 0 0 7px;}
.if_r_rbox_c_i img{clear:both;float:left;width:152px;height:68px;padding:5px 5px 10px 5px;background:url(index_r_r_i.png) no-repeat center; border:none;}
.if_r_rbox_c_i b{float:left;width:148px;height:20px;line-height:20px;padding:5px 8px 2px 8px;font-size:16px; color:
#005b9f;overflow:hidden;}
.if_r_rbox_c_i span{float:left;width:148px;height:58px;line-height:18px;padding:5px 8px 2px 8px;font-size:13px; overflow:hidden; color:#666}
.if_r_rbox_c_i:hover{background:url(index_r_r_bg_on.png) no-repeat center;transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */
}
.if_r_rbox_c_i:hover img{float:left;width:152px;height:68px;background:url(index_r_r_on.png) no-repeat center;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */
}



.header_top{clear:both;width:1000px;margin:0 auto;height:143px;overflow:hidden;}
.header_all{clear:both;width:100%;margin:0 auto; background:url(page_top_bg.jpg) repeat-x center;height:143px; border-bottom:3px solid #005ca2;overflow:hidden;}
.logo{float:left;width:290px;height:100px;margin:18px 0 0 0;}
.top_r{float:right;width:710px;height:143px;margin:0;}
.top_r_ico_box{float:right;width:710px;height:19px;margin:6px 0 0 0;text-align:right;}
.top_r_ico_i{float:right;margin:0 0 0 10px; width:19px; height:19px;}

.top_r_s_box{float:right;width:710px;height:22px;margin:28px 0 0 0;text-align:right;}
.top_r_s_i{float:right;width:220px;height:22px; overflow:hidden; }
.top_r_s_i_0{float:left;width:12px;height:22px;margin:0;background:url(left_sb_l.png) no-repeat right;border:0;padding:0;cursor:text;}
.top_r_s_i_1{float:left;width:165px;height:22px;color:#999;line-height:22px;margin:0;background:url(left_sb_c.png) repeat-x;border:0;}
.top_r_s_i_2{float:left;width:22px;height:22px;margin:0;border:0;}
.top_r_s_i_3{float:left;width:12px;height:22px;margin:0;background:url(left_sb_r.png) no-repeat right;border:0;padding:0;cursor:text;}
.top_r_s_i_ll{height:22px;line-height:22px;}
.top_r_s_i_ll:hover{ color:#005CA2}


.toplink{float:left;width:420px;height:65px;margin:0 4px 0 0;overflow:hidden;}
.toplink_t{float:right;width:100%;height:18px;}
.toplink_t a{float:right;width:auto;height:18px;}
.toplink_t a img{float:left;padding:0 4px 0 16px;}
.toplink_b a{float:right;width:auto;height:28px;font-size:24px;margin:10px 0 0 0;color:#005CA2;}

.menu_c{float:right;height:40px;overflow:hidden;margin:30px auto 0 auto;}
.menu_nav{float:left;width:110px;height:40px;line-height:40px;font-size:16px;text-align:center;color:#555;background:url(menu_nav.png) bottom center no-repeat}
.menu_nav:hover{font-weight:bold;float:left;width:110px;height:40px;line-height:40px;font-size:16px;text-align:center;color:#005ca2;background:url(menu_nav_on.png) bottom center no-repeat;
transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */
}
.menu_nav_on{font-weight:bold;float:left;width:110px;height:40px;line-height:40px;font-size:16px;text-align:center;color:#005ca2;background:url(menu_nav_on.png) bottom center no-repeat;}
.menu_nav_on_rx{float:left;width:1px;height:12px;margin:15px 0 0 0;border-left:1px solid #ddd;}

.pagefrm{clear:both;width:1000px;height:auto;margin:0 auto;overflow:hidden;}
.page_left{float:left;width:278px;height:auto;margin:0;padding:0;}
.page_right{float:left;width:811px;height:auto;margin:0;padding:0;}

.page_bg{clear:both;width:100%;min-height:860px; background:url(bg_about-us.jpg) center top; background-attachment:fixed;margin:0 auto;overflow:hidden;}
.page_bg_contact{clear:both;width:100%;min-height:860px; background:url(bg_contact.jpg) center top; background-attachment:fixed;margin:0 auto;overflow:hidden;}
.page_bg_news{clear:both;width:100%;min-height:860px; background:url(bg_news.jpg) center top; background-attachment:fixed;margin:0 auto;overflow:hidden;}
.page_bg_team{clear:both;width:100%;min-height:860px; background:url(bg_team.jpg) center top; background-attachment:fixed;margin:0 auto;overflow:hidden;}
.page_bg_cases{clear:both;width:100%;min-height:860px; background:url(bg_case.jpg) center top; background-attachment:fixed;margin:0 auto;overflow:hidden;}
.page_bg_pro{clear:both;width:100%;min-height:860px; background:url(bg_pro.jpg) center top; background-attachment:fixed;margin:0 auto;overflow:hidden;}
.page_bg_search{clear:both;width:100%;min-height:860px; background:url(bg_search.jpg) center top; background-attachment:fixed;margin:0 auto;overflow:hidden;}



.page_box_top{clear:both;width:1000px;height:68px;overflow:hidden;margin:72px auto 0 auto;}
.page_box{clear:both;width:1000px;height:auto;overflow:hidden;margin:0 auto 72px auto; background:url(page_content_bg.png) repeat-y;}
.page_b_l{float:left;width:200px;height:auto;overflow:hidden;}
.page_b_l_t{float:left;width:200px;height:68px;line-height:68px;text-align:center;letter-spacing:2px;overflow:hidden; background:url(about_lt_bg.png) no-repeat bottom center;font-size:20px;color:#FFF;cursor:pointer;}
.page_b_ltm{clear:both;float:left;margin:400px 0 0 25px;width:160px;overflow:hidden; text-align:center;font-size:16px; }
.page_b_l_c{float:left;width:200px;overflow:hidden;background:#f1f1f1;}
.page_b_l_cm{float:left;width:200px;margin:25px 0 0 0;overflow:hidden;}
.page_b_l_cmi{float:left;margin:5px 0 0 27px;width:138px; padding:0 0 0 35px;line-height:29px;height:29px;overflow:hidden;font-size:14px;background:url(about_lt_ibg.png) no-repeat right; color:#333;cursor:pointer;}
.page_b_l_cmi:hover{background:url(about_lt_ibg_onx.png) no-repeat right;color:#005CA2;font-weight:bold;transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */}
.page_b_l_cmi_on{float:left;margin:5px 0 0 27px;width:138px; padding:0 0 0 35px;line-height:29px;height:29px;overflow:hidden;font-size:14px;background:url(about_lt_ibg_on.png) no-repeat right;color:#005CA2;cursor:pointer;font-weight:bold;transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */}
.page_all_box{clear:both;width:1000px;margin:72px auto;overflow:hidden;}
.page_all_box_img{clear:both;width:1000px;float:left;}


.page_b_r{float:left;width:800px;min-height:580px;overflow:hidden;}
.page_b_rt{float:left;width:780px;padding: 0 0 0 20px;height:35px; line-height:38px; border-bottom:2px solid #005CA2; margin:31px 0 0 0;background:#FFF; font-size:14px;color:#666;}
.page_b_rt a{color:#555;}
.page_b_rt a:hover{color:#005CA2;}
.page_b_rc{float:left;width:800px;min-height:685px;overflow:hidden; background:#FFF;}
.page_b_rc_content{float:left;width:760px;min-height:625px;overflow:hidden;font-size:14px;margin:20px 20px 40px 20px;}

.page_b_rc_rl{float:left;width:760px;height:186px;margin:25px 0 0 0;overflow:;}
.page_b_rc_rli{float:left;width:162px;height:182px;margin:0;background:#efefef;border:2px solid #eee;cursor:pointer;margin:0 0 0 20px;
transition:border-color 0.3s linear;
-moz-transition:border-color 0.3s linear; /* Firefox 4 */
-webkit-transition:border-color 0.3s linear; /* Safari and Chrome */
-o-transition:border-color 0.3s linear; /* Opera */}
.page_b_rc_rli img{clear:both;float:left;width:162px;height:68px;border:none;}
.page_b_rc_rli b{float:left;width:148px;height:20px;line-height:20px;padding:5px 8px 2px 8px;font-size:16px; color:
#005b9f;overflow:hidden;}
.page_b_rc_rli span{float:left;width:148px;height:68px;line-height:18px;padding:5px 8px 2px 8px;font-size:13px; overflow:hidden; color:#666}
.page_b_rc_rli:hover{background:#eee; border:2px solid #005CA2;}
.page_b_rc_rli:hover img{}

.page_b_rc_rlc{ clear:both; float:left; width:100%; height:auto}
.page_b_rc_rlc_title{float:left;width:100%; height:38px; line-height:38px; font-size:18px; font-weight:400; border-bottom:1px dashed #eee; color:#005CA2;}
.page_b_rc_rlci{float:left;width:355px;height:240px;margin:0;background:#efefef;border:2px solid #eee;cursor:pointer;margin:20px 20px 0 0;
transition:border-color 0.3s linear;
-moz-transition:border-color 0.3s linear; /* Firefox 4 */
-webkit-transition:border-color 0.3s linear; /* Safari and Chrome */
-o-transition:border-color 0.3s linear; /* Opera */}
.page_b_rc_rlci img{clear:both;float:left;width:355px;height:240px;border:none;}

.page_b_rc_rlci2{float:left;width:425px;height:350px;margin:0;background:#efefef;border:2px solid #eee;cursor:pointer;margin:20px 0 0 20px;
transition:border-color 0.3s linear;
-moz-transition:border-color 0.3s linear; /* Firefox 4 */
-webkit-transition:border-color 0.3s linear; /* Safari and Chrome */
-o-transition:border-color 0.3s linear; /* Opera */}
.page_b_rc_rlci2 span{float:left;width:425px;height:30px; line-height:30px; font-size:16px; text-align:center}


.ibaner{clear:both;width:100%;height:466px;overflow:hidden;margin:0 auto;padding:0; z-index:1}
.ibaner_bg{clear:both;width:100%;height:466px;margin:0 auto;}
.ibaner_bg_1{clear:both;width:60%;height:466px;margin:0 auto;}
.ibaner_play{clear:both;width:100%px;height:466px;overflow:hidden;margin:0 auto;}

.ip_cc{float:left;width:100%;margin:25px 0 0 0; }
.news_list{clear:both;float:left;width:760px;pading:10px;height:88px;overflow:hidden;cursor:pointer;background:#fafafa;}
.news_list:hover{background:#eee;}
.news_list img{float:left;width:108px;height:80px;padding:8px 10px 0 0;line-height:13px;font-size:10px;background:url(inews_ico.png) no-repeat;overflow:hidden;}
.news_list b{float:left;width:620px;height:22px;line-height:22px;font-size:14px;font-weight:bold;overflow:hidden;color:#005CA2;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.news_list span{float:left;width:620px;height:68px;line-height:20px;font-size:12px;overflow:hidden;overflow:hidden;}
.news_list_line{float:left;width:100%;height:9px;overflow:hidden; margin:10px 0 0 0;border-top:1px dashed #efefef;}

.cases_list{clear:both;float:left;width:760px;pading:10px;height:168px;overflow:hidden;cursor:pointer;background:#f8f8f8;transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */}
.cases_list:hover{background:#eee;}
.cases_list img{float:left;width:312px;height:152px;padding:8px 20px 0 8px;overflow:hidden;}
.cases_list b{float:left;width:420px;height:22px;line-height:22px;font-size:18px;font-weight:bold;overflow:hidden;color:#005CA2;text-overflow:ellipsis; white-space:nowrap; margin:10px 0 0 0;}
.cases_list span{float:left;width:400px;height:98px;padding:10px 10px 0 0;line-height:20px;font-size:14px;overflow:hidden;}
.cases_list spanr{float:left;width:400px;height:2px;padding:0 10px 0 0;line-height:20px; text-align:right;font-size:14px;}
.cases_list_line{float:left;width:100%;height:9px;overflow:hidden; margin:10px 0 0 0;border-top:1px dashed #efefef;}



/* playBox */

/* footer */
.footer{clear:both;width:100%;height:58px;margin:0 auto;overflow:hidden;background:#eee;padding:10px 0;}
.footeri{clear:both;width:100%;height:58px;margin:0 auto;overflow:hidden;background:#fff;padding:10px 0;}
.elink_nav_box{float:left;width:700px;height:88px;overflow:hidden;color:#666;}
.elink_nav_rbox{float:right;width:290px;height:78px;overflow:hidden;}
.elink_nav{float:right;width:auto;overflow:hidden;font-size:14px;text-align:center;color:#555;padding:0 8px;}
.elink_nav:hover{color:#005CA2;}
.elink_nav_x{float:right;width:auto;height:78px;line-height:58px;overflow:hidden;color:#eee;}
.elink_r{float:left;height:86px; font-size:14px;line-height:18px;color:#eee; margin:18px 0 0 0; padding:8px 0 0 0;}
.elink_r strong{font-size:14px;}
/* footer */