
body, form, h1, h2, h3, hr, input, li, p, ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: none;
    vertical-align: middle;
    outline: none;
    font-size: 18px;
    color: #333;
}
a {
    text-decoration: none;
    outline: 0;
    cursor: pointer
}

button {
    outline: 0;
    border: none
}

button::-moz-focus-inner {
    border: 0
}

a, p, span {
    -webkit-user-select: auto;
    -webkit-touch-callout: none;
    color: inherit
}
div{ margin: 0 auto}

.clearfix {
    *zoom: 1
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
.banner{  }
.banner img{width: auto; height: auto; max-width: 100%;max-height: 100%;}
.contain{width: 100%;}
.main1{ background: #fff;  box-shadow: 0 8px 8px 0 rgba(229,50,56,.3);
    -webkit-box-shadow: 0 8px 8px 0 rgba(229,50,56,.3);
    -moz-box-shadow: 0 8px 8px 0 rgba(229,50,56,.3);
    height: 100px; position: relative; top:-35px; width: 1000px}
.m-left{ display: inline-block; width: 49%; position: relative;}
.m-left::before{ content: ""; width: 1px; height:70px; background: #e2e2e2; position: absolute; top:15px; right: 0}
.ml-img,.ml-img2,.ml-btn{ display: inline-block}
.ml-img{ position: relative; top:-17px;margin-left: 50px;}
.ml-img2 .text{ font-size: 14px; color:#333}
.ml-img2 .text span{color: #e53238; display: inline-block; margin-left: 5px}
.ml-img2 .number{ color: #e53238; font-weight: bold; font-size:34px;letter-spacing: -1px;}
.ml-img2 .number span{ font-size: 24px}
.ml-img2{margin-left: 15px;     margin-top: 30px;  }
.ml-btn a,.guanzhu,.app-down{background:#e53238; border-radius: 4px; color: #fff; padding: 8px 20px; font-size: 14px}
.ml-btn{ position: relative; top:-18px; margin-left:84px}
.m-right{ width: 49.5%}
.m-right::before{ display: none}
.jr-title{ font-size: 28px; font-weight: bold; text-align: center}
.jr-li-title{ color: #999; text-align: center; margin-top: 10px; margin-bottom: 40px}
.jr-bg{ width: 124px; height: 152px; text-align: center;color: #fff;}
.jr-bg p{ font-size:24px }
.jr-bg h3{ font-size:20px; color: #fff; font-weight: bold; border-top: 1px solid #fff;    padding-top: 5px;
    margin: 10px  10px 0; }
.bg1{ background: url("../images/job1.png") no-repeat; padding-top: 24px; }
.bg2{ background: url("../images/job2.png") no-repeat; padding-top: 24px }
.bg3{ background: url("../images/job3.png") no-repeat; padding-top: 24px }
.bg4{ background: url("../images/job4.png") no-repeat; padding-top: 24px }
.jr-about{ font-size: 14px; text-align: center}
.post ul{ padding-left: 97px}
.post li{ display: inline-block; width: 179px}
.welfare{ margin: 60px auto 30px}
.welfare ul{ text-align: center;    margin-top: 40px;}
.welfare ul li{ width: 120px; display: inline-block; background: #fff1f1; text-align: center; height:196px ;
    padding-top: 40px;}

.welfare ul li.kei1 h2{color: #fff; font-size: 24px; font-weight: bold }
.welfare ul li.kei1 p{font-size: 14px; text-align: left; padding: 10px}
.welfare ul li img{ margin-bottom: 8px}
.welfare ul li.kei1{ background: #e53238;color: #fff;  box-shadow: 5px 2px 8px 0 rgba(229,50,56,.3);
   -webkit-box-shadow: 5px 2px 8px 0 rgba(229,50,56,.3);
    -moz-box-shadow: 5px 2px 8px 0 rgba(229,50,56,.3);
    position: relative; right:-10px; top:-10px;    height: 234px;
    padding-top: 22px;}
.culture{ margin-top: 30px; width: 900px}
.culture li{ height: 223px; display: inline-block; color: #fff; text-align: center}
.team1{ width: 292px; background: #e53238; line-height: 226px; font-size: 28px; font-weight: bold }
.team2{ background: url("../images/b1.jpg") no-repeat; width: 305px}
.team3{ background: url("../images/b2.jpg") no-repeat; width:292px}
.team2 h2,.team2 h3,.team3 h2,.team3 h3,.team4 h3,.team4 h2{color: #fff; font-size: 16px; margin-bottom: 10px}
.team2 h2,.team3 h2,.team4 h2{ font-size: 23px; font-weight: bold; margin-top: 75px}
.team4{background: url("../images/b3.jpg") no-repeat; width:292px}
.xueke{ background: #4e91f0;line-height: 226px; font-size: 28px; font-weight: bold }
.swap{background: url("../images/b4.jpg") no-repeat;}
.dseew{  font-size: 28px; font-weight: bold ; position: relative; margin: 0 auto;width: 280px;}
.dseew::before{content: ""; width: 280px; height:1px; background: #fff; position: absolute; top:114px; left: 0}
.dseew span{background: #e53238;    z-index: 11;  position: relative;}
.culture ul{ height: 227px; overflow: hidden }
.culture li.team1{ height: 223px;}
.ewm,.ewm2{width: 120px;
    height: 120px;
    background: #fff;
    padding: 0px;
    position: absolute;
    right: 34px;
    top: -96px;
    display: none;
}
.ewm2{ right: 0; left: -161px}
.ewm img,.ewm2 img{ width: 100%}
.guanzhu,.app-down{ cursor: pointer}

.c-left{width:449px; float: left}
.c-left img,.c-right img{width: 100%; vertical-align: top}
.c-right{ margin-left:459px}
.zmrq{
    padding: 20px; }
.zmrq h2{ font-size: 20px; font-weight: bold; margin-bottom: 10px}
.zmrq p{ line-height: 30px; font-size: 15px}
.zmrq p span{ display: inline-block; background: #ffbc5c; border-radius: 200px; color: #fff; padding: 0 20px; margin-top: 8px}
.zmrq2{ width: 448px}
.zhaomu{ margin-bottom:9px; width: 900px}
/*.seaction{ background: url("../images/bg.jpg") center no-repeat; background-size: cover; padding: 40px 0}*/
.seaction{ margin: 30px auto;  }
.seaction .jr-title{ margin-bottom: 30px}
.welfare ul li p{ font-size: 14px}