@charset "utf-8";
/* CSS Document */
/*关于我们*/
.column-about-anchor {position: absolute; top: -80px;}

.column-about-intro {position: relative; width: 100%; padding: 140px 5% 60px; background-image: url("../../UploadFiles/bj/about-intro-bj.jpg"); background-size: 1920px 1080px; background-position: 50% 50%; box-sizing: border-box;}
.column-about-intro-content-box {width: 100%; padding: 60px; background-color: rgba(255,255,255,0.8); box-sizing: border-box;}
.column-about-intro-content {width: 100%; max-height: 640px; padding-right: 40px; overflow:auto; box-sizing: border-box;}
.column-about-intro-content::-webkit-scrollbar {width:4px; border-radius: 2px; background-color: #aaa;}
.column-about-intro-content::-webkit-scrollbar-track {background: #aaa; border-radius: 2px;}
.column-about-intro-content::-webkit-scrollbar-thumb {width: 4px; height: 40px; border-radius: 2px; background: #cd050f;}
.column-about-intro-content::-webkit-scrollbar-thumb:hover {background: #cd050f;}
.column-about-intro-content::-webkit-scrollbar-corner {background: #cd050f;}
.column-about-intro-content-title {margin-bottom: 40px; font-size: 32px; line-height: 32px; color: #555; text-align: center; letter-spacing: 2px;}
.column-about-intro-content-title span {letter-spacing: 0;}
.column-about-intro-content-text {font-size: 18px; line-height: 36px; text-indent: 36px;}
@media(max-width:1200px){.column-about-intro {padding: 110px 2% 30px;} .column-about-intro-content-box{padding: 30px;}}
@media(max-width:960px){.column-about-intro {padding: 80px 2% 20px;}}
@media(max-width:580px){.column-about-intro-content {padding-right: 20px;} .column-about-intro-content-title {margin-bottom: 20px; font-size: 20px; line-height: 20px;} .column-about-intro-content-text {font-size: 16px; line-height: 30px; text-indent: 32px;}}

.column-about-course-box {position: relative; width: 100%; padding: 80px 5%; box-sizing: border-box; background-color: #fff;}
.column-about-course-title {margin-bottom: 60px; font-size: 36px; line-height: 36px; color: #cd050f; font-weight: bold; letter-spacing: 2px; text-align: center;}
.column-about-course {position: relative; width: 100%;}
.column-about-course::before {content: ""; position: absolute; left: 0; bottom: 143px; width: 100%; height: 2px; background-color: #ccc;}
.column-about-course-list-title {margin-bottom: 20px; font-size: 24px; line-height: 24px; text-align: center; color: #333; letter-spacing: 1px;}
.column-about-course-list-text {width: 80%; height: 64px; margin: 0 auto; font-size: 18px; line-height: 32px; color: #555; text-align: center; letter-spacing: 1px;}
.column-about-course-list-date {margin-top: 80px; font-family: bebas; font-size: 100px; line-height: 100px; color: #eaeaea; font-weight: bold; text-align: center; letter-spacing: 6px;}

.swiper-pagination {display: flex; justify-content: space-between; left: 50%!important; bottom: 140px!important; width: 80%!important; transform: translateX(-50%);}
.swiper-pagination::before {content: ""; position: absolute; right: 0; bottom: 0; z-index: 100; width: 8px; height: 8px; border-radius: 50%; background-color: #ccc;}
.swiper-pagination span {position: relative; width: calc(100% / 8); height: 8px; margin: 0!important; background-color: rgba(0,0,0,0); opacity: 1;}
.swiper-pagination span::after {content: ""; position: absolute; left: 0; top: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #ccc;}
.swiper-pagination span::before {content: ""; position: absolute; left: 0; top: 3px; width: 0; height: 2px; background-color: #cd050f; opacity: 0; transition: width 5s;}
.swiper-pagination-bullet-active::after {background-color: #cd050f!important;}
.swiper-pagination-bullet-active::before {width: 100%!important; opacity: 1!important;}

.swiper-button-next,.swiper-button-prev {position: absolute; bottom: 84px!important; top: auto!important;z-index: 20; width: 60px; height: 60px; border-radius: 50%; background: url("../UploadFiles/vbg01.png") no-repeat rgb(255,255,255); box-shadow: 0px 2px 10px rgba(0,0,0,.2); transform: translateY(-50%); transition: all 0.4s;  opacity: 1; }
.swiper-button-next::after,.swiper-button-prev::after {display: none;}
.swiper-button-prev {left: 5%;background-position: -2px 0;}
.swiper-button-next {right: 5%;background-position: -58px 0;}
.swiper-button-prev:hover {background: url("../UploadFiles/vbg02.png") no-repeat rgb(205 5 15); background-position: -2px 0;}
.swiper-button-next:hover {background: url("../UploadFiles/vbg02.png") no-repeat rgb(205 5 15); background-position: -58px 0;}
@media(max-width:1200px){.column-about-course-box {padding: 80px 2%;} .swiper-button-prev {left: 10px;} .swiper-button-next {right: 10px;}}
@media(max-width:1060px){.column-about-course-list-text {height: 96px}}
@media(max-width:680px){.column-about-course-box {padding: 40px 2%;}.column-about-course-title {letter-spacing: 0;} .swiper-button-next,.swiper-button-prev {display: none;} .column-about-course-list-text {width: 96%; height: 128px} .column-about-course-list-date {font-size: 80px;}}
@media(max-width:460px){.column-about-course-list-text {height: 160px}}

.column-about-honor {position: relative; width: 100%; padding: 80px 5%; background-image: url("../../UploadFiles/bj/about-honor-bj.jpg"); background-size: 1920px 1080px; background-position: 50% 50%; box-sizing: border-box;}
.column-about-honor-title {margin-bottom: 60px; font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; letter-spacing: 2px; text-align: center;}
.column-about-honor-list {display: block; width: 100%; border: 1px solid #e1e1e1; background-color: #fff; box-sizing: border-box; transition: all 0.6s;}
.column-about-honor-list .column-about-honor-list-box {width: 100%; overflow: hidden;}
.column-about-honor-list .column-about-honor-list-box img {display: block; width: 100%; transition: all 0.6s;}
.column-about-honor-list-title {width: 100%; padding: 20px; box-sizing: border-box;}
.column-about-honor-list-title p:nth-child(1) {position: relative; font-size: 20px; line-height: 30px; color: #212121; letter-spacing: 1px; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.column-about-honor-list:hover {box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
.column-about-honor-list:hover .column-about-honor-list-box img {transform:scale(1.2);}
.column-about-honor-list:hover .column-about-honor-list-title p:nth-child(1) {color: #e60010;}
@media(max-width:960px){.column-about-honor {padding: 40px 5%;} .column-about-honor-title {margin-bottom: 30px;}}