@charset "utf-8";
/*布局宽度*/
.w{width: 1200px;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,html{min-width: 1110px;}
/*默认链接颜色*/
a{color: #333;}
a:focus {outline:0 !important; }
/** 基础布局  清除空隙  需在外层容器加上 dib-box，dib 可单独使用*/
.dib-box { font-size: 0; /* 所有浏览器 */ *word-spacing: -1px; /* IE6/7 */ }
@media (-webkit-min-device-pixel-ratio: 0) { .dib-box { letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器 */ } }
.dib-box .dib {vertical-align: top;font-size: 14px;letter-spacing: normal;word-spacing: normal;line-height: inherit;}
.dib{display: inline-block; *display: inline; *zoom: 1; }
/*自适应两端对齐组件 外层加上 justify，内部需要两端对齐的元素都加上 dib,dib 与 justify 不要同时出现*/
/*防止行高增大  尽量不要在父元素上设置行高*/
.justify, .dib-box .justify { font-size: 0; line-height: inherit; }
.justify {text-align: justify;text-justify: inter-ideograph; /* IE 6-7 */ *zoom: 1; /* IE 6-7 触发 hasLayout 使一行也能两端对齐 */-moz-text-align-last: justify;text-align-last: justify; /* IE 8+ */}
/*** 不支持 text-align-last 的浏览器用伪元素模拟* 1. margin-left:100% 仅 WebKit 支持*/
.justify:after { content: ""; display: inline-block; width: 100%; /* 1 */ }
/* 子元素取消两端对齐 */
.justify .dib {-moz-text-align-last: auto;text-align-last: auto;text-justify: auto;text-align: left;font-size: 12px;letter-spacing: normal;word-spacing: normal;}
/* 常用样式 */
.pr{position: relative}
.db{display:block;}
.dib{display: inline-block;}
.upper{text-transform: uppercase}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content: '\0020'; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom: 1; }
/*字体样式*/
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.ell{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.ell_2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.f16{font-size: 16px ;}
.f18{font-size: 18px;}
.f22{font-size: 22px;}
.f14{font-size: 14px;}
/*常用颜色*/
.white{color: #fff !important;}
.blue{color: #185b8f!important;}
.gray{color: #666;}
.light-gray{color: #999;}
.red{color: #eb2d48;}
.gray{color: #b2b2b2}
.subColor{color: #2d90eb}
/*表单常用样式*/
.form-control {width: 100%;height: 32px;color:#333333;vertical-align: middle;}
.form-control:focus{outline: 0;}
.form-control[disabled]{background-color: #eee;opacity: 1;cursor: not-allowed;}
.form-control[disabled]:hover{border:1px solid #D4D4D4;}
input[type="checkbox"], input[type="radio"] { vertical-align: middle; } /*标签与文字垂直居中对齐*/
input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}  
/*常用图形*/
/**右三角**/
.arrow { font-size: 0; width: 0; height: 0; line-height: 0; display: inline-block; vertical-align: -2px; border: 0 dashed transparent; border-width: 6px; }
.arrow-right { border-left-style: solid; border-left-color: #2ab2df; }
/*翻页*/
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;vertical-align: top;}
.pagination > li { display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #555;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #2d90eb;border-color: #2d90eb;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a,
.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pageForm{display: inline-block;margin: 20px 0 0 30px;line-height: 33px;}
.pageInput{width: 3em;height: 33px;background-color: #f9f9f9;border: 1px solid  #d8d8d8;margin: 0 3px;vertical-align: top;}
.pageGo{padding: 0 9px;background-color: #2d90eb;color: #fff;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;margin-left: 15px;height: 33px;}


/*头部*/
.topNavWrap{height: 70px;}
.topNav{width: 100%;height: 70px;}
.topNav{position: fixed;z-index: 999;background-color: #fff;-webkit-box-shadow: 0 5px 5px #f5f5f5;-moz-box-shadow:  0 5px 5px rgba(110,110,110,.1);box-shadow: 0 5px 5px rgba(110,110,110,.1);}
.logo img{width: 135px;height: 38px;padding-right: 14px;border-right: 1px solid  #ebebeb;margin-top: 17px;margin-right: 13px;}
.logo p{line-height: 20px;padding-top: 17px; color: #007bc1; }
.topNavLnks>li{display: block;float: left;line-height: 66px;border-top: 4px solid transparent;}
.topNavLnks>li:hover{background-color: #f7f7f7;border-color: #f7f7f7;border-top:4px solid #2d91e9 }
.topNavLnks>li>a{display: inline-block;padding: 0 20px;font-size: 16px;line-height: 37px;}
.topNavLnks>li.act{background-color: #f7f7f7;border-color: #2d91e9;}
.topNavLnks>li a.btnJoinUs{margin-left: 15px;margin-right: 15px;border: 1px solid  #2d91e9;font-weight: bold;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;color: #2d91e9;}
.subNavWrap{background-color: #fafafa;position: fixed;top: 70px;width: 100%;left: 0;display: none;padding: 20px 0;line-height: 2;-webkit-box-shadow: 0 5px 5px #f5f5f5;-moz-box-shadow:  0 5px 5px rgba(110,110,110,.1);box-shadow: 0 5px 5px rgba(110,110,110,.1);}
.subNavWrap .subNavItem{margin-right:15px;white-space: nowrap;}
.subNavWrap .subNavItem:hover{color: #2d91e9;}
.topNavLnks>li:hover .subNavWrap{display: block;}
.a{display: block}
.joinImg{margin-right: 88px;}
.joinContent{line-height: 2;}
.joinContent a.hotCityItem{display: inline-block;text-align: center;margin: 0 5px}
.joinContent a.hotCityItem:hover{background-color: #ddd;}
.citySearch{display: inline-block;margin-left: 30px;width: 280px;background-color: #fff;border: 1px solid  #d6d6d6;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;height: 34px;padding: 0 0 0 10px;}
.citySearch input{border: none;height: 34px;width: 250px;}
.citySearch button{background: url(../images/bg-search.png) 50% 50% no-repeat;width: 30px;height: 30px;vertical-align: middle;}
.jobLable{width: 150px;padding: 15px 0;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;display: inline-block;text-align: center;font-size: 16px;font-weight: bold;margin-right: 80px;margin-top: 20px;}
.jobLable:hover{color: #2d91e9;}

/*底部*/
.footer{color: #000000;background-color: #f0f1f3;padding: 73px 0 20px;}
.ftLink{max-width: 122px;margin-right: 90px;float: left;}
.ftLink dt{margin-bottom: 25px;font-size: 16px;}
.ftLink dd a{color: #5e6673;line-height: 1.5;display: block;margin-bottom: 12px;}
.ftLink dd a:hover{color: #2d90eb;}
.ft_brand{height: 165px;border-left: 1px solid  #42454e;float: left;padding-left: 50px;padding-top: 15px;}
.ft_brand a{background-color: #2d90eb;color: #fff;width: 124px;height: 32px;display: block;text-align: center;line-height: 32px;margin: 33px 0 0 23px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.ft_brand a:hover{background-color: #46a3f9;}
.ft_brand img{margin-bottom: 25px}
.ft_brand-p{color:#5e6673;margin-bottom:12px}
.frdLnk{color: #5e6673;margin: 35px 0 0;margin-bottom: 8px}
.frdLnk dt{width: 76px;color: #8e94a2}
.frdLnk dd{width: 1116px;}
.frdLnk a{color: #5e6673;display: inline-block;white-space: nowrap;margin-right: 8px;}
.frdLnk a:hover{color: #2d90eb;}
.ft_rights{background-color: #e1e2e4;color: #5e6673;padding: 8px 0;}
.ft_rights img{vertical-align: middle;}
.ft_rights a{color: #5e6673;}
.ft_rights a:hover{color: #2d90eb;}
/*悬浮块*/
.winico{
    cursor: pointer;
    height: 50px;
    width: 50px;
    background:#FFFFFF;
    border-radius: 25%;box-shadow: 0px 2px 10px 2px rgba(0,0,0,.05);
    position: fixed;right:30px; bottom:50%;margin-bottom:5px;text-align:center;z-index: 9999;
}
.winico img{
    position: absolute;top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
    height: 30px;
    width: 30px;}
.windows{position: fixed;background:#FFFFFF;border-radius: 2px; height:140px; width:120px;
    right:95px; bottom:50%;margin-bottom:-40px ;text-align:center;z-index: 9999;box-shadow: 2px 2px 10px 2px rgba(0,0,0,.05)
}
.triangle-right {
    width: 0;
    height: 0;
    position: absolute;
    left: 120px;
    top: 50%;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
    border-bottom:10px solid transparent;
}
.icoCode{overflow: hidden;text-align: center}
.icoCode img{position:absolute; top:15px; left:50%; margin-left:-44px; height:88px; width:88px;}
.icoCode span{color: #000000;position: absolute;top:112px;left: 50%;margin-left: -35px}
.icotou{position: absolute; top:170px;left: 0; display:inline-block; height:60px; width: 60px;overflow: hidden;padding:0 5px;cursor: pointer}
.icobub{position: absolute; top:170px;right:0;display:inline-block; height:60px; width: 60px;overflow: hidden;padding:0 5px;cursor: pointer}
.icotou a{font-size: 14px; width: 60px;line-height: 90px;}
.icobub a{font-size: 14px; width: 60px;line-height: 90px;}
.touch{position: absolute;top: 0;left: 50%;margin-left: -12.5px;display:block; background: url("../images/ico-bubble.png");height:25px; width:25px;overflow: hidden}
.bubble{position: absolute;top: 0;left: 50%;margin-left: -12.5px;display:block;background: url("../images/ico-touch.png") ;height:25px; width:25px;overflow: hidden}