@charset "gb2312";
/* CSS Document */

body{font:normal 12px/22px Arial, Helvetica, sans-serif; color:#333; background:url(images/main.gif) #fff left top repeat-x}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,ul,li{    margin: 0;    padding: 0;border:0px;list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{ color:#f00;text-decoration:underline;}
.f_l{float:left;}
.f_r{float:right;}
.text_center{text-align:center;}
.text_r{text-align:right;}
.center{margin-left:auto;margin-right:auto;}
.bold{font-weight:bold;}
.f12{font-size:12px;font-weight:normal;}
.f12_b{font-size:12px;font-weight:bold;}
.f14{font-size:14px;font-weight:normal;}
.c{clear:both;height:0px;line-height:0px;font-size:0px;overflow:hidden;}
.p18_24{padding:18px 22px 0px 24px;}


.m_b25{margin-bottom:25px;}

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

/*bg*/
.company_title,.job_title,.contact_title,.case_title{ background-image:url(images/title_img.jpg);background-color:transparent;background-repeat:no-repeat; overflow:hidden; height:41px;}
.company_title{ background-position:-6px -4px;}
.job_title{ background-position:-9px -9px; }
.contact_title{ background-position:-9px -67px;}
.case_title{ background-position:-6px -199px;}
.title_1{font-family:"΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;line-height:normal;color:#1770c4;text-align:center;padding:10px 0px;}
.title_2{background:url(images/title_line.gif) left bottom repeat-x;}
.title_2 div{background:url(images/title_ico.gif) left 4px no-repeat;padding:0px 0px 10px 20px;font-family:"΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif;font-size:18px;color:#1770c4;font-weight:normal;line-height:normal;}
/*½á¹¹*/

.main{width:1000px;margin:0px auto;  }

.left_part{ float:left;width:220px;margin-right:30px}
.right_part{float:right;width:750px;margin-top:10px;}
.box_1{ background:url(images/job_bg.gif) #bff5f7 left bottom no-repeat;padding-bottom:100px;margin-bottom:30px}

.outside_layer{position:relative;height:60px;z-index:2}
.outside_layer img{position:absolute;left:0px;top:-15px;z-index:10;}


/*head*/
.head_part{height:86px;overflow:hidden;}
.head_part ul{float:right;display:inline;margin-top:33px}
.head_part li,.head_part li a{float:left;display:inline}
.head_part li a{background:url(images/nav_bar.gif) right 5px no-repeat;padding:0px 22px;font-size:16px;color:#0b0b0b;font-weight:normal;font-family:"΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif;line-height:normal;}
.head_part li a:hover{color:#f00;text-decoration:none}
.head_part li.end a{background-image:none}
/*banner*/
.shou_banner{ height:437px; overflow:hidden; position:relative;width:100%;z-index:1; background-color:#eee;}
.shou_banner li{z-index:1;}

.shou_banner .img{ height:437px; left:50%; margin-left:-500px; overflow:hidden; position:absolute; width:1000px; z-index:0;}
.page{position:absolute;bottom:20px;right:30px;z-index:1;}
.page span,.page span.current{float:left;display:inline;margin:0px 4px;text-indent:-999px;overflow:hidden;cursor:pointer}
.page span{background:url(images/hover2.png) no-repeat;width:12px;height:12px;margin-top:4px;}
.page span.current{background:url(images/hover.png) no-repeat;width:12px;height:16px;margin-top:0}


.banner_bg{ background:url(images/banner_bg.gif) no-repeat;height:18x; overflow:hidden; margin-bottom:18px;}
.banner_left{ background:url(images/banner_left.gif) left top no-repeat;height:164px;overflow:hidden;padding:3px 0px 8px 0px;text-align:center;}
.nav_part{height:30px;overflow:hidden; background-color:#e0e0e0;height:42px;}
.nav_part ul{float:right;display:inline}
.nav_part li,.nav_part li a{float:left;display:inline;}
.nav_part li a,.nav_part li.selected a{font-size:16px;font-weight:normal;font-family:"΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif;padding:5px 30px;line-height:32px;cursor:pointer;}

.nav_part li.selected a{background-color:#029254;color:#fff;}
.nav_part li a:hover{text-decoration:none;}

/*content*/
.content_company{padding:30px 20px; word-wrap:break-word;word-break:break-all;}
.content_company img{text-align:center;margin:10px 0px 0px 0px;}
.content_job{ padding:5px 18px 22px 18px; }
.content_contact{padding:15px 12px;}
.content_contact a{color:#f00;}
.content_contact a:hover{color:#f00;text-decoration:underline;}
.content_bg{ background:url(images/main_bg.gif) center top repeat-x; padding-bottom:20px;}
.content_case{padding:14px;}
.contact_part{ background-color:#e1e3e2;}
.content_show{padding:25px 0px;}

/*line*/
.steps_line li{padding:7px 0px;height:24px;line-height:24px;background:url(images/job_line.gif) center bottom no-repeat;}
.steps_line li p{ height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;color:#1770c4;font-size:14px;font-weight:normal;font-family:"΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif;text-align:center;}
.steps_line li a{color:#1770c4}
.steps_line li a:hover{color:#f00;text-decoration:underline;}


.picture_list li{float:left;display:inline;width:231px;margin-right:12px;text-align:center;}
.picture_list li.end{margin-right:0px;}
.picture_list li p{text-align:center;height:24px;line-height:24px;margin-top:5px; overflow:hidden;text-overflow:ellipsis;color:#000}
/*left*/

/*bg*/
.scroll_box li{float:left;display:inline;background:url(images/box.gif) no-repeat;width:148px;height:98px;padding:2px;margin:0px 4px;}

/*µ×²¿ÐÅÏ¢*/
.foot{text-align:center;font-size:12px;padding:30px 0px; height:24px ;line-height:24px;color:#333;margin-top:20px; border-top:1px solid #e3e3e3;}
.foot a{color:#333}
.foot a:hover{color:#f00;text-decoration:underline;}
.footer_bottom{ background:url(images/bottom.png) repeat-x;height:3px;}