/* banner图、导航 */
.header{ width: 100%; height: auto;}
.header_top{ position: fixed; width: 100%; display: flex; flex-direction: column; justify-content: space-around; /*background: linear-gradient(to bottom, #616161, #ffffff00);*/ background: rgb(106, 73, 191);
    z-index: 11; transition: background-color 0.5s; height: 150px;}
.logo{ display: grid; align-content: center;}
.logo img{ width: 88%;}
.top_link ul{ display: flex; flex-direction: row; justify-content: flex-end;}
.top_link ul li{ padding: 5px 15px;}
.top_link ul li a{ font-size: 14px; color: #ffffff; line-height: 19px; position: relative;}
.top_link ul li:nth-child(1) a::before{ content: ""; width: 0; height: 0;}
.top_link ul li a::before{ position: absolute; content: ""; width: 2px; height: 14px; background-color: #ffffff; transform: rotate(25deg); top: 2.5px; left: -15px;}
.top_center .nav{     width: 80%;
    margin: 0 auto;}
.nav>ul{ display: flex; flex-direction: row; justify-content: space-between;width: 100%;
    height: 100%;
    align-items: center;}
.nav>ul>li{ position: relative; display: inline;}
.nav>ul>li>a{ font-size: 1.1vw; color: #ffffff; font-weight: bold; line-height: 24px; padding: 5px 15px; position: relative;}

.nav>ul>li>a::before{
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #ffffff;
    right: -17%;
    top: 10px;
}
.nav>ul>li:nth-last-child(1)>a::before{ content: none;}
.nav_child{ position: absolute; width: 100%; background: #ffffff; border-top: 3px solid #f9ae31 !important; top: 28px; display: none;}
.nav>ul>li:hover .nav_child{ display: block; border: 1px solid #6A49BF; border-color: rgba(106, 73, 191, 0.5);}
.nav_child>ul{ display: flex; flex-direction: column;}
.nav_child>ul>li{ width: 100%; padding: 10px 5px; text-align: center;}
.nav_child>ul>li:hover{ background-color: #6A49BF; color: #ffffff;}
.nav_child>ul>li>a{ font-size: 16px;}
.top_right{ width: 29px; height: 29px; /*background: url(../images/search_bg.png) no-repeat;*/}

/* 搜索 */
.search{ width: 100%; height: 100%; background: url(../images/search.png) no-repeat 58% 50%; background-size: 29px;}
#bnt_search{ width: 100%; height: 100%;}
#bnt_search a{ width: 100%; height: 100%; display: block;}
#j_seach_box{ position: fixed; z-index: 9; top: 0; left: 0; display: none; width: 100%; height: 100%;}
#j_seach_box .bg_box{ position: fixed; z-index: 8; top: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85);}
#j_seach_box .box_size{ background: url(../images/x.png) no-repeat; width: 50px; height: 50px; z-index: 9; position: absolute; background-size: 50px; top: 35%; right: 24%;}
#j_seach_box form{ position: absolute; overflow: hidden; top: 45%; z-index: 9; width: 685px; left: 0; right: 0; margin: 0 auto;}

#j_seach_box input[type="text"]{ border: none; width: 560px; display: block; height: 60px; color: #434343; font-size: 15px; background: #FFF; line-height: 60px;
    float: left; text-indent: 15px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; outline: none;}
#j_seach_box input[type="submit"]{ background: #6A49BF; height: 62px; width: 120px; cursor: pointer; border: none; color: #FFF; float: left; text-align: center;
    font-size: 24px; line-height: 40px;}


.banner{ position: relative; width: 1600px; height: 600px; aspect-ratio: 1903 / 600; top: 150px; margin: auto;}
.banner .hd{ position: absolute; bottom: 59px; right: 264px; z-index: 1;}
.banner .hd ul{ display: flex; flex-direction: row;}
.banner .hd ul li{ width: 44px; text-align: center; font-size: 16px; color: #6A49BF; font-weight: bold; border-bottom: 2px solid #6A49BF; padding-bottom: 15px; position: relative;}
.banner .hd ul li.on{ font-size: 20px; font-weight: bold; line-height: 10px;}
.banner .hd ul li.on::before{ content: ""; position: absolute; width: 44px; height: 5px; background-color: #6A49BF; bottom: -3px; left: 0;}
.banner .bd ul li img{ width: 100%; height: 600px;}
.banner .prev{ position: absolute; background: url(../images/left01.png) no-repeat; opacity: 1; display: block; width: 38px; height: 25px; bottom: 59px; right: 192px;}
.banner .next{ position: absolute; background: url(../images/right01.png) no-repeat; opacity: 1; display: block; width: 38px; height: 25px; bottom: 59px; right: 110px;}


/* 新闻资讯 */
.xwzx{ width: 1600px; margin: 200px auto 50px; display: flex; flex-direction: column;}
.xwzx_header{ display: flex; justify-content: space-between; padding-bottom: 28px;}
.xwzx_title{ display: flex; justify-content: flex-start;}
.xwzx_title p{ color: #6A49BF; font-size: 36px; font-weight: bold; line-height: 44px;}
.more a{ color: #6A49BF; font-size: 16px; font-weight: bold; line-height: 50px; padding-right: 20px; position: relative;}
.more a::before{ content: ""; position: absolute; background: url(../images/more02.png) no-repeat; background-size: 14px; width: 14px; height: 14px; bottom: 3.5px; right: 0;}
.xwzx_cen{ display: flex; justify-content: space-between;}
.xwzx_left{ width: 880px; z-index: 1; position: relative; overflow: hidden;}
.xwzx_left .hd{ position: absolute; bottom: 40px; right: 45px; z-index: 1;}
.xwzx_left .hd ul li{ float: left; width: 12px; height: 12px; background: #ffffff; border-radius: 50%; opacity: 0.5; margin: 0 10px;}
.xwzx_left .hd ul li.on{ opacity: 1;}
.xwzx_left .prev{ position: absolute; background: url(../images/left03.png) no-repeat; display: block; width: 18px; height: 18px; bottom: 37px; right: 210px; background-size: 18px;}
.xwzx_left .next{ position: absolute; background: url(../images/right03.png) no-repeat; display: block; width: 18px; height: 18px; bottom: 37px; right: 22px; background-size: 18px;}
.left_img{ overflow: hidden; height: 424px;}
.left_img img{ width: 100%; height: 100%; display: block; transition: all 0.5s linear;}
.left_img img:hover{ transform: scale(1.2);}
.left_details{ background-color: #6A49BF; height: 130px; padding-left: 30px; display: flex; flex-direction: column; justify-content: space-evenly;}
.left_details h3{ color: #FDFEFF; font-size: 20px; font-weight: bold;     width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.left_details p{ color: #FDFEFF; font-size: 16px; opacity: 0.5; width: 70%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-indent: 2em;
line-height: 20px;}
.xwzx_right{ width: 720px; box-shadow: 0px 0px 20px 0px rgb(216 216 216 / 75%);}
.xwzx_right ul li{ width: 100%; height: 92px; padding: 0 45px; /*display: flex; justify-content: center; flex-direction: column;*/}
.xwzx_right ul li a{ display: flex; flex-direction: row; align-items: center; width: 100%; height: 100%; border-bottom: 1px dashed #E6E6E6;}
.xwzx_right ul li:nth-last-child(1) a{ border-bottom: none;}
.xwzx_right ul li a .time{ color: #6A49BF; font-size: 20px; padding-right: 15px; border-right: 1px solid #E6E6E6; width: 13%;}
.time_hover{ display: none;}
.xwzx_right ul li a .right_title{ padding-left: 20px; height: 100%; width: 87%; float: right; display: flex; align-items: center;}
.xwzx_right ul li a .right_title p{ color: #333333; font-size: 18px; transition: all 0.5s linear; line-height: 22px;}
.xwzx_right ul li a .right_title p:hover{ transform: translateX(10px); color: #6A49BF;}
.img_hover{ display: none;}


/* 通知公告、育成讲堂 */
.overall{ background-color: #F4F2FA; padding: 30px 0;}
.overall_child{ width: 1600px; margin: auto; display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;;}


/* 通知公告 */
.tzgg{ width: 35.625%; float: left;}
.tzgg_header{ display: flex; justify-content: space-between; padding-bottom: 22px;}
.tzgg_title{ display: flex; justify-content: flex-start;}
.tzgg_title p{ color: #6A49BF; font-size: 36px; font-weight: bold; line-height: 50px;}
.tzgg_list_img{
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    height: 316.72px;
}
.tzgg_list_img img{
    width: 100%;
}
.tzgg_list_img_cen{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: skyblue;
}
.tzgg_list_img_cen ul{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}
.tzgg_list_img_cen ul li{
    color: #ffffff;
    font-size: 18px;
    line-height: 50px;
}
.tzgg_list_img_cen ul li:hover{color: #6A49BF;font-weight:bold;}
.tzgg_list>ul>li{ width: 100%; height: 100px; background-color: #ffffff; border-bottom: 1px dashed #E6E6E6;}
.tzgg_list>ul>li:nth-last-child(1){border-bottom: none;}
.tzgg_list>ul>li a{ display: flex; flex-direction: row; width: 100%; height: 100%;}
.tzgg_left{ width: 20%; display: flex; align-items: center;}
.tzgg_time{ width: 100%; text-align: center; border-right: 1px solid #D6D6D6;}
.tzgg_time span{ font-size: 28px; color: #6A49BF; font-weight: bold; line-height: 40px;}
.tzgg_time p{ font-size: 14px; color: #999999; line-height: 20px;}
.tzgg_right{ width: 80%; display: flex; align-items: center;}
.tzgg_right p{ font-size: 18px; color: #333333; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    padding: 0 25px; transition: all 0.5s linear;}
.tzgg_right p:hover{ transform: translateX(10px); color: #6A49BF;}


/* 育成讲堂 */
.ycjt{ width: 62.5%;}
.ycjt_header{ display: flex; justify-content: space-between; padding-bottom: 22px;}
.ycjt_title{ display: flex; justify-content: flex-start;}
.ycjt_title p{ color: #6A49BF; font-size: 36px; font-weight: bold; line-height: 50px;}
.ycjt_cen{ display: flex; justify-content: space-between; height: 538px;}
.ycjt_left{ width: 44%; float: left; background-color: #ffffff; text-align: center; position: relative; overflow: hidden;}
.ycjt_left .bd ul li div{ width: 380px; height: 100%; overflow: hidden; margin: 30px auto 0;}
.ycjt_left .bd ul li div img{ width: 100%; transition: all 0.5s linear;}
.ycjt_left .bd ul li div img:hover{ transform: scale(1.2);}
.ycjt_left .bd ul li h3{ font-size: 18px; color: #333333; text-align: left; width: 380px; margin: auto; line-height: 28px; margin-top: 20px; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.ycjt_left .bd ul li h3:hover{ color: #6A49BF;}
.ycjt_left .bd ul li p{ font-size: 14px; color: #999999; line-height: 26px; text-align: left; width: 380px; margin: auto; margin-top: 20px; overflow: hidden;}
.ycjt_left .bd ul li p a{ display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.ycjt_left .prev{ position: absolute; background: url(../images/left02.png) no-repeat; display: block; width: 30px; height: 30px; bottom: 20px; right: 236px; background-size: 30px;}
.ycjt_left .next{ position: absolute; background: url(../images/right02.png) no-repeat; display: block; width: 30px; height: 30px; bottom: 20px; right: 170px; background-size: 30px;}


.ycjt_list{ width: 53%;}
.ycjt_list ul li{ width: 100%; height: 100px; background-color: #ffffff; margin-top: 9.5px;}
.ycjt_list ul li:nth-child(1){ margin-top: 0;}
.ycjt_list ul li a{ display: flex; flex-direction: row; width: 100%; height: 100%;}
.ycjt_list_time{ width: 20%; display: flex; align-items: center;}
.ycjt_time_child{ width: 100%; text-align: center; border-right: 1px solid #D6D6D6;}
.ycjt_time_child span{ font-size: 28px; color: #6A49BF; font-weight: bold; line-height: 40px;}
.ycjt_time_child p{ font-size: 14px; color: #999999; line-height: 20px;}
.list_title{ width: 80%; display: flex; align-items: center;}
.list_title p{ font-size: 18px; color: #333333; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    padding: 0 25px; transition: all 0.5s linear;}
.list_title p:hover{ transform: translateX(10px); color: #6A49BF;}


/* 图片层 */
.images_cen{ width: 1600px; height: 690px; margin: auto; display: flex; flex-direction: row; justify-content: space-between; padding: 50px 0;}
.lecture{ width: 346px; position: relative;}
.lecture_img{ width: 100%; height: 100%; overflow: hidden;}
.lecture_img img{ width: 100%; height: 100%; transition: all 0.5s linear;}
.lecture:hover .lecture_img img{ transform: scale(1.2);}
.lecture_title{ width: 300px; position: absolute; bottom: 24px; left: 23px; height: 130px; background-color: rgba(255, 255, 255, 0.5);
    display: flex; flex-direction: column; justify-content: space-evenly; padding: 0 22px 0 22px;}
.lecture_title h3{ font-size: 17px; font-weight: bold; color: #333333; line-height: 26px;}
.lecture_title p{ font-size: 14px; color: #808080; line-height: 22px;}

.competition{ position: relative;}
.competition_img{ width: 100%;}
.competition_img img{ width: 100%;}
.competition_title{ position: absolute; width: 100%; height: 50px; bottom: 0; background-color: rgba(0, 0, 0, 0.5);}
.competition_title p{ font-size: 17px; color: #ffffff; font-weight: bold; line-height: 45px; text-align: center;}


.landscape{ width: 346px; overflow: hidden;}
.landscape ul li{ position: relative; width: 100%; overflow: hidden; margin-bottom: 21px;}
.landscape ul li img{ width: 100%; transition: all 0.5s linear; height: 182px;
    aspect-ratio: 346 / 182;}
.landscape ul li:hover img{ transform: scale(1.2);}
.landscape_title{ position: absolute; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.5);}
.landscape_title p{ font-size: 17px; color: #ffffff; font-weight: bold; line-height: 52px; text-align: center; display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}


/* 底部 */
.foot{ background: linear-gradient(to right, #5F3CBA 40%, #6A49BF 60%);}
.foot_cen{ width: 100%;}
.foot_cen_width{ width: 1600px; height: 340px; margin: auto; display: flex; justify-content: space-between;}
.foot_left{ background-color: #5F3CBA; display: flex; flex-direction: column; justify-content: space-evenly; padding-right: 56px;}
.location p{ font-size: 16px; line-height: 37px; color: #ffffff;}

.friendship_link p{ font-size: 22px; color: #ffffff; position: relative; padding-bottom: 22px; margin-bottom: 24px;}
.friendship_link p::before{ position: absolute; content: ""; width: 28px; height: 3px; bottom: 0; left: 0; background-color: #ffffff;}
.links_list ul{ display: flex; flex-wrap: wrap;}
.links_list ul li{ width: 50%; line-height: 40px;}
.links_list ul li a{ color: #ffffff; font-size: 16px; display: block; transition: all 0.5s linear;}
.links_list ul li a:hover{ transform: translateX(10px);}

.foot_right{ display: flex; flex-direction: row; justify-content: flex-end; background-color: #6A49BF; padding-top: 52px; padding-left: 108px;}
.follow_us{ display: flex; flex-direction: column;}
.follow_us_title p{ font-size: 22px; color: #ffffff; position: relative; padding-bottom: 22px; margin-bottom: 24px;}
.follow_us_title p::before{ position: absolute; content: ""; width: 28px; height: 3px; bottom: 0; left: 0; background-color: #ffffff;}
.QR_code ul{ display: flex; flex-direction: row;}
.QR_code ul li{  margin-right: 60px; width: 150px;}
.QR_code ul li+li img{ margin-right: 0;}
.QR_code ul li img{ width: 117px;}
.QR_code ul li p{ color: #ffffff; font-size: 16px; text-align: center; line-height: 40px;}
.copyright{ width: 100%; height: 60px; color: #ffffff; text-align: center; background-color: #5A3AAB; line-height: 60px; font-size: 16px;}









/* 补充代码 */
.competition{
    overflow: hidden;
    width: 1233px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.competition .hd{
    width: 346px;
    position: relative;
}
.competition .hd ul{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.competition .hd ul li{
    position: relative;
    width: 100%;
    margin-bottom: 22px;
}
.competition .hd ul li:nth-last-child(1){
    margin-bottom: 0;
}
.competition .hd img{
    width: 100%;
    aspect-ratio: 346 / 181;
    height: 181px;
    overflow: hidden;
    position: relative;
    border: 5px solid;
    border-color: #E6E6E6;
}
.competition .hd ul li.on img{
    border-color: #6A49BF;
}
.competition .hd ul li.on::before{
    content: "";
    position: absolute;
    background: url(../images/right.png) no-repeat;
    background-size: 12px 24px;
    width: 12px;
    height: 24px;
    right: 0;
    bottom: 50%;
    transform: translate(100%, 50%);
}
.competition .bd{
    width: 864px;
}
.competition .bd ul li{
    position: relative;
}
.landscape ul li img{
    aspect-ratio: 346 / 181;
}

.top_top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
align-items: center;
    width: 80%;
    margin: 0 auto;
}
.top_rightall{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}



.keywordfontcolor1034518{
FONT-SIZE: 18px !important;
    COLOR: red !important;
}