/*banner*/
.banner-bg img {
    /* background-image: url(../images/about_redoor_bg.jpg); */
    width: 100%;
    height: 100%;
    display: inline-block;
    /* background-size: cover;
    background-position: top left;
    background-repeat: no-repeat; */
}

/*产品优势*/
.area-tit {
    text-align: center;
}
.area-tit h3 {
    color: #424242;
    font-weight: 700;
}
.area-tit p {
    color: #4d4d4d;
}


/*合作伙伴*/
.parter_list {
    margin-top: 30px;
    ;
}

.parter_list li {
    float: left;
    margin: 18px 16px;

}

/*资质荣誉*/
.aboutUs {
    overflow: hidden;
    padding: 0 95px;
}
.aboutUs>.left {
    float: left;
    width: 50%;
    height: 305px;
    background-color: #eeeeee;
    padding: 40px 35px;
}

.aboutUs>.left h3 {
    text-align: left;
    font-weight: 700;
    margin-bottom: 25px;
}

.aboutUs>.left p {
    text-align: left;
    line-height: 35px;
    font-weight: 700;
}

.aboutUs>.right {
    float: right;
    height: 305px;
    width: 48%;
}

.certification {
    width: 90%;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    margin-top: 50px;
    padding: 0 20px 20px;
    position: relative;
}

.certification_img {
    width: 90%;
    margin: 30px auto 0;
    height: 500px;
    position: relative;
}

.certification_img>li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    vertical-align: middle;
    display: none;
    text-align: center;
}

.certification_img>li.cur {
    display: block;
}

.certification_img>li img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
}

.certification_img>li p {
    width: 100%;
    height: 50px;
    padding-top: 16px;
    text-align: center;
    font: 16px "微软雅黑";
}

.certification_inner {
    width: 88%;
    height: 108px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.certification_icon {
    position: relative;
    width: 10000px;
    height: 108px;
}

.certification_icon>li {
    height: 108px;
    float: left;
    position: relative;
    margin: 0 5px;
    cursor: pointer;
}

.certification_icon>li.active,
.certification_inner>ol>li:hover {
    border: 2px solid #00b4ff;
    border-radius: 1px;
}

.certification_icon>li img {
    width: 100%;
    height: 100%;
}

.previous,
.next {
    font-size: 30px;
    color: #00b4ff;
    width: 30px;
    height: 50px;
    line-height: 108px;
    position: absolute;
    bottom: 12%;
}

.previous {
    left: 2%;
}

.next {
    right: 2%;
}

.remove_btn {
    position: fixed;
    right: 30px;
    top: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50%;
    background-color: #fbfbfb;
    font-size: 27px;
    text-align: center;
}

.remove_btn span {
    line-height: 50px;
}

/*企业文化*/
.culture .culture-img {
    position: relative;
    width: 800px;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-left: 140px;
}

.culture .culture-txt {
    position: absolute;
    width: 360px;
    height:360px;
    top: 0;
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    padding: 30px;
}

.culture .img-in-left {
    float: right;
    background-image: url(../images/culture-img1.jpg);
}

.culture .img-in-right {
    float: left;
    background-image: url(../images/culture-img2.jpg);
}

.culture .txt-in-right {
    right: -260px;
}

.culture .txt-in-left {
    left: -260px;
}

.culture-txt h4 {
    font-weight: 600;
    text-align: left;
    margin-bottom: 25px;
}

/*招聘信息分页*/
.joinus {
    padding: 30px 0;
    width: 100%;
}

.call {
    padding-bottom: 20px;
    padding-left: 34px;
    color: #727272;
    font-family: "微软雅黑";
}

.call span,
.call a {
    color: #00b4ff;
}

.call span {
    font-size: 18px;
}

.call a {
    font-size: 14px;
}

.recruit {
    width: 100%;
    /*  padding-right: 8%; */
    margin-bottom: 10px;
}

.recruit h4 {
    cursor: pointer;
    /*  margin-right: 8%; */
    height: 40px;
    background-color: #f3f3f3;

    font: 16px "微软雅黑";
    line-height: 40px;
    text-indent: 2em;
    margin-bottom: 10px;

}

.recruit h4:hover,
.recruit h4.active,
.recruit h4.active .arrow>i,
.recruit h4:hover .arrow>i {

    color: #00b4ff;
}

.arrow {
    margin-right: 10px;
    line-height: 40px;
    color: #7f7f7f;
}

i {
    line-height: 40px;
    font-size: 16px;
    color: #7f7f7f;
}

.recruit_container {
    display: none;
    margin-right: 5%;
}

.recruit_container h5 {
    text-indent: 2em;
    font: 16px "微软雅黑";
    line-height: 36px;
}

.recruit_container h4 {

    text-indent: 2em;
    font: 16px "微软雅黑";
    font-weight: bold;
    line-height: 36px;
}

.recruit_container ol li {
    font: 14px "微软雅黑";
    padding-left: 50px;
    padding-right: 30px;
    line-height: 34px;
    /* text-indent: 2em; */
}

/*联系我们*/
.contact_information {
    margin: 40px 0;
    padding-left: 20px;
}

.contact_information li {
    width: 95%;
    position: relative;
    border-left: 3px solid #ededed;
    padding-left: 8%;
    padding-bottom: 40px;
}

.contact_information li:not(:first-child) {
    border-top: 1px dotted #ccc;
}

.contact_information li>h3 span {
    background: #fff;
    font: 20px "微软雅黑";
    color: #00b4ff;
    border-bottom: 1px solid #00b4ff;
    padding: 5px 10px;
}

.contact_information li:first-child>h3 span {}

.contact_information li:not(:first-child)>h3 span {
    position: absolute;
    top: -25px;
    left: 8%;
}

.contact_information li>h3 {
    margin-bottom: 30px;
}

.contact_information li>p {
    font: 14px "微软雅黑";
    color: #2f2f2f;
    line-height: 34px;
}

.contact_information li a {

    text-decoration: none;
    color: #00b4ff;
}

/*员工活动*/
.activity {
    margin: 30px auto;
    width: 100%;
}

.activity>li {
    margin: 20px 20px;
    width: 400px;
    float: left;
}

.activity_list {
    width: 427px;
    height: 285px;
    position: relative;
}

.activity_list a {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    position: absolute;
    left: 0;
    top: 0;
}

.activity_list img {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.activity>li h4 {
    font: 18px "微软雅黑";
    padding-left: 5px;
}

.activity>li h4 a {
    text-decoration: none;
    line-height: 40px;
}

.activity>li h4:hover a {
    color: #00b4ff;
}

.activity>li p {
    font: 14px "微软雅黑";
    padding-left: 5px;
    color: #898989;
}

@media (min-width: 1080px) {
    /* .container {
        width: 1365px;
    } */
}

@media(max-width:1080px) {

    .banner-bg a {
        height: 200px;
    }
}

@media(max-width:765px) {
    .activity>li {
        margin: 0;
        width: 60%;
        margin-bottom: 20px;
    }

    .activity_list {
        width: 100%;
        height: 100%;
    }

    .certification_img {
        height: 380px;
    }

    .certification_inner {
        height: 50px;
    }

    .previous,
    .next {
        line-height: 126px;
    }

    .certification_icon>li:not(:last-child) {
        height: 50px;
        width: 20%;
    }

    .remove_btn {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .remove_btn span {
        line-height: 40px;
    }

    .previous,
    .next {

        font-size: 24px;
    }

    .banner-bg a {
        height: 160px;
        background-position: 29% 0;
    }
}

@media (max-width: 460px) {
    .activity>li {
        margin: 0;
        width: 80%;
        margin-bottom: 20px;
    }

    .banner-bg a {
        background-position: 26% 0;
    }

    .certification_icon>li {
        margin: 0 4.5px;
    }

    .previous,
    .next {

        font-size: 20px;
    }

    .certification_icon>li.active,
    .certification_inner>ol>li:hover {
        border: 1.5px solid #00b4ff;
        border-radius: 1px;
    }
}

/*@media (max-width: 460px){
   焦点图适应大小
.certification{
   width:90%;
   margin:0 auto;
   border:1px solid #e0e0e0;
   margin-top: 30px;
   padding:0 10px;
}
.certification_img{
   width:90%;
   margin:25px auto;
   height:300px;
   position: relative;
}
.certification_inner{
   width:90%;
   height:100%;
   margin:0 auto;
   line-height: 68px;
}
.certification_inner>ol{
   overflow: hidden;
   width:75%;
   height:68px;
   margin:0 auto;
   text-align:center;
}
.certification_inner>ol>li{
    height:68px;
    width:20%:;
    display: inline-block;
    line-height: 64px;
    margin-left: 5px;
    cursor: pointer;
}
.certification_inner>ol>li.active{
     border: 2px solid #00b4ff;
     border-radius: 1px;
}
.certification_inner>ol>li:hover{
   border: 2px solid #00b4ff;
   border-radius: 1px;
}
.certification_inner>ol>li img{
    width:50px;
    height:60px;
}
.previous,.next{
    display: inline-block;
    font-size:20px;
    color:#00b4ff;
    width:20px;
    height:50px;
    line-height:58px;
  }
}*/