.about-banner img {
    display: table;
}

.about-banner h1 {
    color: #ffffff;
    font-family: OPPOSans-H,Microsoft Yahei, Arial, sans-serif;
    font-size: 72px;
    left: 0;
    letter-spacing: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 53%;
}


.about_nav {
    padding-bottom: 40px;
    padding-top: 80px;
}

.about_nav ul {
    text-align: center;
}

.about_nav ul li {
    background-color: #f5f5f5;
    color: #333333;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    margin-left: 20px;
    margin-right: 20px;
    transition: all 0.2s ease 0.1s;
}

.about_nav ul li.active, .about_nav ul li:hover {
    background-color: #004699;
    color: #ffffff;
}

.about_nav ul li a {
    color: inherit;
    display: block;
    height: 100%;
    padding: 12px 45px;
}

.about_vr{margin-top:80px;}
.about_vr .body{margin-top:60px;}
.about_vr .body iframe{display: block;}
.quote{margin-top:80px;}

.about_sale{margin-top:80px;}
.about_sale .body{margin-top: 60px;}
.about_sale .body .text{padding-right:15px;}
.about_sale .body h4{font-weight: bolder;margin-top:30px;}
.about_sale .body p{color:#333333;}
.about_sale .body .about_map{position: relative;}
.about_sale .body .about_map img{display: block;position: absolute;bottom:0;}

.about_strength{margin-top:80px;}
.about_strength .body{margin-top: 60px;}
.about_strength .body .text{background-color: #004699;color:#ffffff;padding:40px;}
.about_strength .body .text p{color:inherit;}

.about_strength .body .slide{padding-left:15px;padding-right:15px;margin-top:30px;}
.about_strength .body .slide .item{margin-left:15px;margin-right:15px;}
.about_strength .body .slide .item .image{border:1px solid #ebebeb;padding:10px;}
.about_strength .body .slide .item .image img{display: block;}
.about_strength .body .slide .item span{display: block;margin-top:20px;color:#333333;font-size: 12px;}
.about_strength .body .slide .slick-arrow {position:absolute;content:'';border:0;width:11px;height:25px;cursor:pointer;z-index:9999; background-image:url('../image/pre-next.png');font-size: 0;background-color: transparent;top:35%;padding: 0;}
.about_strength .body .slide .slick-prev {background-position:0 0;left:10px;}
.about_strength .body .slide .slick-next {background-position:100% 0;right:10px;}

.about_introduce{margin-top:40px;}
.about_introduce .text p{line-height: 1.875;color: #333333;margin-top:20px;}
.about_introduce .about_video img{display: block;}
.about_introduce .about_video .play{position: relative;cursor: pointer;}
.about_introduce .about_video .play a{display:block;background-color: rgba(0,0,0,0.3);width: 100%;height:100%;position: absolute;top:0;left:0;}
.about_introduce .about_video .play i{display: block;position: absolute;background-image: url("../image/play_big.png");width: 50px;height: 50px;top:0;left:0;right:0;bottom:0;margin:auto;}

.about_vision{margin-top:40px;}
.about_vision .body{margin-top:60px;}
.about_vision .body h4{letter-spacing:1px;font-weight: bolder;margin-top:30px;}
.about_vision .body p{color:#333333;letter-spacing: 1px;}

.about_mission{margin-top:70px;background-color: #fafafa;background-image: url("../image/about_mission.jpg");background-size: cover;padding-top:80px;padding-bottom:80px;}

.about_mission .body{background-color: rgba(255,255,255,0.85);display: inline-block;padding:40px 40px 30px 40px;}
.about_mission .body h2{font-size:30px;color:#004699;letter-spacing: 1px;}
.about_mission .body p{font-size: 24px;color: #333333;line-height: 1.75;letter-spacing: 1px;}

.about_values{margin-top:80px;}
.about_values .body{margin-top:60px;}
.about_values .body .image img{display: block;}
.about_values .body .text{padding-left:45px;}
.about_values .body .text h4{font-weight: bolder;margin-top:25px;}
.about_values .body .text p{color:#333333;}

.about_activity{margin-top:80px;}
.about_activity .body{margin-top:30px;margin-bottom:80px;}
.about_activity .body .row{margin-left:-7.5px;margin-right:-7.5px;}
.about_activity .body .row > div{margin-top:30px;padding-left:7.5px;padding-right:7.5px;}
.about_activity .body .row > div a{display: block;padding:15px;border:1px solid #eeeeee;}
.about_activity .body .row > div a h4{color:#666666;position: relative;margin-top:20px;margin-bottom:20px;font-weight: bolder;transition:all ease 0.36s;}
.about_activity .body .row > div a h4:after{content: ">";position: absolute;right:0;}
.about_activity .body .row > div a:hover h4{color: #004699;}
.about_activity .body .row > div ul{display: none;}





.audio-visual_nav {
    margin-top: 40px;
}

.audio-visual_nav .container {
    text-align: right;
}

.audio-visual_nav .title {
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.audio-visual_nav ul {
    display: inline-block;
    vertical-align: middle;
}

.audio-visual_nav ul li {
    display: inline-block;
}

.audio-visual_nav ul li a {
    display: block;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 15px 10px;
    position: relative;
    transition: all ease 0.36s;
}
.audio-visual_nav ul li.active a, .audio-visual_nav ul li:hover a {
    color:#004699;
}
.audio-visual_nav ul li.active a:after, .audio-visual_nav ul li:hover a:after {
    background-color: #004699;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 55px;
}

.audio-visual_list {
    padding-bottom: 1px;
}
.audio-visual_list .row{margin-left:-20px;margin-right:-20px;}
.audio-visual_list .row > div {
    margin-top: 60px;
    padding-left:20px;
    padding-right:20px;
}
.audio-visual_list .item{height:100%;}
.audio-visual_list .item .play {
    background-color: #fafafa;;
    display: block;
    height: 100%;
    transition: all ease 0.36s;
}

.audio-visual_list .item .image {
    position: relative;
}

.audio-visual_list .item .image img {
    display: block;
}
.audio-visual_list .item .image .button{
    position: absolute;
    top:0;left:0;width: 100%;height:100%;
    background-color: rgba(0,0,0,0.2);
    
}
.audio-visual_list .item .image .button i{
    background-image: url("../image/play_big.png");
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.audio-visual_list .item h4 {
    font-weight:bolder;
    margin-top: 10px;
    padding: 20px;
    position: relative;
    transition: all ease 0.36s;
}

.audio-visual_list .item h4:after {
    color: #666666;
    content: ">";
    font-weight: normal;
    position: absolute;
    right: 20px;
}

.audio-visual_list .item .added {
    display: block;
    margin-bottom: 30px;
    margin-top: 10px;
}

.audio-visual_list .item .added span {
    border: 1px solid #999999;
    line-height: 1;
    margin-left: 20px;
    padding: 5px 10px;
    transition: all ease 0.36s;
}

.audio-visual_list .item .play:hover h4, .audio-visual_list .item .play:hover h4:after {
    color: #004699;
}

.audio-visual_list .item .play:hover {
    box-shadow: -1px 3px 21px 9px rgba(0, 0, 0, 0.05);
}

.audio-visual_list .item .added span:hover {
    border: 1px solid #004699;
    color: #004699;
}

.audio-visual_list-nav {
    margin-top: 40px;
    text-align: center;
}

.audio-visual_list-nav a, .audio-visual_list-nav b {
    margin: 0 10px;
}

.audio-visual_quote{margin-top:0;}


.job_details{margin-top:40px;}
.job_details .container .title{color:#fff;padding:30px;background-color:#004699;font-size: 16px;text-align: center;}
.job_details .container .title > div:not(:last-child){border-right: 1px solid #80a3cc;}
.job_details .container .item{text-align:center;padding:30px;cursor:pointer;font-size: 16px;}
.job_details .container > div .item_more{display:none;padding:20px 60px 30px 60px;background-color: #f2f2f2;}
.job_details .container > div{border-left: 1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
.job_details .container > div:not(:first-child){border-bottom:1px solid #d3d3d3;}

.job_details .container .item:hover{background-color: #f2f2f2;}
.job_details .container .item.active{background-color: #f2f2f2;}
.job_details .container > div .item_more h3{font-size:16px;font-weight: normal;letter-spacing: 1px;margin-top:20px;}
.job_details .container > div .item_more p{color:#333333;letter-spacing: 1px;}
.job_details .container > div .item_more .more{margin-top:20px;display: inline-block;background-color: #004699;color: #ffffff;line-height: 1;padding:10px 30px;}

.job_details_tips{padding-top:120px;padding-bottom:80px;}
.job_details_tips .tips{border:1px solid #d3d3d3;padding:40px 60px;}
.job_details_tips .tips h3{font-size: 18px;}
.job_details_tips .tips p{line-height: 2;color: #333333;}