:root {
    --word_color: #bc872e;
    --nav_word_color: rgb(243, 196, 35);
    --main_color: #2956b1;
    /* --main_color: #05225a; */
    --less_color: #9f2327;
    --foot_color: #ddd;

    --col-fff: #fff;
}

* {
    box-sizing: border-box;
}

html,
body,
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    vertical-align: baseline;
}

body {
    font-family: Arial, Verdana, "Microsoft Yahei", "微软雅黑", sans-serif;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover,
a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    color: var(--word_color);
}

.nav a:hover {
    color: var(--nav_word_color);
}

.con {
    margin: 0 auto;
}

.con_padd_10 {
    padding: 0 10rem;
}

.con_marg_10 {
    margin-top: 5rem;
}


.flex {
    display: flex;
}



.header {
    width: 100%;
    position: absolute;
    z-index: 20;
    background-color: rgba(255, 255, 255, 0.7);
}

.other_header {
    position: relative;
}

.other_header_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0.1;
}

/**************************** banner *************************/

.banner {
    padding: 3rem 5rem;
    color: var(--col-fff);
    justify-content: space-between;
    align-items: center;
    background-color: var(--main_color);
}

.banner_left {
    align-items: center;
}

.banner_left>span {
    margin: 0 2rem;
    font-size: 10rem;
}

.banner_line {
    width: 0.2rem;
    height: 10rem;
    margin: 0 2rem;
    background-color: var(--foot_color);
}

.banner_left_name {
    height: 100%;
    font-size: 3.4rem;
    font-weight: bold;
}

.banner_left_name>p:first-child>span {
    margin-left: 2rem;
    font-size: 2rem;
}

.banner_left_name>p:last-child {
    margin-top: 1.5rem;
    font-size: 1.5rem;
}


.banner_right_input {
    width: 35rem;
    height: 3rem;
    border: 1px solid var(--main_color);
    background-color: var(--col-fff);
    border-radius: 1.5rem;
    align-items: center;
    overflow: hidden;
}

.banner_right_input>input {
    width: 32rem;
    height: 100%;
    padding-left: 1.5rem;
    padding-right: 1rem;
    font-size: 1.4rem;
    color: var(--word_color);
}

.banner_right_input img {
    width: 2rem;
}

.banner_right_input img:hover {
    opacity: 0.8;
}

.banner_right>p {
    margin-top: 2rem;
    font-size: 1.3rem;
    justify-content: space-between;
}

.banner_right>p>span:nth-child(-n+2) {
    cursor: pointer;
}



/**************************** 导航 *************************/
.menu {
    background-color: var(--main_color);
}

.menu .nav {
    width: 100%;
    text-align: center;
}


/* 一级导航 */

.nav_1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--col-fff);
}

.nav_1>li {
    position: relative;
    line-height: 6rem;
}

.nav>ul>li:hover::after,
.nav>ul>li.active::after {
    width: 100%;
    height: 0.2rem;
    content: "";
    display: block;
    text-align: center;
    left: 0;
    position: absolute;
    bottom: 0;
}

.nav>ul>li>a {
    font-size: 1.8rem;
    display: block;
    width: 100%;
}


/* 二级导航 */

.nav_2,
.nav_3 {
    position: absolute;
    left: 50%;
    z-index: 2;
    margin-left: -10rem;
    display: none;
    width: 20rem;
    background-color: var(--main_color);
    box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
}

.nav_1>li:hover .nav_2 {
    display: block;
}

.nav_2>li {
    width: 100%;
    position: relative;
}

.nav_2 li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    line-height: 5rem;
    font-weight: bold;
}

.nav_2 li a:hover {
    /* opacity: 0.6; */
}

.nav_2 li a:hover::after {
    width: 80%;
    height: 2px;
    content: "";
    display: block;
    background-color: var(--word_color);
    position: absolute;
    left: 10%;
    bottom: 1rem;
}

.nav_2>li:hover .nav_3 {
    display: block;
}


/* 三级导航 */

.nav_3 {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 0;
}

.nav .animate {
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.nav_roll {
    animation-name: rollout;
    -webkit-animation-name: rollout;
}

@keyframes rollout {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        opacity: 0;
        visibility: visible;
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1;
    }
}


/**************************** 轮播图 *************************/

#swiper_top {
    width: 100%;
    height: 55rem;
}

#swiper_top a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: contain;
}

#swiper_top a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

#swiper_top .slide_pic {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

#swiper_top .swiper-pagination {
    height: 5rem;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.1);
    align-items: center;
    justify-content: center;
}

#swiper_top .swiper-pagination>span+span {
    margin-left: 2rem;
}

#swiper_top .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    background-color: white;
    opacity: 1;
    transition: all 0.3s ease;
}

#swiper_top .swiper-pagination-bullet-active {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0.7rem;
    background-color: #000;
}

.mrg_rgt_16 {
    margin-right: 1.6rem;
}

.mrg_left_16 {
    margin-left: 1.6rem;
}

.pad_rgt_16 {
    padding-right: 2rem;
}

.pad_lft_16 {
    padding-left: 2rem;
}

.left_block,
.right_block {
    width: 50%;
}





/**************************** 学校新闻 *************************/
.xxxw {
    background-color: var(--main_color);
    padding: 1rem 10rem;
    color: var(--col-fff);
    font-size: 1.4rem;
}

.xxxw_swiper {
    height: 100%;
    padding: 0 2rem;
    align-items: center;
}

.xxxw_swiper img {
    width: 2rem;
    margin-right: 1rem;
}

.xxxw_line {
    width: 2px;
    height: 2.5rem;
    margin-right: 1rem;
    background-color: rgba(246, 242, 58);
}

.xxxw_swiper .swiper {
    flex: 1;
}

.xxxw_swiper .swiper-slide {
    text-align: center;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xxxw_swiper a {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xxxw_swiper a:hover {
    color: var(--nav_word_color);
}




/**************************** 左侧轮播 *************************/
#yw_swiper .slide_item {
    position: relative;
    background-position: center center;
    background-size: contain;
}

#yw_swiper .slide_item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

#yw_swiper img {
    width: 100%;
    height: 26rem;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

#yw_swiper p {
    width: 100%;
    padding: 0.5rem 2rem;
    color: var(--col-fff);
    position: absolute;
    z-index: 1;
    bottom: 0;
    font-size: 1.2rem;
    background-color: rgba(0, 0, 0, 0.1);
}

#yw_swiper .swiper-button-prev,
#yw_swiper .swiper-button-next {
    color: #fff;
}

#yw_swiper .swiper-button-prev::after,
#yw_swiper .swiper-button-next::after {
    font-size: 2rem;
}

#yw_swiper .swiper-button-prev {
    padding-left: 2rem;
}

#yw_swiper .swiper-button-next {
    padding-right: 2rem;
}




.pad_20 {
    padding: 2rem;
}

.mrg_top_10 {
    margin-top: 1rem;
}

.mrg_top_20 {
    margin-top: 2rem;
}

.mrg_top_30 {
    margin-top: 3rem;
}

.mrg_top_40 {
    margin-top: 4rem;
}

.mrg_top_50 {
    margin-top: 5rem;
}

.yw_swiper_ti {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 3.4rem;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 3.4rem;
    margin: 0.8rem 0;
    width: calc(100% - 8rem);
}


/**************************** 左侧轮播缩略图 *************************/
#thumbs {
    overflow: hidden;
}

#thumbs .swiper-slide {
    background-color: #000;
    padding: 0.5rem;
}

#thumbs img {
    width: 100%;
    cursor: pointer;
}


/**************************** 公共标题 *************************/

.ti {
    color: var(--main_color);
    font-size: 2.2rem;
    line-height: 3.6rem;
    margin-bottom: 1.5rem;
    border-bottom: 0.2rem solid var(--main_color);
}

.no_brd {
    border: unset;
}

.more {
    float: right;
    position: relative;
    right: 1rem;
    font-size: 1.4rem;
    /* font-weight: bold; */
    color: #666;
}


/**************************** 新闻速递、通知公告 *************************/

.notice_list {
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.notice_list li {
    width: 100%;
    padding: 1rem 2rem;
    border-bottom: 0.4rem solid var(--main_color);
    margin-bottom: 1.3rem;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
    transition: all 0.3s;
}

.notice_list li:last-child {
    margin-bottom: 0;
}

.notice_list li:hover {
    background-color: var(--main_color);
}

.notice_list li:hover span,
.notice_list li:hover h4 {
    color: #fff;
}

.notice_list a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.notice_list span {
    font-size: 1.4rem;
    color: #666;
    text-align: center;
}

.notice_list b {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
}

.notice_list h4 {
    width: 100%;
    word-break: break-all;
    font-size: 1.6rem;
    color: #2b2b2b;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 2rem;
}

.djdt_list li {
    padding: 0.35rem 0;
}


/**************************** 快捷链接 *************************/
.kjlj_block {
    width: 20%;
}

.quick_links {
    margin-top: 1rem;
    padding: 1.2rem 2rem;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}

.quick_links>li {
    font-size: 1.6rem;
    color: #2b2b2b;
    margin-bottom: 1.3rem;
    border: 0.1rem solid #ccc;
    transition: background-color 0.2s;
    position: relative;
}

.quick_links>li:last-child {
    margin-bottom: 0;
}

.quick_links>li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
}

.quick_links .link_icon_active {
    display: none;
}

.quick_links>li:hover {
    background-color: var(--main_color);
}

.quick_links>li:hover>a {
    color: #fff;
}

.quick_links>li:hover .link_icon {
    display: none;
}

.quick_links>li:hover .link_icon_active {
    display: block;
}

.quick_links>li div {
    position: relative;
    width: 4rem;
}

.quick_links>li img {
    width: 2.4rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.quick_subLinks {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 4.2rem;
    left: 0;
    z-index: 10;
    padding: 1rem;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.quick_subLinks>li {
    margin-bottom: 1rem;
    text-align: center;
}

.quick_subLinks>li:last-child {
    margin-bottom: 0;
}

.quick_subLinks>li a {
    display: inline-block;
    padding: 0.4rem 0;
}

.quick_links>li:hover .quick_subLinks {
    display: block;
}


/**************************** 公告公共列表 *************************/

.art_list li {
    height: 4.6rem;
    line-height: 4.6rem;
    position: relative;
    display: flex;
    border-bottom: 0.1rem dashed #b9b9b9;
}

.art_list li::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: var(--word_color);
    position: absolute;
    bottom: 0;
    transition: width 0.2s;
}

.art_list li:hover {
    border-bottom-width: 0;
}

.art_list li:hover::after {
    width: 100%;
    border-bottom-width: 0;
}

.art_list li a {
    flex: 1;
    padding-right: 2rem;
    font-size: 1.6rem;
    color: var(--main_color);
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.art_list li a:hover {
    color: var(--word_color);
}

.art_list li .date {
    color: var(--main_color);
    font-size: 1.3rem;
}

.mrg_btm_0 {
    margin-bottom: 0rem;
    justify-content: space-between;
}

.mrg_btm_0>div {
    padding: 0 6rem;
    background-color: var(--main_color);
    color: #fff;
    font-size: 1.6rem;
}

.one_third_block {
    width: 33.33%;
    box-sizing: border-box;
}

.one_third_art li .date {
    top: 1.3rem;
}

.two_third_block {
    width: 66%;
    box-sizing: border-box;
}

.bmore {
    position: absolute;
    top: 0;
    right: 0;
}

.bmore a span {
    padding-right: 0.3rem;
    font-weight: bold;
    color: #947242;
    font-size: 1.4rem;
}

.rela {
    position: relative;
}

.bg_con {
    /* border: 0.3rem solid var(--main_color); */
    background: url(../img/topbg2.jpg) center;
    background-size: contain;
    box-sizing: border-box;
}


/**************************** 学院概况 *************************/
.xykg_block {
    width: 80%;
}

.data_box {
    height: calc(100% - 3.8rem);
    display: flex;
    align-items: center;
    background: url(../img/topbg2.jpg) center;
    background-size: contain;
    padding: 0 1.4rem;
}


.data_box .data_num {
    font-size: 3.8rem;
    font-weight: bold;
    /* color: var(--main_color); */
    color: #ffc470;
}

.data_box .data_num i {
    font-size: 1.8rem;
}

.data_box .data_tip {
    padding: 1.2rem 0;
    font-size: 1.4rem;
    color: #bbb;
}

.data_box .line {
    width: 0.2rem;
    height: 8rem;
    background-color: #d4c7b3;
    margin: 0 1rem;
}




/**************************** 讲座信息 *************************/
.jz_wrap {
    display: flex;
    justify-content: space-between;
}

.jz_item {
    width: 32%;
}

.jz_item a {
    display: block;
    background-color: #fff;
    background-image: url(../img/hw3.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    padding: 0 3rem 3rem 2rem;
    margin: 2rem 0 2rem 0;
}

.jz_item .jz_date {
    position: relative;
    top: -1rem;
    left: -2rem;
    width: 28.5rem;
    height: 5.2rem;
    line-height: 5.2rem;
    background-color: #e7f2ff;
    border-top-right-radius: 2rem;
}

.jz_date p {
    display: inline-block;
    height: 5.2rem;
    padding-left: 2.5rem;
    font-size: 1.4rem;
    color: #004290;
}

.jz_date p span {
    font-family: "Impact";
    font-size: 2.2rem;
    padding-right: 0.5rem;
}

.jz_date em {
    display: inline-block;
    font-size: 1.4rem;
    color: #004290;
    background-color: #d3e7ff;
    border-radius: 1.3rem;
    width: 5rem;
    line-height: 2.6rem;
    text-align: center;
    font-style: normal;
    margin-left: 1rem;
    vertical-align: 0.5rem;
}

.jz_info h3 {
    font-size: 1.8rem;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-bottom: 2rem;
    margin-top: 2rem;
    transition: all 0.3s;
}

.jz_info p {
    font-size: 1.4rem;
    color: #666;
    line-height: 2.4rem;
    margin-top: 0.8rem;
    padding-left: 3rem;
    height: 2.2rem;
}

.jz_info p:nth-child(2) {
    background: url(../img/ico_time.png) no-repeat left center;
    background-size: 1.4rem;
}

.jz_info p:nth-child(3) {
    background: url(../img/ico_peo.png) no-repeat left center;
    background-size: 1.4rem;
}

.jz_info p:nth-child(4) {
    background: url(../img/ico_pos.png) no-repeat left center;
    background-size: 1.4rem;
}



/**************************** 图片轮播 *************************/
.xyfg_wrap {
    padding-top: 20px;
    display: flex;
}

.xyfg_swiper {
    margin: 0 2rem;
    flex: 1;
}

.xyfg_swiper .bullet_1 {
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    opacity: 1;
}

.xyfg_swiper .bullet_1_active {
    width: 2rem;
    height: 1rem;
}

.xyfg_swiper .slide_item {
    width: 95%;
    margin: 0 auto;
    padding-top: 65%;
    display: block;
    position: relative;
}

.xyfg_swiper .slide_img {
    width: 100%;
    position: absolute;
    background-position: center center;
    background-size: contain;
    top: 0;
}

.xyfg_swiper .slide_img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.xyfg_swiper .slide_img>img {
    width: 100%;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.xyfg_swiper .slide_info {
    padding: 1rem 0;
    font-size: 1.4rem;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.swiper-button-prev-icon-left,
.swiper-button-prev-icon-right {
    display: flex;
    align-items: center;
}

.swiper-button-prev-icon-left>img,
.swiper-button-prev-icon-right>img {
    width: 3rem;
    cursor: pointer;
}

.swiper-button-prev-icon-left>img:hover,
.swiper-button-prev-icon-right>img:hover {
    opacity: 0.7;
}


/**************************** 首页外籍专家 *************************/
.wjzj_swiper {
    width: 95%;
}

.wjzj_swiper .slide_item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wjzj_swiper .slide_item>img {
    width: 14rem;
    height: 14rem;
    border-radius: 7rem;
}

.wjzj_swiper .slide_name {
    width: 100%;
    padding: 0 0.5rem;
    padding-top: 1rem;
    font-size: 1.4rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.wjzj_swiper .slide_info {
    width: 100%;
    padding: 0 0.5rem;
    padding-top: 0.5rem;
    font-size: 1rem;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}


/**************************** 专家列表页 *************************/
.experts {
    flex-wrap: wrap;
}

.experts_item {
    width: 25%;
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.experts_item>.slide_img {
    width: 23rem;
    height: 30rem;
    position: relative;
}

.experts_item>.slide_img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.experts_item>.slide_img>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.experts_item>.slide_name {
    width: 100%;
    padding: 0 0.5rem;
    padding-top: 1rem;
    font-size: 1.4rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.experts_item .slide_info {
    width: 100%;
    padding: 0 0.5rem;
    padding-top: 0.5rem;
    font-size: 1rem;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

/**************************** 校园风光 pic *************************/
.pic_swiper {
    display: flex;
    width: 100%;
    padding-top: 2rem;
}

#pic_swiper {
    flex: 1;
}

.pic_swiper .slide_item {
    display: block;
    padding-top: inherit;
}

.pic_swiper .slide_item>img {
    width: 100%;
    height: 70rem;
    object-fit: cover;
}

.pic_swiper .slide_info {
    padding: 1rem 0;
    font-size: 2rem;
    color: #666;
    text-align: center;
}

.pic_swiper .swiper-pagination {
    top: calc(100% - 10rem);
}



/************************* 新闻中心  **********/
.xwzx {
    color: var(--main_color);
}

.xwzx>.ti,
.xwzx_title {
    display: flex;
    justify-content: space-between;
}

div.xwzx_title {
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    font-size: 2rem;
}

.xwzx_title>div {
    color: var(--main_color);
}

.xwzx_title>div+div {
    margin-left: 2rem;
}

.xwzx_title_sel {
    font-weight: bold;
}



/**************************** 底部 *************************/

.footer {
    /* background: url(../img/topbg2.jpg) repeat; */
    background-color: var(--main_color);
    background-size: 50% auto;
}

.footer_con {
    position: relative;
    padding: 3rem 0;
    /* justify-content: center; */
    align-items: start;
    justify-content: space-between;
}

.footer_cover {
    width: 55rem;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}

.footer_logo {
    margin-top: 3.6rem;
}

.footer_logo img {
    height: 12rem;
}

.footer_right {
    font-size: 1.6rem;
    color: #fff;
    margin-left: 4rem;
}

.footer_ti {
    white-space: nowrap;
    margin-bottom: 1.2rem;
    padding-bottom: 0.6rem;
    border-bottom: 0.3rem solid var(--main_color);
    font-size: 1.8rem;
}

.footer_address,
.footer_qrcode {
    font-size: 1.6rem;
    color: #fff;
}


/* 友情链接 */
.xglj {
    flex-wrap: wrap;
}

.xglj a {
    margin-top: 1.5rem;
    margin-right: 4rem;
    display: flex;
    align-items: center;
    color: var(--main_color);
}

.xglj a:hover {
    color: var(--word_color);
}

.xglj img {
    width: 2.5rem;
    height: 2.5rem;
}

.xglj span {
    font-size: 1.6rem;
    margin-left: 1rem;
}


/* 版权 */
.banquan {
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    border-top: 0.1rem dashed var(--main_color);
    padding: 2rem 0;
}


@media (min-width: 1920px) {

    .tool_win {
        width: 18rem;
    }
}