body {
    margin: 0;
}
.top_nav .nav>li:nth-of-type(2)>.nav_li_span>a {
    color: #1060CF;
}
/** 企业介绍 */
.site-main {
    height: 100%;
    position: relative;
    z-index: 2;
    overflow: auto;
}
@media (max-width: 1400px) {
    .group-abstract {
        gap: 0;
    }
}
.group-abstract, .group-evolution, .group-ecological, .group-qualification, .group-organizational, .group-contact, .group-talent {
    width: 100%;
    position: relative;
    gap: 40px;
    padding: 120px 0;
}
.group-abstract {
    width: 100%;
    height: 1000px;
    justify-content: space-between;
    background-image: linear-gradient(rgb(255, 255, 255) 45%, rgb(248, 248, 248) 45%, rgb(248, 248, 248) 100%);
    padding: 0;
    gap: 0;
}
.flex-view {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.group-abstract .abstract-view {
    height: calc(100% - 340px);
    position: relative;
}
.abstract-view, .evolution-view, .bottom-group-view, .contact-view, .talent-view {
    width: 1200px;
}
@media (max-width: 1400px) {
    .abstract-view, .bottom-group-view, .contact-view, .talent-view {
        width: calc(100% - 100px);
        padding: 0 50px;
    }
}
.fade-in-up {
    opacity: 0;
    animation: 1s ease 0s 1 normal forwards running fadeInUp;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0); /* 元素从下方进入视图 */
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0); /* 元素到达最终位置 */
    }
}
.group-abstract .left-view {
    position: absolute;
    top: 44px;
    width: 566px;
    height: 572px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px;
    z-index: 50;
    padding: 40px;
}
@media (max-width: 1400px) {
    .abstract-view .left-view {
        transform-origin: left;
    }
}
.group-abstract .left-view::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 10px;
    background-color: #05c713;
    transition: 1s;
}
.group-abstract .abstract-view:hover .left-view::before {
    right: 0;
}
.group-abstract .logo-view {
    width: 180px;
    height: 180px;
    margin-top: -84px;
    display: inline-flex;
    border: #0342c2 solid 1px;
}
.group-abstract .left-view .title-view .title {
    display: inline-block;
    width: calc(100% - 210px);
    font-size: 24px;
    margin-left: 217px;
    font-family: "PingFang SC";
    font-weight: 500;
    margin-top: -69px;
}
.group-abstract .left-view .abstract-content {
    margin-top: 40px;
    width: 100%;
    color: #333333;
    height: calc(100% - 110px);
    font-size: 14px;
    line-height: 32px;
    text-indent: 18px;
    /*white-space: pre-wrap;*/
}

.abstract-content span{
    text-indent: 18px;
}

.group-abstract .right-view {
    width: 726px;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 49;
    background: url(/Temp/images/aboutbg.png) center center / 100% no-repeat;
    background-position: center center;
    transition: 1s;
}
@media (max-width: 1400px) {
    .abstract-view .right-view {
        transform-origin: right;
    }
}
.group-abstract .abstract-view:hover .right-view {
    background-size: 105%;
}
.group-abstract .bottom-group-view {
    height: 240px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
}
.group-abstract .bottom-group-view .bottom-group-tip {
    font-size: 14px;
    color: #000;
    padding: 16px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #0342c2;
    border-image: initial;
    border-radius: 4px;
}
.bottom-group-text{
    font-size: 36px;
    color: #076baf;
}
/** 发展历程 */
.process{
    position: relative;
}
.course-content-wrap {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    transition: transform 0.4s ease-in-out;
}
.course-exhibition-wrap{
    display: flex;
}
.type-title {
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    color: #181818;
    line-height: 48px;
    margin: 0;
}
.course-exhibition .course-top {
    display: flex;
    gap: 23px;
}
.course-exhibition .course-item {
    box-sizing: border-box;
    padding: 29px 10px 10px 8px;
    /*width: 284px;*/
    height: 200px;
    transition: all .2s linear;
}
.course-exhibition .course-top .course-item {
    background: url(data:image/webp;base64,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) no-repeat center center;
    background-size: 100% 100%;
    padding-right: 0;
}
.course-exhibition .course-item h3 {
    font-weight: 600;
    font-size: 18px;
    color: #181818;
    line-height: 30px;
    margin: 0 0 14px;
}
.course-exhibition .course-item p {
    font-size: 14px;
    color: #4e5f7c;
    line-height: 24px;
    white-space: break-spaces;
    box-sizing: inherit;
}
.course-exhibition .course-bottom{
    display: flex;
    gap: 23px;
}
.course-exhibition .course-bottom .course-item {
    background: url(data:image/webp;base64,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) no-repeat center center;
    background-size: 100% 100%;
}

.btn-left, .btn-right {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    color: #05c713;
    background: #f6f5f5;
    border-radius: 50%;
    cursor: pointer;
    font-family: "宋体";
}
.btn-left {
    left:  calc((100% - 1350px) / 2);
    top: calc(50% + 80px);
    margin-top: -25px;
}
.btn-right {
    right: calc((100% - 1350px) / 2);
    top: calc(50% + 80px);
    margin-top: -25px;
}
/** 轮播图 **/
#box{
    width: 1200px;
    padding: 7px;
    border: 1px solid hsla(0,0%,100%,0.30);
    margin: 0 auto;
    position: relative;
}
.screen{
    overflow: hidden;
    position: relative;
    width: 1200px;
}
.screen li{
    overflow: hidden;
    /*float: left;*/
    width: 1200px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.img-box{
    width: 1200px;
}
.screen ul{
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    display: flex;
    margin: 0;
}
#box ol{
    /*position: absolute;*/
    left: 50%;
    bottom: 10px;
    /*margin-left: -50px;*/
    line-height: 20px;
    text-align: center;
    width: 1200px;
    margin: 20px auto;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#box ol li{
    float: left;
    width: 20px;
    height: 20px;
    background: #dcdcdc;
    opacity: 0.6;
    /*border: 1px solid #ccc;*/
    border-radius: 20px;
    margin-left: 10px;
    cursor: pointer;
}
#box ol li.current{
    background: #05c713;
    opacity: 1;
    /*transform: scale(1.5);*/
}
.img-responsive{
    width: calc(100% / 3 - 10px);
    height: 355px;
}
#arr{
    display: none;
    z-index: 999;
}
#arr span{
    width: 40px;
    height: 40px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -20px;
    background: #000;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    opacity: 0.3;
    border: 1px solid #fff;
}
#arr #right{
    right: 5px;
    left: auto;
}