@charset "utf-8";
html,body{width:100%;height:100%;}

.sec{position:relative;height:100%}
.top-sec {
    height: 770px;background-color: #07284b;

}
.gallery-top{height: 770px;}
.profile-info{width: 556px;font-size: 16px;line-height: 30px;padding-top: 80px;}
.video-sec{width: 555px;height: 500px;position: relative;border: 2px solid #00479d;border-radius: 10px;margin-bottom: 80px;margin-top: 80px;}
.video-sec .id_test_video{position: absolute;right: 50px;top:30px}
.video-sec img{border-radius: 20px;}
.history {
    height: 218px;
    background: url('../images/aboutcen.jpg') center top no-repeat;
    background-size: cover
}
.history-con {
    height: 996px;
    background:#f2f2f2 url('../images/aboutcon.jpg?t=1') center bottom no-repeat;
    background-size: 1920px 794px;
}
.history-con p{position: relative;font-size: 18px;cursor: pointer;}
.history-con p:hover{color: #467abd;}
   .main .top-con {padding-top:50px;
        font-size: 28px;
        color: #3b70b7;font-weight:bold;line-height:50px
    }
.main .top-tit {
    font-size: 50px;
    color: #3b70b7;
    padding-top: 15px
}
.job {
    height: 922px;
    background: url('../images/aboutbtm.jpg') center top no-repeat;
    background-size: cover
}
.tabs {
    display: flex;
    justify-content: space-between;
    padding-top:80px;padding-bottom:36px;width:1100px;margin:0 auto
}
    .tabs div {
        width: 176px;
        text-align: center;
        line-height: 60px;
        font-size: 24px;
        border: 1px solid #3b70b7;
        color: #3b70b7;
        box-shadow: 3px 3px 10px rgba(59,112,183,0.5);
        background-color:transparent;cursor:pointer
    }
    .tabs div:hover,.tabs .active{background-color:#3b70b7;color:#fff;}
.tab-con {
    width: 1200px;
    height: 520px;
    background: url('../images/aboutbg2.png') 0 0 no-repeat;
    background-size: contain;padding-top:10px;position:relative
}
    .tab-con .before, .tab-con .after {
        position: absolute;
        left: 0;
        top: 200px;
        width: 40px;
        height: 60px;
        cursor: pointer
    }
        .tab-con .after{
            left:auto;right:0
        }
        .tab-con div {
            width: 1000px;
            margin: 0 auto;
            font-size: 18px;
            color: #414141;
            line-height: 34px
        }
.about{background-color:#f3f3f3;padding-bottom: 100px;}
    .about .top-tit{margin-bottom:45px}
    .about .contact {
        font-size: 22px;
        color: #3a3a3a;line-height:50px
    }
    .map{height:470px;margin:20px 0 120px}