@charset "utf-8";
/*---------ҳ begin-------------*/
*{ padding:0; margin:0}
body{ padding:0px; margin:0px auto; font-size:12px; line-height:18px; color:#787777; font-family:Arial, Helvetica, sans-serif, "宋体";width: 100%; min-width:1002px; width:expression((documentElement.clientWidth < 1002) ? "1002px" : "100%" );zoom:1; background:#d6f1fc url(../images/body_Bg.jpg) repeat-x scroll right top; position:relative; border-top:solid 4px #18166f;}
ul,li,form, dl,dt, dd, div { padding: 0px; margin: 0px; }
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
font,select,input,em{ font-size:12px; font-style:normal;}
ul{ list-style-type: none; }
img{ border:none; border:0;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur());color:#555555;font-family:Arial, Helvetica, sans-serif;}
a:focus {outline:none;-moz-outline:none;}
a:hover{ color:#fe0000; text-decoration:none;}
.clear{ clear:both; overflow:hidden; height:0px;}
.mid{ width:1002px; margin:0 auto; overflow:hidden; clear:both; position:relative;}
.mid2{ width:1002px; margin:0 auto;clear:both; position:relative;}
.blue{ color:#0b6995;}
.Orange{ color:#ff9900;}
/*---------ҳ end-------------*/

/* top */
.top{ height:111px;}
.top .mid{ position:relative; height:111px;}

.top .mid a.logo{ position:absolute; top:0; left:0; background:url(../images/logo.png) no-repeat; width:178px; height:89px; display:block;}

/* menu */
.top .mid .menu{ height:69px; overflow:hidden; position:absolute; left:252px; top:28px;}
.top .mid .menu ul li{ float:left; text-align:center; height:69px; width:93px;}
.top .mid .menu ul li a{ display:block; float:left; width:93px; height:50px; padding-top:19px; font:normal 14px "微软雅黑"; color:#fff;}
.top .mid .menu ul li a:hover,.top .mid .menu ul li a.hover{ background:url(../images/menu_li_a_hover.png) no-repeat center top;}
.top .mid .menu ul li a.home:hover,.top .mid .menu ul li a.home.hover{ background:url(../images/menu_li_a_hover1.png) no-repeat center top;}
/* menu end */



/* top end */

/* banner */
		.slideBox{ background:url(../images/banner_bg.png) no-repeat; height:470px; position:relative; }
		.slideBox .hd{ width:1002px; height:63px; position:absolute; left:8px; bottom:75px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ width:228px; height:63px; border:solid 4px #fff; margin-left:8px; float:left; position:relative;}
		.slideBox .hd ul li img{ position:absolute; height:63px;}
		.slideBox .hd ul li span{ background:url(../images/banner_li_hover.png) no-repeat; position:absolute; display:block; width:228px; height:63px;}
		.slideBox .hd ul li.on{  background:url(../images/banner_li_hover_bg.png) no-repeat; color:#fff; cursor:pointer; }
		.slideBox .hd ul li.on span{ display:none;}
		.slideBox .bd{ position:relative; height:100%; z-index:0; }
		.slideBox .bd li{ zoom:1; height:324px; vertical-align:middle; padding:7px;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */

		.slideBox .next{ position:absolute; right:3%; top:50%; margin-top:-105px; display:block; }
		.slideBox .next{ position:absolute; right:-62px; filter:alpha(opacity=50);opacity:0.5; background:url(../images/banner_right.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; width:35px; height:35px; display:block;}
		.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-105px; display:block; }
		.slideBox .prev{ position:absolute; left:-62px; filter:alpha(opacity=50);opacity:0.5; background:url(../images/banner_left.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; width:35px; height:35px; display:block;}
		.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/* banner end */

/* content */
.content{ height:656px; font:normal 12px/24px "宋体"; color:#333;}

/* key */
.key{ float:left; width:208px; height:340px; margin-right:20px;}
.key .title{ height:30px; padding-bottom:6px; overflow:hidden;}
.key .title h1{ height:30px; color:#333; font:normal 16px/30px "微软雅黑"; float:left;}
.key .title span{ height:30px; text-transform:uppercase; float:right;}
.key .title span a{ font:normal 14px/30px "微软雅黑"; color:#51b7f2;}

.key .con{ clear:both; font:normal 12px/35px "宋体";}
.key .con ul li{ background:url(../images/guanjianzi_bg.jpg) no-repeat; width:207px; height:35px; overflow:hidden;}
.key .con ul li span{ position:absolute; display:block; left:0px; width:24px; height:35px; color:#fff; padding-left:14px;}
.key .con ul li h1{ display:block; font:normal 12px/35px "宋体"; width:169px; height:35px; padding-left:65px; color:#333;}
/* key end */

/* about */
.about{ background: url(../images/video_touying.png) no-repeat left 222px; float:left; width:346px; height:340px; margin-right:20px;}
.about .title{ height:30px; padding-bottom:6px; overflow:hidden;}
.about .title h1{ height:30px; color:#333; font:normal 16px/30px "微软雅黑"; float:left;}
.about .title em{ height:30px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#51b7f2; text-transform:uppercase;}

.about .con{ clear:both; font:normal 12px/24px "宋体"; color:#333;}
.about .con .video{ ; background:url(../images/index1233.jpg) no-repeat center top; width:328px; height:191px; padding:9px;}
/* about end */

/* case */
.case{ float:right; width:407px; height:340px;}
.case .title{ height:30px; padding-bottom:6px; overflow:hidden;}
.case .title h1{ height:30px; color:#333; font:normal 16px/30px "微软雅黑"; float:left;}
.case .title em{ height:30px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#51b7f2; float:left; text-transform:uppercase;display:inline-block;}
.case .title span{ height:30px; padding:4px 0 0 172px; display:inline-block;}

.case .con{ clear:both; padding:10px; background:url(../images/index1123.jpg) no-repeat center top; height:288px;}
/* 本例子css */
		.case_banner{  background:#ccc; width:386px; height:250px; position:relative; overflow:hidden; float:left;}
		.case_banner .hd{ height:8px; overflow:hidden; position:absolute; right:14px; bottom:8px; z-index:1; }
		.case_banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.case_banner .hd ul li{ float:left; width:8px; height:8px; margin-right:4px; background:url(../images/indexban_05.png) no-repeat; cursor:pointer; }
		.case_banner .hd ul li.on{ background:url(../images/indexban_03.png) no-repeat; width:8px; height:8px;}
		.case_banner .bd{ position:relative; height:100%; z-index:0;   }
		.case_banner .bd li{ zoom:1; vertical-align:middle; position:absolute; left:0; top:0;}
		.case_banner .bd li span{ width:368px; font:bold 12px/29px "宋体"; color:#fff; text-align:left; padding-left:18px; display:block; background:url(../images/tm_bg.png) repeat-x; height:29px; position:absolute; bottom:0px; z-index:90;}
/* case end */

/* content end */

/* product */
.product{ height:240px;}
.product .title{ height:30px; padding-bottom:6px; overflow:hidden;}
.product .title h1{ height:30px; color:#333; font:normal 16px/30px "微软雅黑"; display:inline;}
.product .title h1 em{ height:30px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#51b7f2; text-transform:uppercase;}
.product .title span{ height:30px; display:inline; float:right;}

.pub_title{ height:30px;padding-bottom:6px; overflow:hidden;}
.pub_title .ptitle{ height:30px; color:#333; font:normal 16px/30px "微软雅黑"; float:left;}
.pub_title .ptitle em{ height:30px; font:normal 14px/30px Arial, Helvetica, sans-serif; color:#51b7f2; text-transform:uppercase;}
.pub_title .more{ width:70px; height:20px; margin-top:8px; background:url(../images/more.jpg) no-repeat; display:block; float:right;}

.product .con{ background:url(../images/product_bg.png) no-repeat; clear:both; font:normal 12px/34px "宋体"; color:#333;}
/* 本例子css */
		.picMarquee-left{ overflow:hidden; position:relative;  }

		.picMarquee-left .bd{ margin:26px 18px;}
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin-right:12px; float:left; _display:inline; overflow:hidden; text-align:center; width:230px; height:180px; }
		.picMarquee-left .bd ul li .pic{ text-align:center; width:230px; height:150px;}
		.picMarquee-left .bd ul li .pic img{ border:8px solid #fff;}
		.picMarquee-left .bd ul li .title{ line-height:24px; }

/* product end */

/* bottom */
.bottom{ background:url(../images/bottom_bg.jpg) repeat-x; text-align:center; height:279px; color:#8ccaea;}
.bottom .mid{ position:relative; height:279px;}
.bottom .mid .nav_menu{ position:absolute; top:45px; left:0;}
.bottom .mid .nav_menu dl{ width:148px; height:150px; float:left;}
.bottom .mid .nav_menu dl dt{ background:url(../images/dot.jpg) no-repeat left center;  font:normal 14px/36px "微软雅黑"; width:110px; color:#fff;}
.bottom .mid .nav_menu dl dd{ background:url(../images/jiantou.png) no-repeat left center; width:100px; text-align:left;}
.bottom .mid .nav_menu dl dd a{font:normal 12px/20px "宋体"; color:#79bcde; text-align:left; padding-left:18px;}
.bottom .mid .link{ position:absolute; top:234px; left:38%;}
.bottom .mid .link a{ color:#8ccaea; }
.bottom .mid p{ position:absolute; top:206px; left:32%;}
.bottom .mid span{ position:absolute; top:236px; left:50%;}
/* bottom end */

/* i_banner */
.i_banner{ background:url(../images/i_banner_bg.jpg) no-repeat; height:358px; width:1002px; top:107px; left:0; overflow:hidden; position:relative;}
.i_banner img{ position:absolute; left:7px; top:8px;}
/* i_banner end */

/* i_content */
.i_content{ background:url(../images/i_content_bg.jpg) repeat-y scroll center top; margin-bottom:20px; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#333;}

/* i_left */
.i_left{ background:url(../images/i_left_bg.jpg) repeat-y; float:left; width:206px; padding:22px 12px; margin-right:20px; overflow:hidden;}
.i_left h1{ font:bold 20px "微软雅黑"; color:#fff; overflow:hidden; text-align:center;}
.i_left span{ font:normal 14px/40px Arial, Helvetica, sans-serif; color:#fff; display:block; text-transform:uppercase; text-align:center;}
.i_left ul li{ width:206px; border-bottom:solid 1px #4dd1eb; position:relative;}
.i_left ul li a{ background:url(../images/i_left_li_bg.gif) no-repeat left center; height:38px; font:normal 15px/38px  "微软雅黑"; display:block; color:#065a8c; padding-left:20px; width:186px;}
.i_left ul li a:hover,.i_left ul li a.hover{ background:url(../images/i_left_li_a_hoverbg.gif) no-repeat left center; color:#bff4ff;}


.i_left ul li ul.submu{ width:206px; padding:0; overflow:hidden; display:none;}
.i_left ul li ul.submu li{ width:206px; border:0; height:28px; overflow:hidden;}
.i_left ul li ul.submu li a{ background:0; font:normal 12px/28px  "宋体"; display:block; color:#065a8c; padding-left:20px; width:186px;}
.i_left ul li ul.submu li a:hover,.i_left ul li ul.submu li a.hover{ font-weight:bold; color:#fff;}



.i_left .bottom_bg{ padding-top:28px;}
.i_left .bottom_bg a img{ margin-bottom:20px;}
/* i_left end */

/* i_right */
.i_right{ float:right; width:751px; padding-bottom:20px; overflow:hidden;}

/* i_title */
.i_title{ background:url(../images/i_right_title_bg.jpg) no-repeat; width:751px; height:94px;}
.i_title h2{ padding-left:60px; font:normal 16px/64px "微软雅黑"; color:#12719d; float:left;}
.i_title h2 span{ color:#ccc;font:normal 14px/64px "Arial"; text-transform:uppercase;}
.i_title em{ display:block; float:right; line-height:64px; font-family:"宋体"; padding-right:20px;}
/* i_title end */

/* i_list */
.i_list{ width:751px; font:normal 12px/24px Arial, Helvetica, sans-serif; padding-bottom:20px;}
.i_list ul li{ width:163px; height:174px; float:left; margin-right:18px;}
.i_list ul li a{ display:block; width:163px; text-align:center;}
.i_list ul li a span{ display:block; color:#333;}

.i_list ul li.list{ background:0; padding:0; width:168px; height:190px; float:left; overflow:hidden;}
.i_list ul li.list .pic{ display:block; width:168px; height:110px; text-align:center;}
.i_list ul li.list a span{ width:166px; color:#333; text-align:center;}
.i_list ul li.list a:hover span{ color:#008ad2;}

.i_list ul li.list2{ display:block; width:112px; border:0; height:32px; float:left; text-align:center;}


.i_list ul li{ width:740px; padding:10px; height:94px; overflow:hidden; overflow:hidden; border-bottom:dotted 1px #dedede; float:left;}
.i_list ul li.bg{ background:#f8f9fa; width:740px; padding:10px; height:94px; overflow:hidden; overflow:hidden; border-bottom:dotted 1px #dedede; float:left;}
.i_list ul li.bg a{ display:block; padding-top:10px;}
.i_list ul li.bg em{ display:block; padding-top:10px; padding-right:20px;}
.i_list ul li a{ display:block; float:left; vertical-align:middle; width:600px; text-align:left; font:normal 13px/26px "宋体"; margin-bottom:10px;}
.i_list ul li em{ float:right; font:normal 12px/20px "宋体"; padding-right:20px;}
.i_list ul li .con{ clear:both; font:normal 12px/20px "宋体";}
.i_list ul li .con span a{ color:#107aa7; font-weight:normal; float:none; display:inline;}

.i_list ul.list li{ padding:0; width:230px; height:200px; float:left; text-align:center; margin-right:28px; overflow:hidden;}
.i_list ul.list li a{ display:block; width:230px; height:180px; float:left;}
.i_list ul.list li a img{ border:solid 8px #fff;}
.i_list ul.list li a span{ line-height:30px; padding:0; display:block; height:30px; width:246px; text-align:center;}
.i_list ul.list li a:hover span{ color:#0b6995;}

.i_list dl{ background:#fff; width:350px; height:99px; margin-bottom:20px; padding:4px; margin-right:34px; float:left;}
.i_list dl dt{ float:left; width:180px;}
.i_list dl dd{ font:normal 12px/20px Arial, Helvetica, sans-serif;} 
.i_list dl dd span{ display:block; float:right; padding-top:10px;}
.i_list dl dd span a{ font:normal 12px/20px "宋体";} 


.i_list dl.list{ width:160px; height:80px; margin:0 25px 25px 0; overflow:hidden; float:left;}
.i_list dl.list dt{ width:160px; height:80px;}
.i_list dl.list dd{ border:solid 1px #d6d6d6; color:#333; text-align:center; width:163px;}
.i_list dl.list dd:hover{ color:#008ad2;}
/* i_list end */

/* i_info */
.i_info{ width:735px; padding:10px 8px; font:normal 12px/32px Arial, Helvetica, sans-serif; padding-bottom:20px; background:#fff; }
.i_info table td{ text-indent:14px; padding:4px; border-bottom:solid 1px #e0e0e0;}

.i_pro_info{ width:735px; background:#fff; font:normal 12px/32px Arial, Helvetica, sans-serif; padding:20px;}
/* i_info end */


/* i_right end */


/*荣誉*/
.Cover_layer{ background:url(../images/Cover_layer.png) repeat left top; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:100; _position:absolute;_top:0px; _top:expression(eval(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0))); display:none;}
.ShowBox{ position:absolute; z-index:110; width:100%; height:100%; left:0; top:0; margin-top:5px; display:none;}
.Pop_box{ width:517px; height:485px; margin:0px auto; overflow:hidden; padding:0px 15px;background:#fff;}
.Pop_top{ background:url(../images/Box_top.png)  no-repeat left top; height:13px; overflow:hidden;}
.Pop_cont{ background:#fff; display:block;}
.Pop_cont img{ width:517px; height:400px;}
.Pop_bt{ background:url(../images/Box_bottom.png) no-repeat left top; height:32px; overflow:hidden; position:relative;}
.Pop_bt span{ display:block; cursor:pointer; background:url(../images/closelabel.gif) no-repeat left top; width:79px; height:28px; position:absolute; bottom:0px; right:0px; z-index:130;}
.info .shuoming{ font-size:12px; font-family:"Microsoft YaHei"; padding-left:20px; line-height:30px; }

/*info*/
.Info_title{ padding:0px; margin:0px; font:bold 14px/36px "宋体"; color:#3b78c8; text-align:center; }
.Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center; background:url(../images/Icon_line.jpg) repeat-x left top;}
.Info_time{ color:#666; line-height:34px;}
.Info_txt{ padding:10px 20px; background:url(../images/Icon_line.jpg) repeat-x left top; line-height:28px;}
.Info_back{ text-align:center; font-size:12px; font-weight:normal; padding:15px 0px;}
.Info_back a{ color:#ef2e25; text-decoration:underline;}
.Info_back a:hover{ color:#ef2e25; text-decoration:none;}
.Info_page{ padding-left:30px; background:url(../images/Icon_dot02.jpg) no-repeat 20px center;}
.Info_page a{ color:#7a7a7a;}


/*info*/
.Info_title{ padding:0px; margin:0px; font-size:16px; font-family:"微软雅黑"; text-align:center; }
.Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center; background:url(../images/Icon_line.jpg) repeat-x left top;}
.Info_time{ color:#666; line-height:34px;}
.Info_txt{ padding:10px 20px; background:url(../images/Icon_line.jpg) repeat-x left top; line-height:28px;}
.Info_back{ text-align:center; font-size:12px; font-weight:normal; padding:15px 0px;}
.Info_back a{ color:#ef2e25; text-decoration:underline;}
.Info_back a:hover{ color:#ef2e25; text-decoration:none;}
.Info_page{ padding-left:30px; background:url(../images/Icon_dot02.jpg) no-repeat 20px center;}
.Info_page a{ color:#7a7a7a;}
.Info_txt img{width: 100%;}


/*pages*/
.Pages{ padding:10px; line-height:18px; color:#777777; text-align:right; clear:both; margin-top:13px;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; color:#777777;}
.Pages .p_page b{ font-weight:normal;}
.Pages .p_cur b{ color:#ff0000;}
.Pages .p_count b{ color:#ff0000;}
.Pages .p_total b{ color:#ff0000;}
.Pages .p_page em{ font-style:normal; font-family:Arial; display:none;}
.Pages .p_page em a{ padding:0px 7px; border:solid 1px #e1e1e1; background:#f1f1f1;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #0395ea; background:#0e76b3;}
.Pages .p_page .f2{ margin-right:3px;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:solid 1px #a0a0a0; background:none; margin:0px 2px;}
.Pages .i_button { position:relative; top:0px; width:30px; height:20px; cursor:pointer; border:none; background:url(../images/go.jpg) no-repeat;}
.Pages_journal{ padding-right:15px; padding-top:0px;}

/*人才招聘*/
/*Start*/
.jobs_003{ padding:20px 0;}
.jobs_003 table{ background:#fff; border:solid 1px #e8e8e8; border-collapse:collapse; color:#888888; margin-bottom:15px;}
.jobs_003 table td{ border:solid 1px #e8e8e8; border-collapse:collapse; padding-left:23px; line-height:30px;}
.jobs_003 table .headTable td{ background:#f7f7f7; font-weight:bold;  line-height:24px; padding:2px 5px 2px 23px;}
.jobs_003 .city{ width:150px;}
.jobs_003 .f_txt{ float:right; border-left:solid 1px #e8e8e8; width:95px; text-align:center; display:block;}
.jobs_003 .txt{ width:150px; float:right; border-left:solid 1px #e8e8e8; width:95px; padding-left:33px; width:168px; display:block;}
.jobs_003 .apply{ background:url(../images/templet_job_btn.jpg) no-repeat; width:93px; height:24px; float:right;}
.jobs_003 dl.job{ padding:15px 30px 15px 0px;  line-height:18px;}

/*massage*/
.templet_message_003 { line-height:20px; color:#29166f; padding:20px 10px;}
.templet_message_003 table.form_table{ width:100%; background:#f4f4f4; border-bottom:0;}
.templet_message_003 table.form_table td.left{ width:150px;}
.templet_message_003 table.form_table td{ padding:10px; border:0;}
.templet_message_003 table.form_table td input{ width:200px; height:22px; background:#f4f4f4;}
.templet_message_003 table.form_table td .text{ border:solid 1px #d3d3d3;}
.templet_message_003 table.form_table td input.btn{ background:url(../images/templet_message_btn.jpg) no-repeat center center; width:74px; height:26px; color:#29166f; border:none; cursor:pointer; font-weight:bold;}
/*End*/


/*Start*/
.templet_message_002 { line-height:20px; color:#888888;}
.templet_message_002 ul li h5{ font-size:12px; line-height:27px; color:#666; padding-left:31px; display:block; font-weight:normal; cursor:pointer; background:url(../images/templet_message_iconQ.jpg) no-repeat left center;}
.templet_message_002 ul li h5 span{ float:right; padding-right:20px;}
.templet_message_002 ul li .my_content{ line-height:20px; color:#3887d1; background:url(../images/templet_message_iconA.jpg) no-repeat left 14px #fafafa; padding:10px 31px;}

/*Start*/
.templet_jobs_005 h4{ background:url(../images/templet_job_titlebg.jpg) repeat-x center top; height:34px; overflow:hidden; color:#fff; font-size:12px; line-height:26px;}
.templet_jobs_005 h4 em{ font-style:normal; padding-left:70px;}
.templet_jobs_005 h4 span{ float:right; text-align:center;}
.templet_jobs_005 ul{ line-height:33px;}
.templet_jobs_005 ul li{ list-style:none; padding-left:39px; border-bottom:solid 1px #e2e2e2; background:url(../images/templet_job_icon.jpg) no-repeat 19px;}
.templet_jobs_005 ul li a{ color:#888888; text-decoration:none;}
.templet_jobs_005 ul li a:hover{ color:#d50000; text-decoration:underline;}
.templet_jobs_005 ul li span{ float:right; color:#888888; font-family:Arial; text-align:center;}
.templet_jobs_005 .city{ width:150px;}
.templet_jobs_005 .num{ width:150px;}
.templet_jobs_005 .time{ width:80px;}
/*End*/

/*Start*/
.templet_jobs_001 table{ border:solid 1px #e8e8e8; border-collapse:collapse; color:#888888; margin-bottom:15px;}
.templet_jobs_001 table td{ border:solid 1px #e8e8e8; border-collapse:collapse; padding-left:23px; line-height:30px;}
.templet_jobs_001 table .headTable td{ background:#f7f7f7; font-weight:bold; color:#207bcb; line-height:24px; padding:2px 5px 2px 23px;}
.templet_jobs_001 .city{ width:150px;}
.templet_jobs_001 .f_txt{ float:right; border-left:solid 1px #e8e8e8; width:95px; text-align:center; display:block;}
.templet_jobs_001 .txt{ width:150px; float:right; border-left:solid 1px #e8e8e8; width:95px; padding-left:33px; width:168px; display:block;}
.templet_jobs_001 .applyBox{ padding-left:280px; height:40px;}
.templet_jobs_001 .apply{ background:url(../images/templet_job_btn.jpg) no-repeat; width:93px; height:24px; display: block;}
.templet_jobs_001 dl{ padding:15px 30px 15px 0px;  line-height:18px;}
/*End*/

.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:220px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn{background:url(../images/sidebar_bg.png) no-repeat;_background:url(../images/sidebar_bg.gif) no-repeat;}
.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:14px;text-align:center;}
.phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;}
.msgserver a{background:url(../images/sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}


/* gray skin as the default skin */
.side_title, .side_gray .side_title{background-position:-682px 0;}
.side_center, .side_gray .side_center{background:url(../images/gray_line.gif) repeat-y center;}
.side_bottom, .side_gray .side_bottom{background-position:-682px -60px;}
.close_btn, .side_gray .close_btn{background-position:-44px -91px;}
.close_btn:hover, .side_gray .close_btn:hover{background-position:-65px -91px;}
.show_btn , .side_gray .show_btn{background-position:-255px 0;}
.msgserver a, .side_gray .msgserver a{color:#6c6c6c;}
hr, .side_gray hr{border-bottom:1px solid #e4e4e4;}

/* blue skin  */
.side_blue .side_title{background-position:-333px 0;}
.side_blue .side_center{background:url(../images/blue_line.gif) repeat-y center;}
.side_blue .side_bottom{background-position:-333px -60px;}
.side_blue .close_btn{background-position:-44px 0;}
.side_blue .close_btn:hover{background-position:-65px 0;}
.side_blue .show_btn{background-position:-119px 0;}
.side_blue .msgserver a{color:#06C;}
.side_blue hr{border-bottom:1px solid #dbe4e9;}

/* orange skin  */
.side_orange .side_title{background-position:-333px -76px;}
.side_orange .side_center{background:url(../images/orange_line.gif) repeat-y center;}
.side_orange .side_bottom{background-position:-333px -136px;}
.side_orange .close_btn{background-position:-44px -23px;}
.side_orange .close_btn:hover{background-position:-65px -23px;}
.side_orange .show_btn{background-position:-153px 0;}
.side_orange .msgserver a{color:#ff9a00;}
.side_orange hr{border-bottom:1px solid #feefde;}

/* green skin  */
.side_green .side_title{background-position:-505px 0;}
.side_green .side_center{background:url(../images/green_line.gif) repeat-y center;}
.side_green .side_bottom{background-position:-505px -60px;}
.side_green .close_btn{background-position:-44px -45px;}
.side_green .close_btn:hover{background-position:-65px -45px;}
.side_green .show_btn{background-position:-187px 0;}
.side_green .msgserver a{color:#68c40b;}
.side_green hr{border-bottom:1px solid #edf2e5;}

/* red skin  */
.side_red .side_title{background-position:-505px -76px;}
.side_red .side_center{background:url(../images/red_line.gif) repeat-y center;}
.side_red .side_bottom{background-position:-505px -136px;}
.side_red .close_btn{background-position:-44px -67px;}
.side_red .close_btn:hover{background-position:-65px -67px;}
.side_red .show_btn{background-position:-221px 0;}
.side_red .msgserver a{color:red;}
.side_red hr{border-bottom:1px solid #f7f5df;}


/* pink skin  */
.side_pink .side_title{background-position:-682px -76px;}
.side_pink .side_center{background:url(../images/pink_line.gif) repeat-y center;}
.side_pink .side_bottom{background-position:-682px -136px;}
.side_pink .close_btn{background-position:-44px -112px;}
.side_pink .close_btn:hover{background-position:-65px -112px;}
.side_pink .show_btn{background-position:-289px 0;}
.side_pink .msgserver a{color:#ed0652;}
.side_pink hr{border-bottom:1px solid #e4e4e4;}

/*微信*/
.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ width:167px; height:400px;height:auto; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}

.weixin1{ height:167px; width:167px; background: url(../images/dyh.jpg) top no-repeat; padding-bottom:10px;}
.weixin2{ height:167px; width:167px; background: url(../images/fwu.jpg) top no-repeat; }
