/* 下划线动画（父元素要加上position: relative;） */
/* 左入 */
.btn-animate__underline-from-left::before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    z-index: 1;
    height: 4px;
    background-color: #0b4181;
    transition: right 0.3s ease-out;
}

.btn-animate__underline-from-left:hover::before {
    right: 0;
}

/* 右入 */
.btn-animate__underline-from-right::before {
    content: "";
    position: absolute;
    left: 100%;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 4px;
    background-color: #0b4181;
    transition: left 0.3s ease-out;
}

.btn-animate__underline-from-right:hover::before {
    left: 0;
}

/* 中间 */
.btn-animate__underline-from-center::before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    z-index: 1;
    height: 4px;
    background-color: #0b4181;
    transition: 0.3s ease-out;
}

.btn-animate__underline-from-center:hover::before {
    left: 0;
    right: 0;
}

/* 边框合围 1 */
.btn-animate__surround:hover{
    border-radius: 0px !important;
}
.btn-animate__surround::before,
.btn-animate__surround::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: var(--public-color);
    transition: all 0.3s ease;
}

.btn-animate__surround::before {
    height: 0%;
    width: 2px;
}

.btn-animate__surround::after {
    width: 0%;
    height: 2px;
}

.btn-animate__surround:hover {
    background: transparent;
}

.btn-animate__surround:hover::before {
    height: 100%;
}

.btn-animate__surround:hover::after {
    width: 100%;
}

.btn-animate__surround>a {
    display: block;
}

.btn-animate__surround>a:hover {
    color: var(--public-color) !important;
}

.btn-animate__surround>a:hover::before {
    height: 100%;
}

.btn-animate__surround>a:hover::after {
    width: 100%;
}

.btn-animate__surround>a::before,
.btn-animate__surround>a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--public-color);
    transition: all 0.3s ease;
}

.btn-animate__surround>a:before {
    width: 2px;
    height: 0%;
}

.btn-animate__surround>a:after {
    width: 0%;
    height: 2px;
}

/* 边框合围 2 */
.btn-animate__surround_white:hover{
    border-radius: 0px !important;
}
.btn-animate__surround_white::before,
.btn-animate__surround_white::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    transition: all 0.3s ease;
}

.btn-animate__surround_white::before {
    height: 0%;
    width: 2px;
}

.btn-animate__surround_white::after {
    width: 0%;
    height: 2px;
}

.btn-animate__surround_white:hover {
    background: transparent;
}

.btn-animate__surround_white:hover::before {
    height: 100%;
}

.btn-animate__surround_white:hover::after {
    width: 100%;
}

.btn-animate__surround_white>a {
    display: block;
}

.btn-animate__surround_white>a:hover {
    color: #fff !important;
}

.btn-animate__surround_white>a:hover::before {
    height: 100%;
}

.btn-animate__surround_white>a:hover::after {
    width: 100%;
}

.btn-animate__surround_white>a::before,
.btn-animate__surround_white>a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    transition: all 0.3s ease;
}

.btn-animate__surround_white>a:before {
    width: 2px;
    height: 0%;
}

.btn-animate__surround_white>a:after {
    width: 0%;
    height: 2px;
}

/* .clearfix{*zoom:1;} */
.clearfix::after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}


.j_t_1{display: flex;align-items: center;}
.j_t_1::after{content: "\f061";font-family: 'Cmsfont';font-weight: bold;font-size: 24px;color: #0b4181;padding-left: 18px;transition: padding-left .6s;}
.j_t_1:hover::after{padding-left: 0px;}


.a a.f-s{transition: all 0.6s;color: #4081e1;font-size: 20px;line-height: 32px;font-weight: 500;background-color: #fff;border: 1px solid transparent;border-radius: 8px;padding: 8px 27px;}
.a a.f-s:hover{border: 1px solid #fff;background-color: var(--public-color);color: #fcfffc;}



a.f-s-1{font-size: 36px;line-height: 43px;font-weight: bold;transition: all 0.6s;}
a.f-s-1 span{display: inline-block;transition: padding-left 0.6s;padding-left: 30px;font-size: 36px;font-weight: bold;}
a.f-s-1:hover{color: var(--public-color);}
a.f-s-1:hover span{padding-left: 40px;}


.a a.b-k{background-color: #ffffff;border-radius: 23px;font-weight: bold;font-size: 16px;border: 2px solid transparent;color: var(--public-color);padding: 15px 60px;display: flex;align-items: center;transition: ease-in-out .6s;}
.a a.b-k span{display: inline-block;padding-left: 15px;font-size: 20px;}
.a a.b-k:hover{background-color: transparent;border: 2px solid #fff;color: #fff;}

.a a.b-k-1{background-color: transparent;border: 2px solid #fff;color: #fff;border-radius: 23px;font-weight: bold;font-size: 13px;padding: 10px 60px;display: flex;align-items: center;transition: ease-in-out .6s;}
.a a.b-k-1 span{display: inline-block;padding-left: 15px;font-size: 13px;}
.a a.b-k-1:hover{background-color: #ffffff;border: 2px solid transparent;color: var(--public-color);}

.a{display: inline-block;}
.a a.b-k-2{background-color: transparent;border: 2px solid var(--public-color);color: var(--public-color);border-radius: 23px;font-weight: bold;font-size:13px;padding: 10px 60px;display: flex;align-items: center;transition: ease-in-out .6s;}
.a a.b-k-2 span{display: inline-block;padding-left: 15px;font-size: 13px;}
.a a.b-k-2:hover{background-color: var(--public-color);border: 2px solid transparent;color: #fff;}

.all-inline:after{
    content: "";
    width: 98%;
    height: 6px;
    background-color: rgba(77,164,90,.2);
    position: absolute;
    margin: auto;
    left: 1%;
    bottom: -1px;z-index: -1;
}

.all-inline-1:after{
    content: "";
    width: 98%;
    height: 6px;
    background-color: rgba(255,255,255,.2);
    position: absolute;
    margin: auto;
    left: 1%;
    bottom: 12px;
    z-index: -1;
}


.all-h2{
    font: bold 40px/49px 'Poppins';
}