/*关于我们-公司简介 start*/
.company-brief{
    background: #f2f2f2;
    margin-bottom: 40px;
    margin-bottom: 3.33%;
}
.compamy-text{
    float: left;
    width: 50%;
    padding: 40px 50px;
    padding: 3.33% 4.166%;
}
.compamy-text p{
    color: #4d4d4d;
    line-height: 225%;
    font-size: 16px;
    margin-bottom: 30px;
}
.compamy-text p:last-child{
    margin-bottom: 0;
}
.compamy-img{
    float: right;
    width: 50%;
}
.compamy-img img{
    width: 100%;
}
.company-purpose .compamy-text{
    float: right;
}
.company-purpose .compamy-text p{
    line-height: 200%;
}
.company-show{
    padding-bottom: 80px;
    padding-bottom: 6.66%;
}
.company-show li{
    float: left;
    width: 25%;
}
.company-show img{
    width: 100%;
}
/*关于我们-公司简介 end*/


/*关于我们-企业文化 start*/
.culture{
    padding-bottom: 110px;
    padding-bottom: 9.166%;
}
.culture li{
    float: left;
    width: 360px;
    width: 30%;
    margin-right: 60px;
    margin-right: 5%;
}
.culture li:last-child{
    margin-right: 0;
}
.culture img{
    width: 100%;
}
.culture h2{
    color: #1f1f1f;
    font-size: 24px;
    margin: 25px 0 8px 0;
}
.culture p{
    color: #7c7c7c;
    line-height: 175%;
    font-size: 16px;
}
/*关于我们-企业文化 end*/


/*关于我们-荣誉资质 start*/
.honor{
    padding-bottom: 70px;
    padding-bottom: 5.8333%;
}
.honor li{
    float: left;
    width: 255px;
    width: 21.25%;
    margin: 0 60px 40px 0;
    margin: 0 5% 3.33% 0;
    position: relative;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;  /* IE 9 */
    -moz-transition: all 0.5s;     /* Firefox */
    -o-transition : all 0.5s;  /* Opera */
    transition: all 0.5s;
}
.honor li:nth-of-type(4n){
    margin: 0 0 3.33% 0;
}
.honor img{
    width: 100%;
}
.honor p{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 100%;
    opacity: 0;
    z-index: 2;
margin-left: -50%;

}
.honor li:hover .mask, .honor li:hover p {
    opacity: 1;
}
.honor .mask{
    position: absolute;
    opacity: 0;
    background: url(../images/black.png) repeat;
}
/*关于我们-荣誉资质 end*/


/*关于我们-创新与发展 start*/
.innovate{
    background: #f2f2f2;
    margin-bottom: 40px;
    margin-bottom: 3.33%;
}
.innovate-img{
    float: left;
    width: 450px;
    width: 37.5%;
}
.innovate-img img{
    width: 100%;
}
.innovate-text{
    float: right;
    width: 750px;
    width: 62.5%;
    padding: 35px 39px;
    padding: 2.9% 3.25% 0 3.25%;
}
.innovate-text h2{
    color: #004ea2;
    font-size: 24px;
    margin-bottom: 20px;
}
.innovate-text h4{
    font-size: 16px;
    color: #1e1e1e;
    margin-bottom: 3px;
}
.innovate-text p{
    color: #545454;
    line-height: 170%;
}
.innovate-text>div{
    margin-bottom: 20px;
}
.innovate-develop{
    padding-bottom: 32px;
    padding-bottom: 2.66%;
}
/*关于我们-创新与发展 end*/



/*招贤纳士 start*/
.joinus-cont>div{
    margin-bottom: 25px;
}
.joinus-cont>div>h2{
    color: #343434;
    font-size: 24px;
    margin-bottom: 10px;
}
.joinus-cont p{
    color: #585858;
    font-size: 16px;
    line-height: 185%;
}
.job{
    padding-bottom: 75px;
    padding-bottom: 6.25%;
    margin-top: 33px;
    margin-top: 2.75%;
}
.job li{
    float: left;
    width: 277px;
    width: 23%;
    margin: 0 30px 0 0;
    margin: 0 2.5% 0 0;
    border: 2px solid #dcdcdc;
    cursor: pointer;
}
.job li:last-child{
    margin: 0;
}
.job li:hover{
    border: 2px solid #004ea2;
}
.job li:hover a{
    border-top: 2px solid #004ea2;
    color: #004ea2;
}
.job li:hover a em{
    background: url(../images/join-active.png) no-repeat center;
}
.job li:hover h2{
    color: #004ea2;
}
.job h2{
    color: #343434;
    font-size: 24px;
    padding: 29px 38px;
    padding: 10% 13%;
    height: 166px;
    line-height: 170%;
}
.job a{
    width: 100%;
    border-top: 2px solid #dcdcdc;
    line-height: 58px;
    padding: 0 28px;
    font-size: 16px;
    color: #585858;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.job a em{
    width: 16px;
    height: 16px;
    background: url(../images/join.png) no-repeat center;
}
/*招贤纳士 end*/

.post {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 798px;
    background: #fff;
    z-index: 12;
}
.post > h1 {
    color: #004ea2;
    font-size: 30px;
    padding: 4% 50px;
    padding: 4% 6%;
    border-bottom: 1px solid #d9d9d9;
}
.place {
    padding: 32px 50px 25px 50px;
    padding: 0 6% 0 6%;
    margin: 4% 0 3% 0;
    height: 300px;
    overflow-y: scroll;
}
.place>div{
    margin-bottom: 23px;
    margin-bottom: 2.88%;
    line-height: 200%;
}
.place strong{
    color: #000;
}
.place p{
    color: #3c3c3c;
}
.handle {
    text-align: center;
    padding: 40px 0 50px 0;
    padding: 5% 0 6% 0;
    margin: 0 50px;
    margin: 0 6%;
    border-top: 1px solid #d9d9d9;
}
.handle a {
    width: 140px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    margin: 0 15px;
}
.handle a:nth-of-type(1) {
    background: #ababab;
}
.handle a:nth-of-type(2) {
    background: #ababab;
}
/*遮罩层 end*/


@media all and (max-width: 1366px){
    .place{
        height: 250px!important;
    }
}