﻿@charset "UTF-8";
/* Css Reset */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{vertical-align:top;border:0}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal}
li,ol,ul{list-style:none}
dd,div,dl,dt,li,ol,ul{zoom:1}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-size:16px;line-height:1.8;font-family:"Microsoft YaHei", 'PingFang SC',Arial,Helvetica,Tahoma,sans-serif}
article,aside,dialog,figure,footer,header,menu,nav,section,time{margin:0;padding:0;display:block;zoom:1}

/* Public */
body{color: #4f4f4f; font-size: 14px; line-height: 30px; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
a{color: #333;text-decoration: none;outline: none;-webkit-transition: 500ms;-o-transition: 500ms;-moz-transition: 500ms;transition: 500ms;}
a:hover{color: #37b1a4; text-decoration: underline;}
.clearbox{border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank{display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{height: 1%;}
* + html .clearfix{min-height: 1%;}
.fl{float: left !important;}
.fr{float: right !important;}
.hide{display: none;}
input[type=button],
input[type=submit],
input[type=file],
button{cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.prev,
.next{transition: all 0.5s;}

/* frame */
body{text-align: center;background: #eee;}
.wrap{min-width: 1220px; max-width:1920px; margin:0 auto; background:#fff; min-height: 400px;}
.siteWidth{position: relative;max-width: 1200px;_width: 1200px;margin: 0 auto;}
.siteWidth:after { content:""; display:block; clear:both;}
#content{clear: both;padding: 20px 0px 0;width: 1200px;margin: 0 auto 30px;position: relative;min-height: 300px;z-index: 1;text-align: left;}
#content:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* header */
#header{text-align: left;margin: 0 auto 20px;background: #fff;}
/* headerTop */
.headerTop {height: 400px;background: #37b1a4 url(../img/banner.jpg) no-repeat center;}
.headerTop #logo{float: left;margin-top: 25px;}
.headerTop #logo a{display:block; width:530px; height:63px; background:url(../img/logo.png) 0px 0px no-repeat;}
.headerTop #logo img{max-width: 100%;}
.headerTop nav {float:right;padding-top: 30px;}
.headerTop nav li {float: left;padding: 0 15px;line-height: 20px; height: 20px;}
.headerTop nav li a { font-size:16px; color:#fff;}
.headerTop nav li a.loginBtn{padding-left:20px; background:url(../img/icon-into.png) 0px 50% no-repeat}
.headerTop nav li.frist { border:0;}
.headerTop nav li.split{padding:0px; color:#fff; font-size:14px;}

/* 栏目导航 */
.topNav{height:50px; background:#26A799;}
.mainNav{width:1200px; margin:0 auto; height:50px;}
.mainNav li.li1{float:left; height:50px; width:140px; margin-right:72px;}
.mainNav li.li1 .h1{display:block; text-align:center; height:50px; line-height:50px; color:#ffffff; font-size:18px; font-weight:bold;}
.mainNav li.li1 .h1 a{color:#fff; display:block;}
.mainNav li.li1 .h1 a:hover{text-decoration: none;}
.mainNav li.on1 .h1{background:#4DC7BA}
.mainNav li.last1{margin-right:0px;}

/* url_方块样式分页 */
.page{font-size: 0; text-align: left; padding: 25px 0; clear: both; overflow: hidden; color: #888; text-align: center;}
.page a,
.page span{font-size: 12px;display: inline-block; *display: inline;zoom: 1;border: 1px solid #E1E1E1;padding: 0px 8px;border-radius: 3px;margin: 0 5px 5px 0;line-height: 23px;height: 23px;color: #666;background: #fff;}
.page a:hover,
.page span:hover{border: 1px solid #37b1a4; text-decoration: none; color: #37b1a4;}
.page .current{border: 1px solid #37b1a4; background: #37b1a4; color: #fff !important;}
.page select,
.page input{margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle;}
.page input{text-align: center; padding: 0 4px; outline: none;}
.page .disabled{pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

/* 位置导航 */
.path{color: #555555; line-height: 22px; text-align: left; max-width: 1158px; border:1px solid #e4e4e4;  margin: 0 auto; font-size: 14px; min-height:22px; padding:13px 20px; font-weight: 600;}
.path a,
.path span{padding: 0 3px; color: #555555;}
.path em{background: url(../img/path.png) no-repeat 0px 0px; padding-left: 30px; display:inline-block;font-weight: 600; }

/* 通用信息列表 */
.infoList { text-align: left;}
.infoList li { height: 40px; line-height: 40px; overflow: hidden; padding-left: 15px; background: url(../img/dot-01.png) 0px 16px no-repeat;}
.infoList li .date { font-size: 14px; margin-left: 15px; float: right; color: #999;}
.infoList li .node { color: #f00; margin-right: 5px;}

/* footer */
#footer { position: relative; text-align: center; padding: 30px 0; line-height: 28px; background:#515151; color:#fff; min-height:60px; }
#footer a{color:#fff;}
#footer a:hover{color:#ffb134}
#footer .footNav { }
#footer .footNav a { margin: 0 10px; display: inline-block; }
#footer .copyRight a { text-decoration: underline; }
#footer .pics { position: absolute; right: 0; top: 0px; }
#footer .pics img { }
#footer #imgConac { height: 70px; margin-top: -10px; }

/* mainContent */
.mainContent{}
.mainBox>.mHd { margin-bottom: 5px; height: 54px; line-height: 54px; position: relative; border-bottom: 1px solid #ccc; font-size: 20px;}
.mainBox>.mHd h3 { float: left; height: 53px; border-bottom: 2px solid #37b1a4; padding: 0 20px; color: #37b1a4; font-weight: bold;}
.mainBox>.mHd h3 a { color: #37b1a4;}
.mainBox>.mHd ul { float: left;}
.mainBox>.mHd ul li { float: left; height: 53px; padding: 0 20px;}
.mainBox>.mHd ul li a { display: block;}
.mainBox>.mHd ul li a:hover { color: #37b1a4;}
.mainBox>.mHd ul li.on { border-bottom: 2px solid #37b1a4; font-weight: bold;}
.mainBox>.mHd ul li.on a { color: #37b1a4;}
.mainBox>.mBd { padding: 10px 0px 0px; overflow: hidden;}

/* newsList */
.newsList { padding: 0;}
.newsList li { overflow: hidden; height: 50px; line-height: 50px; border-bottom: 1px dotted #ddd; font-size:16px;}
.newsList li a { padding-left: 20px; background: url(../img/dot-01.png) 5px 50% no-repeat;}
.newsList .date { float: right; color: #999; margin: 0 10px 0 15px;}
.newsList .node { color: #999; margin-right: 10px;}
.newsList em { color: #f20;}
.newsList .split { height: 1px; overflow: hidden; font-size: 0; line-height: 0; margin: 18px 0; border-bottom: 1px dotted #ccc;}
.newsList li .address { background: #8DB6D5; color: #fff; padding: 0 8px; line-height: 22px; font-size: 12px; margin: 4px 0; border-radius: 5px; float: right; margin-left: 15px;}
.newsList li .address:hover { background: #6e9ec3; text-decoration: none;}
.newsList li .disable { display: none !important;}
/* 文章内容页 -----------------------------------------*/
.subheading { font-size: 16px;}
.noSideContent .printArea .conTxt { padding: 0 30px;}
.articleCon { text-align: left; padding: 40px 0 20px;}
.printArea .title { font-size: 26px; padding: 0 30px; line-height: 1.5; text-align: center; margin-bottom: 30px; word-wrap: break-word; color: #37b1a4;}
.printArea .subTitle,
.printArea .subheading { font-size: 16px; color: #777; text-align: center; margin-bottom: 20px;}
.printArea .property { font-size: 14px; margin-bottom: 20px; padding: 6px 10px; text-align: center; color: #777; border: 1px dotted #ddd; background: #F8F8F8;}
.printArea .property span { padding: 0 5px;}
.printArea .conTxt,
.printArea .conTxt *{box-sizing:content-box}
.printArea .conTxt { color: #333; font-size: 16px; line-height: 2; text-align: left; padding: 0 0 20px 0; overflow: hidden; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
.printArea .conTxt p {margin: 20px 0 0px; padding:0px; line-height: 32px;  word-wrap: break-word; border: none; border-radius: 0; white-space:normal; text-align: justify;}
.printArea .conTxt p:first-child{margin-top: 0px}
.printArea .conTxt img { max-width: 100%; height: auto !important; border: 0; vertical-align: top}
.printArea .conTxt table{background-color: transparent; border-collapse: collapse; border-spacing: 0; text-align: left; }
.printArea .conTxt table td{padding: 5px 10px; border: 1px solid #ddd;}
.printArea .conTxt table td p{padding: 0px !important; margin: 0px !important; text-indent: 0px !important;}
.printArea .conTxt table p { margin: 0px}
.printArea .conTxt a { color: blue; text-decoration: underline;}
.printArea .conTxt em { font-style: italic;}
.printArea .conTxt ul { padding-left: 2em; list-style: inherit;}
.printArea .conTxt ol { padding-left: 2em; list-style: decimal;}
.printArea .conTxt ul li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt ol li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt h1 { font-size: 2em; margin: .67em 0;}
.printArea .conTxt h2 { font-size: 1.5em; margin: .75em 0;}
.printArea .conTxt h3 { font-size: 1.17em; margin: .83em 0;}
.printArea .conTxt h5 { font-size: .83em; margin: 1.5em 0;}
.printArea .conTxt h6 { font-size: .75em; margin: 1.67em 0;}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong { font-weight: bolder;}
.printArea .conTxt .videoPlayer{text-indent: 0;}
.printArea .videoPlayer { position: relative; z-index: 1500; text-align: center; margin: 20px auto;}
.articleCon .userControl { font-size: 14px; border: 1px dotted #ddd; background: #f8f8f8; overflow: hidden; text-align: left; margin-bottom: 20px; padding: 5px; line-height: 40px;}
.articleCon .userControl .dyBtn { color: #37b1a4; float: left;}
.articleCon .userControl .bdsharebuttonbox { float: right;}
.articleCon .page { padding: 10px 0; text-align: center; overflow: hidden;}
.articleCon .others { margin-bottom: 15px;}
.articleCon .others .prev,
.articleCon .others .next { padding: 5px 0; word-wrap: break-word}

/* 相关信息 */
#relativeInfo { margin-bottom: 15px; border-bottom: 2px solid #f3f3f3;}
#relativeInfo .hd { height: 40px; line-height: 40px; position: relative; font-size: 18px; border-bottom: 2px solid #f3f3f3}
#relativeInfo .hd .more { position: absolute; top: 8px; right: 0; color: #999; font-size: 14px; width: 24px; height: 24px; line-height: 80px; overflow: hidden; background: #e1e7f0 url(../img/moreicon.png) no-repeat center; border-radius: 50%;}
#relativeInfo .hd .more a { color: #999}
#relativeInfo .hd .more { -webkit-transition: 500ms; -o-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
#relativeInfo .hd .more:hover { transform: rotate(360deg); background-color: #f7bc68}
#relativeInfo .hd h3 { position: absolute; color: #37b1a4; font-size: 18px; font-weight: bold; line-height: 30px; padding: 0 20px; height: 40px; border-bottom: 2px solid #37b1a4;}
#relativeInfo .hd h3 a { color: #37b1a4;}
#relativeInfo .hd h3 a:hover { text-decoration: none;}
#relativeInfo .bd { padding: 10px 0 20px 0; overflow: hidden;}


/* recruitSearchBar */
.recruitSearchBar{padding:10px 10px 10px 72px;background: url(../img/icon-search.png) 28px 17px no-repeat #fff;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:28px;position:relative; margin-bottom:20px;} 
.recruitSearchBar .input-box{margin-right:105px; height:36px;}
.recruitSearchBar .input-box input{height:36px; line-height:36px; border:none; width:100%; background:#f3f3f3; border-radius:18px 0 0 18px;; padding-left:30px; box-sizing: border-box; outline:none }
.recruitSearchBar .btn-box{width:105px; height:36px; position:absolute; right:10px; top:10px;}
.recruitSearchBar .btn-box .search{display:block; height:36px; line-height:36px; width:100%; background:#37b1a4; border:none; color:#fff; font-size:14px; border-radius:0 18px 18px 0px; cursor:pointer;}

/* column */
.column{width:1200px; margin:0 auto 40px;}
#columnB .areaL{width:580px; float:left}
#columnB .areaR{width:580px; float:right;}
#columnB .areaR .links{overflow:hidden; display:block; margin-right:-21px;}
#columnB .areaR .links li{width:280px; height:150px; float:left; margin-right:20px; margin-bottom:20px; background:url(../img/recruit-btn-1.png) 0px 0px no-repeat;}
#columnB .areaR .links li a{display:block; height:130px; text-align:left; color:#fff; padding:20px 20px 0px 65px; background: url(../img/icon-gg.png) 30px 21px no-repeat;}
#columnB .areaR .links li a:hover{text-decoration: none; }
#columnB .areaR .links li a .cn{display:block; font-size:20px; height:30px; line-height:30px; margin-bottom:5px; }
#columnB .areaR .links li a .en{font-size:14px; line-height:26px; }
#columnB .areaR .links li.li2{background-image:url(../img/recruit-btn-2.png)}
#columnB .areaR .links li.li2 a{background: url(../img/icon-xz.png) 30px 22px no-repeat;}
#columnB .areaR .links li.li3{background-image:url(../img/recruit-btn-3.png)}
#columnB .areaR .links li.li3 a{background: url(../img/icon-dt.png) 30px 26px no-repeat;}
#columnB .areaR .links li.li4{background-image:url(../img/recruit-btn-4.png)}
#columnB .areaR .links li.li4 a{background: url(../img/icon-zlxz.png) 30px 22px no-repeat;}


/* recruitBox */
.recruitBox>.hd { margin-bottom: 5px; height: 54px; line-height: 54px; position: relative; border-bottom: 1px solid #ccc; font-size: 20px;}
.recruitBox>.hd .more { width: 26px; height: 26px; float: right; line-height: 26px; font-size: 14px; text-indent: 300%; overflow: hidden; background: url(../img/more.png) 6px 6px no-repeat #ebebeb; margin-top: 14px; margin-right: 10px;}
.recruitBox>.hd h3 { float: left; height: 53px; border-bottom: 2px solid #37b1a4; padding: 0 20px; color: #37b1a4; font-weight: bold;}
.recruitBox>.hd h3 a { color: #37b1a4;}
.recruitBox>.hd ul { float: left;}
.recruitBox>.hd ul li { float: left; height: 53px; padding: 0 20px;}
.recruitBox>.hd ul li a { display: block;}
.recruitBox>.hd ul li a:hover { color: #37b1a4;}
.recruitBox>.hd ul li.on { border-bottom: 2px solid #37b1a4; font-weight: bold;}
.recruitBox>.hd ul li.on a { color: #37b1a4;}
.recruitBox>.bd { padding: 20px 0px 0px; overflow: hidden;}


/* recruitList */
.recruitList{width:100%;}
.recruitList th{height:40px;line-height:40px;text-align:center;font-size: 16px;background:#f7f7f7;color: #000000;padding:0 5px;border: 1px solid #dcdcdc; font-weight: 600;}
.recruitList td{font-size:15px;text-align:center;line-height:20px;padding: 15px 5px;border-bottom:1px dashed #d5d5d5;vertical-align:middle;font-size: 16px; font-weight: bold;}
.recruitList .even td{background:#f9f9f9}
.recruitList .dep{width:15%;}
.recruitList .type{width:15%;}
.recruitList .place{width:15%;}
.recruitList .quantity{width:12%;}
.recruitList .control{width:15%; padding:0px 5px;}
.recruitList .control a{display:inline-block;height:32px;line-height:32px;padding:0 10px;color: #37b1a4;border-radius:5px;text-decoration: none;}
.recruitList .control a:hover{background:#37b1a4; color:#fff;}
.recruitList tr:hover td{background:#f2f6f9}
.recruitList tr:hover td.control a{background:#37b1a4; color:#fff; }
.recruitList .control .alreadyApplied{display:inline-block; height:32px; line-height:32px; padding:0 10px; color:#fff; border-radius:5px;border:none;background: #37b1a4;opacity:0.6}
.recruitList .type a {display: inline-block;height: 32px; line-height: 32px; padding: 0 10px; border-radius: 5px;background: #37b1a4; color: #fff;}

/* recruitSideList */
.recruitSideList li{border-bottom:1px solid #e6e6e6; padding:15px; line-height:26px;}
.recruitSideList li .dateRight{display:block; height:26px; line-height:26px; text-align:right; color:#999999}
.recruitSideList li.last{border-bottom:0px;}

/* recruitSelectorBar */
.recruitSelectorBar{padding:15px 38px 5px; border:1px solid #e6e6e6; margin-bottom:20px;}
.recruitSelectorBar .sHd{height:38px; line-height:38px;}
.recruitSelectorBar .sHd h3{float:left; font-size:24px; font-weight:bold; color:#37b1a4}
.recruitSelectorBar .sBd{padding-top:15px;}
.recruitSelectorBar .selectorLine{overflow:hidden;}
.recruitSelectorBar .selectorLine .sl-key{float:left;width: 84px;text-align: left;font-size: 16px;line-height:24px;margin-right:10px;padding:3px 0px 0px;}
.recruitSelectorBar .selectorLine .sl-value{overflow:hidden}
.recruitSelectorBar .selectorLine .sl-value li{float:left;height:28px;line-height:28px;border:1px solid transparent;padding:0 12px;margin:0px 5px 16px 0px;border-radius:4px;color:#333;font-size: 16px;}
.recruitSelectorBar .selectorLine .sl-value li a{color:#333}
.recruitSelectorBar .selectorLine .sl-value li a:hover{color:#37b1a4}
.recruitSelectorBar .selectorLine .sl-value li.on{border-color: #37b1a4;background: #eefffd; color:#37b1a4;}
.recruitSelectorBar .selectorLine .sl-value li.on a{color:#37b1a4}

/* recruitSideBox */
.recruitSideBox{border:1px solid #e6e6e6; }
.recruitSideBox .hd{height:48px; background:#f8f8f8; border-bottom:1px solid #e6e6e6}
.recruitSideBox .hd h3{float:left; height:48px; line-height:48px; padding-left:20px; font-size:16px; font-weight:bold; }

/* 招聘-列表页 */
.recruitMain .m-list{float:left; width:100%}

/* 招聘-内容页 */
.recruitDetail{}
.recruitDetail .topDetail{background: #f7fbfe;border: 1px solid #d8e3ea;padding: 30px 300px 30px 39px;position:relative;margin-bottom:20px;}
.recruitDetail .topDetail .titleBar{overflow:hidden; margin-bottom:5px;}
.recruitDetail .topDetail .title{float:left; line-height:48px; font-size:32px; font-weight:bold; color:#37b1a4; margin-right:20px; min-width:300px;}
.recruitDetail .topDetail .salary{float:left;line-height:48px;color:#777777;font-size: 20px;}
.recruitDetail .topDetail .company{line-height:30px; font-size:16px; color:#333; margin-bottom:5px;}
.recruitDetail .topDetail .property{line-height:30px;font-size: 16px;color: #696969;margin-bottom:10px;padding: 10px 0;}
.recruitDetail .topDetail .tag{overflow:hidden}
.recruitDetail .topDetail .tag span{float:left; height:20px; line-height:20px; padding:0 10px; font-size:12px; color:#37b1a4; background:#e2f6f4; margin-right:4px; margin-bottom:4px; border-radius:4px;}
.recruitDetail .topDetail .applyBtn{width:200px; height:48px; position:absolute; top:90px; right:50px;}
.recruitDetail .topDetail .applyBtn a{display:block; height:48px; background:#37b1a4; color:#fff; text-align:center; line-height:48px; font-size:20px; border-radius:6px;}
.recruitDetail .topDetail .applyBtn .alreadyApplied{display:block; height:48px; background:#37b1a4; color:#fff; text-align:center; line-height:48px; font-size:20px; border-radius:6px;background: #37b1a4;opacity:0.6}
.recruitDetail .mainDetail {padding: 10px 40px;}

.recruitDetail .mdBox{margin-bottom:30px;}
.recruitDetail .mdBox .hd{height:54px;}
.recruitDetail .mdBox .hd h3{float:left;height:52px;line-height:52px;font-size: 24px;color:#37b1a4;}
.recruitDetail .mdBox .bd{padding: 20px 0 0;}
.recruitDetail .mdBox .conTxt{font-size:16px; line-height:34px;}
.recruitDetail .mdBox .conTxt p{margin:0px;}
.recruitDetail .mdBox .company{padding: 20px 20px 20px 75px;background: url(/content.phone/main/recruitmanage/img/company.png) 20px 25px no-repeat;background-size:46px auto;min-height:50px;margin: 10px 0;border: #ddd solid 1px;} 
.recruitDetail .mdBox .companyName{font-size:22px; line-height:26px; margin-bottom:5px; color:#333333}
.recruitDetail .mdBox .companyProperty{ color:#777777}