@charset "utf-8";



/*Html5*/





article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block;

}



audio,

canvas,

video {

    display: inline-block;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



body,

html {

    font-size: 100%;

    padding: 0;

    margin: 0;

    overflow-x: hidden;

    font-weight: 200;

    /* letter-spacing: 1px; */

}



html,

body {

    font-size: 100%;

    background: #fff;

}



body a {

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}



* {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;

}



a {

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    text-decoration: none;

    background: transparent;

    /*修正win8系统IE连接灰色背景*/

    outline: none;

}



a {

    color: #080808;

    text-decoration: none;

}



a:focus {

    outline: 0;

}



a:active,

a:hover {

    outline: 0;

    text-decoration: none;

    color: #080808;

}



img {

    border: 0;

    vertical-align: middle;

    -ms-interpolation-mode: bicubic;

    transition: transform 1s;

}



input[type='button'],

input[type='submit'],

li.parallelogram {

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

}



p {

    margin: 0;

}



body {

    font: 16px/1.8 'Noto Sans SC', sans-serif;

    color: #080808;

    font-weight:300;

}



img {

    display: block;

    width: 100%;

}



:focus {

    outline: 0;

}



button,

input,

select,

textarea {

    font-family: inherit;

    font-size: 100%;

    margin: 0;

    outline: none;

}



button,

input {

    line-height: normal;

}



button,

select {

    text-transform: none;

}



button,

html input[type='button'],

input[type='reset'],

input[type='submit'] {

    -webkit-appearance: button;

    cursor: pointer;

}



button[disabled],

html input[disabled] {

    cursor: default;

}



input[type='checkbox'],

input[type='radio'] {

    box-sizing: border-box;

    padding: 0;

}



input[type='search'] {

    -webkit-appearance: textfield;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



input[type='search']::-webkit-search-cancel-button,

input[type='search']::-webkit-search-decoration {

    -webkit-appearance: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



input.submit {

    cursor: pointer;

}



input.radio {

    width: 13px;

    height: 13px;

}



input[type='text'],

input[type='number'] {

    -webkit-appearance: none;

}



textarea {

    overflow: auto;

    vertical-align: top;

    resize: none;

    -webkit-appearance: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



ul,

ol,

li {

    list-style: none;

}



i,

em {

    font-style: normal;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 300;

}





/*清除浮动*/



.clear {

    clear: both;

}



.clearfix {

    *zoom: 1;

}



.clearfix:after {

    display: block;

    overflow: hidden;

    clear: both;

    height: 0;

    visibility: hidden;

    content: '.';

}



.fl {

    float: left;

    display: inline;

}



.fr {

    float: right;

    display: inline;

}



.por {

    position: relative;

}



.poa {

    position: absolute;

}



.pof {

    position: fixed;

}



.ovh {

    overflow: hidden;

}



.transition {

    -webkit-transition: all 0.4s;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    transition: all 0.4s;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #908F8F;

}



input::-moz-placeholder,

textarea::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #908F8F;

}



input:-ms-input-placeholder,

textarea::-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #908F8F;

}





.joinFive input::-webkit-input-placeholder,

.joinFive textarea::-webkit-input-placeholder {

    color: #fff;

}



.joinFive input::-moz-placeholder,

.joinFive textarea::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #fff;

}



.joinFive input:-ms-input-placeholder,

.joinFive textarea::-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #fff;

}



.massageBox input::-webkit-input-placeholder,

.massageBox textarea::-webkit-input-placeholder {

    color: #fff;

}



.massageBox input::-moz-placeholder,

.massageBox textarea::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #fff;

}



.massageBox input:-ms-input-placeholder,

.massageBox textarea::-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #fff;

}



.Scroll::-webkit-scrollbar {

    width: 6px;

    height: 16px;

    background-color: #f5f5f5;

}



.recJob_sel input::-webkit-input-placeholder,

.recJob_sel textarea::-webkit-input-placeholder {

    color: #333;

    font-weight: 200;

}



.recJob_sel input::-moz-placeholder,

.recJob_sel textarea::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #333;

    font-weight: 200;

}



.recJob_sel input:-ms-input-placeholder,

.recJob_sel textarea::-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #333;

    font-weight: 200;

}



/*定义滚动条轨道 内阴影+圆角*/



.Scroll::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    border-radius: 10px;

    background-color: #f5f5f5;

}





/*定义滑块 内阴影+圆角*/



.Scroll::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #219ae7;

}



.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    width: 100%;

    position: relative;

    overflow: hidden;

    display: block;

    margin: 0;

    padding: 0 !important;

}



.slick-slide {

    float: left;

    height: 100%;

    min-height: 1px;

    /* display: none; */

}



.slick-prev,

.slick-next {

    position: absolute;

    display: block;

    height: 20px;

    width: 20px;

    line-height: 0;

    font-size: 0;

    cursor: pointer;

    background: transparent;

    color: transparent;

    padding: 0;

    border: none;

    outline: none;

}



.slick-dots {

    width: 100%;

    margin: 25px 0 0;

    text-align: center;

}



.slick-dots li.slick-active {

    background: #000;

}



.slick-dots li {

    display: inline-block;

    width: 40px;

    height: 5px;

    background: #c1c6c8;

    margin: 0 6px !important;

    border-radius: 0;

    cursor: pointer;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    opacity: 1;

}



.line1{

    overflow: hidden;

    white-space: nowrap;

    -webkit-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.line2{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}

.line3{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}