@charset "utf-8";
.banner { position: relative; width: 100%; height:100vh; overflow: hidden; }
.banner .swiper-container { position: relative; width: 100%; height:100vh; }
.banner .swiper-container .swiper-slide,
.banner .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; }
.banner .swiper-container .swiper-slide .swiper-slide-img { position: relative; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transform: scale3d(1, 1, 1); transition: all 5s cubic-bezier(0.04, 0.79, 1, 1); }
.banner .swiper-container .swiper-slide-active .swiper-slide-img { transform: scale3d(1.1, 1.1, 1.1);}
.banner .swiper-container .swiper-pagination { position:absolute;bottom: 80px;left:0;height:13px;width: 100%;text-align: center;z-index: 999;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet { background: #fff; margin: 0 10px; color:#fff; border-radius: 24px; position:relative; transition:all 0.3s; display:inline-block; width:13px; height:13px; font-size:0; line-height:13px; vertical-align: top; }
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 33px; }
.banner .swiper-button-prev,
.banner .swiper-button-next { position: absolute; display: block; width: 43px; height: 43px; top: 50%; transform: translateY(-50%); z-index: 9; }
.banner .swiper-button-prev { left: 1%; background: url("https://www.todoempresa.com/images/pv2.png") no-repeat;}
.banner .swiper-button-next {right: 1%;background: url("https://www.todoempresa.com/images/nv2.png") no-repeat;transform: translateY(70%);}

@media (max-width: 1680px){
    .banner,
    .banner .swiper-container { height:calc( ( 1680/1920 ) * 100vh ); }
    .banner .swiper-container .swiper-pagination { bottom: 50px; }
    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; width:8px; height:8px; line-height:8px; }
    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 18px; }
    
}
@media (max-width: 1280px){
    .banner,
    .banner .swiper-container { height:calc( ( 1280/1920 ) * 100vh ); }
    .banner .swiper-container .swiper-pagination { bottom: 50px; }
}
@media (max-width: 768px){
    .banner,
    .banner .swiper-container { height:calc( ( 768/1920 ) * 100vh ); }
    .banner .swiper-container .swiper-pagination { bottom: 10px; }
    .banner .swiper-container .swiper-button-prev,
    .banner .swiper-container .swiper-button-next { display: none; }
}

.container { background: #f5f8fb; }

.col-title .hd { position: relative; text-align: center; }
.col-title .hd h2 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 75px; z-index: 1; }
.col-title .hd h3 { position: absolute; left: 0; top: 0; width: 100%; color: #000; font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase; opacity: .05; }

.more { position: absolute; right: 0; top: 50%; margin-top: -15px; padding-right: 0; color: #c0c0c0; font-size: 12px; line-height: 30px; z-index: 1; }
.more:hover { color: #1054c8; }
.more svg { display: inline-block; margin-left: 5px; margin-top: 7px; vertical-align: top; }

@media (max-width: 768px){
    .col-title .hd h2 { font-size: 20px; line-height: 40px; }
    .col-title .hd h3 { font-size: 24px; line-height: 30px; }
}

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* 新闻资讯 */
.col-c { padding: 60px 0 50px; background: #f9fbfd; }
.col-c .g-in { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.col-c .hd { position: relative; flex: 0 0 18%; width: 18%; margin-top: 20px; text-align: left; }
.col-c .hd .column { margin-top: 70px; z-index: 9; }
.col-c .hd .column li { margin-bottom: 40px; font-size: 20px; line-height: 44px; cursor: pointer; }
.col-c .hd .column li a { display: inline-block; border-bottom: 3px solid transparent; }
.col-c .hd .column li.on { color: #1054c8; }
.col-c .hd .column li.on a { display: inline-block; border-bottom: 3px solid #1054c8; }
.col-c .hd .more { position: relative; display: inline-block; width: 40px; height: 40px; top: 0; margin-top: 0; border-radius: 40px; background: #1054c8; line-height: 40px; text-align: center; }
.col-c .hd .more svg { display: block; margin: 9px auto 0; vertical-align: top; }
.col-c .bd { position: relative; overflow: hidden; flex: 0 0 82%; }
.col-c .bd .bdc { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.col-c .item { position: relative; width: 48.5%; margin: 0 0 38px; background: #fff; transition: all .3s ease; }
.col-c .item a { display: flex; justify-content: space-between; align-items: flex-start; padding: 50px 30px 50px 50px; }
.col-c .item .time { padding-bottom: 30px; border-bottom: 1px solid #b5b5b5; font-size: 16px; font-family: Arial; }
.col-c .item .time .d { font-size: 30px; line-height: 30px; }
.col-c .item .time .y { opacity: .5; font-size: 14px; line-height: 32px; }
.col-c .item .txt { width: 76%; }
.col-c .item .txt .title { min-height: 56px; margin-bottom: 13px; font-size: 18px; line-height: 28px; }
.col-c .item .txt .desc { min-height: 56px; opacity: .5; font-size: 14px; line-height: 28px; }
.col-c .item:hover { background: #1054c8; color: #fff; }
.col-c .item:hover .time,
.col-c .item:hover .title,
.col-c .item:hover .desc { color: #fff; }
.col-c .item:hover .desc { opacity: .5; }

@media (max-width: 1280px){
    .col-c { padding: 5% 5% 3%; }
    .col-c .hd { width: 100%; flex: 0 0 100%; margin: 0 0 5%; text-align: center; }
    .col-c .hd .more { display: none; }
    .col-c .hd .column { right: 0; margin-top: 25px; }
    .col-c .hd .column li { display: inline-block; margin-left: 0; margin-bottom: 0; padding: 0 20px; font-size: 16px; line-height: 30px; }
    .col-c .bd { width: 100%; flex: 0 0 100%; }
    .col-c .item { }
    .col-c .item a {padding: 5%;display: block;}
    .col-c .item .time {color: #999;margin-bottom: 12px;font-size: 12px;padding-bottom: 12px;border-bottom: 1px solid #eee;}
    .col-c .item .time .d {font-size: 20px;line-height: 1.4;display: inline-block;}
    .col-c .item .time .y {font-size: 12px;line-height: 1.4;display: inline-block;margin-left: 5px;}
    .col-c .item .txt {width: 100%;}

}
@media (max-width: 768px){
    .col-c { padding: 8% 5% 3%; }
    .col-c .item { float: none; width: 100%; margin: 0 0 5%; }
    .col-c .item .txt .title {margin-bottom: 8px;font-size: 16px;line-height: 24px;min-height: 48px;}
    .col-c .item .txt .desc {min-height: auto;margin-bottom: 0;-webkit-line-clamp: 2;line-height: 1.6;font-size: 13px;}
}

/* 校友 */
.col-d { padding: 80px 0 76px; background: #fff; }
.col-d .hd { margin-bottom: 55px; }
.col-d .bd .swiper-container { padding: 10px; }
.col-d .bd .swiper-slide { position: relative; max-width: 378px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; }
.col-d .bd .swiper-slide a { display: block; overflow: hidden; }
.col-d .bd .swiper-slide .pic { margin-bottom: 106px; overflow: hidden; }
.col-d .bd .swiper-slide .pic img { width: 100%; height: 100%; transform: scale(1); transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s; }
.col-d .bd .swiper-slide .txt { position: absolute; left: 0; bottom: -102px; width: 100%; padding: 22px 30px; background: #fff; color: #999; line-height: 28px; transition: all .3s ease; }
.col-d .bd .swiper-slide .txt h4 { color: #000; font-size: 18px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s ease; }
.col-d .bd .swiper-slide .txt .post { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.col-d .bd .swiper-slide .txt .desc { height: 84px; margin-top: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.col-d .bd .swiper-slide .txt .arr { position: absolute; right: 30px; top: 60px; }
.col-d .bd .swiper-slide .txt .arr svg {  display: block; }
.col-d .bd .swiper-slide:hover .pic img { transform: scale(1.1); }
.col-d .bd .swiper-slide:hover .txt { bottom: 0; background: #1154c9; color: #fff; }
.col-d .bd .swiper-slide:hover .txt h4 { color: #fff; }
.col-d .bd .swiper-slide:hover .txt .arr { display: none; }
.col-d .ft { display: none; margin-top: 60px; }
.col-d .ft a { display: block; width: 170px; height: 56px; margin: 0 auto; background-color: #f5f8fb; color: #666; font-size: 22px; line-height: 56px; text-align: center; }

@media (max-width: 768px){
    .col-d { padding: 8% 5%; }
    .col-d .hd { margin-bottom: 10px; }
    .col-d .bd .swiper-slide .pic { margin-bottom: 0; overflow: hidden; }
    .col-d .bd .swiper-slide .txt { position: relative; left: 0; bottom: 0; width: 100%; padding: 10px 15px; }
    .col-d .bd .swiper-slide .txt .arr,
    .col-d .bd .swiper-slide .txt .desc { display: none; }
    .col-d .ft { display: block; margin-top: 5%; }
    .col-d .ft a { width: 112px; height: 40px; font-size: 14px; line-height: 40px; }
}
/* 校友风采 */
.col-e { position: relative; background-color: #1b5bcb; }
.col-e .items { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; color: #fff; }
.col-e .items .item { position: relative; width: 25%; }
.col-e .items .item-2 { width: 50%; }
.col-e .items:first-child .item:nth-child(2) { background-color: #1b5bcb; }
.col-e .items:first-child .item:nth-child(3) { background-color: #e0556b; }
.col-e .items:last-child .item:nth-child(1) { background-color: #6556e7; }
.col-e .items:last-child .item:nth-child(2) { background-color: #f1b421; }
.col-e .items .item .pic { position: relative; }
.col-e .items .item .txt { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); text-align: center; z-index: 1; }
.col-e .items .item .txt a { display: block; padding: 10px; color: #fff; }
.col-e .items .item .txt .icon { display: block; width: 35px; height: 35px; margin: 0 auto; }
.col-e .items .item .txt h4 { display: block; font-weight: normal; font-size: 24px; line-height: 48px; }
.col-e .items .item .txt .desc { display: block; margin-bottom: 5px; line-height: 36px; min-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.col-e .items .item .txt .more { position: relative; display: inline-block; width: 130px; height: 40px; margin: 0; border-radius: 40px; border: 1px solid rgba(255,255,255,0.4); background-color: rgba(255,255,255,0.4); color: #fff; line-height: 38px; text-align: center; transition: all .3s ease; }
.col-e .items .item .txt .more:hover { border: 1px solid rgba(255,255,255,0.6); background-color: rgba(255,255,255,0.6); color: #000; }
.col-e .items .item .txt .more svg { margin-top: 11px; }
.col-e .items:last-child .item:nth-child(2) .txt .more { border: 1px solid rgba(255,255,255,1); background-color: rgba(255,255,255,1); color: #555; }
.col-e .items:last-child .item:nth-child(2) .txt .more:hover { border: 1px solid rgba(255,255,255,0.6); background-color: rgba(255,255,255,0.6); color: #555; }
@media (max-width: 960px){
    .col-e .items { display: flex; }
    .col-e .items .item { width: 100%; }
    .col-e .items:first-child .item:nth-child(2) { width: 50%; }
    .col-e .items:first-child .item:nth-child(3) { width: 50%; }
    .col-e .items:last-child .item:nth-child(1) { width: 50%; }
    .col-e .items:last-child .item:nth-child(2) { width: 50%; }

    .col-e .items .item .pic { position: relative; }
    .col-e .items .item .txt { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); text-align: center; z-index: 1; }
    .col-e .items .item .txt .icon {width: 25px;height: 25px;}
    .col-e .items .item .txt .icon svg { width: 25px; height: 25px; }
    .col-e .items .item .txt h4 {font-size: 18px;line-height: 40px;}
    .col-e .items .item .txt .desc {margin-bottom: 5px;line-height: 20px; min-height: 40px;}
    .col-e .items .item .txt .more {display: none;}
    .col-e .items:last-child .item:nth-child(2) .txt .more { border: 1px solid rgba(255,255,255,1); background-color: rgba(255,255,255,1); color: #555; }
}