* {
    margin: 0px;
    padding: 0px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

input,
textarea,
select,
button {
    outline: none;
    border: none;
}

html {
    transition: font-size 0.3s ease;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 10px;
}

span{
    font-size: inherit ;
    color: inherit ;
    font-weight: inherit ;
}

sup{
    font-size: inherit ;
    color: inherit ;
    font-weight: inherit ;
}

b{
    font-weight:600;
    font-size: inherit;
    color: inherit ;
}

.semantic_h2 {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
}

:root {
    /* ---- fontSize ---- */
    --fontSize_20: 2rem;
    --fontSize_18: 1.8rem;
    --fontSize_16: 1.6rem;
    --fontSize_14: 1.4rem;
    --fontSize_12: 1.2rem;
    /* ---- fontSize end---- */

    /* --- color --- */
    --color_333: #333;
    /* --- color end --- */

}

body {
    font-size: 1.5rem;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.container {
    width: 90%;
    max-width: 86.4rem;
    margin: 0 auto;
    height: 100%;
}

#header {
    height: 5.5rem;
    width: 100%;
    position: relative;
    z-index: 99999;
}

.nav {
    width: 100%;
    height: 5.464rem;
    background: #FFF;
    position: fixed;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid #deddb9;
    box-sizing: border-box;
    z-index: 99999;
}



.nav .out {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav .out .logo {
    height: 3rem;
    width: 11.2rem;
    display: block;
    margin-right: 2rem;
    flex: none;
}

.nav .out .logo img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.nav .out .nav_list {
    display: flex;
    align-items: center;
    height: 100%;
    border-right: 1px solid #deddb9;
}

.nav .out .nav_list .nav_item {
    height: 100%;
    border-left: 1px solid #deddb9;
    position: relative;
}

.nav .out .nav_list .nav_item .title {
    display: flex;
    align-items: center;
    height: 100%;
    display: block;
    padding: 1.5rem 2rem;
    box-sizing: border-box;
    color: #605f6d;
}

.nav .out .nav_list .nav_item:hover .title,
.nav .out .nav_list .nav_item.active .title {
    background: #EEEEDC;
}

.nav .out .nav_list .nav_item .title span {
    font-size: 1.7rem;
    color: #605f6d;
    font-weight: 400;
}

.nav .out .nav_list .nav_item .title i {
    font-size: 1.7rem;
    color: #605f6d;
    font-weight: bold;
}

.nav .out .nav_list .nav_item .Drop_down_out {
    width: max-content;
    background: #FFF;
    position: absolute;
    top: 5.464rem;
    min-width: 100%;
    display: none;
    left: 50%;
    transform: translateX(-50%);
}

.nav .out .nav_list .nav_item .Drop_down_out a {
    display: block;
    padding: 1rem 2rem;
    box-sizing: border-box;
    border-bottom: 0.1rem solid rgba(0, 0, 0, .15);
    width: max-content;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #333;
    font-weight: 400;
}

.banner_section {
    width: 100%;
    background: #246187;
    padding: 7rem 0px;
    box-sizing: border-box;
}

.banner_section .title {
    width: 100%;
    text-align: center;
}

.banner_section .title h2 {
    font-size: 3.4rem;
    color: #FFF;
    font-weight: 300;
    margin-bottom: 1rem;
}

.banner_section .title h3 {
    font-size: 2rem;
    color: #FFF;
    font-weight: 300;
}

.banner_section .list {
    width: 100%;
    margin-top: 5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 3.5%;
}

.banner_section .list .item {
    width: 31%;
}

.banner_section .list .item .img {
    width: 100%;
    display: block ;
}

.banner_section .list .item .img img {
    width: 100%;
    display: block;
    transition: all 0.5s cubic-bezier(0.7, 0, .3, 1);
    border-radius: 1rem ;
    overflow: hidden;
}

.banner_section .list .item .img:hover img {
    transform: scale(1.07);
}

.banner_section .list .item .text {
    margin-top: 3.5rem;
    width: 100%;
    text-align: center;
}

.banner_section .list .item .text span {
    font-size: 2.5rem;
    color: #FFF;
    font-weight: 300;
    margin-bottom: 1rem;
    display: block;
    text-align: center;
}

.banner_section .list .item .text p {
    font-size: 1.4rem;
    color: #FFF;
    font-weight: 400;
    margin-bottom: 1rem;
    display: block;
    text-align: center;
}

.banner_section .list .item .text .Moer {
    padding: 1.2rem 1.8rem;
    box-sizing: border-box;
    background: #96A180;
    border-radius: 0.4rem;
    margin: 0 auto;
    margin-top: 1rem;
    display: inline-block;
    font-size: 1.6rem;
    color: #FFF;
    font-weight: 400;
}

.News_section {
    width: 100%;
    padding: 7rem 0px;
    background-image: linear-gradient(123deg, #e1eef2, #fff2ea);
}

.News_section .container {
    max-width: 120rem;
}

.public_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.public_title .left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.public_title .left h2 {
    color: #1a1a1a;
    font-size: 2.4rem;
    font-weight: 400;
    margin-right: 2.4rem;
}

.public_title .left .list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 3.2rem;
    position: relative;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
}

.public_title .left .list a {
    color: #242424;
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    position: relative;
}

.public_title .left .list .line {
    background-color: #242424;
    border-radius: 0.2rem;
    bottom: 0;
    height: 0.4rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    width: 3.3rem;
    transform: translateX(50%);
}

.public_title .Moer {
    display: flex;
    align-items: center;
    color: #5f6676;
    font-size: 1.6rem ;
        flex: none;
}

.public_title .Moer i {
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
    margin-left: 0.6rem;
}

.News_section .out {
    margin-top: 5rem;
    width: 100%;
}

.News_section .out .box {
    width: 100%;
    display: none;
}

.News_section .out .box.active {
    display: block;
}

.News_section .out .box .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem 0px;
}

.News_section .out .box .list .item {
    width: 48.8%;
    background: #FFF;
    border-radius: 1rem;
    overflow: hidden;
}

.News_section .out .box .list .item a{
    padding: 2rem;
    display: block;
    box-sizing: border-box;
    width: 100%;
}

.News_section .out .box .list .item h3 {
    font-size: 2rem;
    color: #2c2c2c;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.4em;
    font-family: "SimHei", sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 5.68rem;
}

.News_section .out .box .list .item p {
    font-size: 1.6rem;
    color: #666;
    line-height: 1.7em;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.News_section .out .box .list .item .tiem {
    margin-top: 1rem;
    width: 100%;
    display: flex;
    align-items: center;
}

.News_section .out .box .list .item .tiem span {
    color: #8d93a6;
    font-size: 1.3rem;
    font-weight: 400;
}

.News_section .out .box .list .item .tiem i {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0px 1rem;
    background: #8d93a6;
    border-radius: 50%;
}

.Professional_team {
    width: 100%;
    background: #224A80;
    padding: 8rem 0px;
}

.Professional_team .container {
    max-width: 120rem;
}

.Professional_team .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Professional_team .out .left {
    width: 31%;
}

.Professional_team .out .left h2 {
    font-size: 2.6rem;
    color: #FFF;
    font-weight: 400;
    margin-bottom: 0.8rem;
}

.Professional_team .out .left p {
    color: #FFF;
    font-size: 1.4rem;
    line-height: 1.7em;
    font-weight: 400;
    opacity: 0.6;
}

.Professional_team .out .left .list {
    margin-top: 2rem;
    width: 100%;
}

.Professional_team .out .left .list b {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
    color: #FFF;
    font-weight: 500;
    display: block;
}

.Professional_team .out .left .list .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.2rem;
}

.Professional_team .out .left .list .box a {
    color: #234b81;
    font-size: 1.2rem;
    padding: 0.6rem 1rem;
    box-sizing: border-box;
    background: #ebc695;
    border-radius: 0.8rem;
    box-sizing: border-box;
}

.Professional_team .out .right {
    width: 58.334%;
    display: flex;
    align-items: end;
}

.Professional_team .out .right .img_list {
    width: 25.8rem;
    height: 25.8rem;
    overflow: hidden;
    background-color: #d1bfae;
    border-radius: 26rem 26rem 1.9rem 26rem;
    flex: none;
    border: 0.1rem solid #d1bfae;
    margin-right: 2rem;
    position: relative;
}

/*.Professional_team .out .right .img_list a {*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: 0px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: none;*/
/*}*/

/*.Professional_team .out .right .img_list a.active {*/
/*    display: block;*/
/*}*/

.Professional_team .out .right .img_list img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Professional_team .out .right .content_swiper {
    width: calc(100% - 25.8rem - 2rem);
}

.Professional_team .out .right .content_swiper .text_swiper {
    width: 100%;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide {
    width: 100%;
    overflow: hidden;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide a {
    /*transform: translateY(20%);*/
    transition: 0.4s ease-in-out;
    display: block;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .title {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .title h3 {
    font-size: 1.8rem;
    color: #FFF;
    font-weight: bold;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .title h3 span {
        color: inherit;
    font-size: inherit;
    font-weight:inherit;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .title>span {
    display: block;
    color: #FFF;
    font-size: 1.3rem;
    margin-left: 1.2rem;
    font-weight: 300;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .Region {
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 1rem;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .Region img {
    display: block;
    height: 1.2rem;
    margin-right: 0.6rem;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .txt {
    width: 100%;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .txt p {
    font-size: 1.2rem;
    color: #FFF;
    font-weight: 300;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .Famous_quote {
    width: 100%;
    margin-top: 2.6rem;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide .Famous_quote p {
    font-size: 1.2rem;
    color: #FFF;
    font-weight: 300;
    line-height: 1.6em;
}

.Professional_team .out .right .content_swiper .text_swiper .swiper-slide-active a {
    transform: translateY(0px);
}

.Professional_team .out .right .content_swiper .img_swiper {
    width: 100%;
    padding-top: 3rem;
}

.Professional_team .out .right .content_swiper .img_swiper .swiper-slide {
    width: 25%;
}

.Professional_team .out .right .content_swiper .img_swiper .swiper-slide .img {
    width: 9.4rem;
    height: 9.4rem;
    border: 0.2rem solid #d1bfae;
    box-sizing: border-box;
    border-radius: 0.8rem;
    overflow: hidden;
    opacity: 0.72;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.Professional_team .out .right .content_swiper .img_swiper .swiper-slide:last-child {
    margin-right: 0px;
}

.Professional_team .out .right .content_swiper .img_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Professional_team .out .right .content_swiper .img_swiper .swiper-slide:hover .img,
.Professional_team .out .right .content_swiper .img_swiper .swiper-slide-thumb-active .img {
    opacity: 1;
    transform: translateY(-0.5rem);
    border: 0.2rem solid #e5b981;
}

.Course_section {
    width: 100%;
    background-image: linear-gradient(114deg, #fefff3, #fffbed 49%, #fffffa);
    padding: 5rem 0px;
}

.Course_section .container {
    max-width: 120rem;
}

.Course_section .out {
    width: 100%;
    margin-top: 4rem;
}

.Course_section .out .box {
    width: 100%;
}

.Course_section .out .box .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 2%;
}

.Course_section .out .box .list .item {
    width: 32%;
}

.Course_section .out .box .list .item a{
    width: 100%;
    display: block;
}

.Course_section .out .box .list .item .img {
    width: 100%;
    padding-top: 56.25%;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 1.8rem;
}

.Course_section .out .box .list .item .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.3s ease-in-out;
}

.Course_section .out .box .list .item:hover .img img {
    transform: scale(1.1);
}

.Course_section .out .box .list .item .text {
    width: 100%;
}

.Course_section .out .box .list .item .text .title {
    width: 100%;
    height: 6rem;
    margin-bottom: 1rem;
}

.Course_section .out .box .list .item .text .title h3 {
    font-size: 2rem;
    color: #333;
    line-height: 1.6em;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
}

.Course_section .out .box .list .item:hover .text .title h3 {
    color: #224A80;
}

.Course_section .out .box .list .item .text span {
    font-size: 1.6rem;
    color: #666;
    font-weight: 400;
}

.Environment_section {
    width: 100%;
    background: #FFF;
    padding: 7rem 0px;
}

.Environment_section .out {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.Environment_section .out .img {
    width: 48%;
}

.Environment_section .out .img img {
    width: 100%;
    display: block;
}

.Environment_section .out .text {
    width: 50%;
    padding-left: 2rem;
    box-sizing: border-box;
}

.Environment_section .out .text h2 {
    font-size: 3.2rem;
    color: #2b5136;
    font-weight: 400;
    margin-bottom: 2rem;
}

.Environment_section .out .text .txt {
    width: 100%;
}

.Environment_section .out .text .txt p {
    font-size: 1.7rem;
    color: #222222;
    line-height: 1.7em;
    font-weight: 400;
}

.Moer_box_right {
    width: 100%;
    display: flex;
    justify-content: right;
}

.Environment_section .out .text .Moer {
    padding: 1rem 2rem;
    background: #949F7E;
    border-radius: 0.8rem;
    margin-left: auto;
    display: inline-block;
    margin-top: 3rem;
    font-size: 1.6rem;
    color: #FFF;
}

.Selection_section {
    width: 100%;
    background: #F7F0E6;
    padding: 7rem 0px;
    box-sizing: border-box;
}

.Selection_section .container {
    max-width: 95rem ;
}

.Selection_section .title {
    width: 100%;
    text-align: center;
    margin-bottom: 3rem;
}

.Selection_section .title h2 {
    font-size: 3.4rem;
    color: #2b5136;
    font-weight: 300;
    margin-bottom: 1.5rem;
}

.Selection_section .title p {
    font-size: 2rem;
    color: #222222;
    font-weight: 300;
}

.Selection_section .out {
    width: 100%;
    margin-top: 4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 3.5%;
}

.Selection_section .out .box {
    width: 31%;
}

.Selection_section .out .box .img {
    width: 100%;
    margin-bottom: 2rem;
    display: block;
}

.Selection_section .out .box .img img {
    width: 100%;
    display: block;
    transition: 0.3s ease-in-out;
}

.Selection_section .out .box .img:hover img {
    transform: scale(1.08);
}

.Selection_section .out .box .text {
    width: 100%;
    text-align: center;
}

.Selection_section .out .box .text p{
    font-size: 1.3rem ;
    color: #816354 ;
    font-weight: 300 ;
    margin-bottom: 2rem ;
}

.Selection_section .out .box .text h3 {
    font-size: 2rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1rem;
    display: block;
}

.Selection_section .out .box .text .list {
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
}

.Selection_section .out .box .text .list li {
    display: block;
    width: 100%;
    line-height: 2em;
    font-size: 1.7rem;
    color: #222222;
    text-align: left ;
    /* white-space: nowrap;      
    overflow: hidden;         
    text-overflow: ellipsis;   */
    position: relative;
}

.Selection_section .out .box .text .list li::after {
    position: absolute ;
    left: -2rem ;
    top: 50% ;
    transform: translateY(-50%);
    content: "✔";
    font-size: 1.7rem ;
    color: rgb(34, 34, 34);
}

.Selection_section .out .box .text .list li span {
    font-size: inherit;
    color: inherit ;
}

.Certificate_Honor {
    width: 100%;
    padding: 7rem 0px;
    background: #F7F0E6;
    padding-top: 3rem;
}

.Certificate_Honor .title {
    text-align: center;
    width: 100%;
}

.Certificate_Honor .title h2 {
    font-size: 3.6rem;
    color: #222222;
    font-weight: 300;
    line-height: 1.4em;
    margin-bottom: 2rem;
}

.Certificate_Honor .title p {
    font-size: 2rem;
    color: #222222;
    font-weight: 300;
    line-height: 1.4em;
}

.Certificate_Honor .out {
    margin-top: 4rem;
    width: 100%;
    column-count: 4;
    column-gap: 1.6rem;
    margin-top: 4rem;
}

.Certificate_Honor .out .box {
    cursor: pointer;
    break-inside: avoid;
    margin-bottom: 2rem;
}

.Certificate_Honor .out .box h3{
    font-size: 1.6rem;
    color: #333;
    font-weight: 400;
    margin: 1rem 0px 2rem 0px;
}

.Certificate_Honor .out .box .img {
    /* padding-top: 70%; */
    position: relative;
    width: 100%;
}

.Certificate_Honor .out .box img {
    width: 100%;
    /* position: absolute; */
    /* top: 0px;
    left: 0px; */
    height: 100%;
    object-fit: cover;
}

#footer {
    width: 100%;
    background: #FFF;
    padding: 7rem 0px;
}

#footer .Top_list_out {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 1rem;
}

#footer .Top_list_out .img {
    width: 16.436%;
    margin: 0px 1rem;
}

#footer .Top_list_out .img img {
    width: 100%;
    display: block;
}

#footer .Top_list_out ul {
    width: 56.308%;
    display: flex;
}

#footer .Top_list_out ul li {
    width: 33.33%;
    margin: 0px 1rem;
}

#footer .Top_list_out ul li a {
    display: block;
    color: #333;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8em;
}

#footer .Top_list_out ul li a b {
    color: #333;
    font-size: 1.4rem;
    font-weight: 500;
}

#footer .Top_list_out .icon_list {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 2rem;
    justify-content: right;
}

#footer .Top_list_out .icon_list a {
    background: rgba(0, 0, 0, .3);
    border-radius: 0.2rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .Top_list_out .icon_list a i {
    font-size: 1.4rem;
    color: #FFF;
}

#footer .text_foote {
    width: 100%;
    text-align: center;
    line-height: 1.7em;
}

#footer .text_foote b {
    color: #4a4d4a;
    font-size: 1.4rem;
}

#footer .text_foote b a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

#footer .text_foote p {
    font-size: 1.4rem;
    color: #555;
    font-weight: 400;
}

#footer .text_foote>a {
    color: #636972;
    font-size: 1.4rem;
    margin-top: 3rem;
    display: block;
}

  #footer .text_foote  .beian_box {
        width: 100%;
        display: flex;
        align-items: center;
               justify-content: center ;
               margin-top: 3rem ;
    }

 #footer .text_foote   .beian_box i {
        width: 0.1rem;
        height: 1.6rem;
        display: block;
        background: #00000046;
        ;
        margin: 0px 0.7rem;
    }

 #footer .text_foote   .beian_box a {
        color: #636972;
        font-size: 1.4rem;
        display: block;
    }

.banner_Solution {
    width: 100%;
    background: url(../images/172.jpg) no-repeat center / cover;
    position: relative;
    /* background-attachment: fixed ; */
}

.banner_Solution .container{
    max-width: 110rem ;
}

.banner_Solution .text {
    width: 100%;
    background: rgba(0, 0, 0, .39);
    padding: 7rem 0px;
}

.banner_Solution .text h2 ,.banner_Solution .text h1 {
    font-size: 3.6rem;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center;
}

.banner_Solution .text h3 {
    font-size: 4.5rem;
    color: #FFF;
    font-weight: 300;
    margin-bottom: 1rem;
    text-align: center;
}

.banner_Solution .text p {
    font-size: 2rem;
    color: #FFF;
    font-weight: 300;
    line-height: 1.7em;
}

.banner_Solution .text b {
    font-weight: bold;
    font-size: inherit;
}

.banner_Solution .text span {
    font-size: inherit ;
    color: #FFF;
    font-weight: inherit ;
    text-align: center;
    width: 100%;
}

.banner_Solution .text .txt {
    width: 100%;
}

.banner_Solution .text .txt p {
    font-size: 2rem;
    color: #FFF;
    line-height: 1.7em;
    font-weight: 400;
    /*text-indent: 2em;*/
}

.banner_Solution .text .txt b {
    font-size: 2rem;
    color: #FFF;
    font-weight: bold;
    line-height: 1.7em;
}

.banner_Solution .text .Moer {
    display: inline-block;
    padding: 1.2rem 1.8rem;
    box-sizing: border-box;
    font-size: 1.6rem;
    color: #FFF;
    background: #97a281;
    background-image: linear-gradient(180deg, #97a281, #86926c);
    margin: 0 auto;
    border-radius: 0.3rem;
    margin-top: 3rem;
}

.Moer_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_Solution .text .Moer:hover {
    background: #8d9977;
    background-image: linear-gradient(180deg, #a6b28e, #93a177);
}

.Solution_video {
    width: 100%;
    padding-top: 7rem;
}

.Solution_video .title {
    text-align: center;
}

.Solution_video .title h2 {
    font-size: 3.6rem;
    color: #222222;
    font-weight: 300;
    margin-bottom: 1rem;
}

.Solution_video .title h3 {
    font-size: 1.5rem;
    color: #18191c;
    font-weight: 400;
    text-align: center;
}

.Solution_video .out {
    margin-top: 4rem;
    width: 100%;
}

.Solution_video .out .video {
    width: 100%;
    padding-top: 57%;
    position: relative;
}

.Solution_video .out .video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.Solution_text {
    padding-top: 7rem;
    width: 100%;
}

.Solution_text .title {
    text-align: center;
    width: 100%;
}

.Solution_text .title h2 {
    font-size: 2.9rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1rem;
}

.Solution_text .title p {
    color: #86926c;
    font-size: 2rem;
    font-weight: 300;
    text-align: center;
}

.Solution_text .out {
    margin-top: 4rem;
    width: 100%;
}

.Solution_text .out .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4rem;
}

.Solution_text .out .box .text {
    width: 55%;
}

.Solution_text .out .box .text h3 {
    color: #2b5136;
    font-size: 2.4rem;
    margin-bottom: 0.5rem;
}

.Solution_text .out .box .text>span {
    color: #86926c;
    font-size: 1.7rem;
    font-weight: 300;
}

.Solution_text .out .box .text p , .Solution_text .txt_dandu {
    font-size: 1.7rem;
    color: #333;
    line-height: 1.7em;
    font-weight: 300;
    margin-top: 1rem;
}

.Solution_text .txt_dandu b{
    font-weight: 600 ;
}

.Solution_text .out .box .text .Moer {
    padding: 1rem 1.8rem;
    font-size: 1.4rem;
    color: #fff;
    background: #919C79;
    border-radius: 0.3rem;
    margin-top: 1rem;
    display: inline-block;
}

.Solution_text .out .box .right {
    width: 43%;
}

.Solution_text .out .box .right .img {
    padding-top: 57%;
    position: relative;
    width: 100%;
}

.Solution_text .out .box .img img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 100%;
    object-fit: cover;
}

.Psychology_text {
    padding-top: 7rem;
    width: 100%;
}

.Psychology_text .title h2 {
    font-size: 3.6rem;
    color: #333;
    font-weight: 300;
    margin-bottom: 1rem;
    text-align: center;
}

.Psychology_text .title .txt {
    width: 100%;
}

.Psychology_text .title .txt p {
    color: #816354;
    font-size: 1.6rem;
    line-height: 1.7em;
    font-weight: 400;
    text-indent: 2em;
}

.Psychology_text .title .txt b {
    font-size: inherit;
    color: inherit;
    font-weight: bold;
}

.Psychology_text .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5rem;
    gap: 4rem 3%;
}

.Psychology_text .out .box {
    width: 17.6%;
}

.Psychology_text .out .box .img {
    width: 100%;
}

.Psychology_text .out .box .img .img_box {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
}

.Psychology_text .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
}

.Psychology_text .out .box .img:hover img {
    transform: scale(1.07);
}

.Psychology_text .out .box .txt {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

.Psychology_text .out .box .txt h3 {
    font-size: 1.9rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.6rem;
}

.Psychology_text .out .box .txt b {
    line-height: 1.7em;
    font-size: 1.7rem;
    color: #86926c;
    display: block;
}

.Psychology_text .out .box .Moer,
.public_Moer {
    padding: 1.2rem 2rem;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
    font-size: 1.6rem;
    color: #FFF;
    border-radius: 0.4rem;
    background: #97a281;
    background-image: linear-gradient(180deg, #97a281, #86926c);
    width: max-content;
}

.Psychology_text .out .box .Moer:hover,
.public_Moer:hover {
    background: #8d9977;
    background-image: linear-gradient(180deg, #a6b28e, #93a177);
}

.PsychologyDetail {
    width: 100%;
    padding-top: 7rem;
    box-sizing: border-box;
}

.PsychologyDetail .Top_Introduction {
    width: 100%;
    display: flex;
    align-items: center;
}

.PsychologyDetail .Top_Introduction .img_box {
    width: 50%;
    padding-right: 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PsychologyDetail .Top_Introduction .img_box .img {
    width: 23.1rem;
    height: 23.1rem;
}

.PsychologyDetail .Top_Introduction .img_box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}

.PsychologyDetail .Top_Introduction .text {
    width: 50%;
    padding-left: 1rem;
    box-sizing: border-box;
}

.PsychologyDetail .Top_Introduction .text h2 {
    font-size: 2.4rem;
    color: #333;
    margin-bottom: 0.8rem;
}

.PsychologyDetail .Top_Introduction .text h3 {
    color: #86926c;
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 0.8rem;
}

.PsychologyDetail .Top_Introduction .txt {
    width: 100%;
}

.PsychologyDetail .Top_Introduction .txt p {
    font-size: 1.4rem;
    color: #333;
    font-weight: 300;
    display: block;
    line-height: 1.8em;
}

.PsychologyDetail .Top_Introduction .public_Moer {
    margin: 0px;
    margin-top: 3rem;
}

.PsychologyDetail .Personal_Profile {
    width: 100%;
    padding: 4rem 0px;
}

.PsychologyDetail .Personal_Profile h3,
.PsychologyDetail .Professional_Qualifications h3,
.PsychologyDetail .Related_Honors h3 {
    text-align: center;
    font-size: 2.4rem;
    color: #333;
    margin-bottom: 1rem;
}

.PsychologyDetail .Personal_Profile p {
    line-height: 1.8em;
    font-size: 1.7rem;
    color: #333;
}

.PsychologyDetail .Professional_Qualifications {
    width: 100%;
}

.PsychologyDetail .Professional_Qualifications>span {
    text-align: center;
    color: #86926c;
    font-size: 2rem;
    margin: 0 auto;
    width: 100%;
    display: block;
}

.PsychologyDetail .Professional_Qualifications>span a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

.PsychologyDetail .Professional_Qualifications .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0px 2rem;
    margin-top: 3rem;
    justify-content: center;
}

.PsychologyDetail .Professional_Qualifications .list .item {
    width: 26.8rem;
    padding: 3rem;
    box-sizing: border-box;
    border: 1px solid #ced3c4;
    border-radius: 0.3rem
}

.PsychologyDetail .Professional_Qualifications .list .item h4 {
    color: #605f6d;
    font-size: 1.9rem;
    margin-bottom: 1rem;
}

.PsychologyDetail .Professional_Qualifications .list .item p {
    font-size: 1.7rem;
    color: #605f6d;
    font-weight: 400;
}

.PsychologyDetail .Related_Honors {
    width: 100%;
    padding-top: 5rem;
}

.PsychologyDetail .Related_Honors>span {
    color: #86926c;
    font-size: 2rem;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.PsychologyDetail .Related_Honors p{
        color: #333;
    font-size: 1.7rem ;
    text-align: left ;
    font-weight: 400;
        line-height: 1.7em;
}

.PsychologyDetail .Related_Honors p span{
    color: inherit ;
    font-size: inherit;
        font-weight: inherit ;
        line-height: inherit ;
}

.PsychologyDetail .Related_Honors .list {
    width: 100%;
    column-count: 4;
    column-gap: 1.6rem;
    margin-top: 4rem;
}

.PsychologyDetail .Related_Honors .list .item {
    margin-bottom: 1rem;
    cursor: pointer;
}

.PsychologyDetail .Related_Honors .list .item img {
    width: 100%;
    display: block;
}

.Psychology2_Brief_Introduction {
    width: 100%;
    padding: 3rem 0px;
}

.Psychology2_Brief_Introduction .Introduction h2,
.Psychology2_Brief_Introduction .text_list h2 {
    font-size: 2.8rem;
    color: #333;
    font-weight: 300;
    margin-bottom: 2rem;
    text-align: center;
}

.Psychology2_Brief_Introduction .Introduction .text {
    width: 100%;
    margin-bottom: 4rem;
}

.Psychology2_Brief_Introduction .Introduction .text p {
    font-size: 1.6rem;
    color: #86926c;
    line-height: 1.8em;
}

.Psychology2_Brief_Introduction .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 3%;
}

.Psychology2_Brief_Introduction .list .item {
    width: 22.686%;
}

.Psychology2_Brief_Introduction .list .item .img_box {
    width: 100%;
}

.Psychology2_Brief_Introduction .list .item .img_box .img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    border-radius: 50%;
}

.Psychology2_Brief_Introduction .list .item .img_box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.Psychology2_Brief_Introduction .list .item .img_box .img:hover img {
    transform: scale(1.07);
}

.Psychology2_Brief_Introduction .list .item .txt {
    text-align: center;
    width: 100%;
    margin-top: 3rem;
}

.Psychology2_Brief_Introduction .list .item .txt h3 {
    font-size: 1.9rem;
    color: #555;
    margin-bottom: 1rem;
}

.Psychology2_Brief_Introduction .list .item .txt b {
    font-size: 1.4rem;
    color: #86926c;
    line-height: 1.8em;
    display: block;
}

.Psychology2_Brief_Introduction .text_list {
    padding: 7rem 0px;
    width: 100%;
}

.Psychology2_Brief_Introduction .text_list h2 {
    margin-bottom: 1rem;
}

.Psychology2_Brief_Introduction .text_list span {
    font-size: 1.6rem;
    color: #86926c;
    display: block;
    text-align: center;
    font-weight: 400;
}

.Psychology2_Brief_Introduction .text_list .list_box {
    width: 100%;
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 3%;
}

.Psychology2_Brief_Introduction .text_list .list_box .item {
    width: 22.686%;
    padding: 3rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    color: #636972;
    font-size: 1.9rem;
    text-align: center;
    text-decoration: underline;
    font-weight: 300;
    line-height: 1.8em;
}

.Psychology2_form {
    width: 100%;
    padding: 7rem 0px;
    background: #EEEEDC;
}

.Psychology2_form .title {
    text-align: center;
}

.Psychology2_form .title h2 {
    font-size: 3.6rem;
    color: #333;
    font-weight: 300;
    margin-bottom: 1rem;
}

.Psychology2_form .title span {
    font-size: 2rem;
    color: #86926c;
    font-weight: 300;
    display: block;
    text-align: center;
}

.Psychology2_form form {
    width: 100%;
    max-width: 38rem;
    margin: 0 auto;
    margin-top: 4rem;
}

.Psychology2_form form input {
    width: 100%;
    height: 4.6rem;
    background: #FFF;
    border-radius: 0.4rem;
    padding: 0px 1.4rem;
    box-sizing: border-box;
    font-size: 1.8rem;
    color: #bbb;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.Psychology2_form form input::placeholder {
    font-size: 1.8rem;
    color: #bbb;
    font-weight: 400;
}

.Psychology2_form form textarea {
    width: 100%;
    height: 13.5rem;
    padding: 1rem 1.4rem;
    box-sizing: border-box;
    border-radius: 0.4rem;
    background: #FFF;
    margin-bottom: 2rem;
    font-size: 1.8rem;
    color: #bbb;
    font-weight: 400;
    font-family: inherit;
}

.Psychology2_form form textarea::placeholder {
    font-size: 1.8rem;
    color: #bbb;
    font-weight: 400;
}

.Qualified_Consultant_Services {
    width: 100%;
    padding: 7rem 0px;
    background: #FFF;
}

.Qualified_Consultant_Services .out {
    width: 100%;
}

.Qualified_Consultant_Services .out .box {
    width: 100%;
    padding: 3rem;
    margin-bottom: 2rem;
    box-sizing: border-box;
    border: 0.1rem solid #ced3c4;
    border-radius: 0.5rem;
}

.Qualified_Consultant_Services .out .box h2 {
    font-size: 2.4rem;
    color: #555;
    margin-bottom: 1rem;
}

.Qualified_Consultant_Services .out .box ul {
    padding-left: 2rem;
    box-sizing: border-box;
    list-style: disc;
}

.Qualified_Consultant_Services .out .box ul li::marker {
    color: #86926c;
    font-size: 1.5rem;
}

.Qualified_Consultant_Services .out .box p,
.Qualified_Consultant_Services .out .box li {
    color: #605f6d;
    line-height: 1.7em;
    font-size: 1.7rem;
    font-weight: 400;
}

.Qualified_Consultant_Services .out .box b,
.Qualified_Consultant_Services .out .box strong {
    font-weight: bold;
    font-size: inherit;
    color: #605f6d;
}

.Consultation_System_article {
    width: 100%;
    padding: 7rem 0px;
}

.Consultation_System_article h3 {
    font-size: 2.4rem;
    color: #555;
    font-weight: bold;
}

.Consultation_System_article ul {
    padding-left: 2rem;
    list-style: disc;
}

.Consultation_System_article li::marker {
    color: #86926c;
    font-size: 1.5rem;
}

.Consultation_System_article p,
.Consultation_System_article li {
    font-size: 1.8rem;
    color: #222;
    line-height: 1.7em;
    font-weight: 400;
}

.Consultation_System_article b,
.Consultation_System_article i,
.Consultation_System_article strong {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

.Apply_membership {
    width: 100%;
    background: #EEEEDC;
    padding: 7rem 0px;
}

.Apply_membership .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.Apply_membership .out .img {
    width: 50%;
}

.Apply_membership .out .img img {
    width: 100%;
    display: block;
}

.Apply_membership .out .text {
    width: 47%;
}

.Apply_membership .out .text h2 {
    font-size: 2.5rem;
    color: #40404c;
    margin-bottom: 0.6rem;
}

.Apply_membership .out .text p {
    font-size: 1.7rem;
    color: #333;
    line-height: 1.7em;
    font-weight: 300;
}

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

.public_title2 h2 {
    font-size: 3.6rem;
    color: #222;
    font-weight: 300;
    margin-bottom: 1rem;
    text-align: center;
}

.public_title2 p {
    color: #222;
    font-size: 2rem;
    font-weight: 300;
    text-align: center;
}

.public_title2 span {
      color: #222;
    font-size: 2rem;
    font-weight: inherit ;
    text-align: center;  
}

.public_title2 h2 span {
    font-size: inherit  ;
    font-weight: inherit ;
    color: inherit ;
}

.Grid_Photo_Wall {
    width: 100%;
    padding: 3rem 0px;
    background: #FFF;
}

.Grid_Photo_Wall .container {
    max-width: 100rem;
}

.Grid_Photo_Wall .img_out {
    width: 100%;
    margin-top: 4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 2.55%;
}

.Grid_Photo_Wall .img_out .img_box {
    width: 23%;
}

.Grid_Photo_Wall .img_out .img {
    width: 100%;
    padding-top: 57%;
    position: relative;
    cursor: pointer;
}

.Grid_Photo_Wall .img_out .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    object-fit: cover;
}

.banner_text {
    width: 100%;
    padding: 7rem 0px;
    background: #EEEEDC;
}

.banner_text p {
    color: #333;
    font-size: 1.7rem;
    font-weight: 300;
    margin-bottom: 2rem;
}

.banner_text p i {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

.Annual_Meeting {
    width: 100%;
    padding: 7rem 0px;
    background: #FFF;
}

.Annual_Meeting .out {
    margin-top: 5rem;
}

.Annual_Meeting .out .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.Annual_Meeting .out .box:nth-child(2n) {
    flex-direction: row-reverse;
}

.Annual_Meeting .out .box:last-child {
    margin-bottom: 0px;
}

.Annual_Meeting .out .box .img {
    width: 35.186%;
}

.Annual_Meeting .out .box .img img {
    width: 100%;
}

.Annual_Meeting .out .box .txt {
    width: 60%;
}

.Annual_Meeting .out .box .txt h3 {
    font-size: 2.4rem;
    color: #333;
    font-weight: 300;
    margin-bottom: 1rem;
}

.Annual_Meeting .out .box .txt p {
    font-size: 1.6rem;
    line-height: 1.7em;
    color: #333;
    font-weight: 300;
}

.Professional_collaboration_team {
    width: 100%;
    padding: 7rem 0px;
    background: #EEEEDC;
}

.Professional_collaboration_team h3{
    font-size: 1.872rem;
    color: #333;
    margin-bottom: 1rem ;
}

.Professional_collaboration_team p {
    font-size: 1.7rem;
    color: #333;
    line-height: 1.8em;
    font-weight: 300;
}

.Professional_collaboration_team b {
    font-size: inherit;
    font-weight: bold;
}

.Emotional_Stress_Management {
    width: 100%;
    padding: 7rem 0px;
    background: #EEEEDC;
}

.Emotional_Stress_Management .content_out {
    width: 100%;
}

.Emotional_Stress_Management .content_out .content_box {
    background: #FFF;
    padding: 3rem;
    box-sizing: border-box;
    margin-bottom: 2rem;
    border-radius: 0.3rem;
}

.Emotional_Stress_Management .content_out .content_box:last-child {
    margin-bottom: 0px;
}

.Emotional_Stress_Management .content_out .content_box h3 {
    font-size: 2.4rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1rem;
}

.Emotional_Stress_Management .content_out .content_box p {
    font-size: 1.7rem;
    color: #605f6d;
    line-height: 1.7em;
    font-weight: 300;
}

.Emotional_Stress_Management .content_out .content_box .public_Moer {
    margin: 0 0 auto;
    margin-left: auto;
    margin-top: 3rem;
}

.Emotional_Stress_Management .Left_Right_out {
    width: 100%;
    margin-top: 5rem;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box {
    margin-bottom: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box:last-child {
    margin-bottom: 0px;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box:nth-child(2n) {
    flex-direction: row-reverse;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box .img {
    width: 49%;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box .img img {
    width: 100%;
    display: block;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box .text {
    width: 47%;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box h3 {
    font-size: 2.4rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box h4 {
    font-size: 2.4rem;
    color: #222;
    font-weight: 300;
    margin-bottom: 0.5rem;
}

.Emotional_Stress_Management .Left_Right_out .Left_Right_box p {
    font-size: 1.7rem;
    color: #222;
    line-height: 1.7em;
    font-weight: 300;
}

.work_pages {
    padding-top: 7rem;
    width: 100%;
    background: #FFF;
}

.work_pages .text_out {
    width: 100%;
}

.work_pages .text_out .box {
    width: 100%;
    margin-bottom: 3rem;
}

.work_pages .text_out .box:last-child {
    margin-bottom: 0px;
}

.work_pages .text_out .box h3 {
    font-size: 2.4rem;
    color: #555;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.work_pages .text_out .box p {
    font-size: 1.7rem;
    color: #222;
    line-height: 1.7em;
    font-weight: 300;
}

.work_pages .text_out .public_Moer {
    margin: 0px 0px auto;
    margin-left: auto;
    margin-top: 3rem;
}

.work_pages_img_list .container {
    max-width: 86.4rem;
}

.work_pages_img_list .public_title2 h2 {
    font-weight: 500;
}

.work_pages_img_list .public_title2 span {
    color: #86926c;
}

.public_button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    gap: 0px 2rem;
}

.public_button .public_Moer {
    margin: 0px !important;
}

.Service_Philosophy {
    width: 100%;
    background-repeat: repeat;
    background-size: unset;
    background-color: transparent;
    background-position: 50% 50%;
    background: url(../images/32.jpg);
    background-attachment: fixed;
    padding: 5rem 0px;
}

.Service_Philosophy .out {
    width: 100%;
}

.Service_Philosophy .out .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem ;
}

.Service_Philosophy .out .box:last-child {
    margin-bottom: 0px ;
}

.Service_Philosophy .out .box:nth-child(2n) {
    flex-direction: row-reverse;
}

.Service_Philosophy .out .box .img {
    width: 23%;
}

.Service_Philosophy .out .box .img img {
    width: 100%;
}

.Service_Philosophy .out .box .text {
    width: 73%;
    box-sizing: border-box;
}

                  .Service_Philosophy .out .box h2{
                            font-size: 2.4rem ;
                            margin-bottom: 1rem ;
                            color: #333 ;
                        }

.Service_Philosophy .out .box .text p {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 1.6em;
}

.Service_Philosophy .out .box .text ul {
    list-style: disc;
    width: 100%;
    padding-left: 2rem;
}

.Service_Philosophy .out .box .text ul li {
    color: #222;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.6em;
}

.Service_Philosophy .out .box .text ul li::marker {
    font-size: 1.7rem;
    color: #222;
}

.Service_Philosophy .out .box .text ul li b{
    font-weight:600;
    font-size: inherit;
    color: inherit ;
}

.Dropdown_content_display {
    width: 100%;
}

.Dropdown_content_display .this_out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem 0px;
}

.Dropdown_content_display .this_out .box {
    width: 49%;
    border: 0.1rem solid #222;
    border-radius: 0.5rem;
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}

.Dropdown_content_display .this_out .box .title {
    padding: 2rem 2rem 2rem 2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Dropdown_content_display .this_out .box .title span {
    font-size: 1.8rem;
    color: #555;
    font-weight: 400;
}

.Dropdown_content_display .this_out .box .title i {
    font-size: 2rem;
    font-weight: 300;
    color: #555;
    transition: 0.6s ease;
}

.Dropdown_content_display .this_out .box.active .title i {
    transform: rotate(90deg);
}

.Dropdown_content_display .this_out .box .text {
    width: 100%;
    padding: 1rem 2rem 2rem 2rem;
    box-sizing: border-box;
    display: none;
}

.Dropdown_content_display .this_out .box .text p {
    font-size: 1.7rem;
    line-height: 1.6em;
    font-weight: #222;
    font-weight: 300;
}

.video_section {
    width: 100%;
    padding: 7rem 0px;
}

.video_section .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.video_section .container:last-child {
    margin-bottom: 0px;
}

.video_section .video {
    width: 63.311%;
}

.video_section .video .box {
    width: 100%;
    padding-top: 57%;
    position: relative;
}

.video_section .video .box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.video_section .text {
    width: 33%;
}

.video_section .text h3 {
    font-size: 2rem;
    color: #222;
    font-weight: bold;
}

.video_section .text .txt {
    margin-top: 3rem;
    width: 100%;
}

.video_section .text .txt p {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 1.7em;
}


.Reservation_Process {
    width: 100%;
    background-repeat: repeat;
    background-size: unset;
    background-color: transparent;
    background-position: 50% 50%;
    background: url(../images/32.jpg);
    background-attachment: fixed;
    padding: 7rem 0px;
}

.Reservation_Process .public_title2 h2 {
    font-weight: inherit;
}

.Reservation_Process .public_title2 span {
    font-weight: inherit;
}

.Reservation_Process .public_Process {
    margin-top: 5rem;
}

.public_Process {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4rem 0px;
}

.public_Process .box {
    width: 33%;
}

.public_Process .box .title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.public_Process .box .title .xian {
    width: calc(100% - 10.8rem);
    height: 0.1rem;
    position: absolute;
    left: calc(50% + 5.4rem);
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: #222;
    display: block;
    opacity: 0.3;
}

.public_Process .box:nth-child(3n) .title .xian {
    display: none;
}

.public_Process .box .title .num {
    width: 5.4rem;
    height: 5.4rem;
    border: 0.1rem solid #222;
    display: flex;
    align-items: center;
    justify-content: center;
}

.public_Process .box .txt {
    width: 100%;
    margin-top: 1rem;
}

.public_Process .box .txt h3 {
    font-size: 1.9rem;
    color: #222;
    margin-bottom: 0.8rem;
    text-align: center;
    display: block;
    width: 100%;
}

.public_Process .box .txt p {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 1.6em;
}

.Parent_Interview {
    width: 100%;
    background-repeat: repeat;
    background-size: unset;
    background-color: transparent;
    background-position: 50% 50%;
    background: url(../images/32.jpg);
    background-attachment: fixed;
    padding: 7rem 0px;
}

.Interview_imgText {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Interview_imgText .img {
    width: 35.186%;
}

.Interview_imgText .img img {
    width: 100%;
    display: block;
}

.Interview_imgText .text {
    width: 60%;
}

.Interview_imgText .text p {
    font-size: 1.7rem;
    color: #222;
    line-height: 1.5em;
    font-weight: 300;
}

.Interview_imgText .text b {
    font-size: inherit;
    color: #82916c;
    font-weight: bold;
}

.Interview_imgText .text h2 {
    color: #2b5136;
    font-size: 3.2rem;
    font-weight: 300;
}

.Interview_imgText .public_Moer {
    margin: 0px;
    margin-top: 3rem;
}

.Consultation_Assistant {
    width: 100%;
    padding: 7rem 0px;
    background: #F7F0E6;
}

.Consultation_Assistant .Interview_imgText .img {
    width: 50%;
}

.Consultation_Assistant .Interview_imgText .text {
    width: 49%;
}

.Consultation_Assistant .public_button {
    justify-content: left;
}

.Interview_Text {
    width: 100%;
    margin: 4rem 0px;
}

.Interview_Text .txt {
    width: 100%;
}

.Interview_Text .txt h3 {
    text-align: center;
    font-size: 3.6rem;
    color: #222;
    font-weight: 300;
    margin-bottom: 1rem;
}

.Interview_Text .txt p {
    font-size: 1.8rem;
    color: #222;
    line-height: 1.7em;
    font-weight: 300;
}

.Interview_Text2 {
    width: 100%;
    margin-top: 4rem;
}

.Interview_Text2 h3 {
    font-size: 3.6rem;
    color: #222;
    font-weight: 300;
    margin-bottom: 1rem;
    text-align: center;
}

.Interview_Text2 p {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 1.7em;
}

.Interview_Text2 .list_item {
    width: 100%;
    margin: 3rem 0px;
}

.Interview_Text2 .list_item>b {
    font-size: 2.4rem;
    font-weight: 300;
    color: #222;
    margin-bottom: 0.7rem;
    display: block;
}

.Interview_Text2>b {
    font-size: 1.7rem;
    color: #2b5136;
    font-weight: bold;
}

.Professional_qualifications {
    width: 100%;
    padding: 7rem 0px;
    background: #F7F0E6;
}

.Professional_qualifications .Interview_imgText .public_button {
    justify-content: left;
}

.Professional_qualifications .text {
    width: 49%;
}

.Professional_qualifications .img {
    width: 49%;
}

.Professional_qualifications .list_text {
    width: 100%;
    margin-top: 3rem;
}

.Professional_qualifications .list_text .list_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.Professional_qualifications .list_text .list_item:last-child {
    margin-bottom: 0px;
}

.Professional_qualifications .list_text .list_item .img {
    width: 35.5%;
}

.Professional_qualifications .list_text .list_item .img img {
    width: 100%;
    display: block;
}

.Professional_qualifications .list_text .list_item .txt {
    width: 63%;
}

.Professional_qualifications .list_text .list_item .txt h3 {
    font-size: 2.4rem;
    color: #222;
    font-weight: 300;
    margin-bottom: 0.5rem;
}

.Professional_qualifications .list_text .list_item .txt p {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 1.7em;

}

.Professional_qualifications .list_text .list_item .txt b {
    font-size: inherit;
}

.Frequently_Asked_Questions {
    padding: 7rem 0px;
    width: 100%;
    background-position: 50% 50%;
    background: url(../images/32.jpg);
    background-attachment: fixed;
}

.Frequently_Asked_Questions .Dropdown_content_display {
    margin-top: 4rem;
}

.Frequently_Asked_Questions .Dropdown_content_display .box {
    width: 100%;
}

.Individual_Psychological_Counseling {
    padding: 7rem 0px;
    width: 100%;
    background: #FFF;
}

.Individual_Psychological_Counseling .public_title2 h2 {
    font-size: 3rem;
    font-weight: bold;
}

.Individual_Psychological_Counseling .out {
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Individual_Psychological_Counseling .out .box {
    width: 23%;
}

.Individual_Psychological_Counseling .out .box .img {
    width: 100%;
    display: block;
    margin-bottom: 1rem;
}

.Individual_Psychological_Counseling .out .box .img img {
    width: 100%;
    display: block;
    border-radius: 50% ;
}

.Individual_Psychological_Counseling .out .box .text {
    width: 100%;
    text-align: center;
}

.Individual_Psychological_Counseling .out .box .text p {
    line-height: 2em;
}

.h3_public_style_24 {
    font-size: 2.4rem;
    color: #222;
    font-weight: 300;
}

.p_public_style {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 1.6em;
}

.Individual_Psychological_Counseling_2 {
    width: 100%;
    padding: 7rem 0px;

}

.Individual_Psychological_Counseling_2 .public_title2 span {
    color: #816354;
}

.Individual_Psychological_Counseling_2 .out {
    margin-top: 4rem;
    width: 100%;
}

.Individual_Psychological_Counseling_2 .out .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4rem;
}

.Individual_Psychological_Counseling_2 .out .box:last-child {
    margin-bottom: 0px;
}

.Individual_Psychological_Counseling_2 .out .box .img {
    width: 35.5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Individual_Psychological_Counseling_2 .out .box .img img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.Individual_Psychological_Counseling_2 .out .box .text {
    width: 63%;
}

.Individual_Psychological_Counseling_2 .out .box .text h3 {
    font-size: 2rem;
    color: #816354;
    margin-bottom: 0.6rem;
}

.Individual_Psychological_Counseling_2 .out .box .text h4 {
    color: #816354;
    font-size: 1.6rem;
    font-weight: 500;
}

.Individual_Psychological_Counseling_2 .out .box .text p {
    margin-top: 1rem;
}

.Individual_Psychological_Counseling_2 .out .box .text .public_Moer {
    margin: 0px;
    margin-top: 2rem;
}

.Consultation_Text_Introduction {
    width: 100%;
    padding-top: 7rem;
}

.Consultation_Text_Introduction .title {
    width: 100%;
}

.Consultation_Text_Introduction .title h2 {
    color: #2b5136;
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
}

.Consultation_Text_Introduction .title b {
    color: #2b5136;
    font-size: 2rem;
    font-weight: 500;
}

.Consultation_Text_Introduction p {
    color: #222;
    font-size: 1.7rem;
    line-height: 1.7em;
    font-weight: 300;
}

.Consultation_Text_Introduction p b {
    font-size: inherit;
    color: #2b5136;
    font-weight: bold;
}

.Consultation_Text_Introduction ul {
    list-style: auto;
    padding-left: 2rem;
}

.Consultation_Text_Introduction ul li {
    color: #333;
    font-size: 1.7rem;
    line-height: 1.7em;
    font-weight: 300;
}

.Couple_Marriage_Counseling {
    width: 100%;
    padding: 7rem 0px;
    background: #F7F0E6;
}

.Couple_Marriage_Counseling .public_title2 h2,
.Couple_Marriage_Counseling .public_title2 span {
    color: #2b5136;
}

.Couple_Marriage_Counseling .out {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 3rem 3%;
    margin-top: 4rem;
}

.Couple_Marriage_Counseling .out .box {
    width: 31%;
}

.Couple_Marriage_Counseling .out .box .img {
    width: 100%;
}

.Couple_Marriage_Counseling .out .box .img img {
    width: 100%;
    display: block;
}

.Couple_Marriage_Counseling .out .box .txt {
    text-align: center;
    margin-top: 2rem ;
}

.Heard_Them_Say {
    width: 100%;
    padding: 7rem 0px;
    background: #EEEEDC;
}

.Heard_Them_Say .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem 0px;
    margin-top: 4rem;
}

.Heard_Them_Say .out .box {
    width: 48%;
    background: #FFF;
    padding: #D3E3FD;
    padding: 3rem;
    box-sizing: border-box;
    border-radius: 0.2rem;
}

.Frequently_Asked_Questions2 {
    padding-top: 7rem;
    width: 100%;
}

.Frequently_Asked_Questions2 .public_title2 span {
    font-size: inherit ;
}

.Frequently_Asked_Questions2 .Dropdown_content_display {
    margin-top: 5rem;
}

.Group_Counseling {
    padding-top: 3rem;
    width: 100%;
    padding-bottom: 7rem;
}

.Group_Counseling .title {
    text-align: center;
}

.Group_Counseling .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5rem 0px;
    margin-top: 4rem;
}

.Group_Counseling .out .box {
    width: 48%;
}

.Group_Counseling .out .box .img_box {
    width: 100%;
}

.Group_Counseling .out .box .img_box .img {
    width: 100%;
    padding-top: 57%;
    position: relative;
}

.Group_Counseling .out .box .img_box .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    z-index: 1;
    border-radius: 50%;
}

.Group_Counseling .out .box .text {
    text-align: center;
}

.Group_Counseling .out .box .text p {
    line-height: 2em;
}

.Group_Counseling2 {
    width: 100%;
    background: url(../images/FlKabOV9OCQx77cLnkMXmpmG1DZZ.webp) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.Group_Counseling2 .public_title2 h2 {
    color: #FFF;
    font-weight: bold;
}

.Group_Counseling2 .public_title2 span {
    color: #FFF;
}

.Group_Counseling2 .out {
    padding: 7rem 0px;
    width: 100%;
    background: rgba(0, 0, 0, .39);
}

.Group_Counseling2 .out .text_list {
    margin-top: 4rem;
    width: 100%;
}

.Group_Counseling2 .out .text_list .text_item {
    width: 100%;
    margin-bottom: 3rem;
}

.Group_Counseling2 .out .text_list .text_item:last-child {
    margin-bottom: 0px;
}

.Group_Counseling2 .out .text_list .text_item h3 {
    font-size: 2.4rem;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 0.6rem;
}

.Group_Counseling2 .out .text_list .text_item p {
    font-size: 1.7rem;
    color: #FFF;
    font-weight: 300;
    line-height: 1.7em;
    margin-bottom: 2rem;
}

.Group_Counseling2 .out .text_list .text_item p:last-child {
    margin-bottom: 0px;
}

.Group_Counseling3 {
    padding-top: 7rem;
    width: 100%;
}

.Group_Counseling3 .out {
    margin-top: 4rem;
    width: 100%;
}

.Group_Counseling3 .out .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.Group_Counseling3 .out .box .img {
    width: 35.5%;
}

.Group_Counseling3 .out .box .img img {
    width: 100%;
    display: block;
}

.Group_Counseling3 .out .box .text {
    width: 63%;
}

.Group_Counseling3 .out .box .text h3 {
    color: #333;
    font-size: 2.4rem;
    font-weight: 300;
}

.Group_Counseling3 .out .box .text span {
    color: #86926c;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.7em;
}

.Group_Counseling3 .out .box .text p {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 1.7em;
    margin-top: 1rem;
}

.Counselor_Profile {
    width: 100%;
}

.Counselor_Profile .title {
    width: 100%;
    text-align: center;
}

.Counselor_Profile .title h2 {
    font-size: 2.88rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1rem;
}

.Counselor_Profile .title b {
    color: #816354;
    font-size: 1.7rem;
    font-weight: bold;
}

.Counselor_Profile .out {
    margin-top: 4rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem 3%;
}

.Counselor_Profile .out .box {
    width: 17.6%;
}

.Counselor_Profile .out .box .img_box {
    width: 100%;
    display: block;
}

.Counselor_Profile .out .box .img_box .img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    margin-bottom: 1rem;
}

.Counselor_Profile .out .box .img_box img {
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.3s ease-in-out;
}

.Counselor_Profile .out .box .img_box:hover img {
    transform: scale(1.07);
}

.Counselor_Profile .out .box .text_box {
    width: 100%;
    text-align: center;
}

.Counselor_Profile .out .box .text_box h3 {
    font-size: 1.95rem;
    color: #555;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.Counselor_Profile .out .box .text_box .txt {
    margin-bottom: 2rem;
}

.Counselor_Profile .out .box .text_box p {
    font-size: 1.2rem;
    color: #86926c;
    font-weight: 300;
}

.Reservation_Process_2 {
    width: 100%;
}

.Reservation_Process_2 .box {
    width: 25%;
}

.Reservation_Process_2 .box:nth-child(3n) .title .xian {
    display: block;
}

.Reservation_Process_2 .box:nth-child(4) .xian {
    display: none;
}

.Reservation_Process_2 .box .txt p {
    text-align: center;
    padding: 0px 1rem;
    box-sizing: border-box;
}

.Public_welfare_News {
    width: 100%;
}

.Public_welfare_News .out {
    width: 100%;
}

.Public_welfare_News .out .box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4rem;
}

.Public_welfare_News .out .box .img {
    width: 35.5%;
    display: flex;
    justify-content: center;
}

.Public_welfare_News .out .box .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
}

.Public_welfare_News .out .box .text {
    width: 64%;
}

.Public_welfare_News .out .box .text h3 {
    font-size: 2.4rem;
    color: #333;
}

.Public_welfare_News .out .box .text p {
    font-size: 1.7rem;
    font-weight: 300;
    color: #333;
    line-height: 1.7em;
}

.Public_welfare_News .out .box .text b {
    font-weight: bold;
    font-size: inherit;
}

.About_section {
    width: 100%;
    padding: 7rem 0px;
}

.About_section .public_title2 h2 {
    font-weight: bold;
}

.About_section .out {
    width: 100%;
    margin-top: 4rem;
}

.About_section .out h3 {
    font-size: 2.4rem;
    color: #333;
    font-weight: bold;
}

.About_section .out p {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 1.7em;
}

.About_section .out b {
    font-size: inherit ;
    font-weight: bold ;
}

.About_section .out .public_Moer {
    margin: 0px 0px 0px;
    margin-left: auto;
    margin-top: 3rem;
}

.public_img_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 2%;
}

.public_img_list .img_item {
    width: 23.5%;
}

.public_img_list .img_item .img {
    width: 100%;
    padding-top: 72%;
    position: relative;
}

.public_img_list .img_item .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

.About_Honor {
    width: 100%;
    padding: 7rem 0px;
    background: #EEEEDC;
}

.About_Honor .out {
    margin-top: 4rem;
    width: 100%;
}

.About_Activity {
    padding-top: 7rem;
    width: 100%;
}

.About_Activity .out {
    margin-top: 4rem;
}

.About_Activity .public_img_list {
    gap: 1rem 2%;
}

.About_Activity .public_img_list .img_item .img {
    padding-top: 57%;
}

.ContactUs_section {
    width: 100%;
    padding: 7rem 0px;
}

.ContactUs_section .out {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem 3%;
}

.ContactUs_section .out .box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ContactUs_section .out .box .img_box {
    width: 16rem;
    display: block;
}

.ContactUs_section .out .box .img_box .img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    margin-bottom: 2rem;
}

.ContactUs_section .out .box .img_box .img img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    /* border-radius: 50%; */
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}


.ContactUs_section .out .box .text {
    width: 100%;
    text-align: center;
}

.ContactUs_section .out .box .text h3 {
    font-size: 3rem;
    color: #333;
    font-weight: 300;
    margin-bottom: 2rem;
}

.ContactUs_section .out .box .text p {
    color: #86926c;
    font-size: 2rem;
    font-weight: 300;
}

.ContactUs_section .out .box .text p a {
    color: #86926c;
    font-size: 2rem;
    font-weight: 300;
    text-decoration: underline;
}

.ContactUs_section .out .box .public_Moer {
    padding: 1.6rem 2.8rem;
    font-size: 2rem;
    margin-top: 4rem;
}

.Join_Us_banenr {
    width: 100%;
}

.Join_Us_banenr p {
    font-size: 2rem;
    text-align: center;
}

.Join_Us_banenr .Join_Us_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem 3%;
    margin-top: 4rem;
}

.Join_Us_banenr .Join_Us_list .Join_Us_item {
    width: 31%;
}

.Join_Us_banenr .Join_Us_list .Join_Us_item h3 {
    font-size: 2.4rem;
}

.Join_Us_banenr .Join_Us_list .Join_Us_item p {
    font-size: 1.7rem;
}

.Join_Us_Reservation_Process .box .txt p {
    text-align: center;
}

.Dynamic_list_information {
    width: 100%;
    padding: 7rem 0px;
}

.Dynamic_list_information .out {
    width: 100%;
    /*margin-top: 5rem;*/
}

.Dynamic_list_information .out .box {
    width: 100%;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, .19);
}

.Dynamic_list_information .out .box a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.Dynamic_list_information .out .box .img {
    width: 39%;
    height: 28.3rem;
    overflow: hidden;
}

.Dynamic_list_information .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transition: 0.5s ease-in-out;
}

.Dynamic_list_information .out .box .img:hover img {
    transform: scale(1.06);
}

.Dynamic_list_information .out .box .text {
    width: 59%;
}

.Dynamic_list_information .out .box .text h3 {
    font-size: 2.6rem;
    color: #333;
    font-weight: 400;
    margin-bottom: 0.4rem;
    line-height: 1.3em;
}

.Dynamic_list_information .out .box .text span {
    font-size: 1.3rem;
    color: #333;
    display: block;
    margin: 0.6rem 0px;
}

.Dynamic_list_information .out .box .text p {
    font-size: 1.7rem;
    color: #333;
    line-height: 1.7em;
    font-weight: 300;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.Dynamic_list_information .out .box .text .Moer {
    display: block;
    margin-top: 1rem;
    font-size: 1.7rem;
    color: #333;
    text-decoration: underline;
    font-weight: 300;
}

.faq_section {
    background: #FFFF;
}

.faq_section .public_title2 h2 {
    font-weight: 500;
}

.faq_section .this_out .box {
    border: none;
}

.faq_section .this_out .box .title {
    background: #F5F7F9;
}

.Dropdown_content_display .this_out .box .text b {
    font-weight: bold;
    font-size: inherit;
    color: #333;
}

.Dropdown_content_display .this_out .box .Moer {
    margin-top: 3rem;
    display: block;
    font-size: 1.7rem;
    color: #816354;
    font-weight: bold;
    text-decoration: underline;
}

.Dynamic_list_information .out_list {
    width: 100%;
    margin-top: 5rem;
}

.Dynamic_list_information .out_item {
    width: 100%;
    display: block;
    margin-bottom: 4rem;
}

.Dynamic_list_information .out_item h3 {
    font-size: 2.6rem;
    color: #333;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.Dynamic_list_information .out_item span {
    font-size: 1.3rem;
    color: #333;
    font-weight: 400;
    line-height: 1;
}

.Dynamic_list_information .out_item p {
    font-size: 1.7rem;
    color: #222;
    line-height: 1.7em;
    font-weight: 300;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
}

.Dynamic_list_information .block_list {
    width: 100%;
    margin-top: 5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 2%;
}

.Dynamic_list_information .block_list .block_item {
    width: 32%;
    position: relative;
    overflow: hidden;
}

.Dynamic_list_information .block_list .block_item a {
    width: 100%;
    display: block;
}

.Dynamic_list_information .block_list .block_item .img {
    padding-top: 100%;
    width: 100%;
    position: relative;
}

.Dynamic_list_information .block_list .block_item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    transition: 0.5s ease-in-out;
}

.Dynamic_list_information .block_list .block_item:hover .img img {
    transform: scale(1.3);
}

.Dynamic_list_information .block_list .block_item .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 2rem 1.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background: rgba(0, 0, 0, .19);
}

.Dynamic_list_information .block_list .block_item .text h3 {
    font-size: 2.6rem;
    color: #fff;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.3em;
}

.Dynamic_list_information .block_list .block_item .text span {
    font-size: 1.3rem;
    color: #FFF;
    display: block;
    font-weight: 400;
}

.Get_Help_Immediately {
    width: 100%;
    padding: 7rem 0px;
    background: #E8EAEC;
}

.Get_Help_Immediately .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem 0px;
    margin-top: 5rem;
}

.Get_Help_Immediately .out .box {
    width: 48.5%;
    background: #FFF;
    border-radius: 1rem;
    padding: 2rem 3rem;
    box-sizing: border-box;
}

.Get_Help_Immediately .text {
    margin-top: 5rem;
    width: 100%;
}



.CS-side-icons {
    position: fixed;
    top: 50%;
    margin-top: -170px;
    z-index: 100;
    width: auto;
    left: calc(100% - 50px);
}

.CS-side-icons a {
    color: #fff;
}

.CS-side-icons a,
.CS-side-icons img {
    border: 0;
}

.CS-side-icons ul li {
    float: left;
    position: relative;
    border-bottom: 1px solid #444;
    -webkit-transition: 0.2s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d ;
    -ms-transform-style: preserve-3d ;
    transition: 0.2s;
    opacity: 1;
    cursor: pointer;
    background: #2B5136;
    color: #fff;
}

.CS-side-icons ul li:hover {
    opacity: 1;
    transform: translateX(calc(-100% + 5rem));
}



.CS-side-icons ul li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.CS-side-icons ul li .hidden-content {
    display: inline-block;
    padding: 0 20px;
}

.CS-side-icons ul li:last-child {
    border: none;
}

.CS-side-icons ul li .scroll-to-top-icon {
    display: inline-block;
    opacity: 0.8;
    transition: all 0.3s;
}

.CS-side-icons ul li .scroll-to-top-icon:hover {
    background: #2647a5;
    opacity: 1;
}

.CS-side-icons ul li img {
    float: left;
}

.CS-side-icons .wxbox {
    display: none;
    position: absolute;
    width: 180px;
    overflow: hidden;
    padding: 20px 15px 5px;
    border-radius: 5px;
    background: #2647a5;
    left: -220px;
    top: 0px;
}

.CS-side-icons .wxbox img {
    width: 100%;
}

.CS-side-icons ul li:hover .wxbox {
    display: block !important;
}

.News_Details_banner {
    width: 100%;
    padding: 5rem 0px;
    position: relative;
}

.News_Details_banner::after {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100% ;
    z-index: 10 ;
    content: '';
    background: rgba(0, 0, 0, .19) ;
}

.News_Details_banner .text {
    width: 100%;
    position: relative;
    z-index: 20 ;
}

.News_Details_banner .text h2 {
    font-size: 4.5rem;
    color: #FFF;
    font-weight: 300;
    margin-bottom: 0.7rem;
    line-height: 1.3em;
}

.News_Details_banner .text p {
    font-size: 2.4rem;
    color: #ffff;
    font-weight: 300;
}

.News_Details_section {
    width: 100%;
    padding-bottom: 5rem;
}

.News_Details_section .Top_tiem {
    width: 100%;
    padding: 1.2rem 0px;
    border-bottom: 0.1rem solid rgba(0, 0, 0, .15);
}

.News_Details_section .Top_tiem span,
.News_Details_section .Top_tiem a {
    font-size: 1.4rem;
    color: #636972;
}

.News_Details_section .Top_tiem a:hover {
    text-decoration: underline;
}

.News_Details_section .text_out img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.News_Details_section .text_out {
    padding: 4rem 0px;
    width: 100%;
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 2em;
}

.News_Details_section .text_out p {
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 2em;
}

.News_Details_section .text_out h1{
   font-size: 3.2rem; 
}

.News_Details_section .text_out h2{
   font-size: 2.4rem; 
}

.News_Details_section .text_out h3{
   font-size: 1.872rem; 
}

.News_Details_section .text_out h4{
   font-size: 1.6rem; 
}

.News_Details_section .text_out h5{
   font-size: 1.328rem; 
}

.News_Details_section .text_out h6{
   font-size: 1.072rem; 
}

.News_Details_section .text_out table {
    width: 100%;
    border-collapse: collapse;
}

.News_Details_section .text_out b,
.News_Details_section .text_out strong {
    font-size: inherit;
    color: inherit;
    font-weight: bold;
}

.News_Details_section .text_out span {
        font-size: inherit;
    color: inherit;
        font-weight: inherit;
}

.News_Details_section .Pagination_out_list {
    width: 100%;
    padding: 2rem 0px;
    border-bottom: 0.1rem solid rgba(0, 0, 0, .15);
    border-top: 0.1rem solid rgba(0, 0, 0, .15);
    display: flex;
    justify-content: space-between;
}

.News_Details_section .Pagination_out_list .Pagination_out_item {
    width: 48%;
}

.News_Details_section .Pagination_out_list .Pagination_out_item a {
    display: block;
}

.News_Details_section .Pagination_out_list .Pagination_out_item a:nth-child(1) {
    color: #636972;
    font-size: 1.4rem;
    font-weight: 300;
}

.News_Details_section .Pagination_out_list .Pagination_out_item a:nth-child(2) {
    font-size: 2rem;
    color: #333;
    font-weight: 300;
}

.News_Details_section .Return_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}

.News_Details_section .Return_box a {
    font-size: 1.4rem;
    font-weight: 300;
    color: #636972;
}

.News_Details_section .Return_box .list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 2rem;
}

.News_Details_section .Return_box .list a {
    width: 3rem;
    height: 3rem;
    background: #B2B2B2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.News_Details_section .Return_box .list a i {
    font-size: 1.3rem;
    color: #FFF;
    font-weight: 300;
}



/* 手机版导航 */
.menu-toggle {
    display: none;
    width: 60px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9999;
    cursor: pointer;
}

.cd-nav-trigger {
    width: 100%;
    height: 100%;
    display: block;
    /* background-color: var(--a_hover_color); */
}

.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: #04705F;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 38%;
    margin-left: -12px;
    -webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-delay: 0.15s;
}

.menu-toggle span.hamburger {
    width: 20px !important;
}

.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: #04705F;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 38%;
    margin-left: -12px;
    -webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-delay: 0.15s;
}

.menu-toggle span.hamburger:after {
    margin-top: -7px;
    top: 0;
    transition-delay: 0.27s;
}

.menu-toggle span.hamburger:before {
    margin-top: 7px;
    top: 0;
    transition-delay: 0.2s;
}

.no-touchs .menu-toggle span.hamburger,
.no-touchs .menu-toggle span.hamburger:after,
.no-touchs .menu-toggle span.hamburger:before {
    transition-delay: 0.12s;
    -webkit-transform: translateX(-70px);
    -moz-transform: translateX(-70px);
    -ms-transform: translateX(-70px);
    -o-transform: translateX(-70px);
    transform: translateX(-70px);
}

.no-touchs .menu-toggle span.hamburger,
.no-touchs .menu-toggle span.hamburger:after,
.no-touchs .menu-toggle span.hamburger:before {
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    -ms-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
}

.no-touchs .menu-toggle span.hamburger:after {
    transition-delay: 0s;
}

.no-touchs .menu-toggle span.hamburger:before {
    transition-delay: 0.07s;
}

.menu-toggle span.cross:before,
.menu-toggle span.cross:after {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    background: #04705F;
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    left: 45%;
    margin-left: -12px;
    -webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
    -webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -moz-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -ms-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    -o-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transition-delay: 0.12s;
}

.menu-toggle span.cross:after {
    transition-delay: 0s;
    -webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    -moz-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    -ms-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    -o-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    transform: translateY(70px) translateX(-70px) rotate(-45deg);
}

.menu-toggle span.cross:after {
    -webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    -moz-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    -ms-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    -o-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    transform: translateY(-70px) translateX(70px) rotate(-45deg);
}

.no-touchs .menu-toggle span.cross:before {
    transition-delay: 0.12s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.no-touchs .menu-toggle span.cross:after {
    transition-delay: 0.24s;
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}

.Mobile-navigation {
    width: 100%;
    height: calc(100vh - 5.5rem);
    background: #246187 ;
    padding: 4rem 4rem 4rem 4rem;
    box-sizing: border-box;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease;
    overflow: auto;
}

.no-touchs .Mobile-navigation {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible;
}

.Mobile-navigation ul {
    width: 100%;
    margin: 0 auto;
}

.Mobile-navigation ul li {
    padding: 0px 1rem;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.28);
}

.Mobile-navigation ul li .tit {
    display: flex;
    width: 100%;
    align-items: center;
    height: 5.8rem;
}

.Mobile-navigation ul li .tit a {
    height: 100%;
    width: 100%;
    line-height: 5.8rem;
    font-size: 2rem;
    color: #FFF;
    font-weight: 400;
}

.Mobile-navigation ul li .tit .icon {
    width: 5.8rem;
    height: 5.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    cursor: pointer;
}

.Mobile-navigation ul li .tit .icon img {
    width: 3rem;
    height: 3rem;
    display: block;
    transition: 0.5s ease;
}

.Mobile-navigation ul li .tit .icon.active img {
    transform: rotate(180deg);
}

.Mobile-navigation ul li .box {
    width: 100%;
    padding: 1rem 1rem 3rem;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
    gap: 1rem 1rem;
    flex-wrap: wrap;
}

.Mobile-navigation ul li .box a {
    width: 100%;
    float: left;
    height: 4rem;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.Mobile-navigation ul li .box a::before {
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    border-radius: 50%;
    background: #fff;
    content: '';
    margin-right: 0.6rem;
}

.Mobile-navigation .button-list {
    width: 100%;
    margin-top: 4rem;
}

.Mobile-navigation .button-list a {
    width: 100%;
    height: 4.5rem;
    border-radius: 1rem;
    background: #024090;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    line-height: 1;
}

.Mobile-navigation .button-list a:last-child {
    margin-bottom: 0px;
}

.Authoritative_Qualifications {
    width: 100% ;
    margin-bottom: 2.4rem;
}

.Authoritative_Qualifications .text_box{
    background: #f5f5f5 ;
    padding: 2rem ;
    box-sizing: border-box ;
    width: 100% ;
    border-radius: 0.6rem ;
    overflow: hidden;
}

.Authoritative_Qualifications .text_box h3{
    font-size: 2rem;
    color: #222;
}

.Authoritative_Qualifications .text_box p{
    font-size: 1.7rem;
    color: #222;
    font-weight: 300;
    line-height: 2em;
}

.Authoritative_Qualifications .text_box span {
    font-size: inherit ;
    color: inherit ;
    font-weight: inherit ;
}


    .contact_content {
        width: 100%;
    }
    
    .contact_content h2 {
        font-size: 2.4rem;
        margin: 1rem 0px;
        color: #333;
        font-weight: bold;
    }

    .contact_content h3 {
        font-size: 2rem;
        margin: 1rem 0px;
        color: #333;
        font-weight: bold;
    }

    .contact_content p {
        font-size: 1.7rem;
        color: #222;
        font-weight: 300;
        line-height: 1.8em;
    }

    .contact_content span {
        font-size: inherit ;
        color: inherit ;
        font-weight: inherit;
        line-height: inherit ;
    }

    .contact_content b{
        font-size: inherit ;
        color: inherit ;
        font-weight: bold;
        line-height: inherit ;
    }











/* 断点 */
@media (min-width: 1920px) {
    html {
        font-size: clamp(10px, calc(100vw / 1920 * 10), 20px);
    }
}

@media (max-width: 1200px) {
    html {
        font-size: calc(100vw / 120);
    }
}

@media (max-width: 992px) {
    html {
        font-size: calc(100vw / 99.2);
    }

    .nav .out .nav_list {
        display: none ;
    }

    .nav .out {
        justify-content: space-between ;
        width: 90% ;
        margin: 0 auto ;
    }

    .nav .out .logo {
        width: auto ;
        height: 70% ;
    }

    .Professional_team .out .right .content_swiper .img_swiper .swiper-slide {
        width: 9.8rem ;
        margin-right: 1rem ;
    }

    .banner_Solution {
        background-position: center center !important;
    }

    .menu-toggle {
        display: flex ;
    }
    
    .public_title .left {
        gap: 1rem 0px ;
    }
    
    .public_title .left .list .line{
         display: none  ;
    }

}

@media (max-width: 768px) {
    html {
        font-size: calc(100vw / 76.8);
    }

    .Professional_team .out {
        flex-wrap: wrap ;
    }

    .Professional_team .out .left {
        width: 100% ;
    }

    .Professional_team .out .right {
        width: 100% ;
        margin-top: 4rem ;
    }

    .Course_section .out .box .list {
        justify-content: space-between ;
    }

    .Course_section .out .box .list .item {
        width: 48% ;
    }

    #footer .Top_list_out {
        flex-wrap: wrap ;
    }

    #footer .Top_list_out .icon_list {
        width: 100% ;
        justify-content: left ;
        margin-top: 3rem ;
    }

    #footer .Top_list_out ul {
        width: 80% ;
    }

    .Solution_text .out .box {
        flex-wrap: wrap ;
    }

    .Solution_text .out .box .text {
        width: 100% ;
    }

    .Solution_text .out .box .right {
        width: 100% ;
        margin-top: 3rem ;
    }

    .Psychology_text .out .box {
        width: 22.5% ;
    }

    .Grid_Photo_Wall .img_out .img_box {
        width: 31.5% ;
    }

    .Apply_membership .out .text {
        width: 100% ;
    }

    .Apply_membership .out .img {
        width: 100% ;
        margin-top: 3rem ;
    }

    .Service_Philosophy .out .box .img {
        width: 50% ;
    }

    .Service_Philosophy .out .box .text {
        width: 100% ;
        margin-top: 1rem ;
    }

    .Individual_Psychological_Counseling .out , .Selection_section .out  {
        justify-content: space-between ;
    }

    .Individual_Psychological_Counseling .out .box , .Selection_section .out .box {
        width: 48% ;
    }

    .public_img_list .img_item {
        width: 32% ;
    }
    
    

}

@media (max-width: 576px) {
    html {
        font-size: calc(100vw / 57.6);
    }

    .public_title .left {
        width: 80% ;
        gap: 1rem 0px ;
    }

    .News_section .out .box .list .item {
        width: 100% ;
    }

    .Professional_team .out .right {
        flex-wrap: wrap ;
    }

    .Professional_team .out .right .content_swiper {
        width: 100% ;
        margin-top: 4rem ;
    }

    .public_title .left .list {
        gap: 1rem 2rem  ;
    }

    .Environment_section .out {
        flex-wrap: wrap ;
    }

    .Environment_section .out .img {
        width: 100% ;
    }

    .Environment_section .out .text{
        padding-left: 0px ;
        width: 100% ;
        margin-top: 3rem ;
    }

    .Selection_section .out {
        justify-content: space-between ;
    }

    .Selection_section .out .box {
        width: 48% ;
    }

    .Certificate_Honor .out .box {
        width: 32% ;
    }

    #footer .Top_list_out ul {
        width: 100% ;
        margin-top: 3rem ;
    }

    .banner_Solution .text h2 {
        font-size: 3rem ;
    }

    .Psychology_text .out .box {
        width: 31% ;
    }

    .Psychology2_Brief_Introduction .list  , .Psychology2_Brief_Introduction .text_list .list_box{
        justify-content: space-between ;
    }

    .Psychology2_Brief_Introduction .list .item , .Psychology2_Brief_Introduction .text_list .list_box .item {
        width: 48% ;
    }

    .PsychologyDetail .Top_Introduction {
        flex-wrap: wrap ;
    }

    .PsychologyDetail .Top_Introduction .img_box {
        width: 100% ;
    }

    .PsychologyDetail .Top_Introduction .text {
        width: 100% ;
        margin-top: 3rem ;
    }

    .PsychologyDetail .Related_Honors .list {
        column-count: 3 ;
    }

    .Annual_Meeting .out .box .img  , .Emotional_Stress_Management .Left_Right_out .Left_Right_box .img{
        width: 100% ;
    }

    .Annual_Meeting .out .box .txt , .Emotional_Stress_Management .Left_Right_out .Left_Right_box .text {
        width: 100% ;
        margin-top: 2rem ;
    }

    .Grid_Photo_Wall .img_out {
        justify-content: space-between ;
    }

    .Grid_Photo_Wall .img_out .img_box {
        width: 48% ;
    }

    .Dropdown_content_display .this_out .box {
        width: 100% ;
    }

    .video_section .video {
        width: 100% ;
    }

    .video_section .text {
        width: 100% ;
        margin-top: 2rem ;
    }

    .public_title2 h2 {
        font-size: 3.2rem ;
    }

    .public_Process .box .title .xian {
        display: none ;
    }

    .public_Process {
        justify-content: space-between ;
    }

    .public_Process .box{
        width: 48% ;
    }

    .Interview_imgText {
        flex-wrap: wrap ;
    }

    .Consultation_Assistant .Interview_imgText .img{
        width: 100% ;
    }

    .Consultation_Assistant .Interview_imgText .text {
        width: 100% ;
        margin-top: 2rem ;
    }

    .Interview_imgText .img {
        width: 60% ;
    }

    .Interview_imgText .text {
        width: 100% ;
    }

    .Professional_qualifications .list_text .list_item {
        flex-wrap: wrap ;
    }

    .Professional_qualifications .list_text .list_item .txt {
        width: 100% ;
    }

    .Professional_qualifications .list_text .list_item .img {
        width: 80% ;
        margin: 0px auto ;
        margin-top: 2rem ;
    }

    .Individual_Psychological_Counseling_2 .out .box .text {
        width: 100% ;
    }

    .Individual_Psychological_Counseling_2 .out .box .img{
        width: 100% ;
        margin-top: 2rem ;
    }

    .Couple_Marriage_Counseling .out .box , .Heard_Them_Say .out .box {
        width: 100% ;
    }

    .Group_Counseling3 .out .box .img {
        width: 100% ;
    }

    .Group_Counseling3 .out .box .text {
        width: 100% ;
        margin-top: 2rem ;
    }


    .Group_Counseling .out .box {
        width: 100% ;
    }

    .Public_welfare_News .out .box .text {
        width: 100% ;
    }

    .Public_welfare_News .out .box .img {
        width: 100% ;
        margin-top: 2rem ;
    }

    .public_img_list {
        justify-content: space-between ;
    }

    .public_img_list .img_item {
        width: 48% ;
    }

    .Join_Us_banenr .Join_Us_list .Join_Us_item {
        width: 100% ;
    }

    .Dynamic_list_information .out .box .img {
        width: 100% ;
    }

    .Dynamic_list_information .out .box .text {
        width: 100% ;
        margin-top: 2rem ;
    }

    .Dynamic_list_information .block_list {
        justify-content: space-between ;
    }

    .Dynamic_list_information .block_list .block_item {
        width: 48% ;
    }

    .Get_Help_Immediately .out .box {
        width: 100% ;
    }

    .News_Details_section .Pagination_out_list {
        flex-wrap: wrap ;
        gap: 2rem 0px ;
    }

    .News_Details_section .Pagination_out_list .Pagination_out_item {
        width: 100% ;
    }

    .News_Details_banner .text h2 {
        font-size: 3.6rem ;
    }
    
}

@media (max-width: 390px) {
    html {
        font-size: calc(100vw / 42);
    }

    .banner_section .list .item {
        width: 100% ;
    }

    .Selection_section .out .box {
        width: 100% ;
    }

    .Certificate_Honor .out {
        justify-content: space-between ;
    }

    .Certificate_Honor .out .box {
        width: 48% ;
    }

    .Course_section .out .box .list .item {
        width: 100% ;
    }

    .public_title .left .list .line {
        display: none ;
    }

    #footer .Top_list_out ul {
        flex-wrap: wrap ;
        justify-content: space-between ;
    }

    #footer .Top_list_out ul li {
        width: 48% ;
        margin: 0px ;
    }

    #footer .Top_list_out ul li:nth-child(3) {
        width: 100% ;
        margin-top: 1rem ;
    }

    #footer .Top_list_out .img {
        width: 32% ;
    }

    .banner_section .title h2 {
        font-size: 3rem ;
    }

    .Psychology_text .out {
        justify-content: space-between ;
    }

    .Psychology_text .out .box {
        width: 48% ;
    }

    .Dynamic_list_information .block_list .block_item{
        width: 100% ;
    }

}