﻿.hidden{ height:30px;overflow:hidden }
.jobbg{ width:100%; background-color:#FBFBFB; }
.bluebg{ background-color:#00AAFF;  }

/* 路径 */
.mainpath{ margin:auto; width:1200px; height:40px; line-height:40px; color:#999; text-align:left; }
.mainpath a{ color:#666; }

/* 翻页广告 */
.bannerad{position:relative;z-index:0;height:300px;}
.banner-show{position:absolute;top:0;left:0;z-index:0;width:100%;min-width:1200px;height:300px;overflow:hidden;}
.banner-show .cell{position:absolute;top:0;left:0;width:100%;overflow:hidden;background-repeat:repeat-x;background-position:center top;}
.banner-show .cell .con{position:relative;height:420px;background-repeat:no-repeat;background-position:center top;}
.banner-link{position:absolute;top:100px;left:50%;width:100%;height:400px;margin-left:-600px;}
.banner-link i{display:none;}
.banner-control{position:absolute;top:0;left:50%;width:1100px;margin-left:-550px;}
.banner-control a{position:absolute;top:150px;width:30px;height:30px;line-height:10;overflow:hidden;background-image:url(/images/public/icon_control.png);background-repeat:no-repeat;background-repeat:no-repeat;}
.banner-control a.left{left:-55px;background-position:0 0;}
.banner-control a.left:hover{background-position:0 -30px;}
.banner-control a.right{right:-55px;background-position:-30px 0;}
.banner-control a.right:hover{background-position:-30px -30px;}

/* 招聘会列表 */
.main1{ margin:auto; width:1200px; height:auto; background-color:#fff; margin-top:0px; overflow:hidden; }
.seaList{ float:left; width:1170px; height:auto; padding:0px 15px;background-color:#fff;border-radius:0px; }
.seaList ul{ float:left; width:1170px; height:auto; border-bottom:1px #eee solid; padding:15px 0px; position:relative; }
.seaList .li11{ float:left; width:215px; height:auto; }
.seaList .li11 img{ width:200px; height:140px;border-radius:3px; }
.seaList .li12{ float:left; width:800px; height:auto; }
.seaList .li12 .s1{ float:left; width:800px; height:25px; line-height:25px; font-size:18px; color:#222; margin-bottom:5px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.seaList .li12 .s2{ float:left; width:800px; height:28px; line-height:28px; font-size:12px; color:#999; }
.seaList .li12 .s3{ float:left; width:800px; height:30px; }
.seaList .btn1{ display:inline-block; width:100px; line-height:26px;font-size:13px; background-color:#3B99FB;color:#fff; text-align:center; cursor:pointer;border-radius:3px; margin-right:10px; }
.seaList .btn1:link{ color:#fff; }
.seaList .btn1:hover{ background-color:#3397FB;color:#fff; }
.seaList .btn2{ display:inline-block; width:100px; line-height:26px;font-size:13px; background-color:#ff6600;color:#fff; text-align:center; cursor:pointer;border-radius:3px; }
.seaList .btn2:link{ color:#fff; }
.seaList .btn2:hover{ background-color:#ff4400;color:#fff; }
.seaList .li13{ float:left; width:80px; height:80px; margin-top:20px; }
.seaList .li21{ position:absolute; top:0px; right:-25px; width:50px; height:50px; }

.seaPage{ float:left; width:100%; height:50px; line-height:50px; text-align:center;}


/* 招聘会内容 */
.detailbg{ margin:auto; width:100%; min-height:700px;position:relative; }
.bannersea{ position:relative;top:635px;left:0px;z-index:2;width:100%; height:65px;background:url(/images/header/tm.png) repeat; }
.bannersea .sea{ margin:auto;width:680px; height:45px; padding-top:10px; }
.bannersea .sea .sea1{ float:left;width:540px; height:45px; }
.bannersea .sea .sea1 .txt{ float:left;width:540px; height:45px; line-height:45px;border:0px; padding:0px;background:url(../images/header/seabg.png) 18px center no-repeat; text-indent:50px;font-family: "Microsoft YaHei", 微软雅黑; color:#AAA; font-size:14px;outline:none;background-color:#FFF; }
.bannersea .sea .sea2{ float:left;width:140px; height:55px; }


/* 导航栏 */
.detailnav{ margin:auto;width:100%; height:50px; text-align:left; background-color:#fff;overflow:hidden; }
.detailnav .nav{ margin:auto; width:1200px; height:50px; }
.detailnav .nav .left{ float:left; width:600px;height:50px; }
.detailnav .nav .left li{ float:left; width:150px;height:50px; }
.detailnav .nav .left .la1{ display:block; width:150px; line-height:50px; background-color:#27A7F6; text-align:center; font-size:16px; color:#fff; }
.detailnav .nav .left .la2{ display:block; width:150px; line-height:50px; background-color:#fff; text-align:center; font-size:16px; color:#333; }
.detailnav .nav .right{ float:left; width:600px;height:50px; }
.detailnav .nav .right .topline{ float:right; width:180px;height:50px;background:url(/images/online/topline.png) left center no-repeat; padding:0px 0px;padding-left:30px; }

/* 文字滚动 */
.roll-wrap:hover .control{ display: block; }
.roll-wrap{ float:left;position: relative;width: 150px;height: 30px;overflow: hidden; margin-top:10px; }
.roll_row .roll__list::before, .roll_row .roll__list::after {content: "";display: table;line-height: 0;}
.roll_row .roll__list::after { clear: both; }
.roll_row .roll__list{ width: 9999px; }
.roll_row .roll__list li{ float: left;display: block;margin-right: 15px;width: 150px;height: 30px;line-height: 30px;font-size: 14px;color: #555; }
.roll_row .roll__list li a{ color:#3b99fb; margin:0px 5px; }


/* 展会简介 */
.detaildesc{ margin:auto;width:1200px; height:auto; text-align:left; background-color:#fff; padding:15px 0; margin-top:20px;overflow:hidden; }
.detaildesc .d1{ margin:auto; width:750px; height:45px; background-color:#EDF8FE; text-align:center; }
.detaildesc .d1 span{ line-height:45px; margin-right:50px; color:#27A7F6; }
.detaildesc .d1 span i{ font-style:normal; margin:0px 3px; color:#f20; }
.detaildesc .d2{ margin:auto; width:750px; line-height:30px; font-size:14px; color:#5a5a5a; padding:10px 0; }


/*企业列表*/
.detailcompany{ margin:auto;width:1240px; height:auto; text-align:left; overflow:hidden; }
.detailcompany ul{ float:left;width:255px; height:auto; margin-left:20px; margin-top:20px;padding:15px 15px; background-color:#fff; border-top:0px #27A7F6 solid; position:relative; }
.detailcompany ul:hover{ box-shadow: 2px 2px 6px 0px #CFD9EF; }
.detailcompany .li1{ float:left; width:255px; height:90px; text-align:center; }
.detailcompany .li1 img{ width:90px; height:90px; }
.detailcompany .li2{ float:left; width:255px; line-height:30px; text-align:center; padding:10px 0; }
.detailcompany .li2 a{ color:#444; font-size:15px; }
.detailcompany .li2 a:hover{ color:#f60; }

.detailcompany .li3{ float:left; width:235px;height:35px; background-color:#fff; padding:0px 10px; }
.detailcompany .li3 span{ float:left; width:105px; line-height:35px; color:#aaa; }
.detailcompany .li3 a{ float:right; width:auto; line-height:35px; color:#aaa; font-size:12px; }

.detailcompany .li4{ float:left; width:235px;height:190px; background-color:#fff; padding:0px 10px; }
.detailcompany .li4 span{ float:left; width:235px; line-height:30px; border-top:1px #eee dashed; font-size:13px;color:#f40; }
.detailcompany .li4 span a{ float:left; width:140px; line-height:30px; color:#27A7F6;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.detailcompany .li4 span p{ float:right; width:90px; line-height:30px; text-align:right; }

.detailcompany .li5{ float:left; width:255px;height:30px; margin-top:20px; text-align:center; }
.detailcompany .li5 .apply{ display:inline-block; width:70px; line-height:30px;font-size:14px; background:url(/images/online/app.png) 10px center no-repeat;background-color:#27A7F6; padding-left:30px;color:#FFF; text-align:left; cursor:pointer;border-radius:2px; margin:0px 3px; }
.detailcompany .li5 .apply:link{ color:#FFF; }
.detailcompany .li5 .apply:hover{ background-color:#14A2F5;color:#FFF; }

.detailcompany .li5 .video1{ display:inline-block; width:70px; line-height:30px;font-size:14px; background:url(/images/online/vid1.png) 10px center no-repeat; background-color:#f60; padding-left:33px;color:#FFF; text-align:left; cursor:pointer;border-radius:2px; margin:0px 3px; }
.detailcompany .li5 .video1:link{ color:#FFF; }
.detailcompany .li5 .video1:hover{ background-color:#f50;color:#FFF; }
.detailcompany .li5 .video0{ display:inline-block; width:70px; line-height:30px;font-size:14px; background:url(/images/online/vid0.png) 10px center no-repeat; background-color:#ccc; padding-left:33px;color:#FFF; text-align:left; cursor:pointer;border-radius:2px; margin:0px 3px; }
.detailcompany .li5 .video0:link{ color:#FFF; }
.detailcompany .li5 .video0:hover{ background-color:#aaa;color:#FFF; }

.detailcompany .li6{ position:absolute; top:270px; left:70px; width:255px; height:102px; }
.detailcompany .li7{ position:absolute; top:0px; right:0px; width:35px; height:35px; }


/*求职者列表*/
.detailperson{ margin:auto;width:1240px; height:auto; text-align:left; overflow:hidden; }
.detailperson ul{ float:left;width:194px; height:auto; margin-left:20px; margin-top:20px;padding:15px 15px; background-color:#fff; border-top:0px #27A7F6 solid; position:relative;box-shadow: 2px 2px 6px 0px #D4D8EA; }
.detailperson ul:hover{ box-shadow: 3px 3px 10px 0px #C0C7E0; }
.detailperson .li1{ float:left; width:194px; height:70px; text-align:center; }
.detailperson .li1 img{ width:70px; height:70px;border-radius:100%; }
.detailperson .li2{ float:left; width:194px; line-height:30px; text-align:center; padding:10px 0; font-size:16px; color:#f00;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.detailperson .li3{ float:left;width:194px; height:30px; padding:0 0; text-align:center; font-size:13px; color:#999; }
.detailperson .li3 i{ font-style:normal; font-size:15px; color:#333; }
.detailperson .li4{ float:left;width:194px; height:30px; padding:0 0; text-align:center; font-size:13px; color:#666; }
.detailperson .li4 i{ font-style:normal; color:#888; margin:0px 5px; }
.detailperson .li5{ float:left; width:194px;height:30px; margin-top:0px; text-align:center; }
.detailperson .li5 a{ display:inline-block; width:100px; line-height:28px;font-size:14px; background-color:#27A7F6;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.detailperson .li5 a:link{ color:#FFF; }
.detailperson .li5 a:hover{ background-color:#14A2F5;color:#FFF; }


/* 申请职位 */
.jobapply{ margin:auto; width:480px; height:auto; text-align:left; }
.jobapply .title{ float:left; width:450px; height:40px; line-height:40px;  background-color:#27A7F6; color:#FFF; padding:0px 15px; font-size:16px; }
.jobapply .list{ float:left; width:480px; height:245px; margin:10px 0px;overflow-y:scroll;overflow-x:hidden; }
.jobapply .list ul{ float:left; width:450px; height:35px;margin:0px 15px; }
.jobapply .list ul li{ float:left; width:420px;height:35px; line-height:35px;color:#555; font-size:15px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }

.jobapply .btn{ float:left; width:480px; height:30px;margin-top:10px; padding:5px 0px; background-color:#fff; text-align:center; }
.jobapply .btn .submit{ display:inline-block; width:80px; line-height:30px; background-color:#00aaff;margin-left:10px; font-size:14px; color:#fff; padding:0px 10px;text-align:center; cursor:pointer;border-radius:3px; }
.jobapply .btn .submit:link{ color:#fff; }
.jobapply .btn .submit:hover{  background-color:#288ADD;color:#fff; }
.jobapply .btn .cancel{ display:inline-block; width:80px; line-height:30px; background-color:#bbb;margin-left:10px; font-size:14px; color:#fff; padding:0px 10px;text-align:center; cursor:pointer;border-radius:3px; }
.jobapply .btn .cancel:link{ color:#fff; }
.jobapply .btn .cancel:hover{  background-color:#aaa;color:#fff; }


/*左侧浮动*/
.lefooter { position:fixed;top:240px; left:50%; width:98px; margin-left:-720px; padding-top:0px; border:1px solid #27A7F6; border-bottom:none;background-color:#fff; z-index:11;border-radius:4px; }
.lefooter .f0{ float:left;display:block; width:98px; height:35px; line-height:35px;padding:0px 0px; background:#fff; border-bottom:1px #27A7F6 solid; font-size:14px; text-align:center; color:#666; }
.lefooter .f0:hover { background:#27A7F6; color:#fff;}
.lefooter .f1{ float:left;display:block; width:98px; height:35px; line-height:35px;padding:0px 0px; background:#27A7F6; border-bottom:1px #27A7F6 solid; font-size:14px; text-align:center; color:#fff; }
.lefooter .f1:hover { background:#27A7F6; color:#fff;}


/* 底部图层 */
.footbg{ width:100%; height:50px;z-index:999; background:url(../images/online/tm.png) repeat;margin-right:0px;margin-bottom:0px; text-align:left;}
.footbg .conte{ margin:auto; width:1200px; height:50px; }
.footbg .conte .c1{ float:left; width:900px; height:50px; }
.footbg .conte .c1 .botline{ float:left; width:800px; height:50px; background:url(../images/online/botline.png) left center no-repeat; padding-left:37px;  }
.roll-wrap_bottom:hover .control{ display: block; }
.roll-wrap_bottom{ float:left;position: relative;width: 800px;height:30px;overflow: hidden; margin-top:10px; }
.roll_row_bottom .roll_list_bottom::before, .roll_row_bottom .roll_list_bottom::after {content: "";display: table;line-height: 0;}
.roll_row_bottom .roll_list_bottom::after { clear: both; }
.roll_row_bottom .roll_list_bottom{ width: 9999px; }
.roll_row_bottom .roll_list_bottom li{ float: left;display: block;margin-right: 30px;width: auto;height: 30px;line-height: 30px;font-size: 14px;color: #aaa; }
.roll_row_bottom .roll_list_bottom li i{ color:#fff; margin-right:5px; font-style:normal; }
.roll_row_bottom .roll_list_bottom li a{ color:#fff; margin-left:5px; }

.footbg .conte .c2{ float:left; width:150px; height:50px; text-align:center; padding:10px 0; }
.footbg .conte .c2 a{ float:right;display:inline-block; width:135px; line-height:30px;font-size:14px; background-color:#f60;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.footbg .conte .c2 a:link{ color:#FFF; }
.footbg .conte .c2 a:hover{ background-color:#f30;color:#FFF; }
.footbg .conte .c3{ float:left; width:150px;height:60px; text-align:center;padding:10px 0; }
.footbg .conte .c3 a{ float:right;display:inline-block; width:135px; line-height:30px;font-size:14px; background-color:#27A7F6;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.footbg .conte .c3 a:link{ color:#FFF; }
.footbg .conte .c3 a:hover{ background-color:#14A2F5;color:#FFF; }

/*分享到微信*/
.shareMoredown{ margin:auto;width:300px; padding:15px 0px; }
.shareMoredown b{ float:left;width:300px; text-align:center; }
.shareMoredown p{ float:left;width:300px; text-align:center; color:#999; line-height:30px; }


